/* =====================================================
   ARCHIVO GENERAL SAN JUAN — gsj-overrides.css

   Adaptaciones del San Juan Design System a este sitio.
   NO editar css/sanjuan-design-system.css: ese archivo es la
   copia sincronizada del DS y se pisa en cada actualización.
   Todo lo que el Archivo necesite cambiar del DS va acá.

   Cargar SIEMPRE después de css/sanjuan-design-system.css.
   ===================================================== */

/* ─── Header: menú mobile ────────────────────────────────────────────────
   Colapsado, el nav mide 0 (grid-template-rows: 0fr) pero sus links siguen
   en el orden de tabulación: con el menú cerrado el foco desaparece de la
   pantalla. visibility los excluye; el delay deja terminar el fade antes
   de ocultar.                                                            */
.gsj-header__mobile-nav {
  visibility: hidden;
  transition:
    grid-template-rows 250ms cubic-bezier(0, 0, 0.2, 1),
    opacity 250ms cubic-bezier(0, 0, 0.2, 1),
    visibility 0s linear 250ms;
}

.gsj-header__mobile-nav.is-open {
  visibility: visible;
  transition-delay: 0s;
}

/* ─── Header: color del ítem activo ──────────────────────────────────────
   El DS pinta el link activo con --gsj-color-primary: naranja sobre blanco
   a 15px da 2,99:1 y AA pide 4,5:1. --gsj-color-primary-text es el token
   que el propio DS define para texto (6,64:1). El subrayado naranja sigue
   siendo el indicador de estado, así que no se pierde la señal.           */
.gsj-header__nav-link.is-active,
.gsj-header__mobile-nav-link.is-active {
  color: var(--gsj-color-primary-text);
}

/* ─── Header: nav en pantallas justas ────────────────────────────────────
   El logo del Archivo ("Archivo General de la Provincia y Sistema
   Provincial de Archivos") ocupa mucho más que el del portal base, así que
   entre 1024 y 1200px el nav se comprime en vez de desbordar.            */
@media (min-width: 1024px) and (max-width: 1200px) {
  .gsj-header__nav-list { gap: 8px; }

  .gsj-header__nav-link {
    padding: 0 8px;
    font-size: 0.875rem;
  }
}