/* Menú principal con cinco enlaces (19-oct-2026). Se carga después de pages.css.
   - 1241 px o más: como siempre.
   - De 1041 a 1240 px: algo más compacto, en una sola línea.
   - De 769 a 1040 px: el mismo menú plegado que en el móvil. */
.site-header .site-nav__links li a { white-space: nowrap; }

@media (max-width: 1240px) and (min-width: 1041px) {
  .site-header .site-nav,
  .site-header .site-nav__links { gap: var(--space-4); }
  .site-header:not(.ls-header) .site-nav__links li a { letter-spacing: 0.12em; }
}

@media (max-width: 1040px) and (min-width: 769px) {
  .site-header .burger { display: flex; }

  .site-header .site-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--color-ivory);
    border-top: var(--line-thin) solid var(--color-line);
    border-bottom: var(--line-thin) solid var(--color-line);
    padding: var(--space-5) var(--container-pad);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
  }

  .site-header.ls-header .site-nav {
    background: var(--ls-cream);
    border-top-color: var(--ls-hair);
    border-bottom-color: var(--ls-hair);
  }

  .site-header .nav-toggle:checked ~ .site-nav { display: flex; }

  .site-header .site-nav__links {
    flex-direction: column;
    gap: var(--space-3);
    align-items: flex-start;
    width: 100%;
  }
}