/* Botón flotante WhatsApp — logo oficial */
.adc-float-wa {
  position: fixed !important;
  right: 1rem !important;
  bottom: 1.1rem !important;
  z-index: 999 !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 999px !important;
  background: #25D366 !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 10px 28px rgba(37, 211, 102, 0.45) !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.adc-float-wa:hover {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 14px 34px rgba(37, 211, 102, 0.55) !important;
}

.adc-float-wa svg {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
}

.adc-float-wa--brand {
  position: fixed;
}

.adc-float-wa--brand::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 999px;
  border: 2px solid rgba(37, 211, 102, 0.35);
  animation: adc-wa-pulse 2s ease-out infinite;
  pointer-events: none;
}

@keyframes adc-wa-pulse {
  0% { transform: scale(0.92); opacity: 0.9; }
  70% { transform: scale(1.2); opacity: 0; }
  100% { transform: scale(1.2); opacity: 0; }
}