/* Tailwind via CDN en base.html — este archivo es para overrides y utilidades custom */

/* Safe area para notch en móvil */
.pb-safe { padding-bottom: env(safe-area-inset-bottom, 1rem); }

/* Leaflet popup dark */
.leaflet-popup-content-wrapper {
  background: #1f2937;
  color: #f9fafb;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.4);
}
.leaflet-popup-tip { background: #1f2937; }
.leaflet-popup-content { margin: 10px 14px; font-size: 13px; }

/* Glow pulsante para marcadores en Custom Map */
@keyframes marker-pulse {
  0%   { filter: drop-shadow(0 0 3px rgba(255,255,255,0.9)) drop-shadow(0 0 6px currentColor); }
  50%  { filter: drop-shadow(0 0 8px rgba(255,255,255,1))   drop-shadow(0 0 16px currentColor); }
  100% { filter: drop-shadow(0 0 3px rgba(255,255,255,0.9)) drop-shadow(0 0 6px currentColor); }
}
.marker-glow {
  animation: marker-pulse 2s ease-in-out infinite;
  color: var(--mc, #3B82F6);
}