/* Botón flotante de WhatsApp (módulo sdg-core/whatsapp). Usa la marca oficial de WhatsApp (verde #25D366, ícono blanco): excepción
   deliberada al sistema ámbar, para que se reconozca al instante.
   Tamaño 72 px; dos ondas suaves salen del botón de forma continua (se apagan si el usuario pide menos movimiento). */
.sdg-wa-float{position:fixed;right:24px;bottom:24px;z-index:900;
  width:72px;height:72px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--c-green);color:var(--c-white);
  box-shadow:0 4px 14px rgba(0,0,0,.28);text-decoration:none}
.sdg-wa-float:hover{color:var(--c-white);background:var(--c-green)}
.sdg-wa-float:focus-visible{outline:2px solid var(--wa-58);outline-offset:3px}
.sdg-wa-float svg{display:block;width:42px;height:42px;position:relative;z-index:1}
.sdg-wa-float::before,.sdg-wa-float::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--c-green);
  opacity:0;z-index:0;pointer-events:none;animation:sdgWaWave 2.8s ease-out infinite}
.sdg-wa-float::after{animation-delay:1.4s}
@keyframes sdgWaWave{0%{transform:scale(1);opacity:.38}70%{opacity:0}100%{transform:scale(1.75);opacity:0}}
@media (prefers-reduced-motion:reduce){.sdg-wa-float::before,.sdg-wa-float::after{animation:none;display:none}}

/* Móvil: respeta la zona segura del dispositivo y queda lejos del borde. */
@media (max-width:640px){
  .sdg-wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:64px;height:64px}
  .sdg-wa-float svg{width:37px;height:37px}
}

/* Mismo tamaño en todas las páginas: la Home se escala al 90 % con zoom en <body>, así que el resto lo iguala. */
@media (min-width:821px){body:not(.home) .sdg-wa-float{zoom:.9}}

/* Debajo del carrito lateral (z 9998/9999), del panel de filtros (999/1000) y del cajón del checkout (100000). */
@media print{.sdg-wa-float{display:none}}