:root{--wa:#25d366;--aqua:#daf7f7;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.wa-fixed{position:fixed;right:20px;bottom:20px;z-index:850;}
.whatsapp-link{position:relative;display:inline-flex;align-items:center;text-decoration:none;-webkit-tap-highlight-color:transparent;}
.wa-bubble{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12.5px;font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:.3px;margin-right:-18px;padding:9px 28px 9px 14px;border-radius:30px;color:#075e54;border:1px solid #dbeee2;box-shadow:0 6px 18px rgba(2,44,34,.12);background:linear-gradient(90deg,#fff 0%,#fff 34%,var(--aqua) 50%,#fff 66%,#fff 100%);background-size:220% 100%;animation:wa-grad 3.2s linear infinite;}
.wa-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--wa);position:relative;}
.wa-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wa);animation:wa-online 1.5s infinite ease-out;}
.wa-ring{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--wa);box-shadow:0 8px 20px rgba(2,44,34,.22);transform-origin:center;animation:wa-shake 4s infinite;}
.wa-ring::before,.wa-ring::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;border:2.5px solid rgba(37,211,102,.6);animation:wa-ripple 2s infinite ease-out;}
.wa-ring::after{animation-delay:1s;}
.wa-img{width:100%;height:100%;object-fit:contain;padding:14px;filter:brightness(0) invert(1);}
.wa-badge{position:absolute;top:-3px;right:-3px;z-index:6;width:15px;height:15px;border-radius:50%;background:#ff3b30;border:2.5px solid #fff;}
.wa-badge::after{content:"";position:absolute;inset:0;border-radius:50%;background:#ff3b30;animation:wa-dot-ping 1.8s infinite ease-out;}
.whatsapp-link:active .wa-ring{transform:scale(.94);}
.whatsapp-link:focus-visible{outline:3px solid #075e54;outline-offset:4px;border-radius:40px;}
@keyframes wa-online{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(2.4);opacity:0}}
@keyframes wa-grad{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes wa-shake{0%,88%,100%{transform:translateX(0) rotate(0)}90%{transform:translateX(-3px) rotate(-7deg)}92%{transform:translateX(3px) rotate(7deg)}94%{transform:translateX(-3px) rotate(-5deg)}96%{transform:translateX(2px) rotate(4deg)}98%{transform:translateX(-1px) rotate(0)}}
@keyframes wa-ripple{0%{transform:scale(.85);opacity:.55}100%{transform:scale(2.05);opacity:0}}
@keyframes wa-dot-ping{0%{transform:scale(.6);opacity:.9}70%,100%{transform:scale(2.3);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .wa-bubble,.wa-dot::after,.wa-ring,.wa-ring::before,.wa-ring::after,.wa-badge::after{animation:none;}
}
/* Móvil: el globo se reduce escalonadamente para que el texto NO se corte hasta 320px */
@media (max-width:1023.98px){
  .wa-bubble{font-size:11px;padding:8px 30px 8px 13px;letter-spacing:.3px;gap:5px;}
  .wa-ring{width:60px;height:60px;}
}
@media (max-width:575.98px){
  .wa-bubble{font-size:10.5px;padding:7px 28px 7px 12px;letter-spacing:.2px;}
}
@media (max-width:359.98px){
  .wa-bubble{font-size:9.5px;padding:6px 26px 6px 10px;letter-spacing:.1px;gap:4px;}
  .wa-ring{width:54px;height:54px;}
}