/* ===================================
   GCAS COMPLETE CUSTOM CSS
   ===================================
/* ===================================
   FIX: Eliminar subrayados no deseados
   =================================== */

/* Enlaces de navegación de cabecera */
.nav-menu a,
.nav-menu > li > a,
.nav-menu .sub-menu a,
header a,
.site-header a {
    text-decoration: none !important;
}

/* Botones Login y Apply */
.nav-cta,
.nav-cta-outline,
.btn-login
.btn-apply,
a[href*="alumno-iniciar sesión"],
a[href*="/aplicar"] {
    text-decoration: none !important;
}

/* Botón Hero CTA (Reservar una llamada de orientación) */
.hero-cta,
.hero-cta a,
a[href*="book-a-meeting"],
.btn
.button
a.btn,
a.button {
    text-decoration: none !important;
}
*/

/* Ocultar los títulos por defecto de las páginas de WordPress */
.page .entry-title,
.page-title,
h1.entry-title {
    display: none;
}

/* Ocultar botones compartir/me gusta */
.sharedaddy,
.sd-sharing,
.sd-like,
.share-this
.likes-widget,
.post-likes-widget,
.compartir,
.share-buttons {
    display: none !important;
}

/* Añadir espacio a los héroes de página personalizados */
.films-page,
.lectures-page,
.financial-page,
.testimonios-página,
.about-page,
.admissions-page {
    margin-top: 40px;
}

/* Ocultar los menús desplegables por defecto */
.nav-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%
    left: 0;
    fondo: #0a0a0a;
    min-anchura: 220px;
    acolchado: 10px 0;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    z-index: 1000;
}

/* Show dropdown on hover */
.nav-menu li:hover > .sub-menu {
    display: block;
}

/* Estilizar elementos desplegables */
.nav-menu .sub-menu li {
    display: block;
}

.nav-menu .sub-menu a {
    display: block;
    padding: 10px 20px;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    transition: background 0.2s ease;
}

.nav-menu .sub-menu a:hover {
    fondo: rgba(22, 155, 98, 0.2);
    color: #169B62;
}

/* Posicionamiento del menú principal */
.nav-menu > li {
    position: relative;
}

/* Espaciado más generoso */
.nav-menu > li {
    margin: 0 25px;
}

.nav-menu > li > a {
    padding: 12px 20px;
}

/* Cambiar el color del menú principal a azul */
.nav-menu > li > a {
    color: #4A90D9;
}

.nav-menu > li > a:hover {
    color: #6BB3FF;
}

/* Cambiar el botón Aplicar ahora a azul */
.nav-cta {
    border-color: #4A90D9;
    color: #4A90D9;
}

.nav-cta:hover {
    fondo: #4A90D9;
    color: #ffffff;
}

/* ===================================
   DESKTOP - Desplegables de segundo nivel
   =================================== */

@media screen and (min-width: 1000px) {
    .sub-menu .sub-menu {
        display: none;
        position: absolute;
        izquierda: 100%;
        top: 0;
        fondo: #1a1a2e;
        min-width: 200px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    }

    .sub-menu li:hover > .sub-menu {
        display: block;
    }

    .sub-menu .sub-menu li {
        position: relative;
    }

    .sub-menu .sub-menu a {
        padding: 12px 20px;
        display: block;
        color: #fff;
        text-decoration: none;
    }

    .sub-menu .sub-menu a:hover {
        background: #169B62;
    }

    /* Flecha indicadora para elementos con hijos */
    .menu-item-has-children > a::after {
        content: ' ▸';
    }
}

/*
 * /* ===================================
   MENÚ MÓVIL - TODOS LOS ELEMENTOS VISIBLES
   =================================== */

