/* Animaciones personalizadas */
  @keyframes wa-bounce {
    0%, 60%, 100% { transform: translateY(0); }
    30% { transform: translateY(-5px); }
  }
  @keyframes wa-click-flash {
    0% { background-color: transparent; }
    40% { background-color: rgba(37, 211, 102, 0.18); }
    100% { background-color: transparent; }
  }

  /* Estilos base para las burbujas animadas */
  .wa-bubble {
    opacity: 0;
    transform: translateX(-16px);
    max-height: 0px;
    overflow: hidden;
    margin-bottom: 0;
    transition: opacity 0.48s ease, transform 0.48s ease, max-height 0.5s ease;
  }
  
  /* Estados de la animación controlados por JS */
  .wa-bubble.is-active {
    opacity: 1;
    transform: translateX(0px);
    max-height: 400px;
  }
  .wa-bubble.is-fading {
    opacity: 0;
    transform: translateX(-8px);
    max-height: 400px;
  }

  /* Indicador de "en línea" */
  .wa-online-dot {
    animation: wa-bounce 2s ease-in-out infinite;
  }

  /* Animación de los puntos suspensivos (...) */
  .wa-dot {
    display: inline-block;
    animation: wa-bounce 1.3s ease-in-out infinite;
  }