/* =============================================================
   Lagunas Travel — Animation baseline CSS
   Evita el parpadeo (FOUC) antes de que GSAP tome el control.
   ============================================================= */

/* Suavizar las transiciones de color en hover de botones,
   sin interferir con GSAP que gestiona opacity/transform. */
.wp-element-button {
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* El botón flotante de WhatsApp tiene su propio transition en settings.php,
   aquí solo nos aseguramos de que no haya conflicto con GSAP en la entrada. */
.lagunastravel-whatsapp-float {
  will-change: transform, opacity;
}

/* Evitar que imágenes hagan flash antes de que GSAP las gestione */
.wp-block-image img,
.wp-block-post-featured-image img {
  will-change: transform, opacity;
}

/* Cursor personalizado suave en links y botones (detalle visual) */
a, button, .wp-element-button {
  cursor: pointer;
}

/* Smooth scroll nativo de respaldo si Lenis no carga */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: auto; /* Lenis se encarga, desactivar el nativo */
  }
}

/* Accessibility: sin animaciones si el usuario lo prefiere */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}