/* JUEPUERCA: acceso flotante al WhatsApp oficial, en todas las páginas. */
.jp-wa-flotante{
  box-sizing:border-box;position:fixed;right:max(18px,env(safe-area-inset-right));
  bottom:max(20px,env(safe-area-inset-bottom));z-index:85;
  display:flex;align-items:center;gap:10px;
  font-family:'Nunito',Arial,sans-serif;line-height:1.3;
}
.jp-wa-flotante *, .jp-wa-flotante *::before, .jp-wa-flotante *::after{box-sizing:border-box}
.jp-wa-flotante__mensaje{
  display:block;max-width:220px;padding:11px 14px;
  color:#4a1a0e;background:#fffef9;border:1px solid rgba(75,25,11,.13);
  border-radius:15px;box-shadow:0 8px 24px rgba(47,23,12,.18);
  font-size:12px;font-weight:800;text-align:right;white-space:normal;
  pointer-events:none;
}
.jp-wa-flotante__mensaje strong{display:block;font-size:14px;color:#245b36}
.jp-wa-flotante__boton{
  position:relative;display:grid;place-items:center;flex:0 0 62px;
  width:62px;height:62px;border-radius:50%;background:#25D366;
  border:3px solid #fff;color:#fff;text-decoration:none;
  box-shadow:0 6px 22px rgba(14,105,48,.34);
  transition:transform .2s ease,box-shadow .2s ease;
  animation:jp-wa-entrada .55s ease both,jp-wa-balanceo 5.5s ease-in-out 1s infinite;
}
.jp-wa-flotante__boton:hover,.jp-wa-flotante__boton:focus-visible{
  transform:scale(1.08);box-shadow:0 10px 28px rgba(14,105,48,.42);
}
.jp-wa-flotante__boton:focus-visible{outline:3px solid #174c30;outline-offset:3px}
.jp-wa-flotante__boton svg{width:33px;height:33px;display:block;fill:currentColor}
.jp-wa-flotante__boton::before{
  content:'';position:absolute;inset:-6px;border:2px solid rgba(37,211,102,.38);
  border-radius:50%;animation:jp-wa-pulso 3.5s ease-out infinite;pointer-events:none;
}
@keyframes jp-wa-entrada{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes jp-wa-balanceo{0%,86%,100%{rotate:0deg}89%{rotate:-8deg}92%{rotate:6deg}95%{rotate:-4deg}}
@keyframes jp-wa-pulso{0%,65%{transform:scale(1);opacity:0}70%{opacity:.8}100%{transform:scale(1.28);opacity:0}}
@media(max-width:640px){
 .jp-wa-flotante{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));gap:7px}
 .jp-wa-flotante__boton{width:56px;height:56px;flex-basis:56px}
 .jp-wa-flotante__boton svg{width:30px;height:30px}
 .jp-wa-flotante__mensaje{max-width:153px;padding:9px 10px;font-size:10.5px}
 .jp-wa-flotante__mensaje strong{font-size:12px}
}
@media(max-width:380px){.jp-wa-flotante__mensaje{display:none}}
@media(prefers-reduced-motion:reduce){
 .jp-wa-flotante__boton,.jp-wa-flotante__boton::before{animation:none!important}
 .jp-wa-flotante__boton{transition:none!important}
}