/* Radar JF: visual inspirado nas placas de rua esmaltadas.
   Azul = Câmara, Verde = Prefeitura, Amarelo = atenção */
:root{
  --azul:#12407a; --azul-claro:#e8eef7;
  --verde:#0f6b4b; --verde-claro:#e6f2ec;
  --amarelo:#f2b705; --amarelo-claro:#fff6d6;
  --tinta:#1c2430; --apoio:#5b6573; --linha:#e3e6ea; --calcada:#f4f5f7;
  --raio:12px;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:#fff;font-size:17px;line-height:1.5}
a{color:var(--azul)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px}
h1,h2,.marca,.placa,.btn-grande,.num{font-family:"Barlow Condensed","Barlow",system-ui,sans-serif}
h1{font-size:30px;line-height:1.1;margin:10px 0 8px;font-weight:700}
h2{font-size:22px;line-height:1.2;margin:26px 0 8px;font-weight:700}
.sub{color:var(--apoio);margin:0 0 14px}
small.sub{font-size:13px}
.carregando{color:var(--apoio)}
main{max-width:760px;margin:0 auto;padding:12px 16px 24px}

/* ---------- placa (o elemento-assinatura) ---------- */
.placa{position:relative;display:flex;align-items:center;gap:12px;border-radius:var(--raio);color:#fff;text-decoration:none;padding:14px 16px;font-weight:700}
.placa::after{content:"";position:absolute;inset:4px;border:2px solid rgba(255,255,255,.85);border-radius:calc(var(--raio) - 4px);pointer-events:none}
.placa.camara{background:var(--azul)}
.placa.prefeitura{background:var(--verde)}
.placa.neutra{background:var(--tinta)}
.placa svg{flex:none;width:30px;height:30px}
.placa .tx{flex:1;min-width:0}
.placa .tt{display:block;font-size:24px;line-height:1.1}
.placa .ds{display:block;font-family:"Barlow",system-ui,sans-serif;font-weight:500;font-size:15px;opacity:.92;line-height:1.35;margin-top:3px}
.placa .seta{font-size:30px;line-height:1;opacity:.9}
a.placa:active{transform:translateY(1px)}

/* ---------- cabeçalho ---------- */
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--linha);z-index:5}
.topo-h{max-width:760px;margin:0 auto;padding:8px 16px 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.marca{font-size:24px;font-weight:700;text-decoration:none;color:var(--tinta);margin-right:auto;display:flex;align-items:center;gap:6px}
.marca svg{width:22px;height:22px;color:var(--azul)}
nav.areas{display:flex;gap:6px}
nav.areas a{display:flex;align-items:center;gap:5px;border:2px solid var(--linha);border-radius:10px;padding:5px 10px;color:var(--tinta);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
nav.areas a svg{width:18px;height:18px}
nav.areas a.area-camara.ativo{background:var(--azul);border-color:var(--azul);color:#fff}
nav.areas a.area-prefeitura.ativo{background:var(--verde);border-color:var(--verde);color:#fff}
nav.areas a[data-area=sobre].ativo{background:var(--tinta);border-color:var(--tinta);color:#fff}
#subnav{max-width:760px;margin:0 auto;padding:0 16px 10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
#subnav:empty{display:none}
#subnav a{display:flex;align-items:center;gap:6px;flex:none;padding:8px 12px;border-radius:10px;background:var(--calcada);color:var(--tinta);text-decoration:none;font-weight:600;font-size:15px}
#subnav a svg{width:18px;height:18px}
#subnav.camara a.ativo{background:var(--azul-claro);color:var(--azul);box-shadow:inset 0 0 0 2px var(--azul)}
#subnav.prefeitura a.ativo{background:var(--verde-claro);color:var(--verde);box-shadow:inset 0 0 0 2px var(--verde)}
@media(max-width:560px){nav.areas{width:100%} nav.areas a{flex:1;justify-content:center;padding:7px 4px;font-size:15px} nav.areas a svg{display:none}}

/* faixa da área */
#selo{max-width:760px;margin:0 auto;padding:0 16px}
#selo .placa{margin-top:14px;padding:10px 14px}
#selo .placa svg{width:26px;height:26px}
#selo .placa .tt{font-size:19px}
#selo .placa .ds{font-size:14px}

/* ---------- página inicial ---------- */
.escolhas{display:grid;gap:14px;margin:18px 0}
.escolhas .placa{padding:20px 18px;min-height:128px}
.escolhas .placa svg{width:46px;height:46px}
.escolhas .placa .tt{font-size:32px}
.escolhas .placa .num{display:inline-block;margin-top:8px;background:rgba(255,255,255,.16);border-radius:8px;padding:2px 8px;font-size:18px}

/* ---------- botões grandes ---------- */
.btn-grande{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:2px solid var(--linha);background:#fff;border-radius:var(--raio);padding:12px 14px;margin:10px 0;font-size:19px;font-weight:700;color:var(--tinta);text-decoration:none;cursor:pointer}
.btn-grande svg{flex:none;width:26px;height:26px}
.btn-grande .tx{flex:1}
.btn-grande .tx small{display:block;font-family:"Barlow",sans-serif;font-weight:500;font-size:14px;color:var(--apoio)}
.btn-grande.camara{border-color:var(--azul);color:var(--azul)}
.btn-grande.prefeitura{border-color:var(--verde);color:var(--verde)}

/* grupos da Câmara: botões com número grande */
.grupos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.grupos .grupo-link:first-child{grid-column:1 / -1}
.grupo-link{display:flex;flex-direction:column;gap:2px;border:2px solid var(--linha);border-radius:var(--raio);padding:10px 12px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--tinta);text-decoration:none}
.grupo-link .gn{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px}
.grupo-link b{font-family:"Barlow Condensed",sans-serif;font-size:28px;line-height:1.1}
.grupo-link.on{border-color:var(--azul);background:var(--azul-claro)}
.ponto{width:12px;height:12px;border-radius:3px;flex:none}

/* cores dos grupos (sempre com texto ao lado, nunca só a cor) */
.g-pedidos{background:#12407a}.g-cobrancas{background:#6b3fa0}.g-homenagens{background:#b06a00}.g-leis{background:#0f6b4b}.g-outros{background:#7a828e}

/* ---------- avisos ---------- */
.aviso{background:var(--amarelo-claro);border-left:6px solid var(--amarelo);border-radius:8px;padding:10px 12px;font-size:15px;margin:12px 0}
.info{background:var(--calcada);border-radius:8px;padding:10px 12px;font-size:15px;margin:12px 0}

/* ---------- vereadores ---------- */
.cards{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:600px){.cards{grid-template-columns:1fr 1fr}}
.card{display:flex;gap:12px;border:1px solid var(--linha);border-radius:var(--raio);padding:12px;text-decoration:none;color:inherit;background:#fff}
.card:hover{border-color:var(--azul)}
.avatar{flex:none;width:46px;height:46px;border-radius:10px;background:var(--azul);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;position:relative}
.avatar::after{content:"";position:absolute;inset:3px;border:1.5px solid rgba(255,255,255,.8);border-radius:7px}
.card.fora .avatar{background:var(--apoio)}
.card .cx{flex:1;min-width:0}
.card .nome{font-weight:700;font-size:18px;line-height:1.2}
.card .partido{color:var(--apoio);font-size:14px}
.barras{margin-top:8px;font-size:13px}
.barra{display:flex;align-items:center;gap:6px;margin:3px 0}
.barra span.r{width:118px;color:#444;flex:none}
.barra .b{height:9px;border-radius:5px;min-width:2px}
.barra .n{font-variant-numeric:tabular-nums}
.contato{font-size:15px}

/* ---------- busca, listas ---------- */
input[type=search],select{width:100%;font:inherit;font-size:18px;padding:13px 14px;border:2px solid #c9ced6;border-radius:var(--raio);background:#fff}
input[type=search]:focus{border-color:var(--azul);outline:none}
.filtros,.anos{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.filtros button,.anos button{border:2px solid #c9ced6;background:#fff;border-radius:10px;padding:7px 14px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;color:var(--tinta)}
.filtros button.on{background:var(--azul);color:#fff;border-color:var(--azul)}
.anos button.on{background:var(--verde);color:#fff;border-color:var(--verde)}
.item{border-bottom:1px solid #eef0f3;padding:12px 0}
.item .topo{font-size:13px;color:var(--apoio)}
.item .txt{margin:4px 0}
.item .pe{font-size:13px;color:var(--apoio)}
.tag{display:inline-block;font-size:12px;font-weight:600;border-radius:6px;padding:1px 7px;color:#fff;margin-right:5px}
.rep{border:1px solid var(--linha);border-radius:var(--raio);padding:12px;margin:10px 0}
.rep .q{font-family:"Barlow Condensed",sans-serif;font-size:26px;font-weight:700;color:#9a3412}
.mais{display:block;margin:16px auto;padding:11px 20px;border-radius:10px;border:2px solid #c9ced6;background:#fff;font:inherit;font-weight:600;cursor:pointer}

/* ---------- Prefeitura ---------- */
.p-verde{color:var(--verde)}
.totais{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0}
.totais div{background:var(--verde-claro);border-radius:10px;padding:10px}
.totais b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:22px;line-height:1.15}
.totais span{font-size:13px;color:var(--apoio)}
.linha{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #eef0f3;padding:10px 0;text-decoration:none;color:inherit}
.linha .nm{flex:1;min-width:0}
.linha .vl{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.linha .barra-p{height:7px;background:var(--verde);border-radius:4px;margin-top:5px}
.meses{display:flex;align-items:flex-end;gap:4px;height:120px;margin:10px 0 2px}
.meses div{flex:1;background:var(--verde);border-radius:3px 3px 0 0;min-height:1px}
.meses-r{display:flex;gap:4px;font-size:11px;color:var(--apoio)}.meses-r span{flex:1;text-align:center}

footer{border-top:1px solid var(--linha);color:var(--apoio);font-size:14px;padding:14px 16px 30px;max-width:760px;margin:20px auto 0}

/* ---------- painel da Câmara ---------- */
.contador{display:block;padding:18px 18px 16px;margin:14px 0}
.contador .num{display:block;font-size:40px;line-height:1.1;margin:4px 0 6px;font-variant-numeric:tabular-nums;letter-spacing:.3px}
.contador .ds a{color:#fff}
@media(max-width:420px){.contador .num{font-size:32px}}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0}
.nums > *{display:block;background:var(--azul-claro);border-radius:10px;padding:10px 12px;color:var(--apoio);font-size:14px;text-decoration:none}
.nums b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:28px;line-height:1.1;color:var(--azul)}
.busca-rapida{margin:6px 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a{background:var(--calcada);border-radius:8px;padding:6px 10px;color:var(--tinta);text-decoration:none;font-size:15px;font-weight:500}
.duas{display:grid;grid-template-columns:1fr;gap:0 24px}
@media(min-width:640px){.duas{grid-template-columns:1fr 1fr}}
.linha-t{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 0 10px;border-bottom:1px solid #eef0f3;color:inherit;text-decoration:none}
.linha-t b{font-variant-numeric:tabular-nums}
.linha-t i{position:absolute;left:0;bottom:3px;height:4px;border-radius:2px;background:var(--azul);opacity:.7}
.rep-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:600px){.rep-grid{grid-template-columns:1fr 1fr}}
.rep-card{display:flex;gap:12px;border:1px solid var(--linha);border-radius:var(--raio);padding:12px;color:inherit;text-decoration:none}
.rep-card .q{flex:none;width:62px;text-align:center;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:38px;line-height:1;color:#b42318}
.rep-card .q small{display:block;font-size:12px;font-family:"Barlow",sans-serif;font-weight:600;color:var(--apoio);margin-top:2px}
.rep-card .cx{display:flex;flex-direction:column;gap:2px;min-width:0}
.rep-card .cx > span{color:var(--apoio);font-size:14px}
.rep-card .pe{font-size:13px}
.rep-card .cobrar{color:#b42318!important;font-weight:700;margin-top:4px}
.grupos-desc{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:600px){.grupos-desc{grid-template-columns:1fr 1fr}}
.grupos-desc a{display:block;border:2px solid var(--linha);border-radius:var(--raio);padding:10px 12px;color:inherit;text-decoration:none}
.grupos-desc .gn{display:flex;align-items:center;gap:6px;font-weight:600}
.grupos-desc b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:30px;line-height:1.1}
.grupos-desc small{color:var(--apoio);font-size:14px;line-height:1.35;display:block}
.filtros a{border:2px solid #c9ced6;border-radius:10px;padding:6px 12px;font-size:15px;font-weight:600;color:var(--tinta);text-decoration:none}
.filtros a.on{background:var(--azul);color:#fff;border-color:var(--azul)}
#fv{margin:4px 0 12px}

/* ---------- crachás ---------- */
.crachas{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:600px){.crachas{grid-template-columns:1fr 1fr}}
.cracha{display:block;border:1px solid var(--linha);border-top:6px solid var(--azul);border-radius:var(--raio);padding:12px;color:inherit;text-decoration:none;background:#fff}
.cracha.fora{border-top-color:var(--apoio)}
.cracha:hover{border-color:var(--azul)}
.cr-topo{display:flex;align-items:center;gap:12px}
.cr-topo .cx{display:flex;flex-direction:column;min-width:0}
.cr-topo .nome{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:22px;line-height:1.1}
.cr-topo .partido{color:var(--apoio);font-size:14px}
.cr-topo.grande{margin:14px 0 4px}
.cr-topo.grande h1{margin:0}
.cr-topo.grande .avatar{width:58px;height:58px;font-size:24px}
.cr-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 4px}
.cr-nums > span{background:var(--calcada);border-radius:8px;padding:6px 8px;font-size:12px;color:var(--apoio);line-height:1.25}
.cr-nums b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:19px;color:var(--tinta)}
.cracha .barras{display:block}

/* impostômetro e cobrar */
.impostometro .num{font-size:42px}
@media(max-width:420px){.impostometro .num{font-size:31px}}
.nums.verde > *{background:var(--verde-claro)}
.nums.verde b{color:var(--verde)}
.cobrar-box{border:2px solid var(--azul);border-radius:var(--raio);padding:10px 12px;margin:10px 0;background:#fff}
.cobrar-box summary{cursor:pointer;font-weight:700;color:var(--azul);font-size:17px}
.cobrar-box label{display:block;font-size:14px;font-weight:600;color:var(--apoio);margin:8px 0 4px}
.cobrar-box select,.cobrar-box textarea{display:block;width:100%;margin-top:4px;font:inherit;font-size:16px;padding:10px;border:2px solid #c9ced6;border-radius:10px;background:#fff;color:var(--tinta)}
.cobrar-box .acoes{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}
@media(min-width:520px){.cobrar-box .acoes{grid-template-columns:1fr 1fr 1fr}}
.cobrar-box .acoes button{font:inherit;font-weight:700;padding:11px;border-radius:10px;border:0;cursor:pointer}
.b-email{background:var(--azul);color:#fff}
.b-zap{background:#128c4a;color:#fff}
.b-copiar{background:var(--calcada);color:var(--tinta)}
.contato-gab{font-size:13px;color:var(--apoio)}
img.avatar.foto{object-fit:cover;width:46px;height:58px;border-radius:10px;background:var(--calcada)}
.cr-topo.grande img.avatar.foto{width:72px;height:90px}
.credito{font-size:12px;color:var(--apoio);margin:0 0 8px}
.cr-topo .cargo{font-size:13px;font-weight:600;color:var(--azul)}
.cr-emendas{display:block;font-size:13px;color:var(--verde);background:var(--verde-claro);border-radius:8px;padding:5px 8px;margin:6px 0 2px}
.papel-presidente{color:var(--azul)}
.papel-suplente{color:var(--apoio);font-weight:500}
.etapas{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--calcada);margin:8px 0 4px}
.etapas i{display:block;height:100%}
.leg-etapas{display:grid;gap:3px;font-size:13px;color:var(--apoio);margin-bottom:6px}
.leg-etapas i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.filtros-linha{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}
@media(min-width:600px){.filtros-linha{grid-template-columns:1fr 1fr 1fr}}
.filtros-linha label{font-size:13px;font-weight:600;color:var(--apoio)}
.filtros-linha select{margin-top:4px;font-size:15px;padding:10px}
#atalhos{margin-top:10px}

/* logo da página inicial */
.logo-home{font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:800;line-height:.86;color:#111;margin:18px 0 14px;letter-spacing:-.01em}
.logo-home .lh-1{display:flex;align-items:center;gap:.12em;font-size:clamp(48px,14vw,96px)}
.logo-home .lh-ic{width:1.15em;height:.8em;flex:none}
.logo-home .lh-2{display:flex;align-items:flex-start;flex-wrap:wrap;font-size:clamp(40px,11.5vw,80px);margin-top:.06em}
.logo-home .pt{color:#e8272c}
.logo-home .lh-band{width:.42em;height:.3em;margin:.08em 0 0 .12em;flex:none}
.lh-tag{font-size:20px;line-height:1.35;margin:0 0 4px;max-width:34ch}
.lh-apelido{font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:700;font-size:22px;color:#e8272c;margin:0 0 18px}
.logo-home .r2{margin-right:.2em}
.logo-home .lh-bands{display:flex;gap:.08em;margin:.08em 0 0 .12em;flex:none}
.logo-home .lh-bands .lh-band{margin:0;box-shadow:0 0 0 1px rgba(0,0,0,.08)}

/* custo do gabinete e eleição */
.mini-barras{display:flex;align-items:flex-end;gap:3px;height:70px;margin:8px 0 4px;padding:6px 0;border-bottom:1px solid var(--linha)}
.mini-barras span{flex:1;background:var(--azul);border-radius:3px 3px 0 0;min-width:4px}
.fonte-linha{font-size:13px;margin-top:6px}
.barra-l{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;font-size:15px}
.barra-l .bl-b{height:10px;background:var(--calcada);border-radius:5px;overflow:hidden}
.barra-l .bl-b i{display:block;height:100%;background:var(--azul);border-radius:5px}
.barra-l .bl-v{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.barra-l.jf{background:var(--amarelo-claro);border-radius:8px;padding:6px 8px;margin:0 -8px}
.barra-l.jf .bl-t{font-weight:700}
.barra-l.jf .bl-b i{background:#e8272c}

/* placar: monte o seu */
.pesos{display:grid;gap:10px;margin:14px 0}
.peso{border:1px solid var(--linha);border-radius:var(--raio);padding:10px 12px}
.pz-t b{display:block}
.pz-t small{color:var(--apoio);font-size:14px}
.pz-b{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pz-b button{font:inherit;font-size:14px;border:1px solid var(--linha);background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--tinta)}
.pz-b button.on{background:var(--azul);border-color:var(--azul);color:#fff}
.acoes-placar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn-sec{font:inherit;border:1px solid var(--azul);color:var(--azul);background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}
.rk{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:inherit}
.rk-pos{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;width:2.2em;color:var(--apoio)}
.rk-cx{min-width:0}
.rk-nm{display:block;font-weight:700}
.rk-nm small{font-weight:400;color:var(--apoio);margin-left:6px}
.rk-barra{display:block;height:8px;background:var(--calcada);border-radius:4px;margin:5px 0;overflow:hidden}
.rk-barra i{display:block;height:100%;background:var(--azul)}
.rk-partes{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--apoio)}
.rk-nota{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:26px;color:var(--azul)}

/* placar fiscal */
.lrf{border-radius:var(--raio);padding:12px 14px;background:var(--verde-claro);margin:10px 0}
.lrf.amarelo{background:var(--amarelo-claro)}
.lrf.vermelho{background:#fdeaea}
.lrf-n b{font-family:"Barlow Condensed",sans-serif;font-size:44px;line-height:1;margin-right:10px}
.lrf-n span{font-weight:700}
.lrf-b{position:relative;height:16px;background:#fff;border-radius:8px;margin:14px 0 6px}
.lrf-leg{font-size:13px;color:var(--apoio);margin:0 0 8px}
.lrf-b i{display:block;height:100%;border-radius:8px;background:var(--verde)}
.lrf.amarelo .lrf-b i{background:var(--amarelo)}
.lrf.vermelho .lrf-b i{background:#c62828}
.lrf-b em{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--tinta);font-style:normal}
.lrf-b em span{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:var(--apoio)}
.lrf-b em:nth-of-type(2) span{top:38px}
.lrf-b em.lim{background:#c62828;width:3px}
.min-linha{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--linha)}
.ml-t small,.ml-v small{display:block;color:var(--apoio);font-size:13px}
.ml-b{position:relative;height:12px;background:var(--calcada);border-radius:6px}
.ml-b i{display:block;height:100%;border-radius:6px}
.ml-b i.ok{background:var(--verde)}
.ml-b i.falta{background:#c62828}
.ml-b em{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--tinta)}
.ml-v{text-align:right;font-variant-numeric:tabular-nums}
.destaque-cidade{font-size:19px;margin:10px 0}
@media (max-width:520px){
  .barra-l,.min-linha{grid-template-columns:1fr auto}
  .barra-l .bl-b,.min-linha .ml-b{grid-column:1 / -1;grid-row:2}
}
.linha-acao{display:flex;align-items:center;gap:12px;border:2px solid var(--azul);border-radius:var(--raio);padding:10px 14px;margin:10px 0;text-decoration:none;color:var(--azul)}
.linha-acao span:nth-child(2){flex:1}
.linha-acao small{display:block;color:var(--apoio);font-size:13px}
.linha-acao svg{width:22px;height:22px;flex:none}

/* sinais de alerta */
.aviso-forte{background:var(--amarelo-claro);border-left:5px solid var(--amarelo);border-radius:8px;padding:12px 14px;margin:12px 0;line-height:1.45}
.chips-filtro{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.chips-filtro a{border:1px solid var(--linha);border-radius:999px;padding:6px 12px;text-decoration:none;color:var(--tinta);font-size:14px;background:#fff}
.chips-filtro a b{margin-left:4px}
.chips-filtro a.on{background:var(--verde);border-color:var(--verde);color:#fff}
.alerta-card{border:1px solid var(--linha);border-left:5px solid var(--amarelo);border-radius:var(--raio);padding:12px 14px;margin:10px 0}
.alerta-card p{margin:8px 0 6px;line-height:1.45}
.ac-topo{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.ac-tipo{font-size:13px;font-weight:700;text-transform:none;color:#8a6100}
.ac-valor{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px}
.ac-nome{display:block;font-weight:700;font-size:17px;margin-top:4px;color:var(--verde)}
.metodo li{margin:6px 0;line-height:1.45}
details.equipe{border:2px solid var(--azul);border-radius:var(--raio);margin:10px 0;overflow:hidden}
details.equipe summary{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;color:var(--azul);list-style:none}
details.equipe summary::-webkit-details-marker{display:none}
details.equipe summary small{display:block;color:var(--apoio);font-size:13px}
details.equipe summary svg{width:22px;height:22px;flex:none}
details.equipe[open] summary{border-bottom:1px solid var(--linha)}
.tab-equipe{width:100%;border-collapse:collapse;font-size:14px}
.tab-equipe th,.tab-equipe td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--linha);vertical-align:top}
.tab-equipe th{font-size:12px;color:var(--apoio);font-weight:600}
.tab-equipe td:last-child,.tab-equipe th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------- página inicial: faixa escura de abertura ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero{position:relative;overflow:hidden;background:#0b2545;color:#fff;margin:-12px calc(50% - 50vw) 0;padding:22px max(16px, calc(50vw - 364px)) 30px}
.hero-ondas{position:absolute;right:-90px;top:50%;width:520px;height:520px;transform:translateY(-50%);color:#fff;opacity:.07;pointer-events:none}
.hero .logo-home{color:#fff;margin:4px 0 18px}
.hero .logo-home .lh-1{font-size:clamp(34px,9vw,52px)}
.hero .logo-home .lh-2{font-size:clamp(30px,8vw,44px)}
.hero .logo-home .pt{color:#ff5a5f}
.hero-t{position:relative;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(32px,7.4vw,52px);line-height:1.04;margin:0 0 14px;max-width:16ch;letter-spacing:-.005em}
.hero-t span{color:#f5c518}
.hero-sub{position:relative;border-left:3px solid #f5c518;padding-left:12px;margin:0 0 20px;font-size:18px;line-height:1.45;max-width:46ch;color:#dbe4f0}
.hero-sel{position:relative;display:block;max-width:460px}
.hero-sel select{width:100%;appearance:none;-webkit-appearance:none;font:inherit;font-size:18px;color:var(--tinta);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2430' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/22px;border:0;border-radius:10px;padding:15px 48px 15px 16px;cursor:pointer}
.hero-busca{position:relative;display:flex;gap:8px;max-width:460px;margin-top:10px}
.hero-busca input{flex:1;min-width:0;font:inherit;font-size:17px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:12px 14px}
.hero-busca input::placeholder{color:#b9c6d8}
.hero-busca button{font:inherit;font-weight:700;border:0;border-radius:10px;padding:0 18px;background:#f5c518;color:#0b2545;cursor:pointer}
.faixa-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px}
.faixa-nums a,.faixa-nums div{display:block;text-decoration:none;color:var(--tinta);background:var(--calcada);border-radius:10px;padding:10px 12px}
.faixa-nums b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:24px;line-height:1.1;color:#0b2545}
.faixa-nums span{display:block;font-size:13px;line-height:1.3;color:var(--apoio);margin-top:2px}
@media (max-width:520px){.faixa-nums{grid-template-columns:1fr}.faixa-nums a,.faixa-nums div{display:flex;align-items:baseline;gap:10px}.faixa-nums b{flex:none;min-width:6.5em}}
html,body{overflow-x:clip}
@media (min-width:700px){.hero-t{max-width:20ch}.hero{padding-top:30px;padding-bottom:40px}}
/* botão de destaque dos sinais de alerta */
.btn-alerta{display:flex;align-items:center;gap:14px;margin:14px 0;padding:14px 16px;border-radius:var(--raio);background:#f5c518;color:#0b2545;text-decoration:none;box-shadow:0 0 0 3px #0b2545 inset}
.btn-alerta svg{width:34px;height:34px;flex:none;stroke-width:2.4}
.btn-alerta .tx{flex:1}
.btn-alerta b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:22px;line-height:1.1}
.btn-alerta small{display:block;font-size:14px;line-height:1.35;margin-top:3px;color:#2b3445}
.btn-alerta .seta{font-size:30px;font-weight:700}
.btn-alerta:hover{background:#ffd23a}
/* menu de baixo: quebra em linhas no computador, setas no celular */
.subnav-wrap{position:relative;max-width:760px;margin:0 auto}
.subnav-wrap #subnav{max-width:none}
#subnav a{font-size:14px;padding:7px 11px}
.sn-seta{position:absolute;top:0;bottom:10px;width:40px;border:0;font-size:26px;font-weight:700;line-height:1;color:var(--tinta);cursor:pointer;z-index:2}
.sn-seta.esq{left:0;background:linear-gradient(90deg,#fff 55%,rgba(255,255,255,0))}
.sn-seta.dir{right:0;background:linear-gradient(270deg,#fff 55%,rgba(255,255,255,0))}
.sn-seta[hidden]{display:none}
@media (min-width:700px){
  #subnav{flex-wrap:wrap;overflow:visible}
  .sn-seta{display:none}
}
/* apoie */
.btn-apoie{display:flex;align-items:center;gap:14px;margin:14px 0;padding:14px 16px;border-radius:var(--raio);background:#fff;border:2px solid #c2185b;color:#7a0f3a;text-decoration:none}
.btn-apoie svg{width:30px;height:30px;flex:none;color:#c2185b;fill:#fde4ee}
.btn-apoie .tx{flex:1}
.btn-apoie b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:22px;line-height:1.1}
.btn-apoie small{display:block;font-size:14px;line-height:1.35;margin-top:3px;color:var(--apoio)}
.btn-apoie .seta{font-size:30px;font-weight:700}
.pix-box{display:flex;flex-wrap:wrap;gap:18px;align-items:center;border:1px solid var(--linha);border-radius:var(--raio);padding:16px;margin:14px 0}
.pix-box img{width:220px;height:220px;flex:none;background:#fff}
.pix-tx{flex:1;min-width:220px}
.pix-tx .btn-sec{margin:4px 6px 4px 0}
.pix-chave{background:var(--calcada);border-radius:8px;padding:8px 12px}
.pix-chave span{display:block;font-size:13px;color:var(--apoio)}
.pix-chave b{word-break:break-all}
/* instalar o app */
.btn-app{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;margin:0 0 14px;padding:12px 14px;border-radius:var(--raio);background:#fff;border:2px solid #0b2545;color:#0b2545;cursor:pointer}
.btn-app img{border-radius:10px;flex:none}
.btn-app .tx{flex:1}
.btn-app b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:21px;line-height:1.1}
.btn-app small{display:block;font-size:14px;color:var(--apoio)}
.btn-app .seta{font-size:28px;font-weight:700}
.app-ios{background:var(--calcada);border-radius:10px;padding:10px 12px;margin:-6px 0 14px;font-size:15px}

/* comissionados */
.mini-barra{display:block;height:6px;background:var(--calcada);border-radius:3px;margin-top:6px;overflow:hidden;max-width:260px}
.mini-barra i{display:block;height:100%;background:var(--azul)}
details.equipe summary .tx{flex:1;min-width:0}