/* Navegación principal, sin alterar el menú del pie ni los textos editoriales. */
.site-header .nav { align-items:center; gap:5px; }
.site-header .nav a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:10px 14px; border:1px solid transparent;
  border-radius:7px; font-size:14px; font-weight:600; letter-spacing:.025em;
  line-height:1.3; white-space:nowrap; position:relative;
  transition:background-color .18s,color .18s,border-color .18s;
}
.site-header .nav a::after {
  content:""; position:absolute; bottom:5px; left:calc(50% - 9px);
  width:18px; height:2px; background:var(--gold); border-radius:2px;
  opacity:0; transition:opacity .18s;
}
.site-header .nav a:hover { background:var(--sage); color:var(--green); }
.site-header .nav a:hover::after { opacity:1; }
.site-header .nav a[aria-current] {
  background:var(--green); color:#fff; border-color:var(--green);
}
.site-header .nav a[aria-current]::after { opacity:1; }
.site-header .nav a:focus-visible,
.site-header .menu-button:focus-visible {
  outline:2px solid var(--green); outline-offset:3px;
}
.site-header .menu-button {
  min-height:44px; padding:9px 16px; border:1px solid var(--line);
  border-radius:7px; background:var(--sage); color:var(--green);
  font:600 14px var(--sans); cursor:pointer;
}
.site-header .menu-button[aria-expanded="true"] { background:var(--green); color:#fff; }
@media(max-width:1100px) {
  .site-header { height:76px; }
  .site-header .menu-button { display:block; }
  .site-header .nav {
    display:none; position:absolute; top:76px; left:0; right:0;
    background:var(--paper); padding:14px 24px; flex-direction:column;
    align-items:stretch; gap:5px; border-bottom:1px solid var(--line);
    box-shadow:0 12px 18px rgba(24,55,43,.06);
    max-height:calc(100dvh - 76px); overflow-y:auto;
  }
  .site-header .nav.open { display:flex; }
  .site-header .nav a { justify-content:flex-start; padding:12px 16px; }
  .site-header .nav a::after { left:auto; right:16px; bottom:calc(50% - 1px); }
}
@media(prefers-reduced-motion:reduce) {
  .site-header .nav a,.site-header .nav a::after { transition:none; }
}