/* Deshabilitar doble-tap zoom y ajuste de texto en iOS a nivel global.
   touch-action: manipulation bloquea el doble-tap zoom pero permite
   pinch-zoom accesible para usuarios con baja vision (WCAG 1.4.4).
   Leaflet mantiene su propio touch-action en .leaflet-container (via
   leaflet.css), asi que pinch/pan dentro del mapa sigue funcionando. */
html, body {
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Gradientes globales para botones de fondo de color: cada uno parte del color base
   definido por el tenant y lo aclara un 30% en la diagonal 135deg.
   Fallback con color solido para Safari <16.2 / Chrome <111 que no soportan
   color-mix; la segunda declaracion gana en navegadores modernos. */
:root {
  --grad-accent: linear-gradient(135deg, var(--accent, #0DA9DC) 0%, #6dd4f0 100%);
  --grad-accent: linear-gradient(135deg, var(--accent, #0DA9DC) 0%, color-mix(in srgb, var(--accent, #0DA9DC) 70%, white) 100%);
  --grad-play:   linear-gradient(135deg, var(--color-play, #81bb27) 0%, #b6dc6e 100%);
  --grad-play:   linear-gradient(135deg, var(--color-play, #81bb27) 0%, color-mix(in srgb, var(--color-play, #81bb27) 70%, white) 100%);
  --grad-route:  linear-gradient(135deg, var(--color-route, #0091d2) 0%, #5fbce4 100%);
  --grad-route:  linear-gradient(135deg, var(--color-route, #0091d2) 0%, color-mix(in srgb, var(--color-route, #0091d2) 70%, white) 100%);
  --grad-danger: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
}