.cabecalho{
  position:sticky; top:0; z-index:20;
  border-bottom:1px solid var(--hair);
  background:rgba(10,9,14,0.55);
  backdrop-filter:blur(14px) saturate(140%);
}
.cabecalho__linha{
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 0;
}
.cabecalho__logo{
  font-family:var(--fonte-titulo);
  font-size:1.4rem; font-weight:600; letter-spacing:0.03em;
  text-decoration:none; display:flex; align-items:center; gap:10px;
  white-space:nowrap;
}
.cabecalho__logo::before{
  content:''; width:6px; height:6px; border-radius:50%;
  background:var(--mint); box-shadow:0 0 10px 2px rgba(123,232,196,0.7);
  display:inline-block;
}
.cabecalho__logo span{
  font-style:italic; font-weight:500;
  background:linear-gradient(90deg, var(--pink), var(--lavender));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.cabecalho__nav-desktop{ display:flex; gap:34px; }
.cabecalho__nav-desktop a{
  position:relative; color:var(--muted); text-decoration:none;
  font-size:0.84rem; letter-spacing:0.02em; transition:color .25s ease;
}
.cabecalho__nav-desktop a::after{
  content:''; position:absolute; left:0; bottom:-6px; width:0; height:1px;
  background:linear-gradient(90deg, var(--mint), var(--pink));
  transition:width .3s ease;
}
.cabecalho__nav-desktop a:hover{ color:var(--white); }
.cabecalho__nav-desktop a:hover::after{ width:100%; }

.cabecalho__acoes{ display:flex; align-items:center; gap:18px; }

.cabecalho__botao-menu{
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; cursor:pointer; padding:8px;
}
.cabecalho__botao-menu span{
  width:22px; height:1.5px; background:var(--white); display:block;
}

.menu-mobile{
  position:fixed; inset:0; z-index:50;
  background:var(--bg-0);
  display:flex; flex-direction:column;
  padding:28px 28px;
  transform:translateX(100%);
  transition:transform .35s ease;
}
.menu-mobile.esta-aberto{ transform:translateX(0); }
.menu-mobile__fechar{
  align-self:flex-end; background:none; border:none; color:var(--white);
  font-size:2rem; cursor:pointer; line-height:1;
}
.menu-mobile__lista{ list-style:none; margin-top:40px; display:flex; flex-direction:column; gap:26px; }
.menu-mobile__lista a{
  font-family:var(--fonte-titulo); font-size:1.5rem; text-decoration:none; color:var(--white);
}

@media (max-width:980px){
  .cabecalho__nav-desktop{ display:none; }
  [data-mostrar-desktop]{ display:none !important; }
  .cabecalho__botao-menu{ display:flex; }
}