/* =========================================================
   PIXEL V2.14 — FLOATING WHATSAPP CTA
   Fixed bottom-right action with subtle orbit animation.
   ========================================================= */
.whatsapp-float{
  --wa:#25d366;
  position:fixed;
  right:clamp(20px,2vw,32px);
  bottom:calc(clamp(20px,2vw,30px) + env(safe-area-inset-bottom,0px));
  z-index:1200;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#2ee66f,#20c95c);
  box-shadow:0 16px 34px rgba(10,69,34,.26),0 4px 12px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .28s cubic-bezier(.22,.8,.22,1),box-shadow .28s ease,filter .28s ease;
  isolation:isolate;
}
.whatsapp-float:hover,
.whatsapp-float:focus-visible{
  transform:translateY(-3px) scale(1.035);
  box-shadow:0 20px 42px rgba(10,69,34,.33),0 6px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.4);
  filter:saturate(1.05);
  outline:none;
}
.whatsapp-float-icon{width:30px;height:30px;display:block;position:relative;z-index:3;fill:currentColor}
.whatsapp-orbit{
  position:absolute;
  inset:-10px;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  animation:waOrbit 8s linear infinite;
}
.whatsapp-orbit::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px dashed rgba(37,211,102,.62);
  box-shadow:0 0 20px rgba(37,211,102,.10);
}
.whatsapp-orbit::after{
  content:"";
  position:absolute;
  left:50%;
  top:-3px;
  width:7px;
  height:7px;
  margin-left:-3.5px;
  border-radius:50%;
  background:#8af7b3;
  box-shadow:0 0 0 3px rgba(37,211,102,.10),0 0 13px rgba(37,211,102,.7);
}
.whatsapp-float:hover .whatsapp-orbit,
.whatsapp-float:focus-visible .whatsapp-orbit{animation-duration:5.4s}
.whatsapp-float-label{
  position:absolute;
  right:78px;
  top:50%;
  transform:translate(10px,-50%);
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(6,17,28,.9);
  color:#f7fbf9;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-family:"Manrope","Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:650;
  letter-spacing:.02em;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.whatsapp-float:hover .whatsapp-float-label,
.whatsapp-float:focus-visible .whatsapp-float-label{opacity:1;transform:translate(0,-50%)}
@keyframes waOrbit{to{transform:rotate(360deg)}}
@media(max-width:680px){
  .whatsapp-float{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:56px;height:56px}
  .whatsapp-orbit{inset:-8px}
  .whatsapp-float-icon{width:27px;height:27px}
  .whatsapp-float-label{display:none}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-orbit{animation:none}
  .whatsapp-float{transition:none}
}