:root{--fundo:#f0ddb0;--papel:#f6f1e6;--texto:#1a1a1c;--suave:#3b2416;--destaque:#7a2e1e;--acento:#f59e0b;--lampiao:#ffd166;--mata:#2e6b45;--mata-escura:#1e4030;--capim:#8cbf5b;--madeira:#6b4423;--cartao:#f6f1e6;--borda:#6b4423;--sobre-destaque:#f6f1e6}[data-tema=noite]{--fundo:#0b1226;--papel:#172a4a;--texto:#f6f1e6;--suave:#f0ddb0;--destaque:#ffd166;--acento:#f59e0b;--mata:#183b48;--mata-escura:#12283b;--capim:#3a6056;--madeira:#2e2933;--cartao:#101e4b;--borda:#f59e0b;--sobre-destaque:#1a1a1c}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fundo);color:var(--texto);margin:0;font:400 17px/1.55 Nunito,system-ui,sans-serif;overflow-x:hidden}a{color:var(--destaque);font-weight:800}a:focus-visible,button:focus-visible{outline:3px solid var(--acento);outline-offset:3px}.pixel{letter-spacing:.02em;font-family:Pixelify Sans,monospace}.miolo{width:min(100% - 32px,980px);margin-inline:auto}img{max-width:100%;height:auto;display:block}.topo{align-items:center;gap:12px;padding:14px 0;display:flex}.topo img{width:48px;height:48px;image-rendering:pixelated}.topo .marca{color:var(--texto);flex-direction:column;justify-content:center;min-height:44px;font:700 20px/1 Pixelify Sans,monospace;text-decoration:none;display:flex}.topo .marca small{letter-spacing:.16em;text-transform:uppercase;color:var(--destaque);font:800 10px/1.6 Nunito,sans-serif;display:block}.hero{border:4px solid var(--borda);background:var(--mata-escura);border-radius:18px;position:relative;overflow:hidden}.hero picture img{aspect-ratio:16/10;object-fit:cover;width:100%;image-rendering:pixelated}.hero .faixa{color:#f6f1e6;background:linear-gradient(#0000,#0b1226e0 35%);padding:18px 16px 16px;position:absolute;inset:auto 0 0}.hero h1{color:#ffd166;text-shadow:3px 3px #1a1a1c;margin:0;font:700 clamp(30px,7vw,54px)/1.05 Pixelify Sans,monospace}.hero p{margin:6px 0 0;font-size:clamp(16px,3.6vw,21px);font-weight:800}.chamada{gap:12px;margin:22px 0 8px;display:grid}.botao{background:var(--lampiao);color:#1a1a1c;border:3px solid #1a1a1c;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 26px;font:900 20px/1 Nunito,system-ui,sans-serif;text-decoration:none;transition:transform 80ms;display:inline-flex;box-shadow:4px 4px #1a1a1c}.botao:active{transform:translate(3px,3px);box-shadow:1px 1px #1a1a1c}.dica{color:var(--suave);margin:0;font-weight:700}.dica code,.passos code,.texto code{letter-spacing:.02em;background:var(--lampiao);color:#1a1a1c;border-radius:6px;padding:1px 7px;font:900 .95em Nunito,system-ui,sans-serif}h2{color:var(--destaque);margin:40px 0 14px;font:900 clamp(24px,5vw,32px)/1.15 Nunito,system-ui,sans-serif}.passos{counter-reset:passo;gap:14px;margin:0;padding:0;list-style:none;display:grid}.passos li{counter-increment:passo;background:var(--cartao);border:3px solid var(--borda);border-radius:16px;padding:16px 16px 16px 70px;position:relative}.passos li:before{content:counter(passo);background:var(--destaque);width:42px;height:42px;color:var(--sobre-destaque);border-radius:12px;place-items:center;font:900 24px/1 Nunito,system-ui,sans-serif;display:grid;position:absolute;top:14px;left:14px}.passos b{font-size:19px;display:block}@media (width>=760px){.passos{grid-template-columns:repeat(3,1fr)}}.radio{background:var(--mata-escura);color:#f6f1e6;border-radius:16px;align-items:center;gap:14px;margin:34px 0 0;padding:18px;display:flex}.radio .antena{color:#e8453c;font:700 34px/1 Pixelify Sans,monospace}.radio b{color:#ffd166}.reels{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.reels a{border:3px solid var(--borda);color:var(--texto);background:var(--cartao);border-radius:12px;text-decoration:none;display:block;overflow:hidden}.reels img{aspect-ratio:9/16;object-fit:cover}.reels span{padding:8px 10px;font-size:14px;font-weight:800;display:block}.texto{max-width:720px}.texto h1{margin:18px 0 6px;font:900 clamp(28px,6vw,40px)/1.1 Nunito,system-ui,sans-serif}.texto h2{margin:30px 0 8px;font-size:22px}.texto .resumo{background:var(--cartao);border:3px solid var(--borda);border-radius:14px;padding:14px 16px;font-weight:800}.texto li{margin:6px 0}.voltar{align-items:center;min-height:44px;display:inline-flex}.rodape{padding:22px 0 calc(28px + env(safe-area-inset-bottom));border-top:3px dashed var(--borda);color:var(--suave);margin-top:48px;font-size:14px}.rodape nav{flex-wrap:wrap;gap:6px 18px;margin-bottom:10px;display:flex}.rodape nav a,.rodape a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}
