/**
 * Pro Effects — Magnetic Hover
 *
 * El JS aplica transform inline al boton + inner. Solo hace falta anular las transiciones de Elementor que
 * podrian pisar el transform calculado. Sin will-change permanente (2026-10-01, regla 1.11).
 */

.elementor-button.pe-mag-active {
  transition: transform 0s linear;
}
.elementor-button.pe-mag-active .pe-mag-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0s linear;
}

/* Reducir movimiento (2026-10-07): es una respuesta corta al pasar el mouse, iniciada por el visitante,
   así que se mantiene igual que siempre. Sin esto la regla de Elementor
   `@media (prefers-reduced-motion:reduce){html *{transition-duration:0s!important;transition-delay:0s!important}}`
   la anula y el efecto parece no funcionar. Mismas reglas y valores que arriba, con !important. */
@media (prefers-reduced-motion: reduce) {
  .elementor-button.pe-mag-active { transition: transform 0s linear !important; }
  .elementor-button.pe-mag-active .pe-mag-inner { transition: transform 0s linear !important; }
}