/* =========================================================
   MAPA VIVO DO MESSAGEPRO — aplicado na home em 2026-10-16
   Fundo de pontos em movimento + conexões em fluxo + texto integrado.
   ========================================================= */
.mv-map{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:24px;
        background:radial-gradient(circle at 50% 50%,rgba(0,255,246,.035),transparent 66%),#02080E}
.mv-map canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.mv-map canvas.mv-dots{opacity:.40}
.mv-map canvas.mv-wires{z-index:2}
.mv-lbl{position:absolute;transform:translate(-50%,-50%);z-index:3;white-space:nowrap;pointer-events:none;
        font:600 20px/1.1 var(--f-sans,"Space Grotesk",Arial,sans-serif);color:#EAF5FB;letter-spacing:.012em;
        text-shadow:0 0 3px #000,0 0 8px #000,0 0 16px rgba(3,8,16,.98),0 0 28px rgba(3,8,16,.9)}
.mv-lbl.mv-chan{color:#7FFFF8;font-weight:700;font-size:20px;
        text-shadow:0 0 3px #000,0 0 9px #000,0 0 18px rgba(0,255,246,.45),0 0 30px rgba(0,0,0,.9)}
.mv-lbl.mv-core{font:700 28px/1.05 var(--f-sans,"Space Grotesk",Arial,sans-serif);color:#fff;text-align:center;letter-spacing:-.015em;
        text-shadow:0 0 18px rgba(0,255,246,.55),0 0 46px rgba(0,255,246,.28),0 2px 8px #000}
@media(max-width:900px){
  .mv-map{aspect-ratio:1/1;max-height:none}
}
@media(max-width:640px){
  .mv-lbl{font-size:15px}
  .mv-lbl.mv-chan{font-size:16px}
  .mv-lbl.mv-core{font-size:21px}
}
@media (prefers-reduced-motion: reduce){ .mv-map canvas.mv-dots{opacity:.30} }