/* ============================================
   Botón flotante de WhatsApp
   ============================================ */
.whatsapp-float{
  position:fixed; right:20px; bottom:20px; z-index:1030;
  width:56px; height:56px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover,
.whatsapp-float:focus-visible{
  color:#fff; transform:scale(1.08);
  box-shadow:0 6px 16px rgba(0,0,0,.3);
}
.whatsapp-float:focus-visible{ outline:2px solid #fff; outline-offset:3px; }

@media (max-width:575.98px){
  .whatsapp-float{ right:14px; bottom:14px; width:50px; height:50px; }
}
@media (prefers-reduced-motion:reduce){
  .whatsapp-float{ transition:none; }
}