:root {
    --chat--color-primary: #000000;
    --chat--toggle-background: var(--chat--color-primary);
    --chat--toggle--size: 120px;
    --chat--border-radius: 0.50rem;
}

/* Estilo general del cuerpo */
body {
    font-family: 'Lato', sans-serif; /* Aplica la fuente Lato */
    background-color: #ffffff; /* Fondo oscuro */
    color: #ffffff; /* Texto blanco */
    margin: 0;
    padding: 0;
    min-height: 100vh; /* Asegura que el fondo cubra toda la altura de la pantalla */
}

/* Encabezados */
h2 {
    color: #f8f9fa;
}

/* Imágenes del carrusel */
.carousel-inner img {
    width: 200px; /* Ancho de las imágenes */
    height: 700px; /* Altura de las imágenes */
    object-fit: cover; /* Ajusta cómo se redimensiona la imagen para que no se distorsione */
    margin: 0 auto; /* Centra las imágenes horizontalmente */
    background-color: #121212; /* Fondo oscuro */
}

/* Estilo para contenedores */
.container, .carousel {
    width: 100%;
    max-width: 100%;
    background-color: #121212; /* Fondo oscuro */
}

/* Asegura que no haya espacios blancos adicionales en los bordes */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.scrollable-content {
    max-height: 600px; /* Altura máxima del contenedor */
    overflow-y: auto; /* Habilita el scroll vertical */
    padding: 10px; /* Espaciado interno */
    border: 1px solid #8d8787; /* Borde para mayor claridad */
    background-color: #121212; /* Fondo oscuro */
    border-radius: 5px; /* Bordes redondeados */
}

/* Estilo para el visor de Markdown */
.markdown-viewer {
    font-family: 'Courier New', Courier, monospace; /* Fuente estilo código */
    line-height: 1.6;
    background-color: #1e1e1e; /* Fondo oscuro para el contenido Markdown */
    color: #f8f8f2; /* Texto claro */
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #8d8787; /* Borde para claridad */
    overflow-y: auto; /* Scroll vertical */
    max-height: 600px; /* Altura máxima */
}

.markdown-viewer pre {
    background-color: #272822; /* Fondo para bloques de código */
    color: #f8f8f2; /* Texto claro */
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto; /* Scroll horizontal para bloques de código */
}

.markdown-viewer h1,
.markdown-viewer h2,
.markdown-viewer h3 {
    border-bottom: 1px solid #8d8787; /* Línea para destacar los encabezados */
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.markdown-viewer code {
    background-color: #2e2e2e; /* Fondo para texto en línea */
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 0.9em;
    color: #e67e22; /* Color destacado */
}

.markdown-viewer a {
    color: #3498db; /* Color para enlaces */
    text-decoration: none;
}

.markdown-viewer a:hover {
    text-decoration: underline;
}

.chat-window-wrapper {
        color: 'rgb(0, 76, 163)';
        box-shadow: '0 0 10px rgba(0, 0, 0, 0.1)'
}