.site-header { background: var(--bg-dark); color: var(--text-inverse); }
.header-inner {
  max-width: 1160px; margin: 0 auto; padding: 14px 24px; display: flex;
  align-items: center; gap: 14px; flex-wrap: wrap;
}
.brand { color: var(--text-inverse); font-family: var(--font-head), serif; font-size: 20px; font-weight: 700; text-decoration: none; }
.age-badge {
  background: var(--accent); color: #141414; font-weight: 700; font-size: 12px;
  padding: 3px 8px; border-radius: 4px; letter-spacing: .03em;
}
nav[aria-label="Navegación principal"] { margin-left: auto; }
#main-nav { list-style: none; display: flex; gap: 18px; margin: 0; padding: 0; flex-wrap: wrap; }
#main-nav a { color: var(--text-inverse); text-decoration: none; font-size: 14px; }
#main-nav a:hover, #main-nav a[aria-current] { color: var(--accent); }
.nav-toggle { display: none; background: transparent; border: 1px solid rgba(255,255,255,.3); color: var(--text-inverse); padding: 6px 12px; border-radius: 6px; }
main { max-width: 1160px; margin: 0 auto; padding: 32px 24px 64px; }
.site-footer { background: var(--bg-dark); color: var(--text-inverse); margin-top: 48px; }
.footer-inner { max-width: 1160px; margin: 0 auto; padding: 28px 24px; font-size: 13px; }
.footer-inner p { max-width: none; opacity: .9; }
.footer-inner nav a { color: var(--text-inverse); margin-right: 4px; }
.responsible-note { border-left: 3px solid var(--accent); padding-left: 12px; }
@media (max-width: 700px) {
  .nav-toggle { display: inline-block; }
  #main-nav { display: none; flex-direction: column; width: 100%; }
  #main-nav.open { display: flex; }
}