/* ============================================================
   01 Nav
   ============================================================ */
.nav{
  position:sticky;top:0;z-index:50;background:var(--branco);
  border-bottom:1px solid var(--linha);
}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:24px;padding-block:16px}
.nav-marca{justify-self:start}
.nav-marca img{height:36px;width:auto}
.nav-toggle{justify-self:end}
.nav-links{display:flex;align-items:center;justify-self:center;gap:32px}
.nav-cta{justify-self:end}
.nav-link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:18px;font-weight:500;color:var(--navy);text-decoration:none;
  padding:8px 2px;border-bottom:2px solid transparent;
}
.nav-link:hover{border-bottom-color:var(--navy)}
.nav-link[aria-current="page"]{font-weight:600}
/* o ponto vive no link ativo, então acompanha a seção em que você está */
.nav-link[aria-current="page"]::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--rosa);flex:none;
}
.nav-link--mobile{display:none}
.nav-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 16px 12px 20px;border:1.5px solid var(--navy);border-radius:var(--r-pill);
  font-size:18px;font-weight:500;color:var(--navy);text-decoration:none;min-height:44px;
  transition:background-color .18s ease;
}
.nav-cta:hover{background:#e2e4f2}
.nav-cta svg{width:16px;height:16px}
.nav-toggle{display:none}