/* =====================================================================
   COMPONENTE · whatsapp-flutuante
   Botão redondo fixo no canto, com anel pulsando. A cor é a do WhatsApp,
   não a do tema (o usuário reconhece pela cor).
   ===================================================================== */
.whatsapp-flutuante{position:fixed;right:18px;bottom:22px;z-index:900;width:56px;height:56px;border-radius:50%;
  background:#25d366;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.5)}
.whatsapp-flutuante svg{width:31px;height:31px}
.whatsapp-flutuante::after{content:"";position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(37,211,102,.5);animation:whatsapp-pulso 2.8s ease-out infinite}
@keyframes whatsapp-pulso{0%{transform:scale(1);opacity:.75}70%{transform:scale(1.4);opacity:0}100%{opacity:0}}
@media (max-width:700px){.whatsapp-flutuante{width:54px;height:54px;right:14px;bottom:16px}.whatsapp-flutuante svg{width:29px;height:29px}}
@media (prefers-reduced-motion:reduce){.whatsapp-flutuante::after{animation:none;opacity:0}}