/* PuxaeAI — o que as três páginas do site dividem: a fonte reserva, o aviso de cookies e a âncora.
 *
 * FONTE RESERVA AJUSTADA. As fontes da marca chegam do Google com `display=swap`: até elas
 * chegarem, a página pinta com a fonte do aparelho. A Unbounded é ~33% mais larga que a Arial, e o
 * título do herói quebrava linha de novo quando ela chegava — CLS de 0,07 a 0,08 na principal no
 * 1º acesso (medido no navegador em 25/09, com a fonte atrasada 1,2 s). A reserva abaixo é a Arial
 * (Windows, Mac, iPhone) ou a Roboto (Android) esticada até a largura da fonte da marca, um rosto por
 * peso — a largura da Unbounded muda com o peso. `size-adjust` é a razão das larguras de um texto
 * da página (títulos e parágrafos reais), medida no Chromium; os `*-override` são a altura da
 * fonte da marca dividida pelo mesmo fator. Quem usa: `font-family: var(--f-titulo)` e
 * `var(--f-texto)`, nunca o nome da fonte seco.
 */
@font-face{font-family:"Unbounded Reserva";font-weight:500;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:127.72%;ascent-override:78.30%;descent-override:19.57%;line-gap-override:0%}
@font-face{font-family:"Unbounded Reserva";font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:129.27%;ascent-override:77.36%;descent-override:19.34%;line-gap-override:0%}
@font-face{font-family:"Unbounded Reserva";font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:130.82%;ascent-override:76.44%;descent-override:19.11%;line-gap-override:0%}
@font-face{font-family:"Unbounded Reserva";font-weight:800;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:132.87%;ascent-override:75.26%;descent-override:18.82%;line-gap-override:0%}
@font-face{font-family:"Unbounded Reserva R";font-weight:500;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:135.40%;ascent-override:73.86%;descent-override:18.46%;line-gap-override:0%}
@font-face{font-family:"Unbounded Reserva R";font-weight:600;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:137.05%;ascent-override:72.97%;descent-override:18.24%;line-gap-override:0%}
@font-face{font-family:"Unbounded Reserva R";font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:138.69%;ascent-override:72.10%;descent-override:18.03%;line-gap-override:0%}
@font-face{font-family:"Unbounded Reserva R";font-weight:800;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:140.86%;ascent-override:70.99%;descent-override:17.75%;line-gap-override:0%}
@font-face{font-family:"Space Grotesk Reserva";font-weight:400 500;src:local("Arial"),local("ArialMT");size-adjust:106.85%;ascent-override:91.72%;descent-override:27.14%;line-gap-override:0%}
@font-face{font-family:"Space Grotesk Reserva";font-weight:600 700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:100.32%;ascent-override:97.69%;descent-override:28.91%;line-gap-override:0%}
@font-face{font-family:"Space Grotesk Reserva R";font-weight:400 500;src:local("Roboto"),local("Roboto-Regular");size-adjust:108.35%;ascent-override:90.45%;descent-override:26.77%;line-gap-override:0%}
@font-face{font-family:"Space Grotesk Reserva R";font-weight:600 700;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:107.25%;ascent-override:91.38%;descent-override:27.04%;line-gap-override:0%}
:root{
  --f-titulo:"Unbounded","Unbounded Reserva","Unbounded Reserva R",sans-serif;
  --f-texto:"Space Grotesk","Space Grotesk Reserva","Space Grotesk Reserva R",sans-serif;
}

/* ÂNCORA. O cabeçalho é fixo (66px): sem isto, `/estetica/#cadastro` parava com o título do
 * formulário embaixo dele (medido em 24/09 e de novo em 25/09: o topo da seção a 0px da tela). */
html{scroll-padding-top:84px}

/* AVISO DE COOKIES: uma faixa discreta no rodapé, de um toque, com o "Aceitar" em destaque e sem
 * bloquear a página — nada de véu por cima nem rolagem travada. Nasce `hidden` no HTML: sem
 * JavaScript não há Pixel, e não há o que aceitar. */
.cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:720px;margin-inline:auto;
  display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:12px 14px 12px 18px;
  background:#0D1E3F;color:#FBF7F3;border:1px solid rgba(251,247,243,.16);border-radius:18px;
  box-shadow:0 14px 40px rgba(0,0,0,.35);font-family:var(--f-texto);font-size:13.5px;line-height:1.45}
.cookies[hidden]{display:none}
.cookies p{flex:1 1 260px;margin:0;color:inherit;font-size:inherit}
.cookies a{color:#FBF7F3;text-decoration:underline;text-underline-offset:2px}
.cookies .cookies-acoes{display:flex;gap:8px;margin-left:auto}
.cookies button{font:inherit;font-weight:600;cursor:pointer;border-radius:100px;padding:10px 16px;min-height:40px}
.cookies .cookies-nao{background:transparent;color:rgba(251,247,243,.78);border:1px solid rgba(251,247,243,.22)}
.cookies .cookies-sim{background:#FBF7F3;color:#1B3A6B;border:1px solid #FBF7F3;padding-inline:22px}
.cookies button:focus-visible{outline:3px solid #34B7F1;outline-offset:2px}
/* O link do rodapé que reabre a escolha: parece link, é botão (não navega). */
.link-cookies{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
@media (max-width:480px){
  .cookies{left:8px;right:8px;bottom:8px;padding:12px 12px 12px 14px}
  .cookies .cookies-acoes{width:100%}
  .cookies button{flex:1}
}