/* Barra do topo em "liquid glass": vidro translúcido com desfoque forte, reflexo na borda e brilho interno.
   Mantém um tom marinho para o texto branco seguir legível sobre as partes claras do site. Usado em todas as páginas. */
.nav .nav-in{
  background:linear-gradient(135deg,rgba(36,42,82,.74) 0%,rgba(36,42,82,.62) 55%,rgba(42,117,197,.52) 100%);
  -webkit-backdrop-filter:blur(22px) saturate(1.9);backdrop-filter:blur(22px) saturate(1.9);
  border:1px solid rgba(255,255,255,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.10),inset 0 0 22px rgba(127,184,233,.20),0 12px 36px rgba(23,27,58,.26);
  position:relative;overflow:hidden;isolation:isolate
}
/* reflexo de luz na metade de cima, como um vidro curvo */
.nav .nav-in::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.03) 45%,rgba(255,255,255,0) 60%),
             radial-gradient(120% 140% at 15% -20%,rgba(255,255,255,.10),rgba(255,255,255,0) 50%)}
.nav .nav-links a:hover,.nav .nav-back:hover,.nav .menu-btn:hover{background:rgba(255,255,255,.16)}
/* botão Conversar: vidro azul-claro com volume */
.nav .nav-cta{
  background:linear-gradient(180deg,rgba(176,213,245,.96) 0%,rgba(127,184,233,.90) 100%);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -3px 8px rgba(42,117,197,.30),0 4px 16px rgba(127,184,233,.35);
  transition:transform .3s cubic-bezier(.2,.75,.15,1),box-shadow .3s
}
.nav .nav-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -3px 8px rgba(42,117,197,.30),0 8px 22px rgba(127,184,233,.5)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .nav .nav-in{background:rgba(36,42,82,.9)} }