/* WhatsApp flutuante v2 — arquivo separado para evitar cache antigo */
.wa-drag-float{
  position:fixed!important;
  right:16px!important;
  top:56%!important;
  left:auto!important;
  bottom:auto!important;
  width:66px!important;
  height:66px!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.92)!important;
  background:linear-gradient(145deg,#31e66f,#14b84b)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 5px rgba(37,211,102,.14)!important;
  text-decoration:none!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
  isolation:isolate!important;
}
.wa-drag-float:hover{transform:scale(1.045);filter:brightness(1.05)}
.wa-drag-float.is-dragging{cursor:grabbing!important;transform:scale(1.08)!important;transition:none!important}
.wa-drag-float svg{width:38px!important;height:38px!important;display:block!important;position:relative!important;z-index:3!important;pointer-events:none!important}
.wa-drag-pulse{position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(52,255,112,.72);animation:waDragPulse 2s ease-out infinite;pointer-events:none;z-index:1}
.wa-drag-label{position:absolute;right:76px;padding:8px 12px;border-radius:999px;background:rgba(5,15,8,.95);border:1px solid rgba(37,211,102,.46);color:#fff;font:700 12px/1 Arial,sans-serif;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.28);opacity:0;transform:translateX(8px);transition:.18s;pointer-events:none}
.wa-drag-float:hover .wa-drag-label{opacity:1;transform:translateX(0)}
@keyframes waDragPulse{0%{opacity:.72;transform:scale(.84)}75%,100%{opacity:0;transform:scale(1.36)}}
@media(max-width:720px){
  .wa-drag-float{width:58px!important;height:58px!important;right:14px!important;top:60%!important}
  .wa-drag-float svg{width:34px!important;height:34px!important}
  .wa-drag-label{display:none!important}
}
@media(prefers-reduced-motion:reduce){.wa-drag-pulse{animation:none}}

/* Refino: posição padrão longe dos títulos e acima da barra inferior */
@media(max-width:720px){
  .wa-drag-float{right:14px!important;top:auto!important;bottom:94px!important}
}
@media(min-width:721px){
  .wa-drag-float{right:18px!important;top:auto!important;bottom:18px!important}
}

/* Desktop drag fix v4 — não altera o layout mobile */
@media (min-width:721px){
  .wa-drag-float{
    -webkit-user-drag:none!important;
    will-change:left,top,transform!important;
  }
  .wa-drag-float::after{
    content:"arraste";
    position:absolute;
    left:50%;
    top:-24px;
    transform:translateX(-50%);
    padding:4px 7px;
    border-radius:999px;
    border:1px solid rgba(52,255,112,.26);
    background:rgba(3,12,6,.88);
    color:rgba(255,255,255,.72);
    font:700 9px/1 Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:0;
    transition:opacity .16s ease;
    pointer-events:none;
    white-space:nowrap;
  }
  .wa-drag-float:hover::after{opacity:1}
  .wa-drag-float.is-dragging::after{opacity:0}
}