/* Identidade Optimídia sobre a análise individual: grafite quase preto (#1D1D1B do logo) e o verde da marca (#35E857). */
@font-face{font-family:"Inter Tight";src:url(marca/InterTight-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Unbounded";src:url(marca/Unbounded-latin.woff2) format("woff2");font-weight:200 900;font-display:swap}
:root{--bg:#121311;--bg2:#171816;--card:#1b1c1a;--card2:#232522;--borda:rgba(236,240,232,.09);--borda2:rgba(236,240,232,.18);--fg:#f5f6f3;--muted:#b3b8af;--faint:#80867d;
  --a:#35e857;--a2:#9af2aa;--b:#6fb1d6;--b2:#aed4ea;--creme:#e9ede5;--navy:#1d1d1b;--verde:#35e857;--ok:#35e857;--neg:#ff6b5f}
body{background:radial-gradient(1100px 620px at 88% -12%,rgba(53,232,87,.11),transparent 60%),radial-gradient(900px 600px at -10% 8%,rgba(53,232,87,.05),transparent 60%),var(--bg)!important;color:var(--fg)}
.topo .mobi img{height:30px;width:auto}
.topo .tag i{background:var(--a)!important;box-shadow:0 0 0 4px rgba(53,232,87,.18)!important}
.ac,#pop{background:var(--card2)!important;border-color:var(--borda2)!important}
.leaflet-container{background:#161715!important}
.rank button:hover{background:rgba(53,232,87,.08)!important}
.abas button[aria-selected=true]{color:#0d0f0c!important}
.abas .aba-cmp,.abas .aba-ev{color:var(--a)!important}
.kicker{color:var(--a)}
footer{letter-spacing:.12em}
footer b{color:var(--a)}
.op-ponto{color:var(--a)}
/* leitura mais fácil: tudo um pouco maior, abas e seletor de cidade em destaque */
body{font-size:16px}
.controles{position:sticky!important;top:0;z-index:1100;background:linear-gradient(var(--bg) 85%,rgba(18,19,17,0))!important;padding:12px 0!important}
.abas{gap:6px}
.abas button{font-size:16.5px!important;padding:12px 20px!important;border-radius:14px!important;background:rgba(236,240,232,.05)!important;color:var(--fg)!important}
.abas button:hover{background:rgba(53,232,87,.12)!important}
.abas button[aria-selected=true]{background:var(--a)!important;color:#0d0f0c!important}
.abas .aba-sen{box-shadow:inset 0 0 0 2px var(--a)}
.cab h2{font-size:clamp(24px,3vw,34px)!important}
.cab h3{font-size:21px!important}
.cab p{font-size:15px}
.kpi{padding:14px 16px!important;border-radius:16px!important}
.kpi b{font-size:24px!important}
.kpi span{font-size:13.5px!important}
.dest b{font-size:23px!important}
.card h4{font-size:16px}
.rank button{font-size:15px!important;padding:9px 4px!important}
table{font-size:14.5px!important}
th{font-size:13.5px!important;background:#1a1c19!important}
td{padding:9px 11px!important}
.seg button{font-size:14.5px;padding:9px 14px}
.muni-busca{border:2px solid var(--a)!important;border-radius:20px!important;padding:18px!important;background:linear-gradient(120deg,rgba(53,232,87,.10),var(--card) 60%)!important;box-shadow:0 16px 40px -26px var(--a)}
.muni-busca::before{content:"Escolha a cidade";display:block;font:800 18px var(--titulo);text-transform:uppercase;margin-bottom:10px}
.busca.grande{background:var(--card2)!important;border:1.5px solid rgba(53,232,87,.5)!important}
.busca.grande input{font-size:18px!important}
.muni-lista{max-height:280px!important}
.muni-lista button{padding:10px 12px!important;font-size:15px}
.muni-lista button.sel{background:rgba(53,232,87,.14)!important}
.ficha-cab h2{font-size:clamp(26px,3.4vw,38px)!important}
/* listas pesquisáveis na identidade (eram azul-marinho) e sempre por cima dos cards seguintes */
.pesq:focus-within{z-index:1300}
.pesq-in{background-color:var(--card2)!important;border-color:var(--borda2)!important;color:var(--fg)!important}
.pesq-in:focus{outline-color:var(--a)!important}
.pesq-lista{background:#1f211e!important;border-color:rgba(53,232,87,.35)!important}
.pesq-lista button.ativo,.pesq-lista button:hover{background:rgba(53,232,87,.16)!important}
.pesq-lista button.sel{color:var(--a)!important}
/* quadro do perfil na identidade */
.perfil{background:linear-gradient(160deg,rgba(53,232,87,.12),rgba(27,28,26,.94) 55%)!important;border-color:rgba(53,232,87,.38)!important}
.pnums > div{background:rgba(0,0,0,.28)!important}
/* bandeira do estado ao lado do nome, no topo */
.kicker::before{content:"";display:inline-block;width:30px;height:21px;margin-right:10px;vertical-align:-5px;border-radius:4px;background:url(marca/bandeira.svg) center/cover no-repeat,url(marca/bandeira.png) center/cover no-repeat !important;box-shadow:0 0 0 1px rgba(236,240,232,.25)}
/* quadro "Escolha a cidade": campo e ordenação dentro da borda */
.muni-busca,.muni-busca *{box-sizing:border-box}
.muni-busca .busca.grande{width:100%!important;max-width:100%!important}
.muni-busca .seg{max-width:100%;flex-wrap:wrap}
