/* =========================================================
   ITECH — CSS COMPLETO
   Menú institucional + botón Biografía + redes del Simposio
   ========================================================= */


/* =========================================================
   1. MENÚ INSTITUCIONAL ITECH
   Normal: blanco
   Hover y sección activa: amarillo
   Sin líneas inferiores
   ========================================================= */

/* Estado normal */
.itech-institutional header nav a,
.itech-institutional .itech-nav a,
.itech-institutional .itech-main-nav a,
.itech-institutional .itech-menu a {
    color: #ffffff !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
    text-decoration: none !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* Evitar que WordPress pinte todos los enlaces como actuales */
.itech-institutional header nav .current-menu-item > a,
.itech-institutional header nav .current-menu-ancestor > a,
.itech-institutional .itech-nav .current-menu-item > a,
.itech-institutional .itech-nav .current-menu-ancestor > a,
.itech-institutional .itech-main-nav .current-menu-item > a,
.itech-institutional .itech-main-nav .current-menu-ancestor > a,
.itech-institutional .itech-menu .current-menu-item > a,
.itech-institutional .itech-menu .current-menu-ancestor > a {
    color: #ffffff !important;
}

/* Quitar subrayados y líneas creadas con pseudoelementos */
.itech-institutional header nav a::before,
.itech-institutional header nav a::after,
.itech-institutional .itech-nav a::before,
.itech-institutional .itech-nav a::after,
.itech-institutional .itech-main-nav a::before,
.itech-institutional .itech-main-nav a::after,
.itech-institutional .itech-menu a::before,
.itech-institutional .itech-menu a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hover amarillo institucional */
.itech-institutional header nav a:hover,
.itech-institutional .itech-nav a:hover,
.itech-institutional .itech-main-nav a:hover,
.itech-institutional .itech-menu a:hover {
    color: #ffd23f !important;
}

/* Navegación mediante teclado */
.itech-institutional header nav a:focus-visible,
.itech-institutional .itech-nav a:focus-visible,
.itech-institutional .itech-main-nav a:focus-visible,
.itech-institutional .itech-menu a:focus-visible {
    color: #ffd23f !important;
    outline: 2px solid #ffd23f !important;
    outline-offset: 4px !important;
}


/* =========================================================
   2. SECCIÓN ACTIVA SEGÚN EL ANCLA
   ========================================================= */

.itech-institutional:has(#inicio:target)
a[href$="#inicio"],

.itech-institutional:has(#instituto:target)
a[href$="#instituto"],

.itech-institutional:has(#areas:target)
a[href$="#areas"],

.itech-institutional:has(#publicaciones:target)
a[href$="#publicaciones"],

.itech-institutional:has(#alianzas:target)
a[href$="#alianzas"],

.itech-institutional:has(#contacto:target)
a[href$="#contacto"] {
    color: #ffd23f !important;
}

/* Inicio activo cuando la dirección no contiene ancla */
.itech-institutional:not(:has(:target))
a[href$="#inicio"] {
    color: #ffd23f !important;
}


/* =========================================================
   3. BOTÓN SIMPOSIO 2026 DEL MENÚ INSTITUCIONAL
   ========================================================= */

.itech-institutional header nav a[href*="simposio-2026"],
.itech-institutional .itech-nav a[href*="simposio-2026"],
.itech-institutional .itech-main-nav a[href*="simposio-2026"],
.itech-institutional .itech-menu a[href*="simposio-2026"] {
    color: #071829 !important;
    background: #ffd23f !important;
    border: 1px solid #ffd23f !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Hover del botón Simposio */
.itech-institutional header nav a[href*="simposio-2026"]:hover,
.itech-institutional .itech-nav a[href*="simposio-2026"]:hover,
.itech-institutional .itech-main-nav a[href*="simposio-2026"]:hover,
.itech-institutional .itech-menu a[href*="simposio-2026"]:hover {
    color: #071829 !important;
    background: #ffe06a !important;
    border-color: #ffe06a !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(255, 210, 63, 0.20) !important;
}