@font-face{font-family:Gabarito;src:url(../fontes/gabarito-var.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Figtree;src:url(../fontes/figtree-var.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Smooch Sans";src:url(../fontes/smooch-sans-900.woff2) format("woff2");font-weight:900;font-display:swap}

:root{
  --fundo:#16091f;
  --preto:#0d0612;
  --roxo:#2a1140;
  --roxo-claro:#3a1a57;
  --linha:#53307a;
  --ouro:#e8bd3f;
  --ouro-claro:#f2cf63;
  --bege:#f2ede1;
  --bege-suave:rgba(242,237,225,.74);
}

*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--fundo)}
body{background:var(--fundo) url(../img/lousa-fundo.webp) top center/max(2200px,100vw) auto no-repeat;color:var(--bege);font:400 .95rem/1.55 Figtree,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3{font-family:Gabarito,-apple-system,"Segoe UI",sans-serif;line-height:1.1}
.env{width:min(1100px,100%);margin-inline:auto;padding-inline:16px}
:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:var(--preto);border-bottom:1px solid var(--linha)}
.topo .env{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px}
.marca{display:flex;align-items:center;gap:10px;color:var(--bege);font:800 .92rem Gabarito,sans-serif;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.marca svg{width:26px;height:26px;color:var(--ouro);flex:none}
.menu{display:flex;gap:2px}
.menu a{padding:19px 11px;color:var(--bege-suave);font-size:.82rem;font-weight:600;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.menu a:hover{color:var(--bege)}
.menu a.ativo{color:var(--ouro);border-bottom-color:var(--ouro)}
.abrir-menu{display:none;padding:0;border:0;background:none;color:var(--ouro);cursor:pointer}
.abrir-menu svg{width:28px;height:28px}
.navega{position:relative}
@media (max-width:860px){
  .abrir-menu{display:block}
  .navega .menu{display:none;position:absolute;right:-16px;top:calc(100% + 15px);flex-direction:column;width:min(260px,calc(100vw - 32px));padding:8px;background:var(--preto);border:1px solid var(--linha);border-radius:0 0 12px 12px}
  .navega .menu.aberto{display:flex}
  .menu a{padding:11px 12px;font-size:.95rem;border-bottom:0}
  body{background-image:url(../img/lousa-fundo-celular.webp);background-size:660px auto}
}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1.5px solid var(--ouro);border-radius:12px;background:var(--ouro);color:var(--preto);font:700 .9rem Figtree,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{background:var(--ouro-claro);border-color:var(--ouro-claro)}
.btn:disabled{opacity:.6;cursor:wait}
.btn-sec{background:var(--roxo);border-color:var(--linha);color:var(--bege)}
.btn-sec:hover{background:var(--roxo-claro);border-color:var(--ouro)}
.btn-menor{min-height:38px;padding:8px 18px;font-size:.84rem;border-radius:9px}
.etiqueta{display:inline-block;padding:4px 12px;background:var(--ouro);border-radius:99px;color:var(--preto);font:800 .7rem Figtree,sans-serif;letter-spacing:.09em;text-transform:uppercase}

/* abertura */
.heroi{position:relative;overflow:hidden}
  .heroi .env{position:relative;display:grid;gap:24px;padding-top:44px}
.heroi h1{color:var(--ouro);font-size:clamp(2.2rem,5vw,2.8rem);font-weight:800;text-transform:uppercase;letter-spacing:.005em}
.heroi h1.nome{font-family:"Smooch Sans",Gabarito,sans-serif;font-weight:900;font-size:clamp(4.86rem,7.54vw,6.57rem);line-height:.72;letter-spacing:0;width:max-content}
.nome span{display:block}
.nome .l1{margin-left:0}
.nome .l2{font-size:1.407em;margin-left:0}
.heroi .sub{margin-top:16px;font-size:1.05rem;font-weight:500}
.heroi .intro{max-width:30em;margin-top:14px;color:var(--bege)}
.acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-bottom:12px}
.heroi-foto{justify-self:center;width:min(86%,340px);margin-bottom:-1px}
.heroi::after{content:"";position:absolute;top:0;bottom:0;right:0;width:min(100%,820px);background:radial-gradient(closest-side at 55% 58%,rgba(110,55,170,.5),transparent);pointer-events:none}
.heroi .env{z-index:1}
@media (min-width:861px){
  .heroi .env{grid-template-columns:1fr 1fr;align-items:end;padding-top:24px}
  .heroi-texto{align-self:center;padding-bottom:28px}
  .heroi-foto{justify-self:end;width:400px;margin-right:24px}
}

/* faixa */
.faixa{display:grid;gap:14px;align-items:center;margin-top:0;padding:16px 20px;background:var(--roxo);border:1.5px solid var(--ouro);border-radius:18px}
.faixa h2{color:var(--ouro);font-size:1.15rem;font-weight:800}
.faixa p{color:var(--bege-suave);font-size:.88rem}
@media (min-width:700px){.faixa{grid-template-columns:1fr auto;gap:20px}}

/* cartões */
.cartoes{display:grid;gap:16px;margin-top:16px;padding-bottom:44px}
@media (min-width:861px){.cartoes{grid-template-columns:repeat(3,1fr)}}
.cartao{display:flex;flex-direction:column;overflow:hidden;background:var(--roxo);border:1.5px solid var(--linha);border-radius:18px;text-align:center}
.arte{position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:18px 20px;overflow:hidden;background:var(--preto);border-bottom:1px solid var(--linha);border-top:3px solid var(--ouro);text-align:left}
.arte strong{color:var(--ouro);font:900 clamp(1.6rem,3.1vw,2rem)/.98 Gabarito,sans-serif;text-transform:uppercase}
.arte>*:not(.arte-foto){position:relative;z-index:1}
.arte-foto{position:absolute;right:0;top:6px;width:42%}
.arte small{color:var(--bege);font-size:.76rem;font-weight:600}
.corpo{display:flex;flex:1;flex-direction:column;align-items:center;padding:20px 22px 24px}
.corpo h3{color:var(--ouro);font-size:1.35rem;font-weight:800;text-transform:uppercase}
.corpo p{flex:1;margin:10px 0 18px;font-size:.88rem}
.breve{padding:9px 18px;border:1.5px solid var(--linha);border-radius:9px;color:var(--bege-suave);font-size:.84rem;font-weight:700}

/* rodapé */
.rodape{background:var(--preto);border-top:1px solid var(--linha);color:var(--bege-suave);padding-block:24px;font-size:.84rem}
.rodape .env{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.rodape nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.rodape a:hover{color:var(--ouro)}

/* pré-venda */
.pv{padding-block:32px 48px}
.pv .env{max-width:640px}
.pv-painel{padding:clamp(22px,5vw,34px);background:var(--roxo);border:1.5px solid var(--ouro);border-radius:18px}
.pv-painel h1,.sucesso h2{margin-top:14px;color:var(--ouro);font-size:clamp(1.5rem,5vw,1.9rem);font-weight:800}
.pv-painel .apoio{margin-top:8px;color:var(--bege-suave)}
form{display:grid;gap:15px;margin-top:20px}
.campo label,fieldset legend{display:block;margin-bottom:6px;font-size:.92rem;font-weight:700}
.campo input{width:100%;min-height:48px;padding:11px 14px;background:var(--preto);border:1.5px solid var(--linha);border-radius:10px;color:var(--bege);font:400 1rem Figtree,sans-serif}
.campo input:focus{outline:0;border-color:var(--ouro)}
.campo input::placeholder{color:rgba(242,237,225,.42)}
fieldset{border:0;padding:0;min-width:0}
.opcoes{display:grid;gap:8px}
@media (min-width:520px){.opcoes{grid-template-columns:repeat(3,1fr)}}
.opcao{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 12px;background:var(--preto);border:1.5px solid var(--linha);border-radius:10px;font-size:.9rem;cursor:pointer}
.opcao:has(input:checked){border-color:var(--ouro)}
.opcao input,.aceite input{flex:none;width:18px;height:18px;accent-color:var(--ouro)}
.aceite{display:flex;gap:10px;color:var(--bege-suave);font-size:.84rem;line-height:1.45;cursor:pointer}
.aceite input{margin-top:1px}
.aceite a{color:var(--ouro)}
.erro{padding:10px 12px;background:rgba(220,70,70,.16);border:1px solid #e27a7a;border-radius:10px;color:#ffd9d9;font-size:.9rem}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pv-painel .btn{width:100%;font-size:1rem}
.sucesso h2{margin-top:0}
.sucesso p{margin:10px 0 20px}

/* política */
.doc{background:var(--fundo);padding-block:32px 48px}
.doc .env{max-width:760px}
.doc h1{color:var(--ouro);font-size:clamp(1.8rem,5vw,2.4rem);font-weight:800}
.doc h2{margin:26px 0 6px;color:var(--ouro);font-size:1.1rem;font-weight:800}
.doc p,.doc li{color:var(--bege)}
.doc ul{padding-left:20px}
.doc .data{margin-top:6px;color:var(--bege-suave);font-size:.88rem}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}