/* ============================================================
   Corrección del menú móvil — codigopbip.com (ZCode 2026-08-23)
   El desplegable móvil se abría en blanco con texto invisible.
   Se fuerza fondo azul de marca con texto blanco legible.
   ============================================================ */

/* Fondo del panel desplegable móvil */
#tm-dialog-mobile.uk-dropbar,
#tm-dialog-mobile .uk-dropbar,
.uk-dropbar#tm-dialog-mobile {
    background-color: #0A2342 !important;
    background-image: none !important;
    color: #ffffff;
    max-height: 78vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Enlaces del menú principal */
#tm-dialog-mobile .uk-nav a,
#tm-dialog-mobile .uk-nav > li > a {
    color: #ffffff !important;
    font-size: 17px;
    padding: 12px 4px;
}

/* Submenús */
#tm-dialog-mobile .uk-nav-sub a {
    color: #C9D6E3 !important;
    font-size: 15px;
}

/* Hover / activo en dorado de marca */
#tm-dialog-mobile .uk-nav a:hover,
#tm-dialog-mobile .uk-nav li.uk-active > a,
#tm-dialog-mobile .uk-nav a:focus-visible {
    color: #D4AF37 !important;
}

/* Flechas de los acordeones */
#tm-dialog-mobile [uk-nav-parent-icon] svg,
#tm-dialog-mobile .uk-nav-parent-icon svg {
    color: #D4AF37;
}

/* Separadores */
#tm-dialog-mobile .uk-nav-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Otros diálogos móviles del header (búsqueda, etc.) con el mismo tratamiento */
.tm-header-mobile .uk-dropbar {
    background-color: #0A2342 !important;
}