/* Ajustes propios sobre Metronic 8 para el Klee AI Gateway. */

code {
    background: #F1F1F2;
    padding: .15rem .35rem;
    border-radius: .325rem;
    color: #B93E6C;
    font-size: .925em;
}

pre code {
    background: transparent;
    color: inherit;
    padding: 0;
}

pre {
    white-space: pre-wrap;
    word-break: break-word;
}

/* Las tablas del panel suelen tener muchas columnas técnicas. */
.table td, .table th {
    vertical-align: middle;
}

.fs-9 {
    font-size: .75rem !important;
}

/* Encabezado sin buscador: el título ocupa el espacio disponible. */
#kt_header .fw-bold.fs-3 {
    line-height: 1.2;
}

/* Fila de asignación modelo/servidor: separa visualmente cada bloque. */
.border-gray-200 {
    border-color: #E4E6EF !important;
}

/* Guía de integración: Markdown renderizado por MarkdownHelper. */
.guia-md {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #3F4254;
}

.guia-md h1 { font-size: 1.75rem; font-weight: 700; margin-bottom: 1.25rem; }
.guia-md h2 { font-size: 1.4rem; font-weight: 700; margin: 1.5rem 0 1rem; }
.guia-md h3 { font-size: 1.15rem; font-weight: 600; margin: 1.75rem 0 .75rem; }
.guia-md h1, .guia-md h2, .guia-md h3 { color: #181C32; scroll-margin-top: 90px; }

.guia-md p, .guia-md ul, .guia-md ol, .guia-md pre,
.guia-md blockquote, .guia-md .table-responsive {
    margin-bottom: 1rem;
}

.guia-md ul, .guia-md ol { padding-left: 1.5rem; }
.guia-md li { margin-bottom: .4rem; }
.guia-md li > p { margin-bottom: .5rem; }
.guia-md li.md-tarea { list-style: none; margin-left: -1.5rem; }

.guia-md hr {
    margin: 2rem 0;
    border-top: 1px dashed #E4E6EF;
    opacity: 1;
}

/* Código: oscuro y con scroll horizontal, sin partir líneas. */
.guia-md pre.md-codigo {
    background: #1E1E2D;
    color: #E4E6EF;
    padding: 1rem 1.25rem;
    border-radius: .475rem;
    font-size: .875rem;
    line-height: 1.55;
    white-space: pre;
    word-break: normal;
    overflow-x: auto;
}

/* Metronic estiliza code:not([class*=language-]), que gana a "pre code". */
.guia-md pre.md-codigo code {
    background: transparent;
    color: inherit;
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: normal;
    box-shadow: none;
}

.guia-md blockquote.md-cita {
    border-left: 4px solid #009EF7;
    background: #F1FAFF;
    padding: 1rem 1.25rem;
    border-radius: 0 .475rem .475rem 0;
}

.guia-md blockquote.md-cita > :last-child { margin-bottom: 0; }

.guia-md .md-tabla { font-size: .95rem; }
.guia-md .md-tabla th { font-weight: 600; color: #181C32; }
.guia-md .md-tabla td:first-child { white-space: nowrap; }

/* Instrucciones e índice de la guía: acompañan al lector al desplazarse. */
@media (min-width: 1200px) {
    .guia-lateral {
        position: sticky;
        top: 90px;
    }
}