/* ============================================================
   NAV — Navegação
   ============================================================ */

.nav {
  position: fixed; 
  top: 0; 
  left: 0; 
  right: 0; 
  z-index: 900;
  height: var(--nav-h);
  background: rgba(13,34,68,.97);
  backdrop-filter: blur(12px);
  border-bottom: .5px solid rgba(255,255,255,.08);
}

.nav__inner {
  max-width: var(--cw); 
  margin: 0 auto; 
  padding: 0 32px;
  height: 100%; 
  display: flex; 
  align-items: center;
  justify-content: space-between; 
  gap: 32px;
}

.nav__logo { 
  display: flex; 
  flex-direction: column; 
  line-height: 1; 
  gap: 1px; 
  flex-shrink: 0; 
}

.nav__logo-top { 
  font-family: var(--fs); 
  font-size: 17px; 
  font-weight: 600; 
  color: #fff; 
}

.nav__logo-bot { 
  font-family: var(--fs); 
  font-size: 17px; 
  font-weight: 600; 
  color: var(--teal); 
}

.nav__logo-sub { 
  font-family: var(--fcond); 
  font-size: 8px; 
  letter-spacing: 3px; 
  color: rgba(255,255,255,.3); 
  margin-top: 3px; 
}

.nav__links { 
  display: flex; 
  align-items: center; 
  gap: 4px; 
}

.nav__link {
  font-family: var(--fcond); 
  font-size: 11.5px; 
  font-weight: 500;
  letter-spacing: 1.2px; 
  text-transform: uppercase;
  color: rgba(255,255,255,.65); 
  padding: 7px 13px; 
  border-radius: 4px;
  transition: color .2s, background .2s;
}

.nav__link:hover { 
  color: #fff; 
  background: rgba(255,255,255,.06); 
}

.nav__link.active { 
  color: #fff; 
  background: rgba(255,255,255,.06); 
}

.nav__link--cta { 
  background: var(--teal); 
  color: var(--navy) !important; 
  font-weight: 600; 
  margin-left: 6px; 
}

.nav__link--cta:hover { 
  background: var(--teal-dk) !important; 
  color: #fff !important; 
}

.nav__burger { 
  display: none; 
  flex-direction: column; 
  gap: 5px; 
  background: none; 
  border: none; 
  padding: 6px; 
}

.nav__burger span { 
  display: block; 
  width: 24px; 
  height: 1.5px; 
  background: #fff; 
  transition: transform .25s, opacity .25s; 
}

.nav__burger.open span:nth-child(1) { 
  transform: translateY(6.5px) rotate(45deg); 
}

.nav__burger.open span:nth-child(2) { 
  opacity: 0; 
}

.nav__burger.open span:nth-child(3) { 
  transform: translateY(-6.5px) rotate(-45deg); 
}