:root {
  --primary-color: #6c5ce7;
  --primary-dark: #5847d1;
  --gradient: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);
  --bg-color: #f8f9fd;
  --card-bg: #ffffff;
  --text-dark: #1f2937;
  --muted: #6b7280;
  --border: #e5e7eb;
  --secondary: #a29bfe;
}

.whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 92px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(145deg, #25d366, #1fa855);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.66rem;
  box-shadow: 0 14px 28px rgba(37, 211, 102, 0.34);
  z-index: 1200;
  text-decoration: none;
  border: 2px solid rgba(255, 255, 255, 0.75);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  animation: waPulse 2s infinite;
}

.whatsapp-float:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 18px 32px rgba(37, 211, 102, 0.45);
  color: #fff;
}

@keyframes waPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.36), 0 14px 28px rgba(37, 211, 102, 0.34);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(37, 211, 102, 0), 0 14px 28px rgba(37, 211, 102, 0.34);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 14px 28px rgba(37, 211, 102, 0.34);
  }
}