.form-control {
    width: 100%;
    resize: none; /* Previene el redimensionamiento manual */
    overflow-y: hidden; /* Oculta la barra de scroll vertical hasta que sea necesario */
    max-height: 200px; /* Establece la altura máxima */
}

#chat-container {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #222;
    font-size: 16px;
    margin: 10px 0 20px 0;
    padding: 10px;
    height: 50vh; /* Ocupa el 90% de la altura de la ventana */
    overflow-y: auto; /* Permite el scroll si el contenido excede la altura */
    box-sizing: border-box; /* Incluye padding y border en el cálculo del height */
    white-space: pre-wrap; /* Respeta los saltos de línea y el espacio en blanco */
}

#barra {
    display: none; /* Inicialmente oculto */
}

.submit-button {
    border: 1px solid #ccc;
    color: #222;
    padding: 0 20px 0 20px;
}
    .submit-button:hover {
        background-color: #ddd;
    }

.submit-button-delete {
    border-radius: 5px;
}

#mensaje-input, #mensaje-input::placeholder {
    color: #222;
    font-size: 16px;
}

.txtLoading {
    color: #ccc;
}

.textInfo {
    color: #ccc;
    font-size: 10px;
    margin-top: 10px;
}