/* ============================================================
   LogiRed — Ajuste del navbar por el ítem "Presentaciones San Antonio"
   Cargado por todas las páginas, después de logired.v5.css.

   Archivo nuevo y versionado en vez de editar logired.v5.css:
   esa hoja ya está cacheada en los navegadores de los visitantes
   y el ajuste no se vería hasta que expirara.
   ============================================================ */

/* El menú pasó de cinco a seis enlaces y el sexto es largo. Entre 1041 y ~1200px
   el gap de 24px ya no da abasto, así que se aprieta ahí; sobre 1200px el original
   sigue siendo correcto. */
@media (min-width: 1011px) and (max-width: 1200px) {
  .nav__links { gap: 14px; }
  .nav__links > a:not(.btn) { font-size: 15px; }
}

/* Ningún enlace del menú debe partirse en dos líneas: "El Congreso" y
   "Presentaciones San Antonio" lo hacían y se montaban sobre el logo. */
@media (min-width: 1011px) {
  .nav__links > a:not(.btn) { white-space: nowrap; }
}

/* ---------- El menú hamburguesa se adelanta de 860px a 1010px ----------
   Con la etiqueta larga, los seis enlaces más el logo y el botón suman más ancho del
   que hay disponible bajo ~1010px: a 880px "El Congreso" se partía en dos líneas y
   chocaba con el logo. Estas reglas son las mismas que logired.v5.css aplica bajo
   860px, repetidas en la franja de 861 a 1010 —donde antes se veía el menú de
   escritorio— para que el panel desplegable tome el relevo antes.
   Se duplican en vez de editarse en el original porque esa hoja está cacheada. */
@media (max-width: 1010px) {
  .nav__toggle { display: flex; }
  .nav__links {
    position: fixed;
    top: var(--nav-h);
    left: 0; right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: var(--white);
    box-shadow: var(--shadow-md);
    padding: var(--space-2) var(--space-3) var(--space-3);
    transform: translateY(-12px);
    opacity: 0;
    visibility: hidden;
    transition: transform .25s var(--ease), opacity .25s var(--ease), visibility .25s;
  }
  .nav__links.is-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .nav__links > a:not(.btn) {
    padding: 14px 8px;
    border-bottom: 1px solid rgba(4, 44, 83, .08);
  }
  .nav__cta { margin-top: var(--space-2); }
  .nav { background: rgba(255, 255, 255, .92); }
}