/* Colinha Digital · páginas estáticas (candidato, município, 2º turno por estado, widget)
   Base (cores, topo, menu, rodapé) copiada de /pesquisas/ = mesma identidade do site principal. Gerado por paginas_build/build.py */
:root{
  --bg:#eef1f6;--bg2:#ffffff;--bg3:#f3f5f9;--bg4:#e6eaf2;--border:#d9dfea;--border2:#c3ccdb;
  --text:#0b0f17;--muted:#5b6880;--muted2:#3f4b63;
  --blue:#2983ec;--purple:#7c4dff;--green:#16a34a;--amber:#b45309;--red:#dc2626;
  --blue-bg:rgba(41,131,236,.12);--green-bg:rgba(22,163,74,.12);--amber-bg:rgba(217,119,6,.14);--red-bg:rgba(220,38,38,.12);--purple-bg:rgba(124,77,255,.12);
  --grad:linear-gradient(135deg,#2983ec,#7c4dff);--shadow:0 10px 30px rgba(11,15,23,.08);--bar:#2983ec;
  --sans:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;--r:14px;--r2:10px;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#070b13;--bg2:#0e1420;--bg3:#151c2e;--bg4:#1b2438;--border:#1e2d4a;--border2:#2a3d5e;--text:#e8edf5;--muted:#7d90b3;--muted2:#9aaacb;--blue:#4f8ef7;--purple:#a855f7;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--blue-bg:rgba(79,142,247,.12);--green-bg:rgba(34,197,94,.12);--amber-bg:rgba(245,158,11,.12);--red-bg:rgba(239,68,68,.12);--purple-bg:rgba(168,85,247,.12);--grad:linear-gradient(135deg,#4f8ef7,#a855f7);--shadow:0 10px 30px rgba(0,0,0,.4);--bar:#4f8ef7;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#070b13;--bg2:#0e1420;--bg3:#151c2e;--bg4:#1b2438;--border:#1e2d4a;--border2:#2a3d5e;--text:#e8edf5;--muted:#7d90b3;--muted2:#9aaacb;--blue:#4f8ef7;--purple:#a855f7;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--blue-bg:rgba(79,142,247,.12);--green-bg:rgba(34,197,94,.12);--amber-bg:rgba(245,158,11,.12);--red-bg:rgba(239,68,68,.12);--purple-bg:rgba(168,85,247,.12);--grad:linear-gradient(135deg,#4f8ef7,#a855f7);--shadow:0 10px 30px rgba(0,0,0,.4);--bar:#4f8ef7;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}
button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
h1,h2,h3{margin:0;line-height:1.2;text-wrap:balance}a{color:var(--blue)}img{max-width:100%}[hidden]{display:none!important}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
/* topo (igual ao site) */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top,0px)}
.top-in{max-width:1240px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;text-decoration:none;color:var(--text);min-width:0;margin-right:auto}.logo img{height:44px;width:auto;display:block}.logo .lg-dark{display:none}
:root[data-theme="dark"] .logo .lg-dark{display:block}:root[data-theme="dark"] .logo .lg-light{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo .lg-dark{display:block}:root:not([data-theme="light"]) .logo .lg-light{display:none}}
.logo .sub{margin-left:12px;padding-left:12px;border-left:1px solid var(--border2);font-size:12px;line-height:1.25;color:var(--muted);white-space:nowrap}.logo .sub b{display:block;color:var(--text);font-weight:800;font-size:13px}
.tabs{display:flex;gap:4px}
#tabs.tabs{order:9;width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none;gap:5px;padding:5px;background:linear-gradient(90deg,#060b1b,#0e1a3d 60%,#1b1550);border:1px solid #24345f;border-radius:16px;box-shadow:0 8px 24px rgba(8,14,38,.28)}
#tabs.tabs::-webkit-scrollbar{display:none}
#tabs.tabs a{flex:0 0 auto;padding:9px 15px;font-size:13.5px;font-weight:700;color:#c9d6f7;border-radius:12px;display:flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap;border:0;background:transparent;cursor:pointer;transition:background .15s,color .15s}
#tabs.tabs a svg{width:16px;height:16px;flex:none}
#tabs.tabs a:hover{background:rgba(255,255,255,.09);color:#fff}
#tabs.tabs a[aria-current="page"]{background:#fff;color:#0b1430;box-shadow:0 4px 14px rgba(0,0,0,.28)}
#tabs.tabs .tab-map{background:linear-gradient(135deg,#2983ec,#7c4dff);color:#fff;font-weight:800;box-shadow:0 6px 18px rgba(41,131,236,.45)}
#tabs.tabs .tab-map:hover{background:linear-gradient(135deg,#3b8ef3,#8f66ff);color:#fff}
#tabs.tabs .tab-map i{font-style:normal;font-size:9.5px;font-weight:900;background:#22c55e;color:#04210f;border-radius:999px;padding:2px 7px;text-transform:uppercase;letter-spacing:.05em}
#tabs.tabs .tab-t2{color:#fcd34d;font-weight:800}
#tabs.tabs .tab-t2[aria-current="page"]{color:#7a4a00}
#tabs.tabs .tab-t2 b{font:800 11px var(--mono);background:rgba(251,191,36,.18);border-radius:999px;padding:2px 7px}
#tabs.tabs .tab-res{color:#fff;font-weight:800}
#tabs.tabs .tsep{flex:0 0 1px;align-self:stretch;margin:6px 4px;background:#2a3b6b}
@media (min-width:1100px){#tabs.tabs{justify-content:center}}
.livebar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:7px 12px;background:linear-gradient(90deg,#c62828,#e5484d 50%,#c62828);color:#fff;font:800 13px var(--sans);letter-spacing:.02em;cursor:pointer;border:0;text-align:center;flex-wrap:wrap;text-decoration:none}
.livebar .lvdot{width:9px;height:9px;border-radius:50%;background:#fff;flex:none}
.livebar small{font-weight:600;font-size:12.5px;opacity:.95}
.livebar .go{background:rgba(255,255,255,.18);border-radius:999px;padding:2px 10px;font-size:12px}
.livebar.post{background:linear-gradient(90deg,#1b3fa8,#2983ec 45%,#7c4dff)}
.livebar.post .lvdot{background:#22c55e}
.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border2);background:var(--bg3);display:grid;place-items:center;color:var(--muted2);flex:none}.icon-btn svg{width:18px;height:18px}
.theme .sun{display:none}:root[data-theme="dark"] .theme .sun{display:block}:root[data-theme="dark"] .theme .moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .sun{display:block}:root:not([data-theme="light"]) .theme .moon{display:none}}
/* rodapé (igual ao site) */
footer.sfoot{max-width:1240px;margin:26px auto 0;padding:22px 16px 18px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted2);line-height:1.5}
.sf-cols{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr;gap:18px 26px}
.sfoot .sf-mark{display:block;font-size:14px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--text)}
.sfoot h4{margin:0 0 6px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.sfoot p{margin:0 0 6px;color:var(--muted2)}.sfoot p:last-child{margin-bottom:0}.sf-brand p{margin-top:6px}
.sf-bar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px dashed var(--border)}
.sf-dates{display:flex;gap:6px;flex-wrap:wrap}
.sf-chip{font:800 11.5px var(--sans);border-radius:999px;padding:4px 10px;background:var(--bg3);border:1px solid var(--border2);color:var(--muted2);white-space:nowrap}.sf-chip.t2{background:#fbbf24;border-color:#f59e0b;color:#231400}
.sf-links{display:flex;gap:4px 14px;flex-wrap:wrap;flex:1;justify-content:center}
.sf-links a{font:700 12.5px var(--sans);color:var(--blue);text-decoration:none;padding:4px 0}.sf-links a:hover{text-decoration:underline}.sf-links a[aria-current="page"]{color:var(--text)}
.sf-c{font-size:11.5px;color:var(--muted);white-space:nowrap}
@media (max-width:900px){.sf-cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sf-cols{grid-template-columns:1fr;gap:14px}.sf-bar{flex-direction:column;align-items:flex-start}.sf-links{justify-content:flex-start}footer.sfoot{padding-bottom:12px}}
.vfoot{max-width:1240px;margin:22px auto 0;padding:20px 18px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.vfoot .love{font-size:13.5px;color:var(--muted2)}.vfoot .love b{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.vfoot .love .heart{color:#ef4444;-webkit-text-fill-color:#ef4444}
.vfoot .links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.vfoot .links a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:700;font-size:12.5px;color:var(--text);background:var(--bg3);border:1px solid var(--border2);border-radius:999px;padding:8px 14px}
.vfoot .links a:hover{border-color:var(--blue)}.vfoot .links a.wa{background:#128c4a;border-color:#128c4a;color:#fff}.vfoot .links a svg{width:15px;height:15px;flex:none}

/* ===== conteúdo das páginas ===== */
.wrap{max-width:1240px;margin:0 auto;padding:18px 16px 40px}
.crumbs{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12.5px;color:var(--muted);margin:2px 0 14px;padding:0;list-style:none}
.crumbs li{display:flex;align-items:center;gap:8px}.crumbs li+li::before{content:"›";color:var(--border2)}
.crumbs a{color:var(--muted2);text-decoration:none;font-weight:600}.crumbs a:hover{color:var(--blue);text-decoration:underline}
.hero{position:relative;overflow:hidden;border-radius:20px;padding:22px 24px;background:radial-gradient(700px 300px at 90% -10%,rgba(124,77,255,.45),transparent 60%),linear-gradient(135deg,#060b1b,#0e1a3d 55%,#16205a);border:1px solid #24345f;color:#eef3ff;box-shadow:0 16px 40px rgba(8,14,38,.3)}
.hero .eye{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fbbf24}
.hero h1{font-size:clamp(24px,4vw,38px);font-weight:900;color:#fff;margin:6px 0 6px;letter-spacing:-.01em}
.hero p{margin:0;color:#c3cfee;font-size:14.5px;line-height:1.55;max-width:72ch}
.hero .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;line-height:1.2;min-height:44px}
.btn:hover{border-color:var(--blue)}
.btn.pri{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#231400}
.btn.pri:hover{filter:brightness(1.05)}
.hero .btn:not(.pri){background:rgba(255,255,255,.08);border-color:rgba(160,180,240,.35);color:#eef3ff}
.sec{margin-top:22px}
.sec>h2{font-size:20px;font-weight:900;margin:0 0 4px}
.sec>.sub{font-size:13px;color:var(--muted);margin:0 0 12px}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;min-width:0}
.card>h3{font-size:15px;font-weight:800;margin:0 0 10px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:10px 0 0}
.chip{display:inline-flex;align-items:center;gap:5px;font:800 11px var(--sans);border-radius:999px;padding:3px 9px;background:var(--bg3);border:1px solid var(--border2);color:var(--muted2);white-space:nowrap;vertical-align:middle}
.chip.t2{background:rgba(251,191,36,.18);border-color:rgba(245,158,11,.55);color:var(--text)}
.chip.ok{background:var(--green-bg);border-color:rgba(22,163,74,.45);color:var(--text)}
/* candidato */
.ch{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.ph{width:132px;height:176px;border-radius:16px;overflow:hidden;background:#1b2438;border:3px solid rgba(255,255,255,.18);flex:none;display:grid;place-items:center;color:#fff;font:900 34px var(--sans)}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph.sm{width:56px;height:74px;border-radius:10px;border-width:2px;font-size:16px}
.ch .nm{font-size:clamp(26px,4.4vw,42px);font-weight:900;color:#fff;line-height:1.08;margin:4px 0 4px}
.ch .full{color:#aebbe0;font-size:13.5px;margin:0 0 10px}
.ch .meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:#dbe4fa;font-size:14px}
.ch .meta b{color:#fff}
.digs{display:inline-flex;gap:4px;vertical-align:middle}
.digs u{text-decoration:none;display:grid;place-items:center;width:30px;height:38px;border-radius:7px;background:#fff;color:#0b1430;font:900 21px var(--mono)}
.vice{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(160,180,240,.22);color:#c3cfee;font-size:13.5px}
.vice b{color:#fff}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.kv div{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:10px 12px;min-width:0}
.kv span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kv div.w2{grid-column:span 2}
.kv b{display:block;font-size:15px;font-weight:800;margin-top:2px;overflow-wrap:anywhere}
.big{font-size:28px;font-weight:900;letter-spacing:-.01em}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);min-width:0}
.kpi span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kpi b{display:block;font-size:22px;font-weight:900;margin-top:2px;font-variant-numeric:tabular-nums}
.kpi small{display:block;font-size:12px;color:var(--muted2)}
.hist{display:flex;flex-wrap:wrap;gap:8px}
.hist span{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-size:13px}.hist b{font-family:var(--mono)}
/* tabelas */
.tbw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}
table.tb{width:100%;border-collapse:collapse;font-size:13.5px}
.tb th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--bg3);padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}
.tb td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
.tb tr:last-child td{border-bottom:0}
.tb .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tb a{font-weight:700;text-decoration:none}.tb a:hover{text-decoration:underline}
.tb .pb{display:block;height:6px;border-radius:999px;background:var(--bg4);margin-top:5px;overflow:hidden;min-width:60px}
.tb .pb i{display:block;height:100%;background:var(--bar);border-radius:999px}
.tb small{color:var(--muted);font-size:12px}
.tb tr.tot td{font-weight:800;background:var(--bg3)}
.tb button.so{font:inherit;font-weight:800;color:inherit;text-transform:inherit;letter-spacing:inherit;padding:0}
.tb button.so::after{content:" ↕";color:var(--border2)}
.filt{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.filt input{flex:1;min-width:200px;padding:10px 12px;border-radius:12px;border:1px solid var(--border2);background:var(--bg2);min-height:44px}
/* lista de resultado (barra) */
.rl{display:flex;flex-direction:column;gap:8px}
.rr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--bg3);border:1px solid var(--border)}
.rr .n{font-weight:800;min-width:0;overflow-wrap:anywhere}.rr .n small{font-weight:600;color:var(--muted)}
.rr .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.rr .v small{display:block;font-weight:600;color:var(--muted);font-size:12px}
.rr .pb{grid-column:1/-1;height:7px;border-radius:999px;background:var(--bg4);overflow:hidden}.rr .pb i{display:block;height:100%;background:var(--bar)}
.rr.extra{background:transparent;border-style:dashed}
/* duelo do 2º turno: os dois do mesmo tamanho, ordem por número */
.duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch}
.duel .x{display:grid;place-items:center;font:900 22px var(--sans);color:var(--muted)}
.dc{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--bg3);border:1px solid var(--border);text-decoration:none;color:var(--text);min-width:0}
.dc:hover{border-color:var(--blue)}
.dc .ph{width:72px;height:96px;border-radius:12px;border-width:2px;font-size:20px}
.dc b{display:block;font-size:16px;font-weight:900;line-height:1.15;overflow-wrap:anywhere}
.dc small{display:block;color:var(--muted2);font-size:12.5px;margin-top:3px}
.dc .go{display:block;margin-top:6px;font-size:12.5px;font-weight:800;color:var(--blue)}
/* grade de estados */
.ufg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.ufc{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--bg2);border:1px solid var(--border);text-decoration:none;color:var(--text);box-shadow:var(--shadow)}
.ufc:hover{border-color:var(--blue)}
.ufc b{font-size:15px;font-weight:900}.ufc small{color:var(--muted2);font-size:12.5px;line-height:1.4}
.ml{columns:4 210px;column-gap:18px;margin:0;padding:0;list-style:none}
.ml li{break-inside:avoid;padding:3px 0;font-size:14px}.ml a{text-decoration:none;font-weight:600}.ml a:hover{text-decoration:underline}
.cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;padding:14px 16px;border-radius:14px;background:var(--amber-bg);border:1px solid rgba(245,158,11,.45)}
.cta p{margin:0;font-size:14px;font-weight:600;max-width:70ch}
.links{display:flex;flex-wrap:wrap;gap:8px}
.links a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--bg3);border:1px solid var(--border2);font-weight:700;font-size:13px;text-decoration:none;color:var(--text)}
.links a:hover{border-color:var(--blue)}
@media (max-width:860px){.g2,.g3{grid-template-columns:1fr}}
@media (max-width:720px){
  .top-in{padding:8px 12px;gap:8px}.logo img{height:34px}.logo .sub{display:none}.top-in .logo img{height:28px}
  #tabs.tabs{order:9;border-radius:14px}#tabs.tabs a{flex:0 0 auto;padding:9px 12px;font-size:12.5px}
  .theme{width:34px;height:34px}.livebar.post small{display:none}
  .wrap{padding:12px 12px 30px}.hero{padding:18px 16px;border-radius:16px}
  .ch{grid-template-columns:1fr;justify-items:start}.ph{width:104px;height:138px}
  .duel{grid-template-columns:1fr}.duel .x{font-size:16px}
  .tb th,.tb td{padding:8px 9px}.tb .hm{display:none}
  .card{padding:14px}
  .ptabs a{flex:1 1 auto;justify-content:center;text-align:center;white-space:normal;padding:8px 8px;font-size:12.5px;line-height:1.2}
  .kv{grid-template-columns:1fr 1fr}.kv div.w2{grid-column:1/-1}
}
@media print{.top,.livebar,.sfoot,.vfoot,.links,.hero .acts{display:none!important}.card{box-shadow:none;break-inside:avoid}}
/* abas da página do candidato (sem JS: tudo visível em sequência) */
.ptabs{display:flex;gap:6px;margin:16px 0 0;padding:5px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow-x:auto;scrollbar-width:none;position:sticky;top:calc(var(--toph,120px) + 4px);z-index:5;box-shadow:var(--shadow)}
.ptabs::-webkit-scrollbar{display:none}
.ptabs a{flex:0 0 auto;padding:9px 16px;border-radius:10px;font-weight:800;font-size:14px;color:var(--muted2);text-decoration:none;white-space:nowrap;min-height:40px;display:flex;align-items:center}
.ptabs a:hover{color:var(--text);background:var(--bg3)}
.ptabs a[aria-selected="true"]{background:var(--text);color:var(--bg2)}
.js-tabs .tabp:not(.on){display:none}
.tabp{scroll-margin-top:calc(var(--toph,120px) + 70px)}
/* widget: página de configuração */
.wg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.fm label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;min-width:0}
.fm select,.fm input[type=number]{padding:10px 12px;border-radius:12px;border:1px solid var(--border2);background:var(--bg2);font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text);min-height:44px;width:100%}
.fm .ck{flex-direction:row;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:13.5px;color:var(--text);font-weight:600;grid-column:1/-1}
.fm .ck input{width:20px;height:20px}
textarea.code{width:100%;min-height:120px;padding:10px 12px;border-radius:12px;border:1px solid var(--border2);background:var(--bg3);font:12.5px/1.45 var(--mono);color:var(--text);resize:vertical}
.prev{border:1px dashed var(--border2);border-radius:14px;padding:10px;background:var(--bg3)}
.prev iframe{display:block;width:100%;border:0;max-width:640px;margin:0 auto}
@media (max-width:860px){.wg{grid-template-columns:1fr}.fm{grid-template-columns:1fr}}
@media (max-width:720px){.ptabs a{flex:1 1 auto;justify-content:center;text-align:center;white-space:normal;padding:8px 8px;font-size:12.5px;line-height:1.2}}

/* ===== Painel Cívico (/transparencia/) — acréscimos sobre a base das páginas estáticas ===== */
.pc-brand{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.pc-brand svg{width:16px;height:16px}
.tabs a.tab-pc{color:var(--blue)}
.pc-nav{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.pc-nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--bg3);border:1px solid var(--border);text-decoration:none;font-size:13px;font-weight:750;color:var(--muted2)}
.pc-nav a:hover,.pc-nav a[aria-current="true"]{color:var(--blue);border-color:var(--blue)}
.pc-src{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.45}
.pc-src a{color:inherit}
.pc-src b{color:var(--muted2)}
.pc-empty{border:1px dashed var(--border2);border-radius:12px;padding:14px 16px;color:var(--muted2);background:var(--bg3);font-size:14px}
.pc-load{color:var(--muted);font-size:13px;padding:10px 0}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px}
.pc-grid .card h3{font-size:14.5px;font-weight:850;margin:0 0 2px}
.pc-grid .card .sub{font-size:12.5px;color:var(--muted);margin:0 0 8px}
.pc-kpi-note{font-size:11.5px;color:var(--muted);margin-top:3px}
.pc-att{display:inline-block;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--amber-bg);color:var(--amber);margin-left:4px;vertical-align:middle}
.pc-chart{width:100%;height:auto;display:block;overflow:visible}
.pc-chart text{fill:var(--muted);font-family:var(--sans);font-size:11px}
.pc-chart .ax{stroke:var(--border2);stroke-width:1}
.pc-chart .gl{stroke:var(--border);stroke-width:1}
.pc-chart .b1{fill:var(--bar)}
.pc-chart .b2{fill:var(--purple);opacity:.75}
.pc-chart .ln{fill:none;stroke:var(--bar);stroke-width:2.4}
.pc-chart .dt{fill:var(--bg2);stroke:var(--bar);stroke-width:2}
.pc-chart .ref{stroke:var(--amber);stroke-width:1.6;stroke-dasharray:5 4}
.pc-chart .ref2{stroke:var(--muted);stroke-width:1.2;stroke-dasharray:2 3}
.pc-chart .reft{fill:var(--amber);font-weight:700}
.pc-chart .band{fill:var(--bg4);opacity:.55}
.pc-chart .bandt{fill:var(--muted2);font-size:10.5px;font-weight:700}
.pc-chart .vl{fill:var(--text);font-weight:700;font-size:10.5px}
.pc-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted2);margin:6px 0 0}
.pc-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:var(--bar)}
.pc-leg i.p{background:var(--purple);opacity:.75}
.pc-leg i.g{background:none;border-top:2px dotted var(--muted);height:0;width:14px;border-radius:0;vertical-align:3px}
.pc-leg i.r{background:none;border-top:2px dashed var(--amber);height:0;width:14px;border-radius:0;vertical-align:3px}
.pc-hb{display:grid;gap:7px}
.pc-hb .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;font-size:13.5px}
.pc-hb .row b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-hb .row span{font-variant-numeric:tabular-nums;color:var(--muted2);white-space:nowrap}
.pc-hb .row .pb{grid-column:1/-1;display:block;height:7px;border-radius:999px;background:var(--bg4);overflow:hidden}
.pc-hb .row .pb i{display:block;height:100%;background:var(--bar);border-radius:999px}
.pc-search{display:flex;gap:8px;flex-wrap:wrap}
.pc-search input[type=search],.pc-search input[type=text],.pc-search input[type=date],.pc-search select{flex:1 1 220px;min-width:0;padding:11px 13px;border:1px solid var(--border2);border-radius:12px;background:var(--bg2);font-size:15px}
.pc-search input[type=date]{flex:0 1 170px}
.pc-search button{padding:11px 18px;border-radius:12px;background:var(--blue);color:#fff;font-weight:800}
.pc-sugs{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--bg2);overflow:hidden}
.pc-sugs:empty{display:none}
.pc-sugs a{display:block;padding:9px 13px;text-decoration:none;border-top:1px solid var(--border);font-weight:650}
.pc-sugs li:first-child a{border-top:0}
.pc-sugs small{color:var(--muted);font-weight:500}
.pc-res{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.pc-res li{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.pc-res .h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;font-size:13px;color:var(--muted)}
.pc-res .h b{color:var(--text);font-size:14.5px}
.pc-res p{margin:6px 0 0;font-size:13.5px;color:var(--muted2);overflow-wrap:anywhere}
.pc-res mark{background:var(--amber-bg);color:inherit;padding:0 2px;border-radius:3px}
.pc-res .lk{margin-top:6px;display:flex;gap:12px;font-size:13px;font-weight:700}
.pc-pg{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:13px;color:var(--muted)}
.pc-pg button{padding:7px 12px;border-radius:10px;border:1px solid var(--border2);background:var(--bg2);font-weight:700}
.pc-pg button[disabled]{opacity:.45;cursor:default}
.pc-ufs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pc-ufs a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);text-decoration:none;font-weight:750}
.pc-ufs a small{font-weight:800;color:var(--muted);font-family:var(--mono)}
.pc-ufs a:hover{border-color:var(--blue);color:var(--blue)}
.pc-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.pc-st .card b{display:block;font-size:14px}
.pc-st .card small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.pc-gest{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:10px}
.pc-gest div{border:1px solid var(--border);border-radius:12px;padding:9px 12px;background:var(--bg2);font-size:13px}
.pc-gest div span{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pc-gest div b{font-size:14px}
.pc-gest div small{display:block;color:var(--muted2)}
.pc-note{font-size:12.5px;color:var(--muted2);background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:9px 12px;margin-top:10px}
.pc-anchor{scroll-margin-top:80px}
@media (max-width:560px){.pc-grid{grid-template-columns:1fr}.pc-search button{flex:1 1 100%}.tb td,.tb th{padding:8px 9px}}
/* layout LARGO no computador (tela toda, como o mapa Raio-X); no celular continua com 12–16 px de margem */
@media (min-width:900px){
 .top-in,.wrap,.sfoot,.vfoot{max-width:none;padding-left:clamp(16px,2.6vw,48px);padding-right:clamp(16px,2.6vw,48px)}
 .pc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))}
}
@media (min-width:1600px){.pc-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}