/* Botao flutuante do WhatsApp (suporte). Pra tirar: apague a linha <link id="whatsapp-css"> e o bloco <a class="cda-wa"> do index.html. */
.cda-wa{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:9999;
  width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12) inset;-webkit-tap-highlight-color:transparent;
  animation:cdaWaPop .6s cubic-bezier(.2,1.4,.4,1) .8s both,cdaWaWiggle 7s ease-in-out 3s infinite;transition:transform .2s}
.cda-wa:hover{transform:scale(1.08)}
.cda-wa:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cda-wa svg{width:32px;height:32px;fill:currentColor;position:relative;z-index:2}
/* aneis que pulsam */
.cda-wa::before,.cda-wa::after{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;z-index:1;opacity:.55;
  animation:cdaWaPulse 2.4s ease-out infinite;pointer-events:none}
.cda-wa::after{animation-delay:1.2s}
/* bolinha de notificacao */
.cda-wa i{position:absolute;top:-2px;right:-2px;z-index:3;min-width:20px;height:20px;border-radius:10px;background:#ff3b30;color:#fff;font:700 12px/20px system-ui,sans-serif;text-align:center;
  font-style:normal;box-shadow:0 0 0 2px #000;animation:cdaWaBadge 2.4s ease-in-out infinite}
@media(max-width:767px){.cda-wa{width:56px;height:56px}.cda-wa svg{width:30px;height:30px}}
@keyframes cdaWaPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.9);opacity:0}}
@keyframes cdaWaPop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes cdaWaWiggle{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-12deg)}92%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}98%{transform:rotate(3deg)}}
@keyframes cdaWaBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.cda-wa,.cda-wa::before,.cda-wa::after,.cda-wa i{animation:none !important}.cda-wa::before,.cda-wa::after{display:none}}