/* Botón flotante de WhatsApp (módulo ic-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). */
.ic-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:#25D366;color:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.28);text-decoration:none}
.ic-wa-float:hover{color:#fff;background:#25D366}
.ic-wa-float:focus-visible{outline:2px solid #128C7E;outline-offset:3px}
.ic-wa-float svg{display:block;width:42px;height:42px;position:relative;z-index:1}
.ic-wa-float::before,.ic-wa-float::after{content:'';position:absolute;inset:0;border-radius:50%;background:#25D366;
  opacity:0;z-index:0;pointer-events:none;animation:icWaWave 2.8s ease-out infinite}
.ic-wa-float::after{animation-delay:1.4s}
@keyframes icWaWave{0%{transform:scale(1);opacity:.38}70%{opacity:0}100%{transform:scale(1.75);opacity:0}}
@media (prefers-reduced-motion:reduce){.ic-wa-float::before,.ic-wa-float::after{animation:none;display:none}}

/* Móvil: respeta la zona segura del dispositivo y queda lejos del borde. */
@media (max-width:640px){
  .ic-wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:64px;height:64px}
  .ic-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) .ic-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{.ic-wa-float{display:none}}