/* Una pequeña animación para que los mensajes no aparezcan de golpe */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animación de los 3 puntos */
.dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 3px;
    background: white;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out both;
}

.dot:nth-child(1) { animation-delay: -0.32s; }
.dot:nth-child(2) { animation-delay: -0.16s; }

@keyframes bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1.0); }
}


/* Forzar la fuente de Font Awesome para los iconos del chat */
#btn-abrir-chat i, 
#btn-enviar i,
.fa-solid, 
.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important; /* Los iconos solidos necesitan peso 900 */
}