:root{
  --bg:#0c0c0e; --bg2:#131316; --card:#17171c; --card2:#1e1e24;
  --ink:#e8ecf3; --paper:#e8ecf3; --muted:#a7a7b3; --line:#2a2a32;
  --marca:#86EFAC;
  --acc:#7DD3FC; --acc-deep:#3B82F6; --ico:#7DD3FC; --ico-vivo:#FF2D20;
  --pos:#86EFAC; --pos-deep:#22C55E; --neg:#f87171;
  --grad:var(--acc);
  --radius:16px;
  --font:'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 500px at 80% -10%,rgba(59,130,246,.14),transparent),radial-gradient(900px 400px at 10% 0%,rgba(134,239,172,.07),transparent),var(--bg);color:var(--ink);font:16px/1.6 var(--font);min-height:100vh}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.topbar{background:rgba(12,12,14,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topbar-in{display:flex;align-items:center;gap:22px;padding:12px 22px}
.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-size:22px;font-weight:800}
.brand img{width:34px;height:34px;border-radius:10px}
.brand b{color:var(--marca)}
.brand-tx{display:inline-block;white-space:nowrap}
.nav{display:flex;gap:6px;flex:1;flex-wrap:wrap}
.nav a{color:var(--pos-deep);text-decoration:none;font-size:14.5px;font-weight:600;padding:8px 13px;border-radius:999px}
.nav a:hover{color:var(--pos-deep);background:rgba(59,130,246,.12);box-shadow:inset 0 0 0 1px rgba(125,211,252,.3)}
.nav a.active{color:var(--pos-deep);background:rgba(59,130,246,.28);box-shadow:inset 0 0 0 1px rgba(125,211,252,.7)}
.actions{display:flex;gap:8px;align-items:center}
.actions input{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#0f0f12;color:var(--paper);min-width:190px;outline:none}
.actions input:focus{border-color:var(--acc)}
.btn{background:var(--grad);color:#141414;border:none;padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:800;cursor:pointer;display:inline-block}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(125,211,252,.3)}
.btn.ghost{background:transparent;color:var(--acc);border:1px solid #4a4a55}
.btn.ghost:hover{background:rgba(125,211,252,.1);box-shadow:none}
.btn.big{padding:13px 22px;font-size:15.5px}
/* ===== Menu com submenus (dropdown) + hamburguer mobile ===== */
.navgrp{position:relative}
.navtop{cursor:pointer}
.nav-ico{display:inline-flex;color:var(--ico-vivo);margin-left:8px;vertical-align:-2px;flex:none}
.nav-ico svg{width:15px;height:15px;display:block}
.navgrp .sub .nav-ico svg{width:13px;height:13px}
.nav a.active .nav-ico,.nav a:hover .nav-ico,.navgrp:hover .navtop .nav-ico,.navgrp:focus-within .navtop .nav-ico{color:var(--ico-vivo)}
.navgrp .sub{position:absolute;top:calc(100% - 2px);left:0;min-width:230px;background:#141419;border:1px solid var(--pos-deep);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.55);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:30;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .25s}
.navgrp .sub a{padding:10px 13px;border-radius:8px;white-space:nowrap;font-size:14px}
.navgrp .sub a:hover{background:rgba(59,130,246,.12);color:var(--pos-deep);box-shadow:inset 0 0 0 1px rgba(125,211,252,.28)}
.navgrp .sub a.active{background:rgba(59,130,246,.28);color:var(--pos-deep);box-shadow:inset 0 0 0 1px rgba(125,211,252,.6)}
.navgrp:hover .sub,.navgrp:focus-within .sub,.navgrp.open .sub{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s}
.navgrp:hover .navtop,.navgrp:focus-within .navtop{color:var(--pos-deep);background:rgba(59,130,246,.12);box-shadow:inset 0 0 0 1px rgba(125,211,252,.3)}
.navtop.active,.navgrp:hover .navtop.active,.navgrp:focus-within .navtop.active{background:rgba(59,130,246,.28);box-shadow:inset 0 0 0 1px rgba(125,211,252,.7)}
.hamb{display:none;background:transparent;border:1px solid var(--line);color:var(--ico-vivo);font-size:20px;width:40px;height:40px;border-radius:10px;cursor:pointer}
.hamb:hover{border-color:var(--acc);color:var(--acc)}
@media(max-width:900px){
  .hamb{display:inline-block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0c0c0e;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px;gap:2px;z-index:25}
  .nav.open{display:flex}
  .navgrp{position:static}
  .navgrp .sub{position:static;display:none;visibility:hidden;opacity:1;transform:none;transition:none;box-shadow:none;background:#101014;margin:4px 0 4px 8px;border:none;border-left:2px solid var(--acc-deep);border-radius:0;min-width:0}
  .navgrp:hover .sub{display:none;visibility:hidden}
  .navgrp.open .sub,.navgrp.open:hover .sub,.navgrp.open:focus-within .sub{display:flex;visibility:visible;opacity:1;transform:none}
  .navtop{display:flex;justify-content:space-between;align-items:center}
}
.ticker-track{display:inline-block;white-space:nowrap;animation:tick 32s linear infinite}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;padding:24px 0 12px;align-items:start;max-width:none;width:100%}
.hero-edicao{padding:56px 0 32px;text-align:center}
.hero-edicao .kicker{display:inline-block;margin-bottom:12px}
.hero-edicao h1{font-size:56px;max-width:800px;margin:0 auto 16px}
.hero-edicao .sub{max-width:680px;margin:0 auto 24px;font-size:19px}
.kicker{color:var(--ico);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}
h1{font-size:36px;line-height:1.05;margin:.2em 0;font-weight:800;letter-spacing:-.02em}
h1 .hl{color:var(--acc)}
h2,h3{color:var(--paper)}
.sub{font-size:14px;color:var(--muted)}
.sub b{color:var(--marca)}
.cta{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;justify-content:center}
.stats{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap;justify-content:center}
.stat{background:var(--card);border:1px solid var(--pos-deep);border-radius:12px;padding:10px 16px;min-width:140px}
.stat b{font-size:20px;color:var(--marca);display:block}
.stat span{font-size:12px;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--pos-deep);border-radius:var(--radius);padding:22px;margin-bottom:22px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card-h{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px;gap:10px}
.card-h h2{margin:0;font-size:21px}
.card-h a{font-size:13.5px;color:var(--acc);font-weight:700;text-decoration:none;white-space:nowrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 4px}
.grid3 a{text-decoration:none}
.list article{padding:12px 0;border-bottom:1px dashed var(--line)}
.list article:hover{background:rgba(125,211,252,.05);border-radius:8px;padding-left:8px}
.list h4{margin:0 0 4px;font-size:16.5px;color:var(--paper)}
.list a{color:var(--marca)}
.tag{font-size:11px;font-weight:800;background:#26262e;color:var(--marca);border:1px solid #3a3a45;border-radius:7px;padding:2px 9px;margin-right:6px;text-transform:uppercase}
.muted{color:var(--muted)}
.kpis{display:grid;gap:10px}
.kpi{border:1px solid var(--pos-deep);border-radius:12px;padding:11px 14px;background:#101014}
.var-up{color:var(--pos-deep);font-weight:700}
.var-down{color:var(--neg);font-weight:700}
.var-flat{color:#a7a7b3;font-weight:700}
footer{background:#08080a;border-top:1px solid var(--line);color:#9a9aa5;margin-top:34px;padding:26px 0;font-size:14px}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.foot b{color:var(--paper)}
.flinks{display:flex;gap:16px;flex-wrap:wrap}
.flinks a{color:var(--marca);text-decoration:none}
table{width:100%;border-collapse:collapse;font-size:14px}
th{color:var(--ico);text-transform:uppercase;font-size:12px;letter-spacing:.06em}
th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}
tbody tr:hover{background:rgba(125,211,252,.05)}
.toolbar{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap;align-items:center}
.toolbar input,.toolbar select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0f0f12;color:var(--paper)}
.skel{border-radius:10px;background:linear-gradient(90deg,#1b1b21,#26262e,#1b1b21);background-size:200% 100%;animation:sk 1.2s infinite;height:64px;margin:8px 0}
@keyframes sk{to{background-position:-200% 0}}
.rss-img{margin:8px 0;border-radius:10px;overflow:hidden}
.rss-img img{width:100%;height:auto;display:block;transition:transform .3s ease}
.rss-img img:hover{transform:scale(1.02)}
.rss-img a{display:block}
.list article .rss-img{margin:10px -8px 0 -8px;border-radius:8px 8px 0 0}

/* ===== Carousel ===== */
.carousel{position:relative;margin:0 -22px 16px;border-radius:0;overflow:hidden}
.car-track{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94);height:360px}
.car-slide{flex:0 0 100%;position:relative;min-width:100%}
.car-slide img{width:100%;height:100%;object-fit:cover}
.car-fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,12,14,.95) 0%,rgba(12,12,14,.6) 40%,transparent 100%)}
.car-cap{position:absolute;bottom:0;left:0;right:0;padding:28px 32px 24px;color:var(--paper);z-index:2}
.car-cap .badge{font-size:11px;padding:4px 10px;margin-bottom:8px;display:inline-block}
.car-cap .badge.vid{background:var(--pos-deep);color:#06130b}
.car-cap h3{margin:8px 0 6px;font-size:22px;line-height:1.2;max-width:800px}
.car-meta{font-size:13px;color:var(--paper);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.car-cta{color:var(--acc);font-weight:700;font-size:13px}
.car-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(20,20,20,.85);border:1px solid var(--line);color:var(--paper);width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center}
.car-nav:hover{background:var(--grad);color:#141414;border-color:transparent}
.car-nav.prev{left:16px}
.car-nav.next{right:16px}
.car-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.car-dots button{width:10px;height:10px;border-radius:50%;background:#3a3a45;border:none;cursor:pointer;transition:.2s}
.car-dots button.active{background:var(--acc);transform:scale(1.2)}

/* ===== News Grid ===== */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.news-card{background:var(--card);border:1px solid var(--pos-deep);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.news-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.4)}
.news-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.news-card:hover .news-thumb img{transform:scale(1.03)}
.news-thumb .badge{position:absolute;top:8px;left:8px;z-index:2;font-size:10px;padding:3px 8px}
.news-thumb .badge.vid{background:var(--pos-deep);color:#06130b}
.news-thumb .noimg{position:absolute;inset:0;background:#101014;display:flex;align-items:center;justify-content:center;font-size:32px;color:#2a2a32}
.news-body{padding:14px 16px}
.news-body h4{margin:0 0 6px;font-size:16px;line-height:1.3}
.news-body h4 a{color:var(--paper);text-decoration:none}
.news-body h4 a:hover{color:var(--acc)}
.news-body p{margin:6px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}
.news-src{display:flex;gap:10px;margin-top:10px;align-items:center;flex-wrap:wrap;font-size:12px}
.news-src .badge{font-size:10px;padding:2px 8px}
/* ===== Lightbox ===== */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px}
.lightbox.on{display:flex}
.lb-close{position:absolute;top:20px;right:20px;background:rgba(20,20,20,.8);border:1px solid var(--line);color:var(--paper);width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-close:hover{background:var(--grad);color:#141414;border-color:transparent}
#lb-img{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lb-cap{margin-top:16px;color:var(--paper);text-align:center;max-width:800px;font-size:15px}
.lb-cap a{color:var(--acc);font-weight:600}

/* ===== Status fontes ===== */
/* (st-fontes removido: lista Fontes Ativas retirada) */

/* ===== Toast & Backtop ===== */
.toast{position:fixed;bottom:22px;right:22px;background:#141419;border:1px solid var(--pos);color:var(--paper);padding:12px 18px;border-radius:12px;display:none;z-index:50}
.backtop{position:fixed;bottom:22px;right:22px;background:var(--grad);border:none;width:46px;height:46px;border-radius:50%;font-size:20px;cursor:pointer;display:none;z-index:50;color:#141414}
/* ===== Icones em titulos ===== */
.card-h h2 .nav-ico,.kicker .nav-ico,.f-col h4 .nav-ico{margin-left:0;margin-right:8px;vertical-align:-3px}
.card-h h2 .nav-ico svg{width:18px;height:18px}
.kicker .nav-ico svg,.f-col h4 .nav-ico svg{width:13px;height:13px}
section.card > h2 .nav-ico{margin-left:0;margin-right:8px;vertical-align:-3px}
section.card > h2 .nav-ico svg{width:18px;height:18px}
.stat .nav-ico{color:var(--ico-vivo);display:block;margin:0 0 6px}
.stat .nav-ico svg{width:18px;height:18px}
.kpi .nav-ico{color:var(--ico-vivo);display:block;margin:0 0 4px}
.kpi .nav-ico svg{width:16px;height:16px}
.backtop{align-items:center;justify-content:center}
.backtop svg{width:20px;height:20px;display:block}
/* ===== Leitura: progresso + tamanho da fonte ===== */
#leitura-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent;pointer-events:none}
#leitura-bar span{display:block;height:100%;width:0;background:var(--pos)}
.font-ctl{display:inline-flex;gap:4px;margin-left:4px}
.font-btn{background:transparent;border:1px solid var(--line);color:var(--acc);border-radius:8px;font-size:11px;font-weight:800;padding:5px 8px;cursor:pointer;line-height:1}
.font-btn:hover{border-color:var(--acc)}
/* ===== Manchete hero (destaque principal) ===== */
.hero-news{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--pos-deep);margin-bottom:16px;min-height:320px;display:flex;align-items:flex-end;background:#101014}
.hero-news .hero-link{position:absolute;inset:0;display:block}
.hero-news img.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-news .hero-fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,8,.96) 8%,rgba(6,6,8,.45) 55%,rgba(6,6,8,.05));pointer-events:none}
.hero-news .hero-body{position:relative;padding:24px;z-index:2;width:100%}
.hero-news h2{font-size:26px;margin:8px 0;line-height:1.2}
.hero-news h2 a{color:var(--paper);text-decoration:none}
.hero-news h2 a:hover{color:var(--acc)}
/* ===== Compartilhar + favoritos ===== */
.share-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;align-items:center}
.share-btn{display:inline-flex;align-items:center;gap:6px;background:#101014;border:1px solid var(--line);color:var(--paper);border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700;cursor:pointer;text-decoration:none}
.share-btn svg{width:13px;height:13px;stroke:var(--ico-vivo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.share-btn:hover{border-color:var(--acc);color:var(--acc)}
.fav-btn{background:transparent;border:1px solid var(--line);border-radius:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ico-vivo);flex:none;padding:0}
.fav-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.fav-btn.on{color:var(--ico-vivo);border-color:var(--ico-vivo)}
.fav-btn:hover{border-color:var(--ico-vivo)}
.tag-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}
/* ===== Vídeo ===== */
.vid-link{display:block;position:relative}
.play-btn{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(10,10,12,.72);border:2px solid var(--paper);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
.play-btn svg{width:24px;height:24px;fill:var(--ico-vivo)}
.news-card:hover .play-btn{background:var(--acc);border-color:transparent}
.news-card:hover .play-btn svg{fill:#141414}
.car-slide .play-btn{width:72px;height:72px}
.car-slide .play-btn svg{width:30px;height:30px}
/* ===== Placar de votação ===== */
.placar{display:flex;height:26px;border-radius:999px;overflow:hidden;border:1px solid var(--line);margin:10px 0}
.placar span{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;min-width:0;overflow:hidden;white-space:nowrap}
.placar .pl-sim{background:var(--pos-deep);color:#06130b}
.placar .pl-nao{background:#ef4444;color:#1a0707}
.placar .pl-out{background:#3a3a45;color:var(--paper)}
/* ===== Linha do tempo ===== */
.timeline{border-left:2px solid var(--acc-deep);margin:12px 0 4px 8px;padding-left:16px;display:flex;flex-direction:column;gap:10px}
.tl-item{position:relative}
.tl-item:before{content:"";position:absolute;left:-23px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--acc-deep)}
.tl-date{font-size:11.5px;color:var(--ico);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tl-body{font-size:14px;color:var(--paper)}
/* ===== Prazo e modalidade (licitações) ===== */
.prazo{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:2px 10px;margin-left:6px;white-space:nowrap}
.prazo.ok{background:rgba(134,239,172,.14);color:var(--pos);border:1px solid rgba(134,239,172,.4)}
.prazo.warn{background:rgba(125,211,252,.14);color:var(--acc);border:1px solid rgba(125,211,252,.4)}
.prazo.urg{background:rgba(239,68,68,.15);color:var(--neg);border:1px solid rgba(239,68,68,.4)}
.prazo.off{background:#26262e;color:var(--muted);border:1px solid #3a3a45}
.mod{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;flex:none}
.mod-pregao{background:var(--pos-deep)}.mod-conc{background:var(--acc-deep)}.mod-disp{background:var(--ico)}.mod-inex{background:#c68aff}.mod-out{background:#6b7280}
/* ===== Agenda semanal ===== */
.agenda-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
@media(max-width:1100px){.agenda-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.agenda-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.agenda-grid{grid-template-columns:1fr}}
.ag-dia{background:#101014;border:1px solid var(--pos-deep);border-radius:12px;padding:10px;min-width:0}
.ag-dia.hoje{border-color:var(--acc)}
.ag-dia h4{margin:0 0 8px;font-size:12px;color:var(--ico);text-transform:uppercase;letter-spacing:.05em}
.ag-ev{border-top:1px dashed var(--line);padding:7px 0;font-size:12.5px}
.ag-ev b.hora{color:var(--paper)}
/* ===== Sparkline e tendência ===== */
.spark{display:block;margin-top:6px}
.tend{font-size:11px;font-weight:800;margin-left:6px;white-space:nowrap}
/* ===== Estados vazios ===== */
.empty-state{text-align:center;padding:28px 12px;color:var(--muted)}
.empty-state svg{width:40px;height:40px;stroke:var(--ico-vivo);margin-bottom:8px}
.empty-state p{margin:6px 0;color:var(--paper)}
/* ===== Miniaturas em rankings ===== */
.rank-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}
/* ===== Ticker clicável ===== */
.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);padding:7px 0;background:rgba(0,0,0,.25);font-size:13px}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track a{color:var(--paper);text-decoration:none;margin:0 14px}
.ticker-track a:hover{color:var(--acc);text-decoration:underline}
.tick-sep{color:#3a3a45;margin:0 4px}
.ticker-track a .tick-ico{display:inline-flex;vertical-align:-2px;margin-right:6px;color:var(--ico-vivo)}
.ticker-track a .tick-ico svg{width:12px;height:12px;display:block}
.mkt-ticker{background:rgba(59,130,246,.06);border-top:none;border-bottom:1px solid var(--line)}
.tick-market{color:var(--acc);font-weight:700}
/* ===== Mercado (bolsa, câmbio, cripto) ===== */
.mkt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.mkt-grid{grid-template-columns:1fr}}
.mkt-table{width:100%;border-collapse:collapse;font-size:13px}
.mkt-table td{padding:7px 4px;border-bottom:1px dashed var(--line);vertical-align:middle}
.mkt-table tr:last-child td{border-bottom:none}
.mkt-sym{font-weight:800;color:var(--paper)}
.mkt-logo{width:22px;height:22px;border-radius:50%;vertical-align:-6px;margin-right:7px;background:#101014}
.mkt-up{color:var(--pos-deep);font-weight:800;white-space:nowrap}
.mkt-down{color:var(--neg);font-weight:800;white-space:nowrap}
.mkt-flat{color:var(--muted);font-weight:800;white-space:nowrap}
/* ===== Rodapé com menus ===== */
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:22px;padding:26px 22px 6px}
.f-brand{display:flex;gap:12px;align-items:flex-start}
.f-brand img{width:54px;height:54px;border-radius:14px;flex:none}
.f-brand b{color:var(--paper);font-size:17px}
.f-brand p{margin:6px 0;font-size:12.5px}
.f-col h4{margin:0 0 10px;font-size:11px;color:var(--ico);text-transform:uppercase;letter-spacing:.08em}
.f-col a{display:block;color:var(--muted);text-decoration:none;font-size:13px;padding:3px 0}
.f-col a:hover{color:var(--acc)}
.foot-base{border-top:1px solid var(--line);margin-top:14px;padding:14px 22px 22px}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}

/* ===== Responsive ===== */
@media(max-width:900px){
  .hero,.grid2,.grid3{grid-template-columns:1fr}
  h1{font-size:38px}
  .nav{display:none}
  .actions input{display:none}
  .car-cap{padding:16px 16px 12px}
  .car-cap h3{font-size:18px}
  .car-nav{width:36px;height:36px;font-size:16px}
  .car-nav.prev{left:8px}
  .car-nav.next{right:8px}
  .carousel{margin:0 -16px 12px}
  .car-track{height:260px}
}

#mais-lidas{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;}