.tot-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.tot-topo h2{font-size:28px;margin:0}
.tot-prog{min-width:260px;flex:1;max-width:460px;font-size:13px;color:var(--mut);text-align:right}
.barra.fina{height:6px;margin-top:6px}
.barra-fill.neutra{background:var(--orange)}
.tot-cands{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 12px}
.tot-cand{border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:2px}
.tot-cand.lula{background:#3a1512;border:1px solid #C92B19}
.tot-cand.flavio{background:#132447;border:1px solid #2f5bd3;text-align:right;align-items:flex-end}
.tot-nome{font-weight:800;font-size:18px}
.tot-part,.tot-votos,.tot-of{color:#d8d2cc;font-size:13px}
.tot-pct{font-size:clamp(36px,8vw,58px);font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums}
.tot-of{margin-top:6px;opacity:.85}
.dupla{display:flex;height:16px;border-radius:999px;overflow:hidden;background:#2f5bd3;min-width:90px}
.dupla-lula{background:#C92B19;height:100%}
.dupla-flavio{flex:1}
.tabela.res td{vertical-align:middle}
.tabela.res .num{text-align:right;font-variant-numeric:tabular-nums}
.tabela.res .lula-c{color:#ff9d92;font-weight:800}
.tabela.res .flavio-c{color:#9db8ff;font-weight:800}
.tabela.res .col-barra{min-width:140px;width:30%}
.tabela.res .of{color:var(--mut);font-size:13px;white-space:nowrap}
.tabela.res td:nth-child(n+2){text-align:right}
.tabela.res td.col-barra{text-align:left}
.uf-nome{color:var(--mut);font-size:13px}
tr.clicavel{cursor:pointer}
tr.clicavel:hover td,tr.clicavel:focus td{background:#1f1f1f}
tr.clicavel:focus{outline:2px solid var(--orange);outline-offset:-2px}
.ver{color:var(--orange);font-size:12px}
.filtros.dois{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}
@media(max-width:560px){.tot-cands{grid-template-columns:1fr 1fr;gap:8px}.tot-cand{padding:12px}.tot-prog{text-align:left;max-width:none}.filtros.dois{grid-template-columns:1fr}}
@media(max-width:560px){.tabela.res .uf-nome{display:none}.tabela.res .col-barra{display:none}.tabela.res th,.tabela.res td{padding:8px 5px}}

.meta{border-color:#6b3a14;background:linear-gradient(135deg,#1d1208,#171717 60%)}
.meta h2{font-size:clamp(20px,3.6vw,28px);margin:4px 0 8px}
.meta h2 span{color:var(--orange)}
.meta-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 10px}
.meta-nums div{background:#111;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column}
.meta-nums strong{font-size:clamp(22px,4vw,34px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1}
.meta-nums span{color:var(--mut);font-size:12px}
.meta-barra{height:14px;background:#262626;border-radius:999px;overflow:hidden}
.meta-fill{height:100%;background:var(--orange);border-radius:999px;transition:width .6s}
.meta-fill.ok{background:var(--ok)}
.meta .actions{margin-top:14px}
.tabela.res .col-meta{min-width:150px;text-align:left}
.meta-mini{display:flex;flex-direction:column;gap:3px}
.meta-mini .barra.fina{margin-top:0;height:6px;min-width:110px}
.meta-txt{font-size:12px;color:#ddd;font-variant-numeric:tabular-nums}
.meta-falta{font-size:11px;color:var(--orange);font-weight:700}
.meta-falta.ok{color:var(--ok)}
@media(max-width:560px){.meta-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.tabela.res .col-meta{min-width:110px}.meta-mini .barra.fina{min-width:80px}}


.margem-nac{color:var(--mut);font-size:13px;margin:10px 0 0}
.tabela.res .margem{color:#ddd;font-size:12px;white-space:nowrap}
@media(max-width:560px){.tabela.res .margem{font-size:11px}}

.tabela.res tr.sub td.sub-cel{padding:4px 10px 12px;border-top:0;background:transparent}
.tabela.res tr.clicavel+tr.sub{border-bottom:1px solid #242424}
.sub-cel-in{display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap}
.sub-meta{display:flex;flex-direction:column;gap:3px;min-width:200px}
.sub-meta .barra.fina{margin-top:0;height:6px;min-width:180px}
.sub-rotulo{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.sub-margem{display:flex;flex-direction:column;gap:2px}
.sub-margem strong{font-size:14px;color:#eee;font-variant-numeric:tabular-nums}
@media(max-width:560px){.sub-cel-in{gap:14px}.sub-meta{min-width:150px}.sub-meta .barra.fina{min-width:130px}}
