/* zaphiqs.css - Botão flutuante WhatsApp */

#zaphiqs-btn {
  position: fixed;
  bottom: 28px;
  left: 28px;
  z-index: 99999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  animation: zaphiqs-pulse 2.2s infinite;
}

#zaphiqs-btn:hover {
  transform: scale(1.12);
  box-shadow: 0 6px 28px rgba(37, 211, 102, 0.75);
  animation: none;
}

#zaphiqs-btn svg {
  width: 32px;
  height: 32px;
  fill: #ffffff;
  display: block;
}

/* Anel pulsante externo */
#zaphiqs-btn::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(37, 211, 102, 0.4);
  animation: zaphiqs-ring 2.2s infinite;
  z-index: -1;
}

@keyframes zaphiqs-pulse {
  0%   { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5); }
  50%  { box-shadow: 0 4px 32px rgba(37, 211, 102, 0.9); }
  100% { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5); }
}

@keyframes zaphiqs-ring {
  0%   { transform: scale(1);   opacity: 0.7; }
  70%  { transform: scale(1.55); opacity: 0; }
  100% { transform: scale(1.55); opacity: 0; }
}