/* ============================================================
   WHATSAPP FAB
   ============================================================ */
.wa-fab{
  position:fixed;bottom:24px;right:24px;z-index:90;
  background:#25D366;color:var(--white);
  width:60px;height:60px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px rgba(37,211,102,.45);
  transition:transform .18s, box-shadow .18s;
}
.wa-fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 16px 44px rgba(37,211,102,.58)}
.wa-fab svg{width:30px;height:30px;position:relative;z-index:1}
/* Etiqueta emergente "Cotiza por WhatsApp" */
.wa-fab::after{
  content:"Cotiza por WhatsApp";
  position:absolute;right:74px;top:50%;transform:translateY(-50%) translateX(8px);
  background:var(--ink);color:#fff;font-family:var(--display);font-weight:700;
  font-size:12px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
  padding:9px 14px;border-radius:8px;opacity:0;pointer-events:none;
  box-shadow:var(--shadow-md);transition:opacity .25s var(--ease),transform .25s var(--ease);
}
.wa-fab:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
.wa-fab .pulse{
  position:absolute;inset:-4px;border-radius:50%;
  background:#25D366;opacity:.4;animation:waPulse 2s infinite;
  z-index:-1;
}
@keyframes waPulse{
  0%{transform:scale(1);opacity:.4}
  100%{transform:scale(1.4);opacity:0}
}

@media(max-width:540px){
  .wa-fab{
    width:54px;height:54px;
    bottom:max(18px, env(safe-area-inset-bottom));
    right:max(18px, env(safe-area-inset-right));
  }
  .wa-fab svg{width:26px;height:26px}
  .wa-fab::after{display:none}
}