/* === PLANTILLA PREMIUM · overrides puntuales sobre Tailwind CDN ===
   Cambiar los 3 valores RGB de --accent-* para adaptar el glow al accent
   del cliente (los hex Tailwind se cambian aparte en el inline config del HTML).
*/

:root {
  --accent-r: 168;
  --accent-g: 52;
  --accent-b: 76;
}

/* Tipografía base */
html { font-family: "Inter Tight", system-ui, sans-serif; }
body { -webkit-font-smoothing: antialiased; }

/* Glow neón suave sobre la cursiva del hero — usa los RGB del accent */
.neon-text {
  text-shadow:
    0 0 6px rgba(255, 255, 255, .35),
    0 0 22px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .55),
    0 0 50px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .35),
    0 0 90px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .25);
}
.neon-text-light {
  text-shadow:
    0 0 8px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .5),
    0 0 18px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .25);
}

/* Mapa Google — filtro dark elegante */
.map-dark {
  filter: invert(.92) hue-rotate(180deg) saturate(.35) brightness(.95);
  border: 0;
}

/* Evita selección de imágenes al arrastrar */
img { user-select: none; }

/* Foco accesible por teclado — no rompe el diseño */
a:focus-visible, button:focus-visible {
  outline: 2px solid rgb(var(--accent-r), var(--accent-g), var(--accent-b));
  outline-offset: 3px;
  border-radius: 4px;
}

/* Reduce motion para usuarios con la preferencia activada */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
  [data-aos] { opacity: 1 !important; transform: none !important; }
}