/* ============================================================================
   MDC — Verde da marca na seção "Onde estamos presentes"
   ----------------------------------------------------------------------------
   Escopo em .presenca: nada fora da seção do mapa é afetado.

   A ideia: VERDE é território (a Amazônia), AZUL é tecnologia (a fibra). Por
   isso a massa de terra, as divisas e as siglas de estado ficam verdes, e as
   infovias, os pontos e a legenda continuam azuis — a rede de conectividade
   aparece POR CIMA do território, que é exatamente o que a MDC faz.

   A escala vem do verde da logo (#364732, H109 S17% L24%), que é escuro e
   dessaturado demais para viver sobre o fundo do site (contraste 1,8:1). Os
   tons claros ganham saturação e o matiz sobe para ~123°, onde o verde
   continua verde ao clarear.

   Carregar depois do mdc-mapa.css / do <style> do mapa da Home.
   ========================================================================== */

.presenca{
  --g-marca:#364732;    /* o tom exato da logo                                */
  --g-acao:#31783C;
  --g-claro:#57A05A;    /* mesmo peso do --accent-light azul (5,7:1)          */
  --g-brilho:#6FC276;   /* números, olho-de-boi, destaque de título (8,3:1)   */
  --g-nevoa:#A8DCAB;
}

/* ---- cabeçalho da seção ---------------------------------------------- */
.presenca .lp-eyebrow{color:var(--g-brilho)}
/* o !important é para vencer o neutralizador do mdc-kit.css, que fixa
   .lp-em em #60A5FA com !important nas páginas internas */
.presenca .lp-heading em,
.presenca .lp-em,
.presenca .lp-heading .lp-em{
  color:var(--g-brilho)!important;
  -webkit-text-fill-color:var(--g-brilho)!important;
  background:none!important;
}
.presenca::after{background:radial-gradient(ellipse at center,rgba(49,120,60,.14) 0%,transparent 66%)!important}

/* ---- números acima do mapa ------------------------------------------- */
.presenca .pr-fig-n{
  background:linear-gradient(135deg,#C9E8CB,#57A05A);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.presenca .pr-fig{border-color:rgba(111,194,118,.16)}

/* ---- o mapa: território verde ---------------------------------------- */
.presenca .pr-mapwrap{background:#050D08}
.presenca .pr-mapwrap::after{
  background:linear-gradient(150deg,rgba(160,220,168,.42),rgba(49,120,60,.12) 40%,rgba(49,120,60,0) 66%);
}
.presenca .pr-br{fill:rgba(120,190,130,.11);stroke:rgba(140,214,150,.5)}
.presenca .pr-sf{fill:rgba(56,120,66,.22)}
.presenca .pr-sl{stroke:rgba(200,232,204,.17)}
.presenca .pr-uf{fill:rgba(198,228,200,.2)}
/* estados onde a MDC tem equipamento vêm mais fortes (classe .on) */
.presenca .pr-uf.on{fill:rgba(180,226,186,.42)}
.presenca .pr-nb{fill:rgba(126,150,132,.075);stroke:rgba(160,180,165,.14)}
.presenca .pr-gl{stroke:rgba(150,190,155,.10)}
.presenca .pr-gl.eq{stroke:rgba(111,194,118,.26)}
.presenca .pr-eqt{fill:rgba(111,194,118,.45)}
/* vinheta radial do mapa */
.presenca radialGradient stop:nth-child(1){stop-color:#0E2415}
.presenca radialGradient stop:nth-child(2){stop-color:#07130C}
.presenca radialGradient stop:nth-child(3){stop-color:#040C07}

/* a fibra, os pontos e a legenda NÃO mudam: continuam azul/ciano por cima */

/* ---- lista de localidades -------------------------------------------- */
.presenca .pr-grp-h span{color:rgba(176,214,180,.62)}
.presenca .pr-scale{color:rgba(200,232,204,.28)}

@media (prefers-reduced-motion:reduce){
  .presenca::after{background:radial-gradient(ellipse at center,rgba(49,120,60,.14) 0%,transparent 66%)!important}
}