/* ==========================================================================
   ESTILOS PARA LA BARRA SUPERIOR (Top Bar)
   ========================================================================== */

/* Asegura que todos los enlaces (incluyendo el de Transparencia) sean blancos al inicio */
.top-bar .top_menu ul#menu-top > li > a,
.top-bar .top_menu ul#menu-top > li > a * {
    color: #ffffff !important;               
    text-decoration: none;
}

/* Enlaces base con transición suave */
.top-bar .top_menu ul#menu-top > li > a {
    display: inline-block;
    transition: all 0.2s ease-in-out !important; 
}

/* EFECTO HOVER AMARILLO EN BARRA SUPERIOR */
.top-bar .top_menu ul#menu-top > li:hover > a,
.top-bar .top_menu ul#menu-top > li:hover > a * {
    color: #ffeb3b !important;               /* Amarillo brillante */
    font-weight: bold !important;            /* Texto en negrita */
}

/* Aplica el agrandamiento al enlace contenedor */
.top-bar .top_menu ul#menu-top > li:hover > a {
    transform: scale(1.08) !important;       /* Agranda un 8% */
}

/* Botón Intranet - Efecto Hover */
.top-bar .intranet a.btn-i-action {
    transition: all 0.2s ease-in-out !important;
}
.top-bar .intranet a.btn-i-action:hover {
    background: #002d42 !important;          
    transform: scale(1.05) !important;
}

/* ==========================================================================
   ESTILOS PARA EL MENÚ PRINCIPAL (La empresa, Atención al cliente, etc.)
   ========================================================================== */

/* Estado inicial: Letras blancas */
.main-menu ul#menu-header > li > a {
    color: #ffffff !important;
    display: inline-block;
    transition: all 0.25s ease-in-out !important;
}

/* CORREGIDO: Al pasar el mouse, las letras cambian a AMARILLO (No azul oscuro) */
.main-menu ul#menu-header > li:hover > a {
    color: #ffeb3b !important;               /* Ahora cambia a amarillo brillante */
    transform: scale(1.05) !important;       /* Se agranda un 5% */
    font-weight: bold !important;            /* Se pone en negrita */
}