/* ==========================================================================
   MAGIVERCOL DESIGN SYSTEM V6 · EL FLOTANTE DE WHATSAPP CEDE — v2 (5 ago 2026)

   POR QUÉ HAY UNA v2
   La v1 estaba bien pensada y el JS (magivercol-wafab-v1.js) funciona: la
   clase .mg-fab-cede SÍ se aplica en el momento correcto. Lo que fallaba era
   esta hoja.

   MEDIDO EN PRODUCCIÓN el 5 de agosto:
   el tema Amazonas escribe style="opacity: 1" EN LÍNEA sobre el propio
   botón flotante. Un estilo en línea gana a cualquier regla de hoja que no
   lleve !important. Resultado: pointer-events sí se aplicaba, el botón dejaba
   de recibir clics, pero seguía viéndose. Parecía que "no funcionaba".

   Corrección de informe: la hipótesis anterior —que style-async.scss.tpl
   llegaba después del DOMContentLoaded— era falsa. No tenía nada que ver.

   La única diferencia con la v1 es el !important en opacity y transform.
   ========================================================================== */

body.mg .js-btn-fixed-bottom.btn-whatsapp{
  transition:opacity .22s ease, transform .22s cubic-bezier(.32,.72,0,1);
}

body.mg .js-btn-fixed-bottom.btn-whatsapp.mg-fab-cede{
  opacity:0 !important;                      /* vence al style="opacity:1" del tema */
  transform:translateY(6px) scale(.9) !important;
  pointer-events:none !important;
}

/* Quien pidió menos movimiento solo ve el desvanecido, sin desplazamiento. */
@media (prefers-reduced-motion:reduce){
  body.mg .js-btn-fixed-bottom.btn-whatsapp{transition:opacity .01s linear}
  body.mg .js-btn-fixed-bottom.btn-whatsapp.mg-fab-cede{transform:none !important}
}