/* Estilos personalizados para el chat de Modul */
.modul-assistant-sdk-chat-widget, .modul-assistant-sdk-chat-window .open, .modul-assistant-sdk-chat-body, .modul-assistant-sdk-chat-header {
    font-family: var(--body-font) !important;
} 

.modul-assistant-sdk-chat-body {
    height: calc(100% - 120px) !important; /* Ajusta según el alto del header y el área de input */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important; /* Para mejor comportamiento en iOS */
    padding: 15px;
    position: relative;
}

.modul-assistant-sdk-chat-window {
    display: flex !important;
    flex-direction: column !important;
    height: 500px !important; /* Ajusta según necesites */
    max-height: 80vh !important;
}

.modul-assistant-sdk-chat-input-area {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
    /* background: #fff !important; */
    border-top: 1px solid rgba(0,0,0,0.1) !important;
    padding: 10px !important;
}

.modul-assistant-sdk-chat-header {
    background: var(--theme-color) !important;
}

.modul-assistant-sdk-chat-header h4 {
    text-transform: uppercase !important;
} 

.modul-assistant-sdk-chat-button, .modul-assistant-sdk-chat-button:hover {
    background: var(--theme-color) !important;
}

.modul-assistant-sdk-chat-button:hover {
    transform: scale(2) !important;
}

.modul-assistant-sdk-chat-message.bot strong {
    font-weight: bold;
    color: #ffffff !important;
}

/* .modul-assistant-sdk-chat-header .modul-assistant-sdk-chat-close {
    color: var(--theme-color) !important;
} */

.modul-assistant-sdk-chat-send {
    background: transparent !important;
}

/* Estilo para el scrollbar personalizado */
.modul-assistant-sdk-chat-body::-webkit-scrollbar {
    width: 6px;
}

.modul-assistant-sdk-chat-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.modul-assistant-sdk-chat-body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.modul-assistant-sdk-chat-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.modul-assistant-sdk-chat-message.bot em {
    font-style: italic;
    color: #ffffff !important;
}