/* ============================================================
   NAV — Barra de 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);
  -webkit-backdrop-filter: blur(12px);
  border-bottom   : .5px solid rgba(255,255,255,.08);
  transition      : box-shadow .3s;
}
.nav.scrolled { box-shadow: 0 4px 24px rgba(13,34,68,.4) }

.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;
}

/* ----- Logo ----- */
.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;
}

/* ----- Links ----- */
.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,
.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 }

/* ----- Burger (mobile) ----- */
.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) }