@import url("assets/ds.css"); /* marca Voto Aberto: fontes, tokens --va-* */
/* Congresso e governos estaduais — mesma linguagem do app (index.html: "IDENTIDADE VOTO ABERTO" + "home (design aprovado)").
   Regras: só tema claro; coluna 1040; raios só 999 (pílulas), 16 (cartões e caixas de papel), 12 (campos) e 4 (ícones);
   selos sem ladrilho (o logo só aparece no cabeçalho e no rodapé); alvos ≥ 44 px; contraste AA. */
:root{--bg:#FFFFFF;--card:#FFFFFF;--ink:#121212;--ink2:#3A3A3A;--mute:#666666;--line:#E3E3E3;--soft:#F3F3F1;--paper:#F6F5F1;--hl:#F6E7A8;
  --a:#C8323A;--b:#2D68B0;--ok:#121212;--tile:#121212;--tile-bar:#FFFFFF;
  --f-esq:#7B4B94;--f-cesq:#B98BCB;--f-centro:#A39673;--f-cdir:#7FB3A0;--f-dir:#2F7A68;--f-none:#CFCFCF;--f-sem:#CFCFCF;--field:#767676;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Inter Tight","Inter",system-ui,sans-serif;--col:1040px;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--bg:#FFFFFF;--card:#FFFFFF;--ink:#121212;--mute:#666666;--line:#E3E3E3;--soft:#F3F3F1;--paper:#F6F5F1;--hl:#F6E7A8;--a:#C8323A;--b:#2D68B0;--va-bg:#FFFFFF;--va-ink:#121212;--va-mute:#666666;--va-line:#E3E3E3;--va-tile:#121212;--va-tile-bar:#FFFFFF;--va-a:#C8323A;--va-b:#2D68B0;color-scheme:light}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--va-bg:#FFFFFF;--va-ink:#121212;--va-mute:#666666;--va-line:#E3E3E3;--va-tile:#121212;--va-tile-bar:#FFFFFF;--va-a:#C8323A;--va-b:#2D68B0}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans);font-feature-settings:"tnum" 1,"cv11" 1;letter-spacing:-.003em;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--hl);color:#121212}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.wrap{max-width:var(--col);margin:0 auto;padding:0 16px 40px}
/* cabeçalho único (brand/header.css) */
header.site{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--ink)}
.hbar{max-width:var(--col);margin:0 auto;padding:0 16px;height:52px;display:flex;align-items:center;gap:12px}
.hbar .logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 19px/1 var(--serif);letter-spacing:-.02em;white-space:nowrap}
.hbar .proto{margin-left:auto;background:var(--ink);color:var(--bg);border-radius:999px;padding:6px 12px;font:700 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
nav.top{max-width:var(--col);margin:0 auto;padding:0 16px;display:flex;overflow-x:auto;scrollbar-width:none;height:44px;align-items:stretch}
nav.top a{flex:none;display:inline-flex;align-items:center;font:600 13.5px var(--sans);color:var(--mute);text-decoration:none;padding:0 12px;border-bottom:3px solid transparent;white-space:nowrap}
nav.top a:hover{color:var(--ink)}nav.top a.on{color:var(--ink);border-bottom-color:var(--ink)}
@media(max-width:700px){.hbar{height:48px}.hbar .proto{font-size:10px;padding:5px 9px;letter-spacing:.04em}}
@media(max-width:420px){.hbar .proto{display:none}}
/* subnav da seção: pílulas */
nav.sub{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:20px 0 0;padding:2px 0}
nav.sub a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--mute);font:700 13px var(--sans);white-space:nowrap}
nav.sub a:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}nav.sub a.on{background:var(--ink);color:var(--bg);box-shadow:none}
/* hero (igual à home) */
.kick{display:flex;align-items:center;gap:8px;font:700 11.5px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:36px 0 12px}
.kick .va-mark{display:none}
h1{font:800 clamp(38px,6vw,64px)/1.03 var(--serif);letter-spacing:-.03em;margin:0 0 14px;max-width:900px;text-wrap:balance}
.dek{font:400 clamp(17px,1.6vw,21px)/1.5 var(--sans);color:var(--ink2);max-width:760px;margin:0 0 6px}
.dek b,.lede b,.note b{background:linear-gradient(transparent 58%,var(--hl) 58%);padding:0 1px;font-weight:700}
.share{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.wa-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#25D366;color:#121212;font:700 14px var(--sans);text-decoration:none;border:0;cursor:pointer}
.wa-cta:hover{filter:brightness(.94)}
h2{font:800 clamp(25px,3vw,32px)/1.15 var(--serif);letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}
h3{font:700 12.5px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:22px 0 8px}
p{max-width:720px}
.sub,.src{color:var(--mute);font-size:14px;line-height:1.5}
.src{font-size:13px}
/* seções: fio de 3 px em Tinta (home-sec) */
section.blk{border-top:3px solid var(--ink);margin-top:64px;padding-top:18px}
/* controles */
.ctl{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center;margin:14px 0}
.ctl label{font:600 13px var(--sans);color:var(--mute)}
.seg{display:inline-flex;flex-wrap:wrap;gap:2px;border:1px solid var(--field);border-radius:999px;padding:3px;background:transparent}
.seg button{border:0;background:transparent;color:var(--mute);font:700 12.5px var(--sans);padding:0 14px;border-radius:999px;cursor:pointer;min-height:40px}
.seg button[aria-pressed=true],.seg button.on{background:var(--ink);color:var(--bg)}
select,input[type=search],input[type=text]{font:500 16px var(--sans);color:var(--ink);background:var(--bg);border:1.5px solid var(--field);border-radius:12px;padding:10px 14px;min-height:48px}
select:hover,input:hover{border-color:var(--mute)}
select:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-color:var(--ink)}
input[type=search]{padding-left:42px;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat 14px 50%}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--ink);color:var(--bg);font:700 14px var(--sans);padding:0 18px;border-radius:999px;cursor:pointer;min-height:44px;text-decoration:none}
.btn:hover{opacity:.88}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
/* números-chave (why3) */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin:28px 0 6px}
.facts>div{display:flex;flex-direction:column;gap:6px}
.facts b{display:block;font:800 clamp(40px,5vw,48px)/1 var(--serif);letter-spacing:-.03em}
.facts span{font:400 15px/1.5 var(--sans);color:var(--mute)}
/* barra (linha da maioria no estilo da linha dos 50%) */
.bal{position:relative;margin:30px 0 34px}
.bal .track{display:flex;height:34px;background:var(--soft);position:relative}
.bal .seg-f{height:100%;transition:flex-basis .35s ease;position:relative}
.bal .seg-f+.seg-f{box-shadow:inset 1px 0 0 var(--bg)}
.bal .mk{position:absolute;top:-10px;bottom:-10px;width:3px;margin-left:-1.5px;background:var(--ink)}
.bal .mk.l2{width:0;margin:0;border-left:2px dotted var(--mute);background:none}
.bal .mk span{position:absolute;top:-20px;left:0;transform:translateX(-50%);white-space:nowrap;font:700 12px var(--sans);color:var(--ink);background:var(--bg);padding:0 4px}
.bal .mk.l2 span{top:auto;bottom:-22px;color:var(--mute);font-weight:600}
.flg{display:flex;flex-wrap:wrap;gap:6px 16px;font:14px var(--sans);margin:4px 0}
.flg i{display:inline-block;width:12px;height:12px;border-radius:4px;margin:0 6px -1px 0}
/* tabelas como no app */
.tw{overflow-x:auto;border-top:2px solid var(--ink)}
table.t{border-collapse:collapse;width:100%;font-size:15px}
.t th,.t td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.t th{font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--ink);position:sticky;top:0;background:var(--bg)}
.t .l{text-align:left}.t tr.grp td{background:var(--paper);font-weight:700}
.t tr.c{cursor:pointer}.t tr.c:hover td{background:var(--soft)}
.t tr.hl td{background:var(--hl)}
.up,.dn{color:var(--ink);font-weight:600}
.chip{display:inline-flex;align-items:center;gap:4px;font:700 11.5px var(--sans);padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--ink2);margin-left:4px;min-height:24px;white-space:nowrap}
.chip.dark{background:var(--ink);color:var(--bg)}
.chip.hl{background:var(--hl);color:#121212}
.dotp{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:0}
/* caixas editoriais em papel (raio 16) e cartões (explore) */
.note{background:var(--paper);border-radius:16px;padding:16px 20px;margin:16px 0;font:16px/1.55 var(--sans);max-width:760px}
.card,.explore a{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--bg)}
.glos{border-bottom:1.5px dotted var(--mute);cursor:help}
details.more{margin:12px 0;font-size:15px}details.more summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
/* tooltip */
#tip{position:fixed;z-index:80;pointer-events:none;background:var(--ink);color:var(--bg);font:13px/1.4 var(--sans);padding:8px 11px;border-radius:12px;max-width:280px;opacity:0;transition:opacity .12s}
#tip b{font-weight:700}
/* gráficos */
svg.hemi{width:100%;height:auto;display:block;max-width:760px;margin:0 auto;touch-action:manipulation}
svg.hemi [data-i]{transition:fill .3s,opacity .3s,stroke .3s}
svg.hemi [data-i].dim{opacity:.13}
svg.hemi [data-i].sel{stroke:var(--ink);stroke-width:2.2}
.hemi-mid{font:800 clamp(30px,6vw,52px) var(--serif);letter-spacing:-.03em;fill:var(--ink)}
.hemi-cap{font:600 13px var(--sans);fill:var(--mute)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* rodapé com a assinatura (va-foot do app) */
.va-foot{max-width:var(--col);margin:56px auto 0;padding:20px 16px 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.va-foot .who{display:flex;align-items:center;gap:12px}.va-foot .va-mark{--s:40px}
.va-foot .nm{font:800 19px/1 var(--serif);letter-spacing:-.01em}.va-foot .tg{font:500 13px/1.4 var(--sans);color:var(--mute);margin-top:4px}
.va-foot .src{font:500 13px/1.6 var(--sans);color:var(--mute);text-align:right}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}