/* Guia da Transparência · Radar 2028 (/radar-2028) e Voto × Emenda (/voto-emenda).
   Só variáveis do Guia (claro, escuro e alto contraste). Movimento em CSS, desligado com "reduzir movimento". */
.rd,.ve{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:6px}
.rd>*,.ve>*{min-width:0}
.rd-k{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rd-topo{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:center;padding:32px;border-radius:18px;
  background:radial-gradient(110% 120% at 90% 0%,#13306A 0%,#071D41 60%,#040F24 100%);color:#fff;isolation:isolate}
.rd-topo::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,#168821 0 33%,#FFCD07 33% 66%,#1351B4 66%);transform-origin:left;animation:rd-risca 1.2s .15s both}
.rd-topo .rd-k{color:#FFCD07}
.rd-topo h1{margin:8px 0 10px;font-size:clamp(1.8rem,4.2vw,2.8rem);line-height:1.08;color:#fff;animation:rd-sobe .55s .05s both}
.rd-lead{margin:0;max-width:60ch;line-height:1.6;color:#DBE8FB;font-size:1.05rem;animation:rd-sobe .55s .15s both}
.rd-lead b{color:#FFCD07}
.rd-dias{margin:12px 0 0;color:#C5D4EB;font-size:.92rem}
.rd-dias b{color:#fff}
.rd-numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.rd-numeros>div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);animation:rd-surge .6s both}
.rd-numeros>div:nth-child(2){animation-delay:.08s}.rd-numeros>div:nth-child(3){animation-delay:.16s}.rd-numeros>div:nth-child(4){animation-delay:.24s}.rd-numeros>div:nth-child(5){animation-delay:.32s}
.rd-numeros dt{font-size:.8rem;color:#C5D4EB;line-height:1.3}
.rd-numeros dd{margin:4px 0 0;font-size:1.9rem;font-weight:800;line-height:1;color:#fff}
.rd-numeros small{display:block;margin-top:4px;color:#C5D4EB;font-size:.78rem}
.rd-n-vaga{grid-column:1/-1;background:rgba(255,205,7,.14)!important;border-color:rgba(255,205,7,.45)!important}
.rd-n-vaga dd{color:#FFCD07}
.rd-filtro{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);gap:14px 16px;padding:18px;align-items:end}
.rd-filtro .field{display:grid;gap:6px;margin:0}
.rd-filtro .field span{font-size:.875rem;font-weight:700;color:var(--muted)}
.rd-filtro select,.rd-filtro input{min-height:44px}
.rd-lentes,.rd-filtro .vp-dica{grid-column:1/-1}
.rd-lentes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.rd-grade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.rd-mapa-card{padding:14px}
.rd-mapa{position:relative;min-height:320px}
.rd-mapa .vp-svg{width:100%;height:auto;max-height:70vh;display:block}
.rd-legenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.88rem;color:var(--muted)}
.rd-legenda span{display:inline-flex;align-items:center;gap:6px}
.rd-bola{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none;vertical-align:middle;margin-right:4px;border:1px solid rgba(0,0,0,.15)}
.rd-bola-g{width:40px;height:40px}
.rd-ficha{padding:22px;display:grid;gap:10px;align-content:start;scroll-margin-top:90px}
.rd-ficha h2{margin:2px 0 4px;font-size:1.6rem}
.rd-ficha h3{margin:14px 0 2px;font-size:1rem}
.rd-ficha p{margin:0;line-height:1.55}
.rd-selo{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:6px 12px;border-radius:20px;font-weight:800;font-size:.9rem}
.rd-selo-vaga{background:var(--yellow-10,#FFF5C2);color:var(--text);border:1px solid var(--yellow,#FFCD07)}
.rd-selo-reel{background:var(--blue-5,#EDF5FF);color:var(--primary);border:1px solid var(--primary)}
.rd-pref{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--surface-2,var(--blue-5));margin-top:4px}
.rd-pref small{display:block;color:var(--muted);margin-top:2px}
.rd-top{margin:4px 0 0;padding-left:20px;display:grid;gap:6px}
.rd-top li{line-height:1.35}
.rd-top small{display:block;color:var(--muted);font-size:.84rem}
.rd-lado{display:flex;overflow:hidden;border-radius:10px;min-height:38px;font-weight:700;font-size:.85rem;color:#fff}
.rd-lado span{display:flex;align-items:center;padding:0 10px;white-space:nowrap;min-width:max-content;animation:rd-cresce .9s .1s both;transform-origin:left}
.rd-lado span:first-child{background:#D62D2D}
.rd-lado span:last-child{background:#1F5FBF;justify-content:flex-end}
.rd-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.rd-acoes .btn{min-height:44px}
.rd-bloco{padding:22px}
.rd-bloco h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:1.3rem}
.rd-sub{margin:0 0 12px;color:var(--muted);line-height:1.5}
.rd-link{background:none;border:0;padding:0;color:var(--primary);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;text-align:left;min-height:32px}
#rdSecoesOut td small,#rdTabLoc td small{display:block;color:var(--muted);font-size:.8rem}
.rd-fonte{padding:6px 4px;color:var(--muted);font-size:.92rem;line-height:1.6}
.rd-fonte h2{font-size:1rem;color:var(--text);margin:0 0 4px}
.rd-fonte p{margin:0 0 8px;max-width:90ch}

@keyframes rd-sobe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes rd-surge{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes rd-risca{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rd-cresce{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.rd *,.ve *,.rd-topo::after{animation:none!important;transition:none!important}}
@media (max-width:900px){
  .rd-topo{grid-template-columns:minmax(0,1fr);padding:22px}
  .rd-grade{grid-template-columns:minmax(0,1fr)}
  .rd-filtro{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){.rd-numeros dd{font-size:1.5rem}.rd-ficha,.rd-bloco{padding:16px}}
[data-theme="contrast"] .rd-topo{background:#000;border:1px solid #fff}
[data-theme="contrast"] .rd-numeros>div{background:#000}
.rd-sg{white-space:nowrap}
/* ---------- Voto × Emenda ---------- */
.ve-campo{grid-column:1/-1}
.ve-lentes{margin-bottom:10px}
.ve-num{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:6px 0 4px}
.ve-num>div{padding:12px 14px;border-radius:12px;background:var(--surface-2,var(--blue-5));border:1px solid var(--line);animation:rd-surge .5s both}
.ve-num dt{font-size:.8rem;color:var(--muted);line-height:1.3}
.ve-num dd{margin:4px 0 0;font-size:1.45rem;font-weight:800;line-height:1.1;color:var(--text)}
.ve-num small{display:block;margin-top:4px;color:var(--muted);font-size:.8rem}
/* Ficha do Raio-X (coluna estreita ao lado do mapa): em 3 colunas o valor quebrava em três linhas ("R$ / 13.638,1 / mi")
   e o 4º cartão sobrava sozinho. Duas colunas fixas = 2 × 2, número inteiro numa linha. (Auditoria de UX, 09/11/2026) */
#rxFicha .ve-num{grid-template-columns:repeat(2,minmax(0,1fr))}
.ve-frase{padding:12px 14px;border-left:4px solid #6B4FA8;background:var(--surface-2,var(--blue-5));border-radius:8px}
.ve-anos{display:grid;gap:6px}
.ve-anos>div{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.9rem}
.ve-anos i{display:block;height:12px;border-radius:6px;background:#168821;width:var(--w);min-width:2px;transform-origin:left;animation:rd-cresce .8s both}
.ve-cidade h2{font-size:1.6rem;margin:2px 0 8px}
.rd-rola{max-height:70vh;overflow:auto}
.rd-rola thead th{position:sticky;top:0;z-index:1;background:var(--surface,#fff)}
#rdSecoesOut{scroll-margin-top:90px}
/* ---------- Raio-X da cidade ---------- */
.rx-dois{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.rx-dois h3{margin:6px 0 10px;font-size:1rem}
.rx-anos{display:grid;gap:10px}
.rx-ano{display:grid;grid-template-columns:62px minmax(0,1fr);gap:4px 10px;align-items:center}
.rx-ano>span{font-weight:700}.rx-ano small{display:block;font-weight:400;color:var(--muted);font-size:.72rem}
.rx-ano>b{grid-column:2;font-size:.84rem;font-weight:600}
.rx-pos{color:#168821}.rx-neg{color:#E52207}
.rx-barras{display:grid;gap:3px}
.rx-barras i{display:block;height:10px;border-radius:5px;width:var(--w);min-width:2px;transform-origin:left;animation:rd-cresce .8s both}
.rx-rec{background:#168821}.rx-des{background:#1351B4}
.rx-regua{position:relative;height:22px;border-radius:11px;background:var(--line);margin:8px 0 26px}
.rx-regua i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:11px;transform-origin:left;animation:rd-cresce 1s both}
.rx-regua span{position:absolute;top:26px;transform:translateX(-50%);font-size:.75rem;color:var(--muted)}
.rx-regua span::before{content:"";position:absolute;left:50%;top:-28px;height:24px;border-left:2px dashed var(--text);opacity:.55}
.rx-fun{grid-template-columns:minmax(110px,160px) minmax(0,1fr) auto!important}
.rx-fun i{background:#6B4FA8!important}
#rxSaudeOut,#rxEscolasOut{margin-top:12px}
@media (max-width:900px){.rx-dois{grid-template-columns:minmax(0,1fr)}}
.ve-h3{margin:18px 0 4px;font-size:1.05rem}
/* Voto × Emenda para leigo (09/11/2026): gráficos no lugar de quadros, tabelas recolhidas, linha do tempo no topo. */
.ve-topo{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.ve-passos{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:p}
.ve-passos li{position:relative;display:grid;gap:2px;padding:12px 14px 12px 52px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#DBE8FB;animation:rd-surge .6s both}
.ve-passos li:nth-child(2){animation-delay:.12s}.ve-passos li:nth-child(3){animation-delay:.24s;background:rgba(255,205,7,.14);border-color:rgba(255,205,7,.45)}
.ve-passos li::before{counter-increment:p;content:counter(p);position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#FFCD07;color:#071D41;font-weight:900}
.ve-passos b{color:#fff;font-size:1.05rem}
.ve-ficha h2{margin:2px 0 6px;font-size:1.6rem}
.ve-resumo{margin:0;font-size:1.05rem;line-height:1.6}
.ve-frase{font-size:1.05rem;line-height:1.6}
.ve-mt{margin-top:12px}
.ve-h2p{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1.2rem}
.ve-cor-roxo{color:#6B4FA8}.ve-cor-azul{color:#1351B4}
.ve-cem{display:flex;height:44px;border-radius:12px;overflow:hidden;margin:12px 0 6px}
.ve-cem i{display:flex;align-items:center;justify-content:center;width:var(--w);background:var(--c);color:#fff;font-style:normal;font-weight:800;font-size:.95rem;white-space:nowrap;transform-origin:left;animation:rd-cresce .9s both}
.ve-comps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:8px}
.ve-comp{display:grid;gap:6px}
.ve-comp>b{font-size:.95rem}
.ve-comp-l{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 10px;align-items:center;font-size:.85rem;color:var(--muted)}
.ve-comp-l i{display:block;height:14px;border-radius:7px;width:var(--w);min-width:2px;transform-origin:left;animation:rd-cresce .8s both}
.ve-comp-l em{grid-column:2;font-style:normal;font-weight:700;color:var(--text)}
.ve-comp-l em small{font-weight:600;color:var(--muted)}
.ve-tipos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ve-tipo{display:grid;gap:4px;width:100%;text-align:left;padding:10px 12px;border:0;border-left:5px solid var(--c);border-radius:10px;background:var(--surface-2,var(--blue-5));color:var(--text);font:inherit;cursor:pointer;min-height:44px;transition:box-shadow .15s}
.ve-tipo:hover,.ve-tipo:focus-visible{box-shadow:var(--shadow-1);outline:2px solid var(--c);outline-offset:1px}
.ve-tipo-r{font-weight:800}
.ve-tipo-b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.ve-tipo-b i{display:block;height:16px;border-radius:8px;background:var(--c);width:var(--w);min-width:3px;transform-origin:left;animation:rd-cresce .8s both}
.ve-tipo-b b{white-space:nowrap}
.ve-tipo small{color:var(--muted);font-size:.84rem;line-height:1.4}
.ve-casos{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:16px}
.ve-caso{display:grid;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ve-caso:last-child{border-bottom:0;padding-bottom:0}
.ve-caso-t{margin:0;line-height:1.45}
.ve-caso-b{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(92px,auto);gap:10px;align-items:center;font-size:.88rem;color:var(--muted)}
.ve-caso-b i{display:block;height:14px;border-radius:7px;background:var(--c);width:var(--w);min-width:2px;transform-origin:left;animation:rd-cresce .9s both}
.ve-caso-b em{font-style:normal;color:var(--text);white-space:nowrap}
.ve-caso small{color:var(--muted);font-size:.84rem}
.ve-rank{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ve-rank li{display:grid;gap:4px}
.ve-rank small{color:var(--muted);font-size:.84rem}
.ve-rank-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.ve-rank-n small{font-weight:700}
.ve-pilha{display:flex;height:14px;border-radius:7px;background:var(--line);overflow:hidden}
.ve-pilha i{display:block;width:var(--w);background:var(--c);transform-origin:left;animation:rd-cresce .8s both}
.ve-lig{margin:0 0 8px;line-height:1.5}
.ve-recolhe{margin-top:12px}
.ve-cuidado{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;font-size:.88rem;color:var(--muted);line-height:1.5}
.ve-cuidado svg{flex:none;width:18px;height:18px;margin-top:2px}
.ve-tag{display:inline-block;padding:1px 8px;border-radius:999px;border:1px solid var(--c);border-left-width:6px;font-size:.78rem;font-weight:700;white-space:nowrap;color:var(--text)}
.ve-tag-0{border-color:var(--line);color:var(--muted);font-weight:500}
.ve-graf-card{padding:18px}
.ve-graf{width:100%;height:auto;display:block}
.ve-graf text{font-size:11px;fill:var(--muted)}
.ve-graf .ve-g-eixo{font-size:12px;font-weight:700;fill:var(--text)}
.ve-graf .ve-g-grade{stroke:var(--line);stroke-width:1}
.ve-graf .ve-g-zero{stroke:var(--text);stroke-opacity:.5;stroke-dasharray:4 3}
.ve-graf circle{stroke:var(--surface,#fff);stroke-width:1;cursor:pointer;fill-opacity:.85}
.ve-graf circle:hover{stroke:var(--text);stroke-width:2;fill-opacity:1}
@media (max-width:900px){.ve-topo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.ve-caso-b{grid-template-columns:36px minmax(0,1fr) auto}}
[data-theme="contrast"] .ve-tipo,[data-theme="contrast"] .ve-passos li{background:#000;border-color:#fff}

/* Raio-X: "Tudo sobre a cidade no Guia" (caminhos que já abrem na cidade) e a barra do bloco do TCE-CE. */
.rx-caminhos{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.rx-caminho{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.rx-caminho:hover,.rx-caminho:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-1)}
.rx-caminho svg{flex:none;width:24px;height:24px;color:var(--primary);margin-top:2px}
.rx-caminho b{display:block;color:var(--primary-strong)}
.rx-caminho small{display:block;color:var(--muted);margin-top:2px;line-height:1.4}
.rx-tce-barra{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}
.rx-tce-barra .field{min-width:120px}
.rx-falhou{font-size:.9rem;font-weight:500;color:var(--muted)}

/* "Ver mais" do Radar 2028 e do Raio-X: o essencial fica à vista, o resto abre ao tocar (mesmo desenho do .in-detalhe da página inicial). */
.rd-mais{margin-top:10px}
.rd-mais>summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 18px 6px 8px;border-radius:999px;border:2px solid var(--blue-70,#1351B4);background:var(--surface);color:var(--blue-80,#0C326F);font-weight:800;font-size:.92rem;line-height:1.3;cursor:pointer;list-style:none;max-width:100%}
.rd-mais>summary::-webkit-details-marker{display:none}
.rd-mais>summary::before{content:"+";flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue-70,#1351B4);color:#fff;font-weight:900;line-height:1}
.rd-mais[open]>summary::before{content:"−"}
.rd-mais[open]>summary{margin-bottom:12px}
.rd-mais>summary:hover{background:var(--blue-5,#EDF5FF)}
.rd-mais>summary:focus-visible{outline:3px solid var(--blue-70,#1351B4);outline-offset:3px}
.rd-mais-leve>summary{border-width:1px;font-weight:700;font-size:.88rem}
[data-theme="dark"] .rd-mais>summary{color:var(--primary)}
[data-theme="contrast"] .rd-mais>summary{background:#000;border-color:#fff;color:#FFCD07}
/* Foto do prefeito: círculo com borda na cor do partido (sem foto, fica o círculo colorido) */
.rd-foto{flex:none;display:inline-grid;place-items:center;border-radius:50%;padding:3px;box-sizing:border-box}
.rd-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 15%;background:#fff;border:2px solid #fff;box-sizing:border-box}
/* Os 5 partidos com mais prefeituras, à vista antes do "ver mais" */
.rd-top5{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rd-top5 li{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,var(--blue-5));font-size:.95rem}
.rd-top5 small{flex-basis:100%;color:var(--muted);font-size:.8rem}
/* Radar 2028 para leigo: "de cada 100 cidades" no topo, no lugar da grade de números. */
.rd-cem-topo{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#DBE8FB;animation:rd-surge .6s both}
.rd-cem-topo>p{margin:0;line-height:1.5}
.rd-cem-topo>p b{color:#fff}
.rd-cem-leg{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px;font-size:.95rem}
.rd-cem-leg b{color:#fff;font-size:1.05rem}
.rd-cem-mais{font-size:.9rem;color:#C5D4EB}
.rd-cem-mais b{color:#FFCD07!important}
.rd-ficha-vazia{margin:4px 0 0;font-size:1.25rem}
.ve-rank-n .rd-bola{align-self:center}