/* Scrollbar personalizado para el tema oscuro de Sparked Host */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0f0f14;
}

::-webkit-scrollbar-thumb {
    background: #2e2e3d;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffcd20;
}

/* Base body adjustments */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Animación de "escribiendo..." (Typing indicator) */
.typing-dot {
    animation: typing 1.4s infinite ease-in-out both;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #1a1a22; /* Texto oscuro de IA */
    display: inline-block;
    margin: 0 2px;
}

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

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

/* Estilos para el texto renderizado en los mensajes */
.message-content {
    line-height: 1.5;
    word-break: break-word;
}

.message-content strong {
    font-weight: 700;
}

.message-content p {
    margin-bottom: 0.5rem;
}

.message-content p:last-child {
    margin-bottom: 0;
}

/* Enlaces dentro de los mensajes de la IA */
.ia-message a {
    color: #1a1a22;
    text-decoration: underline;
    font-weight: bold;
}

.ia-message a:hover {
    color: #4a4a5a;
}