:root{
  --papel:#FBF8EF; --papel-2:#F2ECDC; --tinta:#1E2622; --suave:#5A605A; --linha:#DDD5C2;
  --ferrugem:#B4411E; --laranja:#D9861C; --oliva:#6F8F2A; --verde:#1F5F5B; --verde-d:#123F3C; --creme:#F5F0D8;
  --erro:#B3261E; --ok:#2E7D4F;
  --display:'Sofia Sans Extra Condensed','Arial Narrow',sans-serif;
  --text:'Sofia Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:18px; --gut:16px;
}
@media(min-width:700px){:root{--gut:28px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 18px/1.55 var(--text);overflow-x:hidden}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.95;margin:0;letter-spacing:.01em}
h2{font-size:clamp(40px,7vw,64px);color:var(--verde-d);margin-bottom:12px}
h3{font-size:clamp(26px,4vw,32px)}
p{margin:0 0 1em}
a{color:var(--verde)}
strong{font-weight:700}
.wrap{max-width:1080px;margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:12px;top:-60px;background:var(--tinta);color:#fff;padding:10px 18px;border-radius:99px;z-index:9}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px;border-radius:6px}
.kicker{font:700 14px var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--ferrugem);margin:0 0 6px}
.sub{font-size:19px;color:var(--suave);max-width:46em}
.bloco{padding:64px var(--gut)}
.obr{color:var(--ferrugem)}

/* topo */
.topo{padding:36px 0 40px;text-align:center;background:var(--papel)}
.topo .logo{width:min(520px,88%);height:auto;margin:8px auto 0}
.lead{font-size:clamp(19px,2.6vw,23px);max-width:34em;margin:18px auto 22px}
.status{display:inline-flex;flex-direction:column;gap:2px;padding:14px 24px;border-radius:var(--r);background:var(--verde);color:var(--creme);max-width:100%}
.status strong{font:800 clamp(22px,3.6vw,28px)/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em}
.status span{font-size:16px;opacity:.9}
.status[data-state=aberto]{background:var(--ok)}
.status[data-state=encerrado]{background:var(--suave)}
.atalhos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.atalhos a{font:600 15px var(--text);text-decoration:none;color:var(--tinta);padding:9px 16px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--linha)}
.atalhos a:hover{box-shadow:inset 0 0 0 1.5px var(--verde)}

/* como */
.tres{list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:14px}
@media(min-width:760px){.tres{grid-template-columns:repeat(3,1fr)}}
.tres li{background:#fff;border-radius:var(--r);padding:22px;box-shadow:0 1px 0 var(--linha)}
.tres b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--laranja);color:#fff;font:800 26px var(--display);margin-bottom:10px}
.tres h3{color:var(--ferrugem);margin-bottom:6px}
.tres p{margin:0}
.temas{border-left:5px solid var(--oliva);padding:4px 0 4px 18px;max-width:46em;margin:0}

