:root{--ink:#111111;--muted:#5b6470;--bg:#ffffff;--soft:#f4f4f5;--line:#e5e7eb;--acc:#d96f00;--laranja:#f98b03;--noite:#0b1623}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:anywhere}
a{color:inherit}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.sr{position:absolute;left:-9999px}

/* barra de cima (data, tempo, redes) */
.barra{display:none;background:var(--noite);color:#d6dde8;font-size:.78rem}
.barra-in{display:flex;justify-content:space-between;align-items:center;min-height:34px}
.barra-e,.barra-d{display:flex;align-items:center;gap:10px}
.barra a{color:#d6dde8;text-decoration:none}.barra a:hover{color:#fff}
.barra .sep{opacity:.4}.barra .rede{margin-left:6px;display:flex}

/* cabeçalho */
.topo{background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}
.topo-in{display:flex;align-items:center;gap:6px;min-height:58px;position:relative}
.logo{display:block;margin-right:auto}.logo img{height:36px;width:auto}
.lupa{color:#000;text-decoration:none;font-size:1.25rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.topo-busca{display:none}
.mn-chk{position:absolute;opacity:0;pointer-events:none}
.burger{width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.burger span,.burger span::before,.burger span::after{display:block;width:24px;height:3px;background:#000;border-radius:2px;position:relative;content:""}
.burger span::before{position:absolute;top:-8px}.burger span::after{position:absolute;top:8px}
.mn-chk:focus-visible+.burger{outline:2px solid var(--laranja)}
.painel{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid var(--laranja);box-shadow:0 8px 16px rgba(0,0,0,.08);flex-direction:column;padding:6px 16px 12px}
.painel a{padding:12px 0;font-weight:700;text-decoration:none;border-bottom:1px solid var(--line)}
.mn-chk:checked~.painel{display:flex}
/* abas de seções (celular): linha rolável */
.menu{order:9;flex-basis:100%;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);margin:0 -16px;padding:0 16px}
.menu::-webkit-scrollbar{display:none}
.menu a{color:#111;text-decoration:none;padding:12px 12px;font-weight:700;font-size:.88rem;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 -3px transparent}
.menu a[aria-current=page]{color:var(--acc);box-shadow:inset 0 -3px var(--laranja)}
.topo-in{flex-wrap:wrap}

/* destaque */
.hero{display:grid;gap:12px;margin:14px 0;grid-template-columns:minmax(0,1fr)}
.hero a{text-decoration:none;color:#fff;display:block;position:relative}
.hero .capa{aspect-ratio:16/10;border-radius:10px;overflow:hidden;position:relative;background:#222}
.hero .capa::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.85) 100%)}
.hero-txt{position:absolute;left:0;right:0;bottom:0;padding:16px}
.tag{display:inline-block;background:var(--laranja);color:#000;font-weight:800;font-size:.72rem;text-transform:uppercase;padding:3px 9px;border-radius:3px;margin-bottom:8px;letter-spacing:.4px}
.hero-main h2{font-size:1.7rem;line-height:1.12;margin:0 0 6px;font-weight:800}
.hero-main p{margin:0 0 12px;font-size:.95rem;opacity:.95;display:none}
.btn-hero{display:inline-block;border:2px solid #fff;border-radius:999px;padding:6px 16px;font-weight:700;font-size:.9rem}
.hero-lat{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.hero-lat .capa{aspect-ratio:16/8}
.hero-card h3{font-size:1.05rem;line-height:1.2;margin:0 0 4px}
.hero-card time{font-size:.75rem;opacity:.85}
.hero-card .hero-txt{padding:12px}

/* em alta e seções */
.em-alta{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:center;padding:6px 0;margin:6px 0}
.em-alta::-webkit-scrollbar{display:none}
.em-alta .ea-t{color:var(--acc);white-space:nowrap}
.em-alta a{white-space:nowrap;text-decoration:none;font-size:.85rem;border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:#fff}
.em-alta a:hover{border-color:var(--laranja)}
.tiles{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:8px 0 20px}
.tiles::-webkit-scrollbar{display:none}
.tile{flex:none;width:120px;height:78px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1b2a3f,#0b1623);display:flex;align-items:flex-end;text-decoration:none;color:#fff}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7))}
.tile span{position:relative;z-index:1;padding:8px 10px;font-weight:800;font-size:.78rem;text-transform:uppercase}

/* listas e cartões */
.duas{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.itens{display:grid;gap:0}
.item a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}
.item .capa{aspect-ratio:1/1;border-radius:8px}
.item h3{font-size:1rem;line-height:1.28;margin:2px 0 4px}
.item p{display:none;margin:0 0 4px;color:var(--muted);font-size:.9rem}
.item time{color:var(--muted);font-size:.78rem}
.ultimas{list-style:none;padding:0;margin:0}
.ultimas li{display:grid;grid-template-columns:34px minmax(0,1fr) 72px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ultimas .n{font-size:1.8rem;font-weight:800;color:var(--laranja);line-height:1}
.ultimas a{text-decoration:none;font-weight:700;line-height:1.3;font-size:.92rem}
.ultimas small{display:block;color:var(--muted);font-weight:400;font-size:.75rem}
.mini{width:72px;height:54px;border-radius:6px;overflow:hidden}.mini .capa,.mini .capa-vazia{height:100%;aspect-ratio:auto}.mini img{width:100%;height:100%;object-fit:cover}
.grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.card a{text-decoration:none;display:block}
.capa{aspect-ratio:16/9;background:var(--soft);overflow:hidden;border-radius:6px}
.capa img{width:100%;height:100%;object-fit:cover}
.capa-vazia{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff3e0;color:var(--acc);font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:.8rem}
.card-txt{padding:8px 0}
.chapeu{display:inline-block;color:var(--acc);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.card h3{font-size:1.05rem;line-height:1.3;margin:2px 0 4px}
.card time,.meta{color:var(--muted);font-size:.82rem}
.card:hover h3,.item a:hover h3{text-decoration:underline}
.bloco{margin:28px 0}.bloco-t{font-size:1.2rem;border-left:5px solid var(--laranja);padding-left:10px;margin:0 0 12px}
.bloco-t a{text-decoration:none}
.sec-t h1{margin:24px 0 4px}.sec-t p{color:var(--muted);margin:0 0 18px}
.vazio{text-align:center;color:var(--muted);padding:60px 0}

/* artigo */
.art-wrap{max-width:760px}.art{margin:20px 0}.art h1{font-size:1.9rem;line-height:1.2;margin:6px 0 10px}
.linha-fina{font-size:1.15rem;color:var(--muted);margin:0 0 10px}
.mig{font-size:.82rem;color:var(--muted)}.mig a{text-decoration:none}
.foto{margin:16px 0}.foto img{border-radius:6px;width:100%}.foto figcaption{font-size:.8rem;color:var(--muted);margin-top:4px}
.texto{font-size:1.1rem;line-height:1.75}.texto h2{font-size:1.4rem;margin:30px 0 8px}.texto h3{font-size:1.15rem}
.texto a{color:var(--acc)}.texto blockquote{border-left:4px solid var(--line);margin:16px 0;padding:4px 16px;color:var(--muted)}
.creditos{font-size:.72rem;color:var(--muted);margin:24px 0 0;border-top:1px solid var(--line);padding-top:8px}
.leia{margin:36px 0}
.pn{display:flex;gap:12px;justify-content:space-between;margin:24px 0}.pn a{flex:1;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:.85rem;color:var(--muted)}
.pn a span{display:block;color:var(--ink);font-weight:600;font-size:.95rem}.pn .dir{text-align:right}
.voltar{margin:16px 0 40px}.voltar a{color:var(--acc);font-weight:600;text-decoration:none}
.busca input{width:100%;font-size:1.1rem;padding:14px;border:2px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.res{list-style:none;padding:0}.res li{padding:12px 0;border-bottom:1px solid var(--line)}.res a{font-weight:700;text-decoration:none}.res small{display:block;color:var(--muted)}
.rodape{background:#fff;color:var(--muted);margin-top:48px;padding:28px 0;font-size:.9rem;border-top:3px solid var(--laranja)}
.rodape-nome{color:#000;font-weight:800;font-size:1.1rem}.rodape nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0}.rodape a{color:#000}.peq{font-size:.78rem;color:var(--muted)}

/* computador */
@media(min-width:900px){
.barra{display:block}
.topo-in{flex-wrap:nowrap;gap:22px;min-height:76px}
.logo img{height:48px}
.menu{order:0;flex:1;flex-basis:auto;border:0;margin:0;padding:0;justify-content:center;gap:2px}
.menu a{font-size:.8rem;padding:30px 12px}
.menu a:hover{color:var(--acc)}
.topo-busca{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#f8f8f9;padding:0 6px 0 16px;width:260px}
.topo-busca input{flex:1;border:0;background:transparent;font-size:.85rem;padding:10px 0;outline:0;min-width:0}
.topo-busca button{border:0;background:transparent;cursor:pointer;font-size:1rem}
.lupa{display:none}
.hero{grid-template-columns:2fr 1fr;gap:16px}
.hero .capa{aspect-ratio:auto;height:100%;min-height:420px}
.hero-main h2{font-size:2.6rem}.hero-main p{display:block;max-width:560px}
.hero-txt{padding:28px}
.hero-lat{grid-template-rows:repeat(3,1fr)}
.hero-lat .capa{min-height:130px;height:100%}
.hero-lat .hero-card{display:block;height:100%}.hero-lat .hero-card a{height:100%}
.tile{flex:1;width:auto;height:96px}
.tiles{overflow:visible}
.duas{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px}
.item a{grid-template-columns:200px minmax(0,1fr)}
.item .capa{aspect-ratio:16/10}
.item p{display:block}
.item h3{font-size:1.15rem}
.art h1{font-size:2.5rem}
}
.barra .sol{color:#ffb020;margin:0 -4px 0 4px}.barra .sep-l{width:1px;height:20px;background:rgba(255,255,255,.18);opacity:1;margin:0 4px}.barra-d{gap:12px}.barra .rede svg{display:block}
@media(min-width:900px){.burger,.painel{display:none!important}.menu{min-width:0}.menu a{padding:30px 10px}.topo-busca{width:230px}}
.capa img{object-position:center 18%}
.selo{background:var(--laranja);color:#000;font-weight:800;text-transform:uppercase;padding:0 .28em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;letter-spacing:.2px}.hero .selo{color:#000}
.selo,.hero .selo{background:none;color:inherit;padding:0;border-radius:0;font-weight:800;text-transform:uppercase}
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2) format("woff2")}
.selo,.hero .selo{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.6px;font-size:1.08em}
.selo,.hero .selo{font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:none;letter-spacing:0}