.whatsapp-float {
  position: fixed; bottom: 24px; right: 24px; z-index: 9999;
  display: flex; align-items: center; gap: 0.75rem; text-decoration: none;
  transition: var(--transition-base);
}
.whatsapp-icon {
  width: 56px; height: 56px; border-radius: 50%;
  background: linear-gradient(135deg, #25d366, #128c7e);
  display: flex; align-items: center; justify-content: center;
  color: white; font-size: 1.6rem; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
  transition: var(--transition-base); position: relative;
}
.whatsapp-icon i { line-height: 1; }
.whatsapp-icon:hover { transform: scale(1.1); box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5); }
.whatsapp-tooltip {
  background: var(--bg-elevated); color: var(--text-secondary); font-size: 0.8rem;
  padding: 0.5rem 1rem; border-radius: 10px; border: 1px solid var(--border-color);
  white-space: nowrap; opacity: 0; visibility: hidden; transform: translateX(10px);
  transition: var(--transition-base); position: absolute; right: 64px; top: 50%; transform: translateY(-50%) translateX(10px);
}
.whatsapp-float:hover .whatsapp-tooltip { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }
.whatsapp-pulse {
  position: absolute; inset: 0; border-radius: 50%;
  animation: wa-pulse 2s ease-in-out infinite;
}
@keyframes wa-pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
  70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@media (max-width: 768px) {
  .whatsapp-float { bottom: 16px; right: 16px; }
  .whatsapp-icon { width: 48px; height: 48px; font-size: 1.3rem; }
  .whatsapp-tooltip { display: none; }
}