/* Nav flutuante em pílula de vidro neutro; js/nav.js põe .nv-dark ou .nv-light conforme a seção sob ela. */
html body header.nav{top:10px;left:10px;right:10px;bottom:auto;inset:10px 10px auto 10px;border:0!important;border-radius:15px;
  background:rgba(245,245,245,.55)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  box-shadow:0 1px 2px rgba(0,0,0,.03);padding-top:0;
  color:var(--ink)!important;transition:background-color .35s,color .35s}
html body header.nav.nv-dark{background:rgba(30,30,32,.35)!important;color:#fff!important}
html body header.nav>.wrap{height:58px;max-width:none;padding-left:24px;padding-right:9px}
html body header.nav .menu{font-size:13px}
html body header.nav .logo.sig img{height:46px;width:auto;filter:brightness(0);transition:filter .35s}
html body header.nav.nv-dark .logo.sig img{filter:brightness(0) invert(1)}
html body header.nav .menu,html body header.nav .nav-r{align-items:center}
html body header.nav .btn.bx{padding:7px 18px;white-space:nowrap}
html body header.nav.nv-dark .btn.bx.bx{--base:#fff;--ink-on:var(--ink);background:#fff;color:var(--ink)}
html body header.nav.nv-light .btn.bx.bx{--base:var(--ink);--ink-on:#fff;background:var(--ink);color:#fff}
html body header.nav.nv-dark .mbtn{background:rgba(255,255,255,.16);color:#fff}
html body header.nav.nv-light .mbtn{background:rgba(21,22,24,.07);color:var(--ink)}
@media (max-width:1000px){
  html body header.nav.open{background:rgba(245,245,245,.55)!important;color:var(--ink)!important}
  html body header.nav.open .logo.sig img{filter:brightness(0)}
  html body header.nav.open .btn.bx.bx{--base:var(--ink);--ink-on:#fff;background:var(--ink);color:#fff}
  html body header.nav.open .mbtn{background:rgba(21,22,24,.07);color:var(--ink)}
  html body header.nav .mmenu{position:absolute;top:calc(100% + 10px);left:0;right:0;border-radius:15px;
    background:rgba(246,246,246,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.03)}
  html body header.nav .mmenu .wrap{padding:6px 22px 14px}
  html body header.nav .mmenu a{border-bottom-color:rgba(21,22,24,.08)}
  html body header.nav .mbtn{padding:7px 14px}
}
@media (max-width:680px){
  html body header.nav>.wrap{height:50px;padding-left:16px;padding-right:6px}
  html body header.nav .logo.sig img{height:40px}
  html body header.nav .btn.bx{padding:7px 13px;font-size:12px}
}