/* V20 — Navbar: oscuro en tema normal, claro solo en tema claro. */
:root{--x-nav-paper:#151922;--x-nav-ink:#f3f6ff}
body:not(.light) #site-header,
body:not(.light) #site-header.is-scrolled,
body:not(.light).inner-page #site-header{
  background:#151922!important;
  color:#f3f6ff!important;
  border:1px solid rgba(180,200,250,.19)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.30)!important;
}
body:not(.light) #site-header>a strong{color:#5b93ff!important}
body:not(.light) #site-header>a small{color:#a4b3cb!important}
body:not(.light) #site-header #nav{background:#282d39!important;color:#d0d8e9!important}
body:not(.light) #site-header #nav a{color:#d0d8e9!important}
body:not(.light) #site-header #nav a.active,
body:not(.light) #site-header #nav a[aria-current="page"]{background:#3269ef!important;color:#fff!important}
body:not(.light) #site-header #nav a:hover{background:#3a4254!important;color:#fff!important}
body:not(.light) #site-header .headright,
body:not(.light) #site-header .headright>a,
body:not(.light) #site-header .headright button,
body:not(.light) #site-header #language-select{color:#e2e8f3!important}
body:not(.light) #site-header #language-select{background:#282d39!important;border:1px solid #41495b!important}
body:not(.light) #site-header #language-select option{color:#202735!important;background:#fff!important}
body.light #site-header,
body.light #site-header.is-scrolled,
body.light.inner-page #site-header{
  background:#f7f9fc!important;
  color:#222b3e!important;
  border:1px solid rgba(36,53,82,.10)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.12)!important;
}
body.light #site-header #nav{background:#e9ebef!important}
body.light #site-header #nav a{color:#616a79!important}
body.light #site-header #nav a.active,
body.light #site-header #nav a[aria-current="page"]{background:#d5e0fb!important;color:#245add!important}
body.light #site-header #nav a:hover{background:#dce3ef!important;color:#234eac!important}
body.light #site-header .headright,
body.light #site-header .headright>a,
body.light #site-header .headright button,
body.light #site-header #language-select{color:#505d72!important}
body.light #site-header #language-select{background:transparent!important;border:0!important}
@media(max-width:850px){
  body:not(.light) #site-header #nav,
  body:not(.light) #site-header #nav.open{background:#202633!important;border:1px solid #41495b!important;box-shadow:0 18px 30px #0008!important}
  body.light #site-header #nav,
  body.light #site-header #nav.open{background:#f7f9fc!important;border:1px solid #dce3ef!important}
  body:not(.light) #site-header #menu{color:#e2e8f3!important}
  body.light #site-header #menu{color:#202c40!important}
}