/* PAINEL V4 · a cara nova (T6, passo 4, 27/10/2026): a gaveta "ver a conta", as listas da lupa e a DRE vêm do painel construído
   (comum.js, sem mudar nada nele); aqui só a roupa delas nas cores da Trilha (Inter, azuis; terracota só no alerta). E o "i" e a
   lupa dos cartões de Hoje (Decisões 86, 90, 160 a 168). */
:root{
  --tinta:#0F2A5A; --tx2:#334155; --tx3:#6B7280; --linha:#D6DCE4; --linha2:#EEF2F7; --fundo:#F3F5F8; --branco:#FFFFFF; --papel:#FFFFFF;
  --ouro:#3B82B6; --ouro-s:#EEF4FB; --ardosia:#1F4E8C; --ardosia-s:rgba(31,78,140,.08);
  --terra:#C23A55; --terra-s:#FBE9ED; --verde:#3E9B57; --verde-s:#DFF0E3;
  --serif:Inter,"Segoe UI",Arial,sans-serif; --sans:Inter,"Segoe UI",Arial,sans-serif;
  --mola:cubic-bezier(.2,.7,.2,1); --suave:cubic-bezier(.4,0,.2,1);
}
/* ---------- o "i" e a lupa nos cartões ---------- */
.ii{cursor:pointer;background:#fff;transition:.2s;z-index:2}
.ii:hover,.ii.on{border-color:#3B82B6;color:#1F4E8C;background:#EEF4FB}
button.ii{font-family:Georgia,serif;font-style:italic}
.lp-b{flex:0 0 26px;width:26px;height:26px;border-radius:8px;border:1.5px solid #D6DCE4;background:#fff;color:#1F4E8C;display:grid;place-items:center;cursor:pointer;transition:.2s;padding:0}
.lp-b svg{width:14px;height:14px}
.lp-b:hover{border-color:#1F4E8C;background:#EEF4FB}
.kp,.dc,.foco{cursor:pointer;transition:box-shadow .25s,transform .25s}
.kp:hover,.dc:hover{box-shadow:0 14px 34px rgba(15,42,90,.14),0 1px 2px rgba(15,42,90,.05);transform:translateY(-2px)}
.kp-n{display:flex;align-items:center;gap:8px;margin-top:4px}
.kp-n b{flex:1;min-width:0;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc{position:relative}.dc h3{padding-right:26px}.dc .dc-n{align-items:center}.dc .dc-n>div{flex:1;min-width:0}.dc .dc-n>div b{display:block}
.foco{position:relative}.foco h2{padding-right:30px}.foco-n>div{display:flex;flex-direction:column}.foco-n .big-l{display:flex;align-items:center;gap:10px}
.kp .pe-c,.dc .pe-c{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#94A3B8;margin-top:8px}
.kp .pe-c a,.dc .pe-c a{font-size:12px;font-weight:700;color:#1F4E8C}
/* a resposta do "i": um balão que nasce do próprio cartão */
.balao{position:absolute;z-index:120;width:340px;background:#0F2A5A;color:#fff;border-radius:16px;padding:14px 16px 12px;box-shadow:0 24px 50px -16px rgba(15,42,90,.55);font-size:13px;line-height:1.55;text-align:justify;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .25s var(--mola);pointer-events:none}
.balao.on{opacity:1;transform:none;pointer-events:auto}
.balao:before{content:"";position:absolute;top:-7px;left:var(--seta,18px);width:14px;height:14px;background:#0F2A5A;transform:rotate(45deg);border-radius:3px}
/* 30/10/2026: a seta medida e aplicada pelo mesmo lado (esquerda); em cima do "i" quando o balão não cabe embaixo; o cartão explicado em destaque */
.balao.cima{transform:translateY(6px)}.balao.cima.on{transform:none}.balao.cima:before{top:auto;bottom:-7px}
.ii-explica{box-shadow:0 0 0 2.5px #3B82B6,0 14px 30px rgba(15,42,90,.15)!important;border-radius:16px}
.balao .lbl{color:#A9C6EA;margin-bottom:6px}
.balao .b-pe{text-align:left;color:#A9C6EA;font-size:11.5px;display:flex;gap:10px;white-space:nowrap;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.14);font-size:12px}
.balao .b-pe a{color:#A9C6EA;font-weight:700;cursor:pointer}
.balao b{color:#fff}
/* ---------- a gaveta (comum.js) ---------- */
.veu{position:fixed;inset:0;background:rgba(11,31,69,.32);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .35s;z-index:190}
.veu.on{opacity:1;pointer-events:auto}
.gaveta{position:fixed;top:0;right:0;bottom:0;width:min(580px,100%);background:#fff;z-index:195;transform:translateX(104%);transition:transform .5s var(--mola),width .55s var(--mola);box-shadow:-30px 0 70px -30px rgba(11,31,69,.5);display:flex;flex-direction:column;font-family:var(--sans)}
.gaveta.on{transform:none}
.gaveta.larga{width:min(1180px,96vw)}
.gaveta .cab-g{padding:20px 24px 16px;display:flex;gap:12px;align-items:flex-start;background:linear-gradient(120deg,#0B1F45 0%,#14315F 60%,#1F4E8C 100%);color:#fff}
.gaveta .cab-g .rotulo{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#A9C6EA;font-weight:800;margin-bottom:4px}
.gaveta .cab-g h3{font-weight:800;font-size:20px;line-height:1.25;color:#fff}
.gaveta .cab-g .fechar{margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;flex:none;font-size:19px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}
.gaveta .corpo-g{overflow-y:auto;padding:20px 24px 40px;display:flex;flex-direction:column;gap:18px}
.gaveta .corpo-g>*{animation:sobe .5s var(--mola) both}
.gaveta .corpo-g>*:nth-child(2){animation-delay:.06s}.gaveta .corpo-g>*:nth-child(3){animation-delay:.12s}.gaveta .corpo-g>*:nth-child(4){animation-delay:.18s}.gaveta .corpo-g>*:nth-child(n+5){animation-delay:.24s}
@keyframes sobe{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.bloco-g h4{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#5B6676;font-weight:800;margin-bottom:9px}
.bloco-g p{font-size:13.5px;line-height:1.6;color:#334155;text-align:justify}
.aula{background:#EEF4FB;border-left:4px solid #3B82B6;border-radius:12px;padding:14px 16px}
.aula p{color:#0F2A5A}
.t-rolar{overflow-x:auto}
table.t{width:100%;border-collapse:collapse;font-size:12.5px}
table.t th{background:#14315F;color:#fff;text-align:left;font-weight:700;padding:7px 9px;font-size:11px}
table.t tr:first-child th:first-child{border-radius:8px 0 0 0}table.t tr:first-child th:last-child{border-radius:0 8px 0 0}
table.t th.n,table.t td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.t td{padding:6px 9px;border-bottom:1px solid #EEF2F7;color:#16202E;vertical-align:top}
table.t tr.tot td{background:#F3F5F8;color:#0F2A5A;font-weight:800}
table.t tr.sub td{color:#475569;font-size:12px}table.t tr.sub td:first-child{padding-left:22px}
table.t td.neg,.neg{color:#C23A55}
table.t.dre tr.destaque td{background:#EEF4FB!important;color:#0F2A5A;font-weight:800;box-shadow:inset 0 2px 0 #3B82B6,inset 0 -2px 0 #3B82B6}
table.t.dre tr.base td{font-weight:700}
table.t.dre th.nr,table.t.dre td.nr{opacity:.55}table.t.dre .tot-col{font-weight:700}
table.t.dre tr:hover td{background:#F5F9FE}
.abas{display:flex;gap:4px;flex-wrap:wrap;background:#F3F5F8;padding:4px;border-radius:999px;align-self:flex-start;margin:0}
.abas button{font:inherit;padding:6px 13px;border-radius:999px;font-size:12px;font-weight:600;color:#5B6676;border:0;background:none;cursor:pointer}
.abas button.on{background:#0F2A5A;color:#fff}
.parcial{font-size:12px;color:#1F4E8C;background:#EEF4FB;padding:8px 10px;border-radius:8px;line-height:1.45}
.btn-plan{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:12px;border:1.5px solid #1F4E8C;font:inherit;font-size:12.5px;font-weight:700;color:#1F4E8C;background:#fff;text-decoration:none;align-self:flex-start;cursor:pointer}
.btn-plan:hover{background:#EEF4FB}.btn-plan svg{width:16px;height:16px}
.dre-ir{background:#1F4E8C;color:#fff}.dre-ir:hover{background:#14315F}
.carimbos{display:flex;flex-wrap:wrap;gap:6px}
.carimbo{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.3;color:#14315F;background:#EEF2F7;border-radius:6px;padding:4px 9px}
.carimbo::before{content:"";width:5px;height:5px;border-radius:50%;background:#3B82B6;flex:none}
/* a conta como soma: sinal, rótulo, barrinha, valor */
.soma{display:flex;flex-direction:column;gap:2px}
.s-lin{display:grid;grid-template-columns:26px minmax(0,1.4fr) minmax(60px,1fr) auto;gap:10px;align-items:center;padding:7px 4px;border-radius:8px}
.s-lin .s-sinal{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#334155;border:1.5px solid #D6DCE4}
.s-lin .s-rot{font-size:13px;color:#16202E}
.s-lin .s-barra{height:8px;border-radius:4px;background:#EEF2F7;overflow:hidden}
.s-lin .s-barra i{display:block;height:100%;border-radius:4px;background:#3B82B6}
.s-lin .s-barra i.neg{background:#C23A55}
.s-lin .s-val{font-variant-numeric:tabular-nums;font-size:13px;color:#0F2A5A;white-space:nowrap;font-weight:600}
.s-lin.tot{border-top:1.5px solid #0F2A5A;margin-top:4px;padding-top:9px;background:#F8FAFC}
.s-lin.tot .s-sinal{background:#0F2A5A;color:#fff;border-color:#0F2A5A}
.s-lin.tot .s-rot,.s-lin.tot .s-val{font-weight:800}
table.t.lista td{color:#16202E}
.nota-l{font-size:12px;color:#5B6676;margin:7px 0 2px;line-height:1.5;text-align:justify}
h5.sub-l{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#1F4E8C;font-weight:800;margin:14px 0 6px}
ul.chk{list-style:none;display:flex;flex-direction:column;gap:6px;margin:6px 0}
ul.chk label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:1.5;color:#16202E}
ul.chk input{margin-top:3px;width:16px;height:16px;accent-color:#1F4E8C;flex:none}
ul.chk input:checked+span{color:#94A3B8;text-decoration:line-through}
.chk-nota{font-size:11.5px;color:#6B7280;text-align:justify}
/* a lupa ao lado de cada valor da DRE analítica (Decisões 160 e 165) */
.lupa{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;vertical-align:middle;margin-left:6px;color:#1F4E8C;border:1px solid transparent;background:none;cursor:pointer;padding:0}
.lupa svg{width:13px;height:13px}.lupa:hover{border-color:#1F4E8C;background:#EEF4FB}
.lupa-slot{display:inline-block;width:28px;text-align:right}
/* a evolução dos 12 meses (a cara nova tem outra regra .ev, para a Trilha: aqui ela é desfeita) */
.evol{display:flex;gap:6px;height:96px;align-items:stretch;margin-top:10px}
.evol .ev{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;font-size:10.5px;color:#94A3B8;padding:0;border:0;position:relative}
.evol .ev i{display:block;width:100%;height:46px;flex:none;border:1px dashed #D6DCE4;border-radius:4px;background:none;opacity:.7}
.evol .ev b{margin-bottom:auto;align-self:center;font-size:11px;font-weight:700;color:#0F2A5A;white-space:nowrap;display:inline}
.evol .ev b.ini{align-self:flex-start}.evol .ev b.fim{align-self:flex-end}
.evol .ev.tem i{border:0;background:#3B82B6;opacity:.8}.evol .ev.tem.neg i{background:#C23A55}
.evol .ev.ok i{opacity:1;background:#1F4E8C;box-shadow:0 0 12px -2px rgba(31,78,140,.6)}
.evol .ev.ok span{color:#0F2A5A;font-weight:700}
@media (max-width:640px){.gaveta{top:auto;height:88vh;width:100%;border-radius:20px 20px 0 0;transform:translateY(104%)}.gaveta.on{transform:none}.balao{width:calc(100vw - 32px)}}
/* a linha da DRE que veio de um cartão ("ver a conta" leva à DRE com a linha em destaque) */
.tbm tr.dest td{background:#EEF4FB!important;font-weight:800;color:#0F2A5A;box-shadow:inset 0 2px 0 #3B82B6,inset 0 -2px 0 #3B82B6}
/* ---------- O mês (passo 5): os assuntos, os gráficos de graficos.js e os cartões ---------- */
:root{--g-ard:#1F4E8C;--g-ard2:#5B93C7;--g-ter:#C23A55;--g-ter2:#E59AAA;--g-ter3:#F2C9D2;--g-ouro:#0F2A5A;--g-cinza:#CBD5E1;--g-tinta:#0F2A5A;--g-tx3:#5B6676;--g-linha:#D6DCE4;--g-trilho:#EEF2F7;--g-sobre:#FFFFFF}
.g-mes0{grid-template-columns:1fr 1fr}
.mes-h h2{font-size:26px;margin:4px 0 6px}.as-e{font-size:13.5px;line-height:1.55;color:#475569;text-align:justify;max-width:900px}
.ir{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ir a{font-size:12.5px;font-weight:700;color:#1F4E8C;background:#EEF4FB;border-radius:999px;padding:7px 14px;cursor:pointer}
.ir a.dre{background:#1F4E8C;color:#fff}.ir a:hover{filter:brightness(.96)}
.docs .dl small{line-height:1.4}
.as{margin-top:34px;scroll-margin-top:12px}
.as-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #E2E8F0}
.as-h h2{font-size:21px;margin:2px 0 4px}
.as .frase p{margin:0 0 4px}.as .frase p:last-child{margin:0}
.grafs{display:grid;gap:16px;margin-bottom:16px}.grafs.g2{grid-template-columns:1fr 1fr}.grafs.g1,.grafs.empilha{grid-template-columns:1fr}
.cd.gr{padding:20px 22px 16px}
.cd .g-fig{max-width:none}
.cd .g-fig figcaption{font-family:var(--sans);font-weight:800;font-size:16px;color:#0F2A5A;letter-spacing:-.01em}
.cd .g-fig .g-expl{font-size:12.5px;color:#475569;margin-top:0;padding-left:12px;border-left:3px solid #CFE0F2}
.cd .g-fig .g-expl:before{content:"Como ler · ";font-weight:800;color:#1F4E8C;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.cd .g-fig .g-nota{font-size:11.5px;color:#6B7280;background:#F8FAFC;border-radius:10px;padding:8px 11px;text-align:justify}
.cd .g-fig .g-nota:before{content:"Nota · ";font-weight:800;color:#5B6676}
.grafs.empilha .graf{max-height:340px}
.g-dica{font-family:var(--sans)}
.g-km{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}
.km{padding:15px 16px 13px}.km h4{min-height:32px}.km .kp-n b{font-size:21px}
.km .suf{display:block;font-style:normal;font-size:11.5px;color:#1F4E8C;font-weight:700;margin-top:2px}
.km small{min-height:0;margin-top:4px}.km small b{color:#334155}
.km.neg .kp-n b{color:#C23A55}.km.off .kp-n b{color:#94A3B8}.km.off small{font-style:italic}
.lp-v{flex:0 0 26px;width:26px}
.entender{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:12px;color:#5B6676;font-weight:700}
.chip-g{font:inherit;font-size:12px;font-weight:600;color:#14315F;background:#fff;border:1.5px solid #D6DCE4;border-radius:999px;padding:6px 12px 6px 7px;display:inline-flex;gap:7px;align-items:center;cursor:pointer}
.chip-g i{width:17px;height:17px;border-radius:50%;border:1.5px solid #94A3B8;font:italic 800 10px Georgia,serif;display:grid;place-items:center;color:#64748B}
.chip-g:hover{border-color:#1F4E8C;background:#EEF4FB}
.dre-t .doc-h{align-items:flex-start}.crumb a{color:#1F4E8C;font-weight:700;cursor:pointer}
.dre-t .bloco-g{display:flex;flex-direction:column;gap:6px}.dre-t .bloco-g>h4{display:none}
.dre-t table.t{font-size:13px}.dre-t table.t td{padding:7px 10px}
@media (max-width:1180px){.g-mes0,.grafs.g2{grid-template-columns:1fr}.as-h{flex-direction:column;align-items:flex-start}}
/* gráfico sozinho no assunto: altura contida, centrado (não cresce com a tela); o negrito do apoio é texto, não número */
.grafs.g1 .graf,.grafs.empilha .graf{max-height:330px}
.kp small b,.kp small strong{font-size:inherit!important;display:inline!important;margin:0!important;color:#334155}
.as-e{text-align:justify}.g-mes0{align-items:stretch}
table.t.dre th.nr{opacity:1;color:#A9C6EA}
/* ---------- O mês em páginas (ressalva do passo 5): o índice dos assuntos, a página de cada um e os botões flutuantes ---------- */
.as-idx{margin-top:0}
.as-c{display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:box-shadow .25s,transform .25s;border-top:4px solid #3B82B6}
.as-c:hover{box-shadow:0 18px 40px rgba(15,42,90,.16);transform:translateY(-3px)}
.as-c h3{font-size:16px;margin-top:2px}.as-c p{font-size:12.5px;line-height:1.5;color:#475569;flex:1}
.as-t{display:flex;gap:12px;align-items:flex-start}.as-t .lbl{margin-bottom:2px}
.ic{width:40px;height:40px;flex:0 0 40px;padding:9px;border-radius:12px;background:linear-gradient(135deg,#EEF4FB,#DCE8F6);color:#1F4E8C}
.as-n b{font-size:28px;font-weight:800;color:#0F2A5A;letter-spacing:-.02em}.as-n span{display:block;font-size:12px;font-weight:700;color:#1F4E8C}
.as-n.neg b{color:#C23A55}
.as-pe{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#6B7280;border-top:1px solid #EEF2F7;padding-top:10px}.as-pe a{font-size:12.5px;font-weight:800;color:#1F4E8C}
.pag-as .crumb{margin-bottom:12px;font-size:12.5px}.pag-as .crumb a,[data-ir-mes]{cursor:pointer}.pag-as .crumb a{color:#1F4E8C;font-weight:700}
.as-top{grid-template-columns:1fr 1fr;align-items:stretch}
.as-hero h2{font-size:24px;margin-top:2px}.as-hero .ic{width:48px;height:48px;flex-basis:48px;padding:11px}
.as-hero .as-n{margin:14px 0 12px}.as-hero .as-n b{font-size:38px}
.as-hero .frase{margin:0}.as-hero .frase p{margin:0 0 6px}.as-hero .frase p:last-child{margin:0}
.as-mapa{display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,#fff 0%,#F5F9FE 100%)}
.as-mapa .mp{font-size:13px;color:#334155;display:flex;gap:8px;align-items:baseline}.as-mapa .mp b{font-size:20px;color:#1F4E8C;min-width:22px}
.as-mapa .btn-plan{margin-top:auto}
.pag-as .lbl.sec{margin:26px 0 12px}
.as-nav{display:flex;justify-content:space-between;gap:16px;margin-top:30px}
.as-nav a{flex:0 1 320px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 8px 22px rgba(15,42,90,.08);cursor:pointer;display:flex;flex-direction:column;gap:2px}
.as-nav a.pr{text-align:right}.as-nav small{font-size:11px;color:#6B7280;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.as-nav b{font-size:15px;color:#0F2A5A}
.as-nav a:hover{box-shadow:0 14px 30px rgba(15,42,90,.16)}
.flut{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;flex-direction:column;gap:8px}
.flut button{display:flex;align-items:center;gap:8px;font:inherit;font-size:12px;font-weight:800;color:#fff;background:rgba(15,42,90,.92);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 15px 9px 11px;cursor:pointer;box-shadow:0 12px 28px -10px rgba(11,31,69,.6);transition:transform .2s,background .2s}
.flut button:hover{background:#1F4E8C;transform:translateX(-3px)}.flut svg{width:17px;height:17px}
@media (max-width:1180px){.as-top{grid-template-columns:1fr}}
@media (max-width:760px){.flut button span{display:none}.flut button{padding:11px}}
/* "Para entender melhor" em cartão pequeno (pedido de 27/10/2026: o botão discreto parecia escondido) */
.g-ent{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:1fr;gap:12px}
.ent-c{font:inherit;text-align:left;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr auto;gap:4px 12px;background:#fff;border:0;border-left:4px solid #5B93C7;border-radius:14px;padding:13px 15px;box-shadow:0 6px 18px rgba(15,42,90,.08);cursor:pointer;transition:box-shadow .25s,transform .25s}
.ent-c:hover{box-shadow:0 14px 30px rgba(15,42,90,.15);transform:translateY(-2px)}
.ent-c>i{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:#EEF4FB;color:#1F4E8C;font:italic 800 14px Georgia,serif;display:grid;place-items:center}
.ent-c b{display:block;font-size:13px;color:#0F2A5A;line-height:1.35}.ent-c em{display:block;font-style:normal;font-size:16px;font-weight:800;color:#1F4E8C;margin-top:4px}
.ent-c small{font-size:11.5px;font-weight:800;color:#1F4E8C}
.pag-as{padding-bottom:190px}.ent-c em.off,.ent-c em:only-child{color:#94A3B8}
/* Decisão 270: o motivo do "—" (ex.: RS5 sem a depreciação apurada) */
.ent-sd{display:inline-block;font-size:10.5px;font-weight:700;color:#475569;background:#F1F5F9;border-radius:99px;padding:2px 8px;margin-top:4px}

/* ---------- Decisão 259 (27/10/2026): os gráficos da cara nova, primeira parte ----------
   (a) o caixa das próximas semanas como "painel de voo"; (b) a prévia ao passar o mouse; (c) vidro com medida; (d) o gráfico vivo
   só na faixa azul do alto e na tela de abrir a pasta. O estado de cada elemento é o final: as animações só o fazem chegar lá (na
   foto da prova e para quem pede menos movimento, aparece direto o final). */

/* (c) o fundo da página ganha luz azul suave, para o vidro ser percebido */
body{background:radial-gradient(1000px 520px at 6% -4%,#DCE8F6 0%,rgba(220,232,246,0) 62%),radial-gradient(900px 620px at 102% 34%,#E2EBF7 0%,rgba(226,235,247,0) 60%),#F3F5F8}

/* (a) o cartão do foco: vidro azul-noite, com profundidade */
.foco.voo{position:relative;overflow:hidden;color:#DCE8F7;border:1px solid rgba(169,198,234,.22);
  background:radial-gradient(120% 90% at 0% 0%,rgba(40,92,160,.55) 0%,rgba(40,92,160,0) 55%),linear-gradient(150deg,rgba(22,58,110,.97) 0%,rgba(11,31,69,.96) 55%,rgba(7,21,48,.98) 100%);
  box-shadow:0 26px 54px -26px rgba(7,21,48,.75),inset 0 1px 0 rgba(255,255,255,.12)}
.foco.voo .lbl{color:#8FB3DD}.foco.voo h2{color:#fff}.foco.voo .big{color:#fff}.foco.voo .foco-n span,.foco.voo .foco-pe{color:#A9C6EA}
.foco.voo .pill{background:rgba(255,255,255,.12);color:#DCE8F7}
.foco.voo .ii{border-color:rgba(220,232,247,.45);color:#DCE8F7;background:transparent}.foco.voo .ii:hover,.foco.voo .ii.on{background:rgba(255,255,255,.14);color:#fff;border-color:#A9C6EA}
.foco.voo .lp-b{background:rgba(255,255,255,.08);border-color:rgba(169,198,234,.35);color:#DCE8F7}.foco.voo .lp-b:hover{background:rgba(255,255,255,.16);border-color:#A9C6EA}
.foco.voo .chip.al{background:rgba(255,122,147,.18);color:#FFB3C2}.foco.voo .chip.ok{background:rgba(62,155,87,.22);color:#BFE6C9}
.voo-g{position:relative;margin:4px 0 2px;min-height:250px}
.voo-s{display:block;overflow:visible;font-family:Inter,"Segoe UI",sans-serif}
.voo-s .v-grade{stroke:#8FB3DD;stroke-opacity:.10}
.voo-s .v-sem{fill:transparent;cursor:pointer;transition:fill .25s}.voo-s .v-sem:hover,.voo-s .v-sem.on{fill:rgba(169,198,234,.07)}
.voo-s .v-zona{fill:#C23A55;opacity:.16;pointer-events:none}
.voo-s .v-zero{stroke:#FF7A93;stroke-opacity:.7;stroke-dasharray:4 4}.voo-s .v-zt{font-size:10.5px;font-weight:600;fill:#FF9FB1}
.voo-s .v-area,.voo-s .v-luz,.voo-s .v-linha,.voo-s .v-pt,.voo-s text,.voo-s .v-zero,.voo-s .v-grade{pointer-events:none}
.voo-s .v-luz{fill:none;stroke-width:9;opacity:.55}.voo-s .v-linha{fill:none;stroke-width:3;stroke-linecap:round}
.voo-s .v-halo{fill:#5AA9F0;opacity:.18}.voo-s .ng .v-halo{fill:#FF7A93}
.voo-s .v-ponto{fill:#9DD3FF}.voo-s .ng .v-ponto{fill:#FF7A93}
.voo-s .v-nome{font-size:9.5px;letter-spacing:.1em;font-weight:700;fill:#8FB3DD}
.voo-s .v-val{font-size:12.5px;font-weight:800;fill:#DCE8F7}.voo-s .ng .v-val{fill:#FF9FB1}
.voo-s .v-x{font-size:11px;font-weight:500;fill:#A9C6EA}.voo-s .v-x.hj{fill:#fff;font-weight:700}.voo-s .v-p{font-size:9.5px;fill:#6F8FB8}
/* o movimento: a luz percorre a linha de hoje à última semana, os pontos acendem um a um, a zona de falta pulsa uma vez (o foco) e para */
.voo-s .v-linha,.voo-s .v-luz{stroke-dasharray:1;stroke-dashoffset:0;animation:vooLinha 1.5s cubic-bezier(.45,.05,.3,1) both}
.voo-s .v-area{animation:vooFade .7s .9s both}
.voo-s .v-pt{animation:vooFade .45s calc(var(--i) * .3s + .15s) both}
.voo-s .v-zona{animation:vooZona 1.6s 1.3s both}
@keyframes vooLinha{from{stroke-dashoffset:1}}
@keyframes vooFade{from{opacity:0}}
@keyframes vooZona{0%{opacity:0}35%{opacity:.36}100%{opacity:.16}}
.voo-tip,.g13-tip{position:absolute;top:2px;z-index:5;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .25s;
  background:rgba(7,21,48,.86);backdrop-filter:blur(12px);border:1px solid rgba(169,198,234,.28);border-radius:14px;padding:10px 12px;color:#DCE8F7;font-size:12px;box-shadow:0 18px 36px -16px rgba(0,0,0,.6)}
.voo-tip.on,.g13-tip.on{opacity:1;transform:none}
.voo-tip b,.g13-tip b{display:block;color:#fff;font-size:12px;margin-bottom:6px}
.voo-tip div,.g13-tip div{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.voo-tip span,.g13-tip span{color:#A9C6EA;font-size:12px;font-weight:500}.voo-tip em,.g13-tip em{font-style:normal;font-weight:700;white-space:nowrap}
.voo-tip .en em,.g13-tip .en em{color:#9DD3FF}.voo-tip .sa em,.g13-tip .sa em{color:#FF9FB1}.voo-tip .fi{border-top:1px solid rgba(169,198,234,.25);margin-top:4px;padding-top:5px}.voo-tip .fi em,.g13-tip .fi em{color:#fff}.voo-tip .fi.ng em,.g13-tip .fi.ng em{color:#FF9FB1}
.g13-tip .fi:first-of-type{border-top:1px solid rgba(169,198,234,.25);margin-top:4px;padding-top:5px}
/* Decisão 274: as 13 semanas da ficha no painel de voo (cartão azul-noite; claro na impressão) */
.g13{position:relative;margin:10px 0 14px;border-radius:18px;padding:14px 16px 10px;background:radial-gradient(120% 90% at 20% 0%,#1F4E8C 0%,#0F2A5A 55%,#0A1D40 100%);box-shadow:0 18px 40px -22px rgba(15,42,90,.7)}
.g13-t{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9CC3EA;margin-bottom:2px}
.g13-s{display:block;overflow:visible}.g13-s text{font-family:inherit}
.g13-gr{stroke:#fff;stroke-opacity:.07}.g13-ey,.g13-ex{font-size:10.5px;fill:#8FA9C9}.g13-zero{stroke:#E59AAA;stroke-opacity:.8;stroke-dasharray:4 5}.g13-zt{font-size:10.5px;fill:#E59AAA}
.g13-sem{fill:transparent;cursor:pointer}.g13-sem.on{fill:rgba(157,211,255,.08)}
.g13-b{fill:none;stroke:#7FB2E0;stroke-width:3.2;stroke-linecap:round}.g13-luz{fill:none;stroke:#5AA9F0;stroke-width:7;opacity:.55}
.g13-pe{fill:none;stroke:#E59AAA;stroke-width:1.6;stroke-dasharray:5 5}.g13-ot{fill:none;stroke:#9CC3EA;stroke-width:1.6;stroke-dasharray:5 5}
.g13-pt{fill:#9CC3EA;stroke:#fff;stroke-width:2}.g13-pt.ng{fill:#F2A3B5}.g13-nm{font-size:9.5px;font-weight:800;letter-spacing:.08em;fill:#9CC3EA}.g13-nm.ng{fill:#F2A3B5}.g13-vl{font-size:12.5px;font-weight:800;fill:#fff}
.g13-fim{font-size:11px;font-weight:700}.g13-fim.ot{fill:#9CC3EA}.g13-fim.b{fill:#fff}.g13-fim.pe{fill:#F2A3B5}
.g13-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:#B8CBE3;margin-top:2px}.g13-leg i{display:inline-block;width:16px;height:0;border-top:3px solid #7FB2E0;vertical-align:middle;margin-right:6px}
.g13-leg i.pe{border-top:2px dashed #E59AAA}.g13-leg i.ot{border-top:2px dashed #9CC3EA}.g13-leg .mut{color:#7F9BC0}
@media print{.g13{background:#fff;box-shadow:none;border:1px solid #E5EAF1}.g13-t{color:#1F4E8C}.g13-b{stroke:#1F4E8C}.g13-luz,.g13-tip{display:none}.g13-vl,.g13-fim.b{fill:#0F2A5A}.g13-ey,.g13-ex{fill:#6B7280}.g13-leg{color:#475569}}
.voo-tip small{display:block;color:#6F8FB8;font-size:10.5px;margin-top:4px}
.voo-leg{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#A9C6EA;margin:2px 0 8px}.voo-leg .mut{color:#6F8FB8}
.voo-leg i{display:inline-block;width:16px;height:3px;border-radius:2px;background:#5AA9F0;vertical-align:middle;margin-right:6px}.voo-leg i.ng{background:#FF7A93}

/* (c) vidro com medida: a Minha Trilha, os botões flutuantes e a gaveta; os cartões de número continuam brancos */
.tr-mini{background:linear-gradient(115deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.66) 45%,rgba(255,255,255,.55) 100%);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 42px -24px rgba(15,42,90,.45),inset 0 1px 0 #fff}
.flut button{background:rgba(15,42,90,.7);backdrop-filter:blur(14px);border-color:rgba(169,198,234,.35);box-shadow:0 14px 30px -12px rgba(7,21,48,.55),inset 0 1px 0 rgba(255,255,255,.14)}
.gaveta{background:rgba(255,255,255,.9);backdrop-filter:blur(22px)}

/* (b) a prévia: o cartão sobe e a miniatura se monta (só onde há mouse; ?previa=1 deixa abertas, para a foto) */
.pv{display:none;margin:8px 0 2px}
.pv-l{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:11px;color:#5B6676;margin-bottom:6px;align-items:end}
.pv-l span{line-height:1.3}.pv-l b{font-size:11.5px;color:#0F2A5A;font-weight:800;white-space:nowrap;margin:0}.pv-l b.ng{color:#8E2238}
.pv-l i{grid-column:1 / -1;display:block;height:9px;border-radius:5px;width:var(--w);background:linear-gradient(90deg,#1F4E8C,#3B82B6);transform-origin:left;animation:pvCresce .7s var(--d) cubic-bezier(.2,.7,.2,1) both}
.pv-l i.ng{background:linear-gradient(90deg,#C23A55,#E59AAA)}
.pv-pe{font-size:11px;font-weight:700;color:#1F4E8C;text-align:right;margin-top:2px}
.pv-an{align-items:center;gap:12px}.pv-an div{display:flex;flex-direction:column;font-size:11px;color:#5B6676}.pv-an b{font-size:15px;color:#0F2A5A;font-weight:800;margin:0}
.pv-tr{fill:none;stroke:#E6EDF6;stroke-width:7}.pv-arco{fill:none;stroke:#3B82B6;stroke-width:7;stroke-linecap:round;animation:pvAnel 1s cubic-bezier(.2,.7,.2,1) both}
.pv-z{stroke:#C23A55;stroke-opacity:.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.pv-ln{fill:none;stroke:#1F4E8C;stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:vooLinha 1s cubic-bezier(.45,.05,.3,1) both}
@keyframes pvCresce{from{transform:scaleX(0)}}
@keyframes pvAnel{from{stroke-dasharray:0 var(--c)}}
@media (hover:hover){
  .as-c,.kp.com-pv{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
  .as-c.com-pv:hover,.kp.com-pv:hover{transform:translateY(-6px);box-shadow:0 24px 46px -16px rgba(15,42,90,.35),0 0 0 1px #CFE2F6}
  .com-pv:hover .pv{display:block}.com-pv:hover .pv-an{display:flex}
  .as-c.com-pv:hover>p,.kp.com-pv:hover .sem{display:none}
}
.pv-foto .com-pv .pv{display:block}.pv-foto .com-pv .pv-an{display:flex}.pv-foto .as-c.com-pv>p,.pv-foto .kp.com-pv .sem{display:none}

/* (d) o gráfico vivo da faixa do alto: barras que respiram e a linha, devagar */
.top{position:relative;overflow:hidden}.top>*:not(.top-fin){position:relative;z-index:1}
.top-fin{position:absolute;right:0;top:0;width:58%;height:100%;opacity:.16;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%)}
.top-fin .tf-b rect{fill:#A9C6EA;transform-box:fill-box;transform-origin:bottom;animation:tfResp 7s ease-in-out infinite alternate}
.top-fin .tf-a{fill:#A9C6EA;opacity:.35}.top-fin .tf-l{fill:none;stroke:#DCE8F7;stroke-width:1.4;stroke-dasharray:6 5;animation:tfAnda 14s linear infinite}
@keyframes tfResp{0%{transform:scaleY(1)}50%{transform:scaleY(.72)}100%{transform:scaleY(1.08)}}
@keyframes tfAnda{to{stroke-dashoffset:-110}}
.abrir .top-fin{width:100%;height:46%;top:auto;bottom:0;opacity:.12}.abrir .caixa{position:relative;z-index:1}

/* no celular: nada da cara nova empurra a tela para os lados (o gráfico do foco é desenhado na largura do cartão) */
.g-hero>*{min-width:0}
@media (max-width:760px){.foco-pe{flex-wrap:wrap}.foco.voo .lbl{flex-wrap:wrap}}

@media (prefers-reduced-motion:reduce){.top-fin *,.voo-s *,.pv *{animation:none!important}}
@media print{
  body{background:#fff}.top-fin,.flut,.voo-tip{display:none}
  .foco.voo{background:#fff!important;color:#16202E;border:1px solid #D6DCE4;box-shadow:none}
  .foco.voo .lbl,.foco.voo .foco-n span,.foco.voo .foco-pe,.voo-leg{color:#5B6676}.voo-s .v-x,.voo-s .v-nome{fill:#5B6676}
  .foco.voo h2,.foco.voo .big{color:#0F2A5A}.voo-s .v-val,.voo-s .v-x.hj{fill:#0F2A5A}.voo-s .ng .v-val,.voo-s .v-zt{fill:#C23A55}
  .voo-s .v-luz{display:none}.voo-s .v-grade{stroke:#CBD5E1}.voo-s .v-p{fill:#8A96A6}
}

/* ---------- Decisão 260 (27/10/2026): os gráficos de O mês na cara nova (graficos-nova.js) ----------
   A mesma luz do painel de voo: azul no que existe, Rubi no que sai ou pesa contra, o foco com nome. O gráfico principal do Resultado
   fica no cartão azul-noite; os demais, claros. O estado final é o desenho: as animações só o fazem chegar lá. */
.grafs>*,.gn-fig{min-width:0}.gn-fig .gn-g{overflow-x:auto;overflow-y:hidden;margin:2px 0}
.gn-g .gn.graf{max-height:none;width:auto;height:auto}
.gn{display:block;overflow:visible;font-family:Inter,"Segoe UI",sans-serif}
.gn .s-az1{stop-color:#3B82B6}.gn .s-az2{stop-color:#1F4E8C}.gn .s-rb1{stop-color:#E59AAA}.gn .s-rb2{stop-color:#C23A55}.gn .s-luz{flood-color:#3B82B6;flood-opacity:.32}
.gn .gn-val{font-size:12.5px;font-weight:700;fill:#0F2A5A}.gn .gn-val.forte{font-weight:800}.gn .gn-val.grande{font-size:19px;font-weight:800}.gn .gn-val.claro{fill:#fff;font-weight:800}.gn .gn-val.red,.gn tspan.red{fill:#8E2238}
.gn .gn-rot{font-size:11.5px;fill:#5B6676}.gn .gn-rot.forte{fill:#0F2A5A;font-weight:600}.gn .gn-rot.az{fill:#1F4E8C;font-weight:700}.gn .gn-rot.claro{fill:#fff;font-weight:700}
.gn .gn-mut{font-size:10.5px;fill:#8A96A6}.gn .gn-tag{font-size:9.5px;letter-spacing:.12em;font-weight:800;fill:#1F4E8C}.gn .gn-tag.mut{fill:#8A96A6}
.gn .gn-tit{font-size:12.5px;font-weight:700;fill:#0F2A5A}.gn .gn-fase{font-size:11px;font-weight:700;letter-spacing:.04em;fill:#5B6676}
.gn .gn-azl{fill:#C7DAEE}.gn .gn-val.azc{fill:#1F4E8C}.gn .gn-red2{fill:#F2C9D2}.gn .gn-mais{fill:#9DBBD8}.gn .gn-anal{fill:#CBD5E1}.gn .gn-cinza{fill:#B8C7DA}.gn .gn-parte{fill:#F2C9D2}
.gn .gn-halo{fill:#3B82B6;opacity:.14}.gn .gn-liga{stroke:#B8C7DA;stroke-dasharray:2 3}.gn .gn-eixo{stroke:#16202E;stroke-opacity:.4}
.gn .gn-chave{fill:none;stroke:#B8C7DA;stroke-width:1.5}.gn .gn-chave.az{stroke:#3B82B6}
.gn .gn-fita{opacity:.24}.gn .gn-fita.gn-tot{fill:#3B82B6}.gn .gn-fita.gn-red{fill:#E59AAA}.gn .gn-fita.gn-cinza{fill:#B8C7DA}
.gn .gn-trilho{fill:#E6EDF6}.gn .gn-meta{stroke:#0F2A5A;stroke-width:2.5}
.gn .gn-zona.red{fill:#FBE9ED}.gn .gn-zona.meio{fill:#EEF2F7}.gn .gn-zona.az{fill:#E3EEFA}.gn .gn-zt{font-size:10.5px;font-weight:700;fill:#5B6676}.gn .gn-zt.red{fill:#C23A55}
.gn .gn-pino{stroke:#1F4E8C;stroke-width:1.5;stroke-dasharray:3 3}.gn .gn-pino-p{fill:#fff;stroke:#3B82B6;stroke-width:3}.gn .gn-traco{stroke:#94A3B8;stroke-width:1.2}
.gn .gn-banda{fill:#3B82B6;opacity:.10}.gn .gn-marco{fill:#fff;stroke:#1F4E8C;stroke-width:2.5}
.gn .gn-trilho-a{fill:none;stroke:#E6EDF6;stroke-width:16}.gn .gn-anel{fill:none;stroke-width:16;stroke-linecap:round}
.gn .gn-pt.az{fill:#3B82B6}.gn .gn-pt.mut{fill:#CBD5E1}.gn .gn-pt.forte{fill:#0F2A5A}
.gn text,.gn .gn-liga,.gn .gn-chave,.gn .gn-halo,.gn .gn-fita,.gn .gn-banda{pointer-events:none}
/* o cartão azul-noite (a cascata do Resultado) */
.cd.gr.escuro{color:#DCE8F7;border:1px solid rgba(169,198,234,.22);background:radial-gradient(120% 90% at 0% 0%,rgba(40,92,160,.55) 0%,rgba(40,92,160,0) 55%),linear-gradient(150deg,rgba(22,58,110,.97) 0%,rgba(11,31,69,.96) 55%,rgba(7,21,48,.98) 100%);box-shadow:0 26px 54px -26px rgba(7,21,48,.75),inset 0 1px 0 rgba(255,255,255,.12)}
.cd.gr.escuro .g-fig figcaption{color:#fff}.cd.gr.escuro .g-fig .g-expl{color:#A9C6EA;border-left-color:rgba(169,198,234,.3)}.cd.gr.escuro .g-fig .g-expl:before{color:#9DD3FF}
.cd.gr.escuro .g-fig .g-nota{background:rgba(255,255,255,.06);color:#A9C6EA}.cd.gr.escuro .g-fig .g-nota:before{color:#fff}
.gn-escuro .s-az1{stop-color:#9DD3FF}.gn-escuro .s-az2{stop-color:#3B82B6}.gn-escuro .s-rb1{stop-color:#FF9FB1}.gn-escuro .s-rb2{stop-color:#C23A55}.gn-escuro .s-luz{flood-color:#5AA9F0;flood-opacity:.55}
.gn-escuro .gn-val{fill:#DCE8F7}.gn-escuro .gn-val.forte{fill:#fff}.gn-escuro .gn-val.red{fill:#FF9FB1}.gn-escuro .gn-rot{fill:#A9C6EA}.gn-escuro .gn-rot.forte{fill:#fff}
.gn-escuro .gn-mut{fill:#6F8FB8}.gn-escuro .gn-tag{fill:#9DD3FF}.gn-escuro .gn-fase{fill:#8FB3DD}
.gn-escuro .gn-liga,.gn-escuro .gn-chave{stroke:#3A5A85}.gn-escuro .gn-eixo{stroke:#8FB3DD;stroke-opacity:.5}.gn-escuro .gn-halo{fill:#5AA9F0;opacity:.22}
/* o movimento: as colunas da cascata descem uma a uma (o dinheiro saindo), o rio corre, a régua acende, os blocos se contam, o anel enche */
.gn .gn-col .gn-bar{transform-box:fill-box;transform-origin:bottom;animation:gnSobe .7s calc(var(--i) * .13s) cubic-bezier(.2,.7,.2,1) both}
.gn .gn-col .gn-bar.desce{transform-origin:top}
.gn .gn-col text{animation:vooFade .4s calc(var(--i) * .13s + .45s) both}
.gn .gn-rio{animation:gnCorre .8s calc(var(--i) * .18s) cubic-bezier(.2,.7,.2,1) both}
.gn .gn-cresce{transform-box:fill-box;transform-origin:left;animation:pvCresce 1.1s .2s cubic-bezier(.2,.7,.2,1) both}
.gn .gn-bloco{animation:gnConta .45s calc(var(--i) * .3s + .9s) cubic-bezier(.2,.7,.2,1.3) both}
.gn .gn-anel{animation:pvAnel 1.3s cubic-bezier(.2,.7,.2,1) both}
@keyframes gnSobe{from{transform:scaleY(0)}}
@keyframes gnCorre{from{opacity:0;transform:translateX(-14px)}}
@keyframes gnConta{from{opacity:0;transform:translateY(8px) scale(.9)}}
@media (prefers-reduced-motion:reduce){.gn *{animation:none!important}}
@media print{.cd.gr.escuro{background:#fff!important;color:#16202E;box-shadow:none;border:1px solid #D6DCE4}.cd.gr.escuro .g-fig figcaption{color:#0F2A5A}.gn-escuro .gn-val,.gn-escuro .gn-val.forte,.gn-escuro .gn-rot.forte{fill:#0F2A5A}.gn-escuro .gn-rot,.gn-escuro .gn-fase{fill:#5B6676}}

/* ===== Decisão 276 (30/10/2026): a tela Hoje enxuta, modelo B, inteira numa tela de 1280 × 800 (classes hj2-) ===== */
.hj2-pad{padding-top:18px;padding-bottom:18px}
.hj2-t{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.hj2-t h1{margin:0;font-size:22px;color:#0F2A5A}.hj2-t span{font-size:13px;color:#6B7280}
.hj2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;height:clamp(460px,calc(100vh - 240px),640px)}
.hj2-cx{display:flex;flex-direction:column;padding:16px 20px 6px;min-height:0}
.hj2-ns{display:flex;gap:44px;margin:6px 0 2px}.hj2-n>span{display:block;font-size:12px;color:#A9C6EA}.hj2-n.ng>span{color:#FF9FB1}
.hj2-n .big-l{display:flex;align-items:center;gap:10px}.hj2-n b{font-size:32px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap}.hj2-n.ng b{color:#FF9FB1}
.hj2-n small{display:block;font-size:11.5px;color:#8FB3DD}
.hj2-cx .voo-g{flex:1 1 0;min-height:240px;margin-top:6px;overflow:hidden}
.hj2-d{display:grid;grid-template-rows:1fr 1fr 1.62fr;gap:12px;min-height:0}
.hj2-k,.hj2-vd{display:flex;flex-direction:column;min-height:0;padding:13px 16px 11px}
.hj2-k h4,.hj2-vd h4{min-height:0;margin:0 0 4px;font-size:13px;color:#0F2A5A}.hj2-k .kp-n b{font-size:24px}.hj2-k small{font-size:12px;color:#475569}
.hj2-a{margin-top:auto;padding-top:6px;font-size:12px;font-weight:700;color:#1F4E8C;cursor:pointer}
.hj2-vd{cursor:pointer;gap:3px}.hj2-vd .ln{display:grid;grid-template-columns:1fr auto;gap:1px 10px;align-items:baseline;margin-top:3px}
.hj2-vd .ln span{font-size:11.5px;color:#475569}.hj2-vd .ln b{font-size:15px;font-weight:800;color:#0F2A5A;white-space:nowrap;display:inline}
.hj2-vd .br{grid-column:1/3;height:7px;border-radius:99px;background:#E8EDF4;position:relative;margin-top:3px}.hj2-vd .br b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1F4E8C,#3B82B6)}
.hj2-vd .br i{position:absolute;top:-4px;width:2px;height:15px;background:#0F2A5A}
.hj2-vd .ln em{grid-column:1/3;font-style:normal;font-size:11px;color:#6B7280}
.hj2-mes{display:flex;align-items:center;gap:22px;padding:14px 20px;margin-top:12px;cursor:pointer}
.hj2-mes .lbl{margin:0}.hj2-mes b{display:block;font-size:16px;color:#0F2A5A}.hj2-mes .hj2-l{font-size:20px}.hj2-mes span{font-size:12.5px;color:#475569}
.hj2-mes .sep{width:1px;align-self:stretch;background:#E8EDF4}.hj2-ab{margin-left:auto;font-size:13px;font-weight:800;color:#0F2A5A;background:#EEF4FB;padding:9px 14px;border-radius:10px;white-space:nowrap}
/* o botão do alto: "Todos os números · N por assunto" (pedido de 30/10/2026: melhorar o botão) */
.top .busca.tn-bt{background:#fff;border:0;color:#0F2A5A;width:auto;flex:0 0 auto;padding:9px 14px 9px 12px;gap:10px;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.tn-bt .tn-gr{display:grid;grid-template-columns:repeat(3,6px);gap:2px}.tn-bt .tn-gr b{width:6px;height:6px;border-radius:2px;background:#3B82B6}
.tn-bt span{display:flex;gap:8px;align-items:baseline}.tn-bt span b{font-size:13px;font-weight:800}.tn-bt span em{font-style:normal;font-size:12px;font-weight:600;color:#6B7280}
.top .busca.tn-bt:hover{box-shadow:0 8px 22px rgba(0,0,0,.32)}
@media (max-width:1180px){.top .busca.tn-bt{width:auto;height:auto;border-radius:12px;padding:8px 10px}.top .busca.tn-bt span em{display:none}}
@media (max-width:1100px){.hj2{grid-template-columns:1fr;height:auto}.hj2-cx .voo-g{flex:none;min-height:260px}.hj2-d{grid-template-rows:none;grid-template-columns:1fr 1fr}.hj2-vd{grid-column:1/3}}
@media (max-width:760px){.hj2-ns{gap:18px;flex-wrap:wrap}.hj2-n b{font-size:24px}.hj2-d{grid-template-columns:1fr}.hj2-vd{grid-column:auto}.hj2-mes{flex-wrap:wrap;gap:10px}.hj2-mes .sep{display:none}.hj2-ab{margin-left:0}.top .busca.tn-bt span{display:none}}