@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
    --font-family: 'DM Sans';
    --primario: #ce0f69;
    --fondo-oscuro: #ffffff;
    --fondo-chat: #f3f5fb;
    --texto: #000;
}

body, #root, .cl-message-content, .MuiTypography-root, button, input, textarea {
    font-family: var(--font-family) !important;
    letter-spacing: -0.02em !important; 
    font-variant-ligatures: common-ligatures !important;
    font-optical-sizing: auto !important;
}

body, #root {
    background-color: var(--fondo-oscuro) !important;
    color: var(--texto) !important;
}

h2.border-b, .prose h2 {
    border-bottom: none !important;
}

.message {
    border-radius: 15px !important;
}

.flex-grow-0 {
    background-color: var(--fondo-chat) !important;
}

#chat-submit, #stop-button {
    background-color: var(--primario) !important;
    color: white;
}

#upload-button, #new-chat-button {
    color: var(--primario) !important;
}

#chat-submit:disabled {
    opacity: 2.0 !important;
}

#message-composer {
    background-color: var(--fondo-chat) !important;
}

/* La línea de carga de archivos */
.MuiLinearProgress-bar {
    background-color: var(--primario) !important;
}

.ai-message span.relative.flex.shrink-0 {
    width: 45px !important;
    height: 45px !important;
}

#readme-button {
    display: none !important;
}

#theme-toggle {
    display: none !important;
}

header {
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}