/* Shared header refinement: one theme control, next to primary navigation/contact. */
.topbar{z-index:50;isolation:isolate;background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
.topbar.stuck,body.nav-open .topbar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border)}
.topbar .topbar-in{width:calc(100% - var(--pad) - var(--pad));max-width:1360px}
.topbar .mobile-panel nav a[aria-current="page"]{color:var(--accent)}
.topbar .nav{gap:clamp(10px,1.35vw,18px)}
.topbar .nav a{white-space:nowrap}
.topbar .nav a[aria-current="page"]{color:var(--text);font-weight:700}
.topbar .header-actions{display:flex;align-items:center;gap:clamp(8px,1vw,14px)}
.topbar .theme-fab{position:static;inset:auto;flex:none;display:grid;place-items:center;
  width:42px;height:42px;border-radius:50%;border:1px solid var(--border);
  background:color-mix(in srgb,var(--surface) 82%,transparent);
  color:var(--text);box-shadow:none;cursor:pointer;
  opacity:1;pointer-events:auto;
}
.topbar .theme-fab:hover{border-color:var(--accent);background:var(--surface-soft)}
.topbar .theme-fab:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}
.topbar .header-cta{margin-left:0;white-space:nowrap}
.topbar .brand{flex:none}
@media(max-width:1350px){
  .topbar .nav{display:none}
  .topbar .mobile-menu{display:block}
  .topbar .menu-toggle{display:flex}
}
@media(max-width:800px){.topbar .header-cta{display:none}}
/* On phones, retain an opaque header above scrolling content and the open menu.
   Home and Manuales share the same header component. */
@media(max-width:640px){
  .topbar,.topbar.stuck,body.nav-open .topbar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
  .topbar{border-bottom:1px solid transparent}
  .topbar.stuck,body.nav-open .topbar{border-bottom-color:var(--border)}
  .topbar .brand{margin-right:auto;min-width:0}
  .topbar .topbar-in{justify-content:space-between;gap:7px}
  .topbar .header-actions{margin-left:auto;gap:7px;flex:none}
  .topbar .theme-fab,.topbar .menu-toggle{width:42px;height:42px}
  .topbar .mobile-panel{background:var(--bg)}
}
@media(prefers-reduced-motion:reduce){
 .topbar .theme-fab{transition:none}
}