/* BOTÓN FLOTANTE WHATSAPP */
.whatsapp-float {
  position: fixed;          /* ← clave para que no empuje el layout */
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  border-radius: 50%;
  display: inline-flex;     /* centra el icono dentro */
  justify-content: center;
  align-items: center;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  z-index: 9999;            /* por encima del footer */
}

.whatsapp-float img {
  width: 34px;              /* controla el tamaño del icono */
  height: 34px;
  display: block;
}

.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;

  background-color: #25D366; /* verde WhatsApp */
  border-radius: 50%;

  display: inline-flex;
  justify-content: center;
  align-items: center;

  border: 3px solid #ffffff;               /* aro blanco */
  box-shadow: 0 8px 22px rgba(0,0,0,0.35); /* sombra base */

  z-index: 9999;

  animation: whatsapp-pulse 2.8s infinite;
}

.whatsapp-float img {
  width: 34px;
  height: 34px;
  filter: brightness(0) invert(1); /* icono blanco */
}

/* Animación */
@keyframes whatsapp-pulse {
  0% {
    box-shadow:
      0 0 0 0 rgba(255,255,255,0.8),
      0 8px 22px rgba(0,0,0,0.35);
  }
  70% {
    box-shadow:
      0 0 0 14px rgba(255,255,255,0),
      0 8px 22px rgba(0,0,0,0.35);
  }
  100% {
    box-shadow:
      0 0 0 0 rgba(255,255,255,0),
      0 8px 22px rgba(0,0,0,0.35);
  }

  }


@media (min-width: 992px) {
  .whatsapp-float { width: 56px; height: 56px; }
  .whatsapp-float img { width: 32px; height: 32px; }
}