/* ---------- Floating WhatsApp ---------- */
.wa-float {
  position: fixed; right: 24px; bottom: 24px; z-index: 60;
  width: 60px; height: 60px; border-radius: 50%;
  background: #25d366;
  display: grid; place-items: center;
  box-shadow: var(--shadow-orange);
  transition: transform 0.4s var(--ease);
}
.wa-float:hover { transform: scale(1.1) rotate(-8deg); }
.wa-float::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #25d366; animation: pulse 2.2s infinite; }
@keyframes pulse { from { transform: scale(1); opacity: 0.8; } to { transform: scale(1.7); opacity: 0; } }