/* LISTA DE ESPERA: a mesma identidade da página de vendas (fliperama à noite), com as telas do formulário e do sucesso. */
.estrelas{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.estrelas i{position:absolute;width:3px;height:3px;background:var(--ouro-claro);opacity:.7;animation:brilha 3s steps(2) infinite}
.estrelas i:nth-child(3n){background:var(--fosforo);width:2px;height:2px}
.estrelas i:nth-child(4n){animation-duration:4.4s;animation-delay:-1.2s}
@keyframes brilha{50%{opacity:.12}}
.painel-brasao{display:block}
.espera .tela{padding-block:30px}
.inicio-espera{padding-top:26px}
.titulo-espera{font:900 clamp(38px,9.5vw,64px)/.98 var(--titulo);font-stretch:72%;text-transform:uppercase;margin:0 0 18px;text-wrap:balance}
.titulo-espera em{font-style:normal;color:var(--ouro);display:block}
.espera .apoio{margin-bottom:26px}
.icones{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0 26px}
.icones img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--linha);image-rendering:auto;animation:flutua 2.4s ease-in-out infinite}
.icones img:nth-child(2n){animation-delay:-.6s}.icones img:nth-child(3n){animation-delay:-1.2s}.icones img:nth-child(5n){animation-delay:-1.8s}
@keyframes flutua{50%{transform:translateY(-7px)}}
.carrega{border:1px solid var(--linha);background:var(--chapa);padding:16px 16px 14px}
.carrega-titulo{font:400 11px/1.3 var(--pixel);letter-spacing:.1em;color:var(--texto);margin:0 0 10px}
.pontos::after{content:"";animation:pontos 1.4s steps(1) infinite}
@keyframes pontos{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.carrega-barra{height:16px;border:2px solid var(--ouro-escuro);padding:2px;background:var(--preto)}
.carrega-barra i{display:block;height:100%;width:8%;background:repeating-linear-gradient(90deg,var(--ouro) 0 10px,transparent 10px 13px);animation:enche 5.5s steps(18) infinite}
@keyframes enche{0%{width:8%}85%{width:92%}100%{width:92%}}
.carrega-dica{font:400 10px/1 var(--pixel);letter-spacing:.14em;color:var(--ouro);margin:10px 0 0;animation:pisca 1.2s steps(2) infinite}
@keyframes pisca{50%{opacity:.25}}
.chapa-espera{border:1px solid var(--ouro-escuro);background:linear-gradient(var(--ouro-fundo),var(--chapa) 70%);padding:24px 18px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);display:flex;flex-direction:column;gap:16px}
.campo{display:flex;flex-direction:column;gap:7px}
.campo>span{font:400 10px/1 var(--pixel);letter-spacing:.14em;color:var(--ouro)}
.campo input{width:100%;font:600 17px/1.2 var(--corpo);color:var(--texto);background:var(--preto);border:2px solid var(--frio);padding:14px 14px;border-radius:0;transition:border-color .15s,box-shadow .15s}
.campo input::placeholder{color:var(--suave);opacity:.7}
.campo input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px rgba(255,197,61,.18)}
.campo.invalido input{border-color:var(--perigo)}
.erro{font:600 13px/1.3 var(--corpo);font-style:normal;color:var(--perigo)}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.aceite{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--suave);cursor:pointer}
.aceite input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--ouro)}
.chapa-espera .botao{width:100%;border:0}
.chapa-espera .botao[disabled]{filter:grayscale(.6) brightness(.8);cursor:progress}
.estado{min-height:1.4em;margin:0;text-align:center;font:600 14px/1.4 var(--corpo);color:var(--suave)}
.estado.ruim{color:var(--perigo)}
.vantagens{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.vantagens li{border:1px solid var(--linha);background:var(--chapa);padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.vantagens b{font:400 11px/1.3 var(--pixel);letter-spacing:.08em;color:var(--ouro)}
.vantagens span{font-size:15px;color:var(--suave)}
@media (min-width:720px){.vantagens{grid-template-columns:repeat(3,1fr)}}
/* a tela de sucesso */
.sucesso{text-align:center;position:relative;animation:entra-sucesso .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes entra-sucesso{from{opacity:0;transform:translateY(24px)}}
.sucesso .rotulo{justify-content:center;animation:pisca 1s steps(2) 4}
#confete{position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none}
.bau-espera{height:240px;display:flex;align-items:flex-end;justify-content:center;margin:6px 0 4px}
.bau-espera .bau-quadro{display:block;width:186px;height:220px;background:url(../img/bau_folha.png) no-repeat 0 0/400% 100%;transform-origin:50% 100%;image-rendering:pixelated;animation:bau-cai .7s cubic-bezier(.5,0,1,1) both}
.bau-espera .bau-quadro[data-q="1"]{background-position:33.333% 0}
.bau-espera .bau-quadro[data-q="2"]{background-position:66.667% 0}
.bau-espera .bau-quadro[data-q="3"]{background-position:100% 0;animation:bau-pula .5s cubic-bezier(.3,1.6,.5,1) both}
@keyframes bau-cai{from{transform:translateY(-70vh)}60%{transform:translateY(0)}75%{transform:translateY(-18px)}to{transform:translateY(0)}}
@keyframes bau-pula{50%{transform:scale(1.08)}}
.titulo-sucesso{font:900 clamp(34px,9vw,52px)/1 var(--titulo);font-stretch:72%;text-transform:uppercase;color:var(--ouro);margin:10px 0 14px;text-wrap:balance}
.sucesso-texto{margin-inline:auto}
.selo-sucesso{display:inline-block;margin:6px 0 20px;padding:10px 12px;font:400 10px/1.3 var(--pixel);letter-spacing:.1em;color:var(--preto);background:var(--fosforo)}
.voltar a{color:var(--suave)}
@media (prefers-reduced-motion:reduce){.estrelas i,.icones img,.carrega-barra i,.carrega-dica,.sucesso .rotulo,.pontos::after{animation:none}.bau-espera .bau-quadro{animation:none}}