:root{
  --bg:#0b0b0c; --card:#151517; --linha:#2a2a2e; --texto:#f4f4f1; --mudo:#9b9ba3;
  --lima:#d4ff3a; --lima-t:#0b0b0c; --erro:#ff6b57;
  --display:'Archivo Black','Arial Black',system-ui,sans-serif;
  --corpo:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--texto);font-family:var(--corpo);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--lima);outline-offset:2px}

.topo{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;max-width:1500px;margin:0 auto}
.logo{display:inline-flex;align-items:center;text-decoration:none;line-height:0}
.logo img{display:block;height:40px;width:auto}
@media(min-width:760px){.logo img{height:48px}}
.como-link{font-size:14px;color:var(--mudo);text-decoration:none;font-weight:500}
.como-link:hover{color:var(--texto)}

main{max-width:1500px;margin:0 auto;padding:0 16px 48px}
.hero{padding:18px 0 14px;max-width:900px}
h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,9.5vw,84px);line-height:.98;letter-spacing:-.03em;margin:0 0 20px}
h1 em{font-style:normal;color:var(--lima)}
.busca{display:flex;gap:8px;background:var(--card);border:2px solid var(--linha);border-radius:18px;padding:6px}
.busca:focus-within{border-color:var(--lima)}
.busca input{flex:1;min-width:0;background:none;border:0;color:var(--texto);font:inherit;font-size:17px;padding:12px 10px;outline:none;text-overflow:ellipsis}
.busca input::placeholder{color:#74747c}
.busca button,.leadform button{background:var(--lima);color:var(--lima-t);border:0;border-radius:13px;font-family:var(--display);font-size:15px;padding:0 15px;min-height:48px;cursor:pointer;white-space:nowrap}
.busca button:active,.leadform button:active{transform:scale(.97)}
.hint{color:var(--mudo);font-size:14px;margin:12px 4px 0;max-width:62ch}

.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;margin:0 -16px;scrollbar-width:none;position:sticky;top:0;background:linear-gradient(var(--bg) 82%,transparent);z-index:5}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;text-decoration:none;font-size:15px;font-weight:700;border:2px solid var(--linha);border-radius:999px;padding:8px 16px;color:var(--texto);white-space:nowrap}
.chip:hover{border-color:#55555c}
.chip.on{background:var(--lima);color:var(--lima-t);border-color:var(--lima)}

.feed-cab{margin:14px 0 14px}
.feed-cab h2{font-family:var(--display);font-weight:400;font-size:clamp(22px,5vw,34px);margin:0;letter-spacing:-.02em;line-height:1.05}
.feed-cab p{margin:6px 0 0;color:var(--mudo);font-size:15px}

.grade{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.grade{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1180px){.grade{grid-template-columns:repeat(3,1fr);gap:20px}}
.card{background:var(--card);border:1px solid var(--linha);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.card.vale{border-color:#5d7013}
.thumb{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 48%,rgba(0,0,0,0) 70%)}
.selo{position:absolute;left:12px;top:12px;z-index:2;font-family:var(--display);font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:7px 11px;border-radius:9px}
.selo.vale{background:var(--lima);color:var(--lima-t)}
.selo.promissora{background:#fff;color:#0b0b0c}
.selo.sem{background:rgba(0,0,0,.7);color:#c9c9cf;border:1px solid #55555c}
.mult{position:absolute;left:14px;bottom:10px;z-index:2;display:flex;flex-direction:column;line-height:1}
.mult strong{font-family:var(--display);font-weight:400;font-size:clamp(46px,13vw,70px);letter-spacing:-.04em;color:var(--lima);text-shadow:0 2px 14px rgba(0,0,0,.6)}
.mult.fraco strong{color:#fff}
.mult small{font-size:13px;font-weight:700;color:#fff;margin-top:2px;text-transform:uppercase;letter-spacing:.05em}

.corpo{padding:16px 16px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.corpo h3{font-family:var(--display);font-weight:400;font-size:clamp(21px,5.4vw,25px);line-height:1.12;letter-spacing:-.015em;margin:0}
.trecho{margin:0;background:#0f0f11;border:1px solid var(--linha);border-left:4px solid var(--lima);border-radius:12px;padding:11px 14px}
.trecho b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--lima);margin-bottom:5px}
.trecho p{margin:0;font-size:15px;line-height:1.45;color:#e6e6e2}
.trecho cite{display:block;margin-top:6px;font-size:13px;color:var(--mudo);font-style:normal}
.trecho.en{border-left-color:#fff}
.trecho.en b{color:#fff}
.sinais{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#cfcfd4}
.sinais li{padding-left:22px;position:relative}
.sinais li::before{content:"";position:absolute;left:3px;top:.45em;width:9px;height:9px;border-radius:50%;background:var(--lima)}
.sinais li.nada{color:var(--mudo)}.sinais li.nada::before{background:#55555c}
.fonte{margin:0;font-size:13px;color:var(--mudo)}
.acoes{display:flex;gap:8px;margin-top:auto;padding-top:4px}
.acoes>*{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-family:var(--corpo);font-weight:700;font-size:15px;text-decoration:none;text-align:center;padding:0 10px;cursor:pointer}
.copiar{background:var(--lima);color:var(--lima-t);border:0}
.copiar.ok{background:#fff}
.ver{border:2px solid var(--linha);background:none;color:var(--texto)}
.ver:hover{border-color:var(--texto)}

.gate{margin:22px auto 0;max-width:640px;background:var(--lima);color:var(--lima-t);border-radius:24px;padding:24px 20px}
.gate h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,6vw,34px);line-height:1.05;margin:0 0 8px;letter-spacing:-.02em}
.gate p{margin:0 0 14px;font-size:16px}
.gate .erro{background:#0b0b0c;color:var(--erro);padding:8px 12px;border-radius:10px;font-weight:700}
.leadform{display:flex;flex-direction:column;gap:10px}
.leadform label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}
.leadform input[type=email],.leadform input[type=text]{font:inherit;font-size:17px;padding:13px 14px;border-radius:12px;border:2px solid #0b0b0c;background:#fff;color:#0b0b0c}
.leadform .aceite{flex-direction:row;gap:10px;font-weight:500;font-size:14px;align-items:flex-start;line-height:1.35}
.leadform .aceite input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:#0b0b0c}
.leadform .aceite a{text-decoration:underline}
.leadform button{background:#0b0b0c;color:var(--lima);min-height:54px;font-size:17px}
.mais{display:block;margin:22px auto 0;max-width:340px;text-align:center;border:2px solid var(--lima);color:var(--lima);border-radius:14px;padding:14px;font-weight:700;text-decoration:none}
.vazio{padding:30px 0;color:var(--mudo)}.vazio h3{color:var(--texto);font-family:var(--display);font-weight:400}

.como{margin:44px 0 0;max-width:760px;border-top:1px solid var(--linha);padding-top:26px}
.como h2{font-family:var(--display);font-weight:400;font-size:26px;margin:0 0 6px;letter-spacing:-.02em}
.como p{color:#cfcfd4}.como ol{padding-left:20px;color:#cfcfd4}.como li{margin:8px 0}.como b{color:var(--texto)}
.rodape{max-width:1500px;margin:0 auto;padding:22px 16px 40px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--mudo);font-size:13px;border-top:1px solid var(--linha)}
.rodape a{color:var(--mudo)}.rodape a:hover{color:var(--texto)}
.texto{max-width:700px}.texto h1{font-size:clamp(34px,8vw,56px)}.texto h2{font-family:var(--display);font-weight:400;font-size:20px;margin:26px 0 4px}.texto p{color:#d4d4d8}
.texto .ver{display:inline-flex;padding:12px 18px;min-height:46px;align-items:center;border-radius:13px}
@media(max-width:480px){.busca input{font-size:15px;padding:12px 8px}.busca button{font-size:14px;padding:0 12px}}
.temas{margin:44px 0 0;border-top:1px solid var(--linha);padding-top:26px}
.temas h2{font-family:var(--display);font-weight:400;font-size:26px;margin:0 0 14px;letter-spacing:-.02em}
.temas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.temas a{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;font-weight:700;font-size:15px;border:2px solid var(--linha);border-radius:999px;padding:8px 16px;color:var(--texto)}
.temas a:hover{border-color:var(--lima)}
.temas a[aria-current]{background:var(--lima);color:var(--lima-t);border-color:var(--lima)}
.temas small{color:var(--mudo);font-weight:500;font-size:13px}
.temas a[aria-current] small{color:var(--lima-t)}