
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:99999;display:flex;align-items:center;gap:11px;padding:15px 22px;border:1px solid #ffffff80;border-radius:999px;background:linear-gradient(145deg,#28ce70,#128c4a);color:white;box-shadow:inset 0 1px 2px #ffffff70,0 7px 24px #075e5438;font:600 15px Arial,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 10px 28px #075e5450}.whatsapp-float svg{width:25px;height:25px;flex:none}.wa-note{position:fixed;bottom:91px;right:24px;max-width:270px;padding:14px 17px;border:1px solid #d9c6e8;border-radius:16px;background:#fff;color:#42116b;font:14px/1.5 Arial,sans-serif;box-shadow:0 6px 25px #37096d20;z-index:99999}.wa-note[hidden]{display:none}@media(max-width:600px){.whatsapp-float{right:16px;bottom:18px;padding:13px 17px;font-size:14px}.wa-note{right:16px;bottom:82px}}@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}
.whatsapp-float{width:60px;height:60px;padding:0;justify-content:center;gap:0;border-radius:50%;border:1px solid #b78ade;background:radial-gradient(ellipse at 30% 8%,#ae75df8c,transparent 55%),linear-gradient(145deg,#6733a5,#30076c 58%,#4a1687);box-shadow:inset 0 2px 3px #ffffff70,inset 0 -2px 4px #17003290,0 7px 24px #37096d40}.whatsapp-float svg{width:30px;height:30px}.whatsapp-float:hover{box-shadow:inset 0 2px 3px #ffffff70,0 10px 28px #37096d55}@media(max-width:600px){.whatsapp-float{width:56px;height:56px;padding:0}.whatsapp-float svg{width:28px;height:28px}}

.whatsapp-float{isolation:isolate;overflow:visible;box-shadow:inset 0 2px 3px #ffffff70,inset 0 -2px 4px #17003290,0 0 16px #a16ada80,0 0 30px #9144cf38,0 7px 24px #37096d40}
.whatsapp-float::before{content:"";position:absolute;inset:-7px;z-index:-1;border:1px solid #b185e455;border-radius:50%;box-shadow:0 0 14px #a56fe34d;animation:wa-soft-glow 3s ease-in-out infinite;pointer-events:none}
@keyframes wa-soft-glow{0%,100%{opacity:.35;transform:scale(.97)}50%{opacity:.8;transform:scale(1.08)}}
.whatsapp-float:hover{box-shadow:inset 0 2px 3px #ffffff70,0 0 22px #ab74e69c,0 0 40px #9144cf4d,0 10px 28px #37096d55}
@media(prefers-reduced-motion:reduce){.whatsapp-float::before{animation:none;opacity:.5}}

.whatsapp-float:focus-visible{outline:3px solid #9b68cf;outline-offset:7px}
