/* Eretz Haus · WhatsApp flotante profesional */
.whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:90;
  min-height:60px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 16px 7px 8px;
  border-radius:999px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  border:3px solid #fff;
  box-shadow:0 14px 36px rgba(22,54,31,.26),0 4px 12px rgba(0,0,0,.14);
  isolation:isolate;
  transform-origin:center;
  animation:eretzWaNudge 5.6s ease-in-out infinite;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.whatsapp-float::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:2px solid rgba(37,211,102,.42);
  border-radius:999px;
  opacity:0;
  transform:scale(.88);
  animation:eretzWaRing 5.6s ease-out infinite;
}
.whatsapp-float:hover{
  transform:translateY(-3px) scale(1.025);
  box-shadow:0 18px 42px rgba(22,54,31,.32),0 6px 16px rgba(0,0,0,.16);
  filter:saturate(1.06);
}
.whatsapp-float:focus-visible{
  outline:3px solid rgba(91,21,24,.42);
  outline-offset:4px;
}
.whatsapp-float-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.whatsapp-float-icon svg{
  width:25px;
  height:25px;
  display:block;
  fill:currentColor;
}
.whatsapp-float-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  padding-right:2px;
}
.whatsapp-float-copy strong{
  color:#fff;
  font-size:.9rem;
  font-weight:900;
  letter-spacing:.01em;
  white-space:nowrap;
}
.whatsapp-float-copy small{
  color:rgba(255,255,255,.9);
  font-size:.68rem;
  font-weight:700;
  margin-top:4px;
  white-space:nowrap;
}
@keyframes eretzWaNudge{
  0%,74%,100%{transform:translateY(0) rotate(0)}
  78%{transform:translateY(-5px) rotate(-2deg)}
  82%{transform:translateY(0) rotate(2deg)}
  86%{transform:translateY(-3px) rotate(-1deg)}
  90%{transform:translateY(0) rotate(0)}
}
@keyframes eretzWaRing{
  0%,70%{opacity:0;transform:scale(.88)}
  76%{opacity:.65;transform:scale(.96)}
  90%{opacity:0;transform:scale(1.18)}
  100%{opacity:0;transform:scale(1.18)}
}
@media(max-width:720px){
  .whatsapp-float{
    right:16px;
    bottom:16px;
    width:60px;
    min-width:60px;
    height:60px;
    min-height:60px;
    padding:5px;
    justify-content:center;
  }
  .whatsapp-float-icon{width:46px;height:46px;flex-basis:46px}
  .whatsapp-float-copy{display:none}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-float,.whatsapp-float::before{animation:none}
}
