@font-face{font-family:"Anton";src:url("/assets/fonts/anton.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-600-italic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}
:root{
  --preto:#0B0B0B;
  --preto-2:#151515;
  --off:#F4EFE8;
  --off-2:rgba(244,239,232,.62);
  --vermelho:#E3262E;
  --vermelho-escuro:#B81C23;
  --linha:rgba(244,239,232,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--preto);
  color:var(--off);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100svh;
  display:flex;flex-direction:column;
  overflow-x:hidden;
}
/* brilho vermelho de fundo */
body::before{
  content:"";position:fixed;inset:auto -20vw -35vh -20vw;height:70vh;
  background:radial-gradient(ellipse at center,rgba(227,38,46,.22),rgba(227,38,46,0) 65%);
  pointer-events:none;z-index:0;
}
/* linha vermelha contínua, como nos carrosséis */
.fio{
  position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:0;
}
.fio svg{width:100%;height:100%}
.fio path{fill:none;stroke:var(--vermelho);stroke-width:2;opacity:.55}

.topo,.conteudo,.rodape{position:relative;z-index:1}
.topo{padding:28px 28px 0;display:flex;justify-content:center}
.topo a{display:inline-flex}
.topo img{height:40px;width:auto}

.conteudo{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:40px 24px 56px;max-width:640px;margin:0 auto;width:100%;
}
.logo-grande{width:min(150px,38vw);height:auto;margin-bottom:36px}
.chamada{
  font-family:"Inter",sans-serif;font-style:italic;font-weight:600;
  color:var(--vermelho);font-size:15px;letter-spacing:.02em;margin-bottom:12px;
}
h1{
  font-family:"Anton","Bebas Neue",Impact,sans-serif;font-weight:400;
  text-transform:uppercase;line-height:.98;letter-spacing:.01em;
  font-size:clamp(42px,11vw,76px);
}
h1 em{font-style:normal;color:var(--vermelho)}
.texto{color:var(--off-2);font-size:17px;line-height:1.55;margin-top:20px;max-width:460px}
.slogan{
  margin-top:28px;font-size:15px;color:var(--off);opacity:.9;
  display:flex;flex-direction:column;align-items:center;gap:14px;text-wrap:balance;
}
.slogan::before{content:"";width:36px;height:2px;background:var(--vermelho)}
h1,.texto{text-wrap:balance}

.botao{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--vermelho);color:#fff;border:0;border-radius:14px;
  font:700 16px "Inter",sans-serif;letter-spacing:.01em;
  padding:17px 26px;cursor:pointer;text-decoration:none;
  transition:background .15s ease,transform .15s ease;
  box-shadow:0 10px 30px rgba(227,38,46,.28);
}
.botao:hover{background:var(--vermelho-escuro)}
.botao:active{transform:scale(.98)}
.botao[disabled]{opacity:.6;cursor:wait}
.acao{margin-top:34px}

/* formulário */
form{width:100%;max-width:440px;margin-top:32px;display:flex;flex-direction:column;gap:12px}
.campo{
  width:100%;background:var(--preto-2);color:var(--off);
  border:1.5px solid var(--linha);border-radius:14px;
  font:500 17px "Inter",sans-serif;padding:17px 18px;outline:none;
  transition:border-color .15s ease;
}
.campo::placeholder{color:rgba(244,239,232,.38)}
.campo:focus{border-color:var(--vermelho)}
.campo.erro{border-color:var(--vermelho)}
form .botao{width:100%}
.aviso{font-size:13px;color:var(--off-2);margin-top:4px}
.mensagem-erro{font-size:14px;color:#FF6B70;min-height:20px}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* confirmação */
.pronto{display:none;flex-direction:column;align-items:center}
.pronto.visivel{display:flex}
.selo{
  width:72px;height:72px;border-radius:50%;
  background:rgba(227,38,46,.12);border:2px solid var(--vermelho);
  display:flex;align-items:center;justify-content:center;margin-bottom:26px;
}
.selo img{width:34px;height:auto}
.link-insta{color:var(--off);text-decoration:none;border-bottom:1.5px solid var(--vermelho);padding-bottom:2px;font-weight:600}

.rodape{
  padding:22px 24px 28px;text-align:center;font-size:13px;color:rgba(244,239,232,.45);
}
.rodape a{color:rgba(244,239,232,.75);text-decoration:none}
.rodape a:hover{color:var(--off)}

@media (max-width:420px){
  .texto{font-size:16px}
  .conteudo{padding-top:24px}
}

/* Waitlist integration; original visual identity retained. */
[hidden]{display:none!important}
.consentimento{display:flex;align-items:flex-start;gap:10px;text-align:left;font-size:12px;line-height:1.6;color:var(--off-2)}
.consentimento input{flex:0 0 auto;margin-top:4px;accent-color:var(--vermelho);width:17px;height:17px}
#turnstile{display:flex;justify-content:center;min-height:65px}
.aviso a{color:var(--off);text-underline-offset:3px}
html{overscroll-behavior-y:none}

.pronto-insta{margin-top:30px}

/* Home: circular tactile CTA; ordinary link activated with one tap. */
.abertura{padding-top:16px;padding-bottom:80px}
.botao-fila{
  width:156px;height:156px;padding:20px;border-radius:50%;
  border:2px solid #c72b2b;outline:7px solid #650909;
  background:linear-gradient(145deg,#b51515 0%,#A20202 55%,#850000 100%);
  box-shadow:0 9px 0 #700d13,0 15px 0 7px #3e0c10,0 22px 36px rgba(227,38,46,.25),inset 0 3px 6px rgba(255,255,255,.3),inset 0 -6px 10px rgba(73,0,0,.24);
  font-size:16px;line-height:1.35;touch-action:manipulation;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.botao-fila:hover{background:linear-gradient(145deg,#bd1b1b,#A20202 55%,#8d0000);filter:brightness(1.04)}
.botao-fila:active{transform:translateY(6px);box-shadow:0 3px 0 #700d13,0 9px 0 7px #3e0c10,0 13px 24px rgba(227,38,46,.2),inset 0 2px 8px rgba(73,0,0,.2)}
.botao-fila:focus-visible{outline:3px solid var(--off);outline-offset:11px}
@media(max-width:420px){.abertura{padding-top:8px;padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){.botao-fila{transition:none}}