/* tutorial */
.tutorial{background:var(--verde-d);color:var(--creme);padding:64px 0}
.tutorial h2{color:var(--creme);margin-bottom:24px}
.tutorial .sub{color:#cfd8c8;font-size:17px;margin:-4px 0 18px}
.tutorial a{color:#ffd28a}
.parte-tit{display:flex;align-items:center;gap:12px;font-size:clamp(28px,4.4vw,38px);margin:40px 0 18px}
.parte-tit span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--laranja);color:#fff;font-size:24px;flex:none}
.dicas{list-style:none;padding:0;margin:0;display:grid;gap:12px}
@media(min-width:700px){.dicas{grid-template-columns:repeat(3,1fr)}}
.dicas li{display:grid;grid-template-columns:52px 1fr;gap:2px 14px;align-items:center;background:rgba(245,240,216,.08);border-radius:16px;padding:16px}
.dicas svg{grid-row:span 2;width:52px;height:52px;fill:none;stroke:#ffd28a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dicas svg .cheio{fill:#ffd28a}
.dicas strong{font:800 24px/1 var(--display);text-transform:uppercase;color:#fff}
.dicas span{font-size:16px;color:#cfd8c8;line-height:1.35}
.pilulas{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.pilulas li{font-size:15px;font-weight:600;padding:7px 14px;border-radius:99px;box-shadow:inset 0 0 0 1.5px rgba(245,240,216,.35)}
.passos{list-style:none;padding:0 0 6px;margin:0;display:grid;gap:22px 16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));counter-reset:passo}
.passos[start="7"]{counter-reset:passo 6}
@media(max-width:620px){.passos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--gut));padding:4px var(--gut) 12px}.passos li{flex:0 0 62%;scroll-snap-align:center}}
.passos li{counter-increment:passo;text-align:center}
.passos li>p{margin:12px 0 0;font-size:16px;line-height:1.35;color:#e8eadf}
.passos li>p::before{content:counter(passo);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:50%;background:var(--laranja);color:#fff;font:800 15px var(--display);vertical-align:1px}
.passos b{color:#fff}
.dica{background:rgba(245,240,216,.1);border-radius:12px;padding:12px 16px;font-size:16px;margin:28px 0 0}

/* telas esquemáticas */
.mini{position:relative;width:150px;height:286px;margin:0 auto;border-radius:24px;border:7px solid #0b0f0e;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.35);font:600 10px/1.25 var(--text);text-align:left;background:#fff;color:#222}
.alvo{background:#fff3df!important;box-shadow:0 0 0 2px var(--laranja);border-radius:6px;animation:pulsa 1.8s infinite}
@keyframes pulsa{50%{box-shadow:0 0 0 2px var(--laranja),0 0 0 7px rgba(217,134,28,.35)}}
.yt-topo{display:flex;align-items:center;gap:6px;padding:10px}
.yt-logo{width:22px;height:15px;border-radius:4px;background:#e53935;position:relative}
.yt-logo::after{content:"";position:absolute;left:8px;top:4px;border:3.5px solid transparent;border-left:6px solid #fff}
.yt-topo span{height:7px;width:50px;border-radius:4px;background:#ddd}
.yt-card{margin:6px 8px;height:70px;border-radius:8px;background:#e8e3d6}
.yt-card.apagado{height:120px;opacity:.5}
.yt-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:8px 2px;border-top:1px solid #eee;font-size:6.5px;color:#555;background:#fff}
.yt-nav .mais{width:28px;height:28px;border-radius:50%!important;border:2px solid #222;display:grid;place-items:center;font:700 18px/1 var(--text);color:#222}
.yt-nav .alvo-txt{color:#000;font-weight:800;text-decoration:underline 2px var(--laranja);text-underline-offset:3px}
.folha{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:14px 14px 0 0;padding:10px 8px 16px;box-shadow:0 -6px 18px rgba(0,0,0,.18)}
.folha p{margin:0 0 6px;font-size:11px}
.folha.baixa{bottom:0}
.op{padding:8px;margin:3px 6px;border-radius:6px;font-size:10px}
.mini>.op{margin:3px 8px}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px}
.galeria i{aspect-ratio:1;background:#d8d2c2;border-radius:3px}
.galeria i.alvo{background:linear-gradient(135deg,#4a5a4f,#2c3a33)!important}
.det-topo{padding:10px;font-size:11px;border-bottom:1px solid #eee}
.det-thumb{margin:8px;height:66px;border-radius:7px;background:linear-gradient(135deg,#4a5a4f,#2c3a33)}
.det-campo{margin:0 8px 8px;padding:7px;border:1px solid #ccc;border-radius:6px;font-weight:500;font-size:9px;line-height:1.3;word-break:break-all}
.det-linha{display:flex;justify-content:space-between;margin:0 8px;padding:8px 4px;border-bottom:1px solid #eee;font-size:9px}
.det-btn{position:absolute;bottom:12px;left:8px;right:8px;padding:8px;border-radius:99px!important;background:#222;color:#fff;text-align:center}
.det-btn.alvo{background:#222!important;color:#fff}
.radio{display:flex;align-items:center;gap:8px;margin:6px 8px;padding:9px 6px;font-size:10px}
.radio i{width:12px;height:12px;border-radius:50%;border:2px solid #777;flex:none}
.radio i.on{border:4px solid #222}
.radio.riscado{color:#b3261e;text-decoration:line-through}
.perfil{display:flex;align-items:center;gap:8px;padding:12px 10px}
.perfil i{width:30px;height:30px;border-radius:50%;background:#c9a27e}
.perfil span{height:8px;width:60px;border-radius:4px;background:#ddd}
.lista{display:flex;align-items:center;gap:6px;margin:8px}
.lista i{width:58px;height:34px;border-radius:5px;background:linear-gradient(135deg,#4a5a4f,#2c3a33);flex:none}
.lista span{flex:1;height:7px;border-radius:4px;background:#ddd}
.lista b{width:16px;height:24px;flex:none;background:radial-gradient(circle,#222 1.7px,transparent 2.2px) center/6px 7px repeat-y}
.share-video{height:110px;background:linear-gradient(135deg,#4a5a4f,#2c3a33)}
.share-folha{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:14px 14px 0 0;padding:12px 8px 20px;box-shadow:0 -6px 18px rgba(0,0,0,.2)}
.share-folha p{margin:0 0 8px;font-size:11px}
.share-icones{display:flex;gap:4px}
.share-icones span{flex:1;padding:32px 2px 5px;border-radius:7px;text-align:center;font-size:7px;background:#f2f2f2;position:relative}
.share-icones span::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#ccc}
.share-icones .alvo::before{background:var(--laranja)}
.ficha{background:var(--papel)}
.ficha .det-topo{font:800 13px var(--display);text-transform:uppercase;color:var(--verde-d)}
.ficha .det-campo{background:#fff;margin-top:10px}
.ficha-previa{margin:0 8px;padding:6px;border-radius:7px;background:var(--papel-2)}
.ficha-previa i{display:block;height:60px;border-radius:5px;background:linear-gradient(135deg,#4a5a4f,#2c3a33);margin-bottom:5px}
.ficha-previa span{color:var(--ok);font-size:9px}

/* formulário */
form fieldset{border:0;margin:0;padding:0;min-width:0}
form fieldset:disabled{opacity:.55}
.isca{position:absolute;left:-9999px;width:1px;height:1px}
.grupo{background:#fff;border-radius:var(--r);padding:24px var(--gut) 18px;margin:18px 0;box-shadow:0 1px 0 var(--linha)}
.grupo h3{display:flex;align-items:center;gap:10px;color:var(--verde-d);margin-bottom:8px}
.grupo h3 span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:99px;background:var(--verde);color:var(--creme);font-size:20px}
.grupo h3 small{font:500 15px var(--text);text-transform:none;color:var(--suave)}
.ajuda{font-size:16px;color:var(--suave);margin-bottom:14px}
.grade{display:grid;gap:14px 16px}
@media(min-width:700px){.grade{grid-template-columns:repeat(2,1fr)}.col2{grid-column:span 1}}
@media(min-width:960px){.grade{grid-template-columns:repeat(3,1fr)}.col2{grid-column:span 2}}
.col-full{grid-column:1/-1;display:block;margin-top:14px}
label{display:block;font-weight:600;font-size:16px}
label>input,label>select,label>textarea{display:block;margin-top:6px}
label small{font-weight:400;color:var(--suave)}
input,select,textarea{font:400 18px var(--text);color:var(--tinta);padding:13px 14px;border-radius:12px;border:1.5px solid #c9c1ad;background:#fffdf8;width:100%;min-height:52px}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px rgba(31,95,91,.2)}
.invalido input,.invalido select,.invalido textarea,input.invalido{border-color:var(--erro);background:#fff6f5}
.msg-erro{display:block;color:var(--erro);font-weight:600;font-size:15px}
.check{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;font-weight:400;margin:10px 0;line-height:1.45}
.check>span{flex:1;min-width:0}
.check>.msg-erro{flex-basis:100%}
.check>input{width:26px;height:26px;min-height:0;flex:none;margin:0;accent-color:var(--verde)}
.decl{display:grid;gap:2px}
.decl.invalido{outline:2px solid var(--erro);outline-offset:8px;border-radius:8px}
.previa{display:flex;gap:14px;align-items:center;margin:14px 0 4px;padding:12px;border-radius:14px;background:var(--papel-2)}
.previa img{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#ccc;flex:none}
.previa div{display:flex;flex-direction:column;gap:4px;min-width:0}
.previa strong{overflow-wrap:anywhere}
.previa span{font-size:15px}
.previa[data-state=ok] span{color:var(--ok);font-weight:600}
.previa[data-state=erro]{background:#fff0ee}
.previa[data-state=erro] span{color:var(--erro);font-weight:600}
@media(max-width:480px){.previa{flex-direction:column;align-items:stretch}.previa img{width:100%}}
.enviar{margin:26px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.erro-geral{color:var(--erro);font-weight:700;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:800 24px var(--display);text-transform:uppercase;letter-spacing:.03em;padding:16px 34px;border-radius:99px;border:0;background:var(--ferrugem);color:#fff;cursor:pointer;text-decoration:none;min-height:56px}
.btn:hover{background:#9b3516}
.btn:disabled{opacity:.6;cursor:progress}
.btn.claro{background:#fff;color:var(--verde-d);box-shadow:inset 0 0 0 2px var(--verde)}
.aviso-fechado{background:var(--papel-2);border-left:6px solid var(--laranja);border-radius:12px;padding:16px 20px;margin:18px 0;font-size:18px}

/* sucesso */
.sucesso{background:#fff;border-radius:var(--r);padding:32px var(--gut);margin-top:18px;text-align:center;box-shadow:0 0 0 3px var(--ok)}
.sucesso .numero{font:800 clamp(64px,14vw,120px)/1 var(--display);color:var(--verde-d);margin:6px 0 12px;letter-spacing:.02em}
.sucesso dl{display:grid;gap:6px;max-width:520px;margin:18px auto;text-align:left;font-size:16px}
.sucesso dl div{display:grid;grid-template-columns:130px 1fr;gap:10px;border-bottom:1px solid var(--linha);padding:6px 0}
.sucesso dt{color:var(--suave)}
.sucesso dd{margin:0;overflow-wrap:anywhere}
.sucesso .acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0 18px}

/* regras */
.regras{background:var(--papel-2);padding:64px 0}
.fatos{display:grid;gap:12px;margin:20px 0 26px}
@media(min-width:700px){.fatos{grid-template-columns:repeat(3,1fr)}}
.fatos div{background:#fff;border-radius:14px;padding:16px 18px}
.fatos dt{font:700 13px var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ferrugem)}
.fatos dd{margin:4px 0 0;font-weight:600}
.lista{padding-left:1.2em;max-width:52em;margin:0 0 24px}
.lista li{margin-bottom:8px}

.rodape{padding:40px 0 48px;font-size:15px;color:var(--suave)}
.rodape .logos{width:min(533px,100%);height:auto;margin-top:18px}

@media print{
  body{background:#fff}
  .topo,.tutorial,#como,.regras,.rodape,form,.sucesso .acoes,.skip,#inscricao>h2,#inscricao>.sub{display:none!important}
  .sucesso{box-shadow:none;border:2px solid #000}
}
.lista b.alvo{background:radial-gradient(circle,#222 1.7px,transparent 2.2px) center/6px 7px repeat-y,#fff3df!important}