/* Quiet top bar: brand mark left, literal Spanish section links, teal
   underline on the active section. The nav renders only sections that
   exist — links accrete as slices land. */
.topbar { border-bottom: 1px solid var(--border); }
.topbar-inner {
  display: flex; align-items: center; gap: var(--sp-lg);
  min-height: 56px; flex-wrap: wrap; padding-block: var(--sp-xs);
}
.brand {
  font-weight: 700; font-size: 1.1875rem; letter-spacing: -0.01em;
  color: var(--primary-deep); text-decoration: none;
}
.brand:hover { color: var(--primary); }
.nav { display: flex; gap: var(--sp-md); margin-left: auto; }
.nav a {
  color: var(--ink); text-decoration: none; font-weight: 500;
  font-size: 0.9375rem; padding: var(--sp-xs) var(--sp-2xs);
  border-bottom: 2px solid transparent;
}
.nav a:hover { color: var(--primary-deep); }
.nav a[aria-current="page"] { color: var(--primary-deep); border-bottom-color: var(--primary); }

@media (max-width: 640px) {
  .nav { gap: var(--sp-sm); margin-left: 0; width: 100%; overflow-x: auto; padding-bottom: 2px; }
}