/* ============================================================
   LogiRed — Ajuste del navbar

   Reemplaza a nav.v6.css, que existía por una sola razón: el ítem
   "Presentaciones San Antonio" era tan largo que obligaba a adelantar
   el menú hamburguesa de 860px a 1010px. Ese ítem ahora dice
   "Presentaciones" y apunta a presentaciones.html, así que aquel
   punto de quiebre quedó descalibrado —mandaba al hamburguesa un
   panel entero de ancho antes de tiempo.

   Archivo nuevo y versionado en vez de editar el anterior: nav.v6.css
   ya está cacheado en los navegadores de los visitantes y el ajuste
   no se vería hasta que expirara.
   ============================================================ */

/* Ningún enlace del menú debe partirse en dos líneas: "El Congreso" y
   "Presentaciones" lo hacen al apretarse, y se montan sobre el logo. */
@media (min-width: 901px) {
  .nav__links > a:not(.btn) { white-space: nowrap; }
}

/* Entre 901 y 1080px los seis enlaces más el logo y el botón no caben con el
   gap de 24px del original; ahí se aprieta. Sobre 1080px sobra espacio. */
@media (min-width: 901px) and (max-width: 1080px) {
  .nav__links { gap: 15px; }
  .nav__links > a:not(.btn) { font-size: 15px; }
}

/* ---------- El menú hamburguesa se adelanta de 860px a 900px ----------
   El menú tiene seis enlaces, no los cinco que contemplaba logired.v5.css.
   Estas reglas son las mismas que esa hoja aplica bajo 860px, repetidas en la
   franja de 861 a 900 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: 900px) {
  .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); }
}