@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:optional;src:url(/fontes/barlow-condensed-700.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;src:url(/fontes/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-style:normal;font-display:swap;src:url(/fontes/barlow-600.woff2) format("woff2")}
:root{
  --bg:#0f1011; --bg2:#17191b; --linha:#2a2d30; --txt:#f1efe9; --txt2:#a9a7a0;
  --acento:#f2b23a; --zap:#25d366;
  --titulo:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --corpo:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font:400 17px/1.65 var(--corpo);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--titulo);font-weight:700;line-height:1.08;margin:0;text-transform:uppercase;letter-spacing:.01em}
p{margin:0 0 1em}
.wrap{width:min(760px,100% - 32px);margin-inline:auto}

header.topo{border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;width:min(1120px,100% - 32px)}
.topo strong a{font:700 1.3rem/1 var(--titulo);text-transform:uppercase;letter-spacing:.03em;text-decoration:none}
.topo nav a{color:var(--txt2);font-size:.95rem}

.trilha{font-size:.88rem;color:var(--txt2);margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.trilha li+li::before{content:"›";margin-right:6px}
article{padding:20px 0 64px}
article h1{font-size:clamp(2.2rem,6vw,3.4rem);margin:10px 0 14px}
.resumo{font-size:1.12rem;color:var(--txt2);max-width:62ch}
.data{font-size:.88rem;color:var(--txt2);margin-bottom:28px}
article h2{font-size:clamp(1.7rem,4.5vw,2.3rem);margin:44px 0 14px}
article h3{font-size:1.4rem;margin:28px 0 8px}
article ul{padding-left:1.2em}
article li{margin-bottom:.5em}
.nota{color:var(--txt2);font-size:.9rem}

table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:.98rem}
th,td{text-align:left;padding:11px 10px 11px 0;border-bottom:1px solid var(--linha);vertical-align:top}
thead th{color:var(--acento);font-weight:600;font-size:.88rem;text-transform:uppercase;letter-spacing:.06em}
tbody th{color:var(--txt2);font-weight:400;width:46%}
.rolagem{overflow-x:auto}

.anuncio{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center;background:var(--bg2);border:1px solid var(--linha);border-left:4px solid var(--acento);border-radius:8px;padding:18px;margin:36px 0}
.anuncio img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.anuncio .rotulo{font:600 .78rem/1.4 var(--corpo);letter-spacing:.14em;text-transform:uppercase;color:var(--acento);margin:0 0 4px}
.anuncio h2,.anuncio h3{font-size:1.6rem;margin:0 0 6px}
.anuncio .anuncio-titulo{font:700 1.6rem/1.08 var(--titulo);text-transform:uppercase;letter-spacing:.01em;color:var(--txt);margin:0 0 6px}
.anuncio p{color:var(--txt2);margin-bottom:10px;font-size:.97rem}
.anuncio .preco{font:700 2rem/1 var(--titulo);color:var(--acento);margin-bottom:12px}
.anuncio .preco small{font:600 .9rem var(--corpo);color:var(--txt);margin-left:8px}
@media(max-width:620px){.anuncio{grid-template-columns:1fr}}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:6px;font:600 1rem/1 var(--corpo);text-decoration:none;margin:0 8px 8px 0}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
.btn-cheio{background:var(--acento);color:#1a1405}
.btn-zap{background:var(--zap);color:#06280f}

.citacao{border-left:3px solid var(--acento);padding:4px 0 4px 20px;margin:0 0 18px;font-size:1.12rem}
details{border-bottom:1px solid var(--linha)}
summary{cursor:pointer;padding:16px 0;font-weight:600}
details p{color:var(--txt2)}

.outros{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.outros a{display:block;padding:16px;border:1px solid var(--linha);border-radius:8px;background:var(--bg2);text-decoration:none}
.outros a:hover{border-color:var(--acento)}
.outros b{display:block;font:700 1.25rem/1.1 var(--titulo);text-transform:uppercase}
.outros span{color:var(--txt2);font-size:.9rem}
@media(max-width:520px){.outros{grid-template-columns:1fr}}

footer{border-top:1px solid var(--linha);padding:28px 0 40px;color:var(--txt2);font-size:.88rem;text-align:center}