@font-face{font-family:"Inter Tight";font-weight:200;font-display:swap;src:url(/assets/fonts/inter-tight-latin-200-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:300;font-display:swap;src:url(/assets/fonts/inter-tight-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:400;font-display:swap;src:url(/assets/fonts/inter-tight-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:500;font-display:swap;src:url(/assets/fonts/inter-tight-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:600;font-display:swap;src:url(/assets/fonts/inter-tight-latin-600-normal.woff2) format("woff2")}

:root{
  --onix:#000;--neve:#fff;--ouro:#FF9F1C;--ouro-hover:#FFC066;
  --superficie:#0D0D0D;--borda:#262626;--borda-campo:#333;
  --texto-2:#CFCFCF;--texto-3:#B3B3B3;--texto-4:#808080;--erro:#FF6B5B;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--onix);color:var(--neve);font:300 16px/1.5 "Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ouro)}a:hover{color:var(--ouro-hover)}
img{max-width:100%}
:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}

.col{max-width:460px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:40px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center}
.logo{width:160px;height:auto;display:block}
.kicker{margin:30px 0 0;font-size:12px;letter-spacing:.24em;color:var(--ouro);font-weight:500}
h1{margin:10px 0 0;font-size:30px;line-height:1.1;font-weight:200;text-transform:uppercase}
h1 strong{font-weight:500}
.intro{margin:12px 0 0;color:var(--texto-3);max-width:330px}

.contagem{margin-top:26px;display:grid;grid-template-columns:repeat(4,64px);gap:8px}
.contagem div{display:flex;flex-direction:column;align-items:center;padding:10px 0 8px;border:1px solid var(--borda);border-radius:10px;background:var(--superficie)}
.contagem span{font-size:28px;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.contagem small{margin-top:6px;font-size:10px;letter-spacing:.14em;color:var(--texto-3)}

.velados{list-style:none;margin:28px 0 0;padding:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.velados li{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--borda);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:12px;text-align:left;isolation:isolate}
.velados img{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);max-width:none;object-fit:cover;filter:blur(6px);z-index:-1;pointer-events:none;-webkit-user-drag:none;user-select:none}
.velados strong{font-size:15px;font-weight:500}
.velados small{font-size:12px;color:var(--texto-2)}
.cadeado{position:absolute;top:12px;left:12px;width:18px;height:18px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF9F1C' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}

.cartao{margin-top:28px;width:100%;background:var(--superficie);border:1px solid var(--borda);border-radius:14px;padding:18px 16px}
.form{display:flex;flex-direction:column;text-align:left}
.form h2{margin:0;font-size:18px;font-weight:400;text-align:center}
.form .sub{margin:2px 0 6px;font-size:14px;color:var(--texto-3);text-align:center}
.form label{margin-top:10px;font-size:13px;color:var(--texto-2)}
.form input{margin-top:4px;min-height:48px;width:100%;padding:0 14px;border-radius:8px;border:1px solid var(--borda-campo);background:var(--onix);color:var(--neve);font:300 16px "Inter Tight",system-ui,sans-serif}
.form input::placeholder{color:var(--texto-4)}
.form input:focus{border-color:var(--ouro);outline:none}
.form input[aria-invalid=true]{border-color:var(--erro)}
.erro-campo{margin:4px 0 0;min-height:0;font-size:13px;color:var(--erro)}
.erro-campo:empty{display:none}
.erro-geral{margin:10px 0 0;font-size:14px;color:var(--erro);text-align:center}
.erro-geral:empty{display:none}
.isca{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
#j8b-turnstile:not(:empty){margin-top:12px}
.botao{margin-top:14px;min-height:52px;border:0;border-radius:8px;background:var(--ouro);color:var(--onix);font:600 16px "Inter Tight",system-ui,sans-serif;cursor:pointer;width:100%}
.botao:hover{background:var(--ouro-hover)}
.botao:disabled{opacity:.6;cursor:default}
.legal{margin:10px 0 0;font-size:11px;color:var(--texto-4);text-align:center}
.legal a{color:var(--texto-3)}

.rodape{margin-top:auto;padding-top:32px;font-size:12px;color:var(--texto-4)}
.link{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}

/* Página de obrigado */
.typ{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.typ-topo{width:100%;max-width:460px;margin:0 auto;padding:40px 20px 0;display:flex;justify-content:center}
.typ-main{flex:1 1 auto;width:100%;max-width:460px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.typ-texto{display:flex;flex-direction:column;align-items:center}
.check{margin-top:44px;width:64px;height:64px;border-radius:999px;border:1px solid var(--ouro);display:flex;align-items:center;justify-content:center}
.typ .kicker{margin-top:20px}
.typ .intro{color:var(--texto-2);max-width:340px;margin-top:14px}
.typ-links{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;font-size:14px;color:var(--texto-3)}
.typ-links span{width:100%;margin-bottom:2px}
.typ-links a{min-height:44px;display:inline-flex;align-items:center}
.typ-velados{display:none}
.typ-rodape{width:100%;max-width:460px;margin:0 auto;padding:36px 20px calc(28px + env(safe-area-inset-bottom));text-align:center}

@media (min-width:900px){
  .typ-topo,.typ-main,.typ-rodape{max-width:1200px;padding-left:48px;padding-right:48px}
  .typ-topo{justify-content:flex-start;padding-top:36px}
  .typ-topo .logo{width:170px}
  .typ-main{flex-direction:row;flex-wrap:wrap;align-items:center;gap:72px;padding-top:64px;padding-bottom:64px;text-align:left}
  .typ-texto{flex:1 1 420px;align-items:flex-start}
  .typ .check{margin-top:0}
  .typ .kicker{margin-top:24px;font-size:13px}
  .typ h1{font-size:56px;line-height:1.04;margin-top:12px}
  .typ .intro{font-size:18px;max-width:460px;margin-top:20px}
  .typ-links{justify-content:flex-start;align-items:center;column-gap:24px;font-size:15px}
  .typ-links span{width:auto;margin:0}
  .typ-velados{display:grid;flex:1 1 420px;margin:0;gap:14px}
  .typ-velados li{border-radius:14px;padding:16px}
  .typ-velados strong{font-size:17px}
  .typ-velados small{font-size:13px}
  .typ-rodape{text-align:left;padding-top:0;padding-bottom:32px}
}

/* Banner de cookies */
.cookies{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;max-width:560px;margin:0 auto;background:#111;border:1px solid var(--borda-campo);border-radius:14px;padding:16px;text-align:left;font-size:14px;color:var(--texto-2);box-shadow:0 12px 40px rgba(0,0,0,.6)}
.cookies p{margin:0}
.cookies-acoes{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.cookies-acoes button{flex:1 1 auto;min-height:44px;padding:0 16px;border-radius:8px;font:500 14px "Inter Tight",system-ui,sans-serif;cursor:pointer;border:1px solid var(--neve);background:transparent;color:var(--neve)}
.cookies-acoes .aceitar{background:var(--ouro);border-color:var(--ouro);color:var(--onix)}
.cookies-opcoes{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.cookies-opcoes label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.cookies-opcoes input{margin-top:3px;accent-color:var(--ouro);width:18px;height:18px;flex:none}
.cookies-opcoes small{display:block;color:var(--texto-4);font-size:12px}
@media (min-width:1100px){.cookies{left:24px;right:auto;bottom:24px;margin:0;max-width:400px}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}