.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50% !important; /* Fuerza la circunferencia */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  z-index: 99999 !important; /* Que quede arriba de todo */
  transition: transform 0.3s ease;
  animation: pulse-green 2s infinite;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
}

/* Forzamos al SVG a centrarse y medir lo justo */
.whatsapp-icon {
  width: 75px !important;
  height: 35px !important;
  fill: #ffffff !important;
  display: block !important;
  transition: none !important;
  transform: none !important; /* Evita que animaciones externas lo muevan */
}

.whatsapp-btn:hover {
  transform: scale(1.1);
  background-color: #20ba5a;
}

@keyframes pulse-green {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@media (max-width: 768px) {
  .whatsapp-btn { bottom: 15px; right: 15px; width: 50px; height: 50px; }
  .whatsapp-icon { width: 28px !important; height: 28px !important; }
}