/* Mapa de cobertura iEntrega — estilos
   As cores do tema (fundo, terra, traço) são aplicadas via js/mapa.js
   a partir do parâmetro ?theme=dark|light (paleta no README). */

html, body { margin: 0; height: 100%; overflow: hidden; }
svg { display: block; }

/* anel pulsante dos hubs regionais */
.hubring { animation: pulse 2.4s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { opacity: .85; } 50% { opacity: .15; } }
@media (prefers-reduced-motion: reduce) { .hubring { animation: none; opacity: .5; } }

/* rótulos das cidades */
text { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace; }

/* legenda fixa no canto inferior esquerdo */
#legend {
  position: fixed;
  left: 22px;
  bottom: 14px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: .04em;
  display: flex;
  gap: 18px;
  align-items: center;
}
#legend i { display: inline-block; border-radius: 50%; margin-right: 7px; vertical-align: middle; }