/* =====================================================================
   VegControl — páginas regionais (onde atuamos / estado / município)
   Reaproveita os tokens do veg-blueprint.css; só acrescenta o que é novo.
   ===================================================================== */

.pag-regional .nav{position:sticky;top:0}

/* trilha de navegação */
.migalhas{margin-bottom:26px}
.migalhas ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}
.migalhas li{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--w50)}
.migalhas li+li::before{content:'/';color:var(--w35)}
.migalhas a{color:var(--w70);border-bottom:1px solid transparent}
.migalhas a:hover{color:var(--lime);border-bottom-color:rgba(183,206,63,.5)}
.migalhas [aria-current]{color:var(--lime)}

/* topo da página regional */
.reg-hero{position:relative;background:var(--ink);color:#fff;padding:52px 0 60px;
  border-bottom:1px solid var(--wline)}
.reg-hero .tag{margin-bottom:18px;color:var(--w50)}
.reg-hero .tag b{color:var(--lime)}
.reg-hero h1{font-family:var(--disp);font-size:clamp(29px,4.4vw,50px);font-weight:700;
  letter-spacing:-.03em;line-height:1.03;max-width:19ch;margin-bottom:20px}
.reg-hero .lead{font-size:clamp(16px,1.5vw,18.5px);line-height:1.6;color:var(--w70);max-width:64ch}
.reg-hero .lead strong{color:#fff;font-weight:600}
.reg-hero .btn{margin-top:30px}

.reg-numeros{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.reg-numeros>div{flex:1 1 150px;border:1px solid var(--wline);border-radius:4px;padding:16px 18px;
  background:rgba(255,255,255,.03)}
.reg-numeros b{display:block;font-family:var(--disp);font-size:clamp(22px,2.4vw,30px);font-weight:700;
  letter-spacing:-.03em;color:var(--lime);line-height:1.05;font-variant-numeric:tabular-nums}
.reg-numeros span{display:block;margin-top:6px;font-family:var(--mono);font-size:10px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--w50)}

/* tabela de dados */
.reg-tabela{overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:#fff}
.reg-tabela table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.reg-tabela th,.reg-tabela td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--line-2);
  vertical-align:top}
.reg-tabela thead th{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tx-mute);font-weight:500;background:rgba(12,31,22,.03)}
.reg-tabela tbody th{font-weight:500;color:var(--tx-soft);width:42%}
.reg-tabela td{color:var(--tx)}
.reg-tabela .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.reg-tabela tr:last-child th,.reg-tabela tr:last-child td{border-bottom:none}
.reg-tabela a{color:var(--forest);font-weight:600}
.reg-tabela a:hover{text-decoration:underline}

.prosa{max-width:68ch;margin-top:28px;display:flex;flex-direction:column;gap:15px;
  font-size:16px;line-height:1.68;color:var(--tx-soft)}
.prosa strong{color:var(--tx);font-weight:600}

/* cartões de serviço */
.reg-servicos{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px}
.reg-serv{display:block;background:#fff;border:1px solid var(--line);border-radius:4px;padding:22px;
  transition:border-color .2s,transform .2s}
.reg-serv:hover{border-color:var(--forest);transform:translateY(-2px)}
.reg-serv h3{font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:-.02em;
  margin-bottom:7px;color:var(--ink)}
.reg-serv p{font-size:14.5px;color:var(--tx-soft);line-height:1.55}

/* listas de municípios */
.reg-vizinhos{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}
.reg-vizinhos li a{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:3px;
  font-size:14.5px;color:var(--tx);background:#fff;transition:border-color .2s,color .2s}
.reg-vizinhos li a:hover{border-color:var(--forest);color:var(--forest)}
.reg-vizinhos-full{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}

/* cartões de estado */
.reg-ufs{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}
.reg-uf{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:4px;
  padding:20px 22px;transition:border-color .2s,transform .2s}
.reg-uf:hover{border-color:var(--forest);transform:translateY(-2px)}
.reg-uf .sigla{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--tx-mute)}
.reg-uf h3{font-family:var(--disp);font-size:19px;font-weight:700;letter-spacing:-.025em;
  margin:5px 0 8px;color:var(--ink)}
.reg-uf p{font-size:13.5px;color:var(--tx-soft);font-variant-numeric:tabular-nums}
.reg-fixa{position:absolute;top:18px;right:18px;font-family:var(--mono);font-size:9px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--forest);
  border:1px solid rgba(30,107,66,.4);background:rgba(30,107,66,.07);padding:3px 7px;border-radius:2px}

/* chamada final */
.reg-cta{background:var(--forest);color:#fff;padding:64px 0;text-align:center}
.reg-cta .tag{justify-content:center;color:rgba(255,255,255,.6);margin-bottom:18px}
.reg-cta .tag b{color:var(--lime)}
.reg-cta h2{font-family:var(--disp);font-size:clamp(25px,3vw,36px);font-weight:700;
  letter-spacing:-.03em;margin-bottom:14px}
.reg-cta .sub{max-width:56ch;margin:0 auto 28px;color:rgba(255,255,255,.8);font-size:16px;line-height:1.6}

@media (max-width:700px){
  .reg-hero{padding:38px 0 44px}
  .reg-numeros>div{flex:1 1 100%}
}