@media screen and (max-width: 999px) {
    
    /* Mostrar TODOS los submenús - no toggling */
    .sub-menu
    .sub-menu
    .menu-item-has-children > .sub-menu {
        display: block !important;
        position: static !important;
        anchura: 100% !importante;
        fondo: transparente !importante;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Estilizar elementos de primer nivel */
    .nav-menu > li > a
    .menu > li > a {
        font-size: 1.1rem;
        font-weight: 600;
        padding: 15px 20px !important;
    }
    
    /* Estilo de los elementos desplegables de primer nivel - sangría */
    .sub-menu > li > a {
        padding: 12px 20px 12px 35px !important;
        font-size: 1rem;
        color: #333 !important;
    }
    
    /* Estilo de los elementos desplegables de segundo nivel - más sangría */
    .sub-menu .sub-menu > li > a {
        padding: 10px 20px 10px 55px !important;
        font-size: 0.95rem;
        color: #555 !important;
    }
    
    /* Quitar flechas ya que todo es visible */
    .menu-item-has-children > a::after {
        display: none !important;
        content: none !important;
    }
    
    /* Añadir un sutil separador entre secciones */
    .nav-menu > li {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    
    /* Hacer el menú desplazable */
    .mobile-menu
    .mobile-navigation,
    [class*="mobile-menu"] {
        max-height: 85vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 100px !important;
    }
}
```

Haga clic en **Publicar**.

---

## Resultado:

El menú móvil mostrará **todo expandido**:
```
Inicio
Acerca de
    Acerca de GCAS
    Equipo
    ...
Académico
    Admisiones
    Financiación
    Profesorado
        Profesorado
        Facultad de BA
        Profesorado de Postgrado
        Investigadores
        Profesorado afiliado
    ...
Programas de Grado
    Licenciatura en Estudios Interdisciplinarios
    Máster en Filosofía
    ...
/* Corrección del desplazamiento del menú para móviles */
.mobile-menu,
.menu-container,
.nav-menu {
    overflow-y: auto !important;
    max-height: 100vh !important;
    -webkit-overflow-scrolling: touch;
}
.nav-menu.active {
    overflow-y: auto !important;
    max-height: 90vh !important;
    -webkit-overflow-scrolling: touch;
}
//* Mobile Menu Scroll Fix */
@media (max-width: 900px) {
    .nav-menu.active {
        position: fixed !important;
        top: 0 !important
        left: 0 !important;
        width: 100% !important;
        altura: 100vh !importante;
        max-height: 100vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-top: 80px !important;
        padding-bottom: 120px !important;
        box-sizing: border-box !important;
    }
}
@media (max-width: 991px) {
    .mobile-menu-overlay.active {
        position: fixed !important;
        top: 0 !important
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        ancho: 100vw !importante;
        altura: 100vh !importante;
        min-height: 100% !important;
        fondo: #d1dce5 !importante;
        z-index: 999999 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    body.mobile-menu-open {
        overflow: hidden !important;
        position: fixed !important;
        anchura: 100% !importante;
    }
}
/* ============================================
   GCAS Tema CSS Correcciones
   Añade esto a Apariencia → Personalizar → CSS adicional.
   O añadir al archivo main.css de su tema
   ============================================ */

/* ============================================
   1. MARQUEE CONTINUO - Sin Tartamudeo
   ============================================ */

.marquee-section {
    padding: 15px 0;
    fondo: var(--color-accent, #4a90d9);
    overflow: oculto;
    position: relative;
}

.marquee {
    display: flex;
    gap: 0;
    animation: marquee-scroll 25s linear infinite;
    anchura: max-content;
}

.marquee-item {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
    padding-right: 40px;
}

.marquee-text {
    font-family: var(--font-display, 'Cormorant Garamond', serif);
    font-size: 1.1rem;
    font-weight: 400;
    espacio en blanco: nowrap;
    color: #ffffff;
}

.marquee-dot {
    anchura: 6px;
    altura: 6px;
    background: #e53935;
    border-radius: 50%;
    flex-shrink: 0;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pausa al pasar el ratón por encima */
.marquee-section:hover .marquee {
    animation-play-state: pausado;
}


/* ============================================
   2. SECCIÓN FACULTAD - Corrección de la alineación central
   ============================================ */

.faculty-section .container
.faculty .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.faculty-grid {
    mostrar: cuadrícula;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    separación 30px
    justify-content: center;
    ancho máximo: 1200px;
    margin: 0 auto;
}

/* Si sólo hay 2-3 fichas de facultad, céntrelas */
.faculty-grid {
    justify-items: center;
}

.faculty-card {
    anchura: 100%;
    max-width: 350px;
}

/* Asegúrese de que el encabezado de la sección está centrado */
.faculty-section .section-header,
.faculty .section-header {
    text-align: center;
    margin-bottom: 50px;
}


/* ============================================
   3. VOCES ESTUDIANTES - Altura fija
   ============================================ */

.sección-testimonios
.student-voices-section {
    posición: relativa;
    overflow: hidden;
}

.testimonials-carousel
.student-voices-carousel {
    position: relative;
    min-height: 350px; /* Altura mínima fija */
    display: flex;
    align-items: center;
}

.testimonial-card
.student-voice-card {
    position: absolute;
    top: 0;
    left: 0;;
    derecha: 0;
    opacidad: 0;
    visibilidad: oculto;
    transición: opacidad 0,6s ease, visibilidad 0,6s ease;
    altura mínima: 300px;
    mostrar: flex;
    flex-dirección: columna;
    justify-content: center;
    padding: 40px;
}

.testimonial-card.active
.student-voice-card.active {
    position: relative;
    opacidad: 1;
    visibilidad: visible;
}

/* Texto de la cita - limitar a una altura coherente */
.testimonial-quote,
.student-voice-quote {
    font-family: var(--font-display, 'Cormorant Garamond', serif);
    font-size: 1.4rem;
    estilo de fuente: cursiva;
    altura de línea: 1,6;
    margin-bottom: 30px;
    altura máxima: 200px;
    overflow: oculto;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

/* Contenedor de puntos de navegación */
.testimonial-dots
.student-voices-dots {
    display: flex;
    justify-content: center;
    separación: 10px;
    margin-top: 30px;
}

.testimonial-dot
.student-voice-dot {
    anchura: 12px;
    altura: 12px;
    border-radius: 50%;
    fondo: rgba(0, 0, 0, 0.2);
    borde: ninguno;
    cursor: puntero;
    transición: background 0.3s ease, transform 0.3s ease;
}

.testimonial-dot.active
.student-voice-dot.active {
    fondo: var(--color-acento, #4a90d9);
    transformar: scale(1.2);
}

/* Ajustes adaptables */
@media (max-width: 768px) {
    .testimonios-carrusel
    .student-voices-carousel {
        min-height: 400px;
    }
    
    .testimonial-quote,
    .student-voice-quote {
        font-size: 1.2rem;
        -webkit-line-clamp: 8;
    }
}

.degrees-section, .academic-programs, .programs-section { background-color: #2a2a4e !important; }

/* GCAS - Elfsight Team Showcase (sólo este widget): sustituir URLs largas por CTA */
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="calendar.app.google"],
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="shorturl.at"]{
  font-size: 0 !important; /* oculta el texto de la URL */
  text-decoration: none !important; /* elimina el subrayado */
  color: transparent !important; /* evita el texto “fantasma” */
}

.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="calendar.app.google"]::after,
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="shorturl.at"]::after{
  content: "Reúnase con el investigador del GCAS →";
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  padding: 10px 14px;
  border-radius: 999px;
  borde: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.10);
  color: #ffffff;
}

/* GCAS - Widget de entrevista Elfsight: sustitución de URL largas por botones CTA */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]{
  font-size: 0 !important;
  text-decoration: none !important;
  color: transparente !importante;
}

/* Mostrar etiqueta de botón */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]::after{
  content: "Seleccionar entrevistador →";
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  altura de línea: 1.2;
  padding: 10px 14px;
  border-radius: 999px;
  borde: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.10);
  color: #ffffff;
}

/* Pulido Hover/focus */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:focus::after{
  background: rgba(255,255,255,.18);
  transformar: translateY(-1px);
}
/* Alternativa: Enfocar todos los submenús anidados */
.sub-menu > li {
    position: relative;
}

.sub-menu > li > .sub-menu {
    top: 0 !important;
    margin-top: 0 !important;
}
/* Arreglo completo de marquesina - desplazamiento infinito sin interrupciones */
.marquee-section {
    overflow: hidden !important;
}

.marquee {
    display: flex !important;
    width: max-content !important;
    animation: seamless-scroll 25s linear infinite !important;
}

.marquee-item {
    display: flex !important;
    align-items: center !important;
    gap: 60px !important;
    flex-shrink: 0 !important;
    padding-right: 60px !important;
}

@keyframes seamless-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% / 3));
    }
}
.page-title,
   .entry-title {
       display: none;
.faculty-back {
    position: relative;
    z-index: 100;
}