.chat-container { max-width: 1500px; margin: 20px auto; border: 1px solid #ccc; padding: 20px; border-radius: 8px; }
#chat-box { max-height: 1000px; overflow-y: scroll; border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 10px; }
.input-area { display: flex; gap: 10px; }
input { flex: 1; padding: 10px; }
button { padding: 10px 20px; cursor: pointer; }
.mensaje-usuario { color: blue; margin-bottom: 5px; }
.mensaje-ia { color: green; margin-bottom: 5px; font-weight: bold; white-space: pre-wrap; /* pre-line O usa "pre-wrap" si también quieres que respete espacios múltiples */}