/* ── Guías: colores fijos, inmunes al tema dark/light ── */

/* Índice lateral — azul oscuro fijo, ambos temas */
#guia-toc                          { background-color: #1e3a6e !important; }
#guia-toc *                        { background-color: transparent !important; color: #fff !important; }
#guia-toc a                        { color: #fff !important; text-decoration: none !important; }
#guia-toc .toc-label               { color: #fff !important; }

.dark #guia-toc                    { background-color: #1e3a6e !important; }
.dark #guia-toc *                  { background-color: transparent !important; color: #fff !important; }
.dark #guia-toc a                  { color: #fff !important; }
.dark #guia-toc .toc-label         { color: #fff !important; }

#guia-toc .toc-fecha,
.dark #guia-toc .toc-fecha {
    font-size: 0.7rem;
    white-space: nowrap;
    font-style: italic;
    color: rgba(255,255,255,0.85) !important;
}

/* Secciones de guía — azul claro fijo, texto oscuro, ambos temas */
.guia-section                { background-color: #e8f0fe !important; color: #1f2937 !important; }
.guia-section *              { color: #1f2937 !important; }
.guia-section h2.guia-titulo { color: #1e3a6e !important; }
.guia-section a              { color: #1d4ed8 !important; }
.guia-section blockquote     { border-left-color: #93aee0 !important; color: #4b5563 !important; }
.guia-section pre,
.guia-section code           { background-color: #d0e0fa !important; color: #1f2937 !important; }
.guia-section mark           { background-color: #fde68a !important; color: #1f2937 !important; }
.guia-section .guia-edit-btn { color: #6b7280 !important; }

.dark .guia-section                { background-color: #e8f0fe !important; color: #1f2937 !important; }
.dark .guia-section *              { color: #1f2937 !important; }
.dark .guia-section h2.guia-titulo { color: #1e3a6e !important; }
.dark .guia-section a              { color: #1d4ed8 !important; }
.dark .guia-section blockquote     { border-left-color: #93aee0 !important; color: #4b5563 !important; }
.dark .guia-section pre,
.dark .guia-section code           { background-color: #d0e0fa !important; color: #1f2937 !important; }
.dark .guia-section mark           { background-color: #fde68a !important; color: #1f2937 !important; }
.dark .guia-section .guia-edit-btn { color: #6b7280 !important; }

/* Contenido enriquecido de guías */
.guia-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin: 0.5rem 0;
}
.guia-content ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin: 0.5rem 0;
}
.guia-content li { margin: 0.25rem 0; }
.guia-content li > p { margin: 0; }
.guia-content p { margin: 0.5rem 0; }
.guia-content strong { font-weight: 600; }
.guia-content em { font-style: italic; }
.guia-content h1, .guia-content h2, .guia-content h3 { font-weight: 700; margin: 1rem 0 0.5rem; }
.guia-content h1 { font-size: 1.5rem; }
.guia-content h2 { font-size: 1.25rem; }
.guia-content h3 { font-size: 1.1rem; }
.guia-content img { max-width: 100%; border-radius: 0.5rem; margin: 0.5rem 0; }
.guia-content a { text-decoration: underline; }
.guia-content blockquote { border-left: 3px solid #d1d5db; padding-left: 1rem; color: #6b7280; margin: 0.5rem 0; }
.guia-content pre { background: #f3f4f6; border-radius: 0.375rem; padding: 0.75rem 1rem; overflow-x: auto; font-size: 0.875rem; }

/* Tabla con scroll interno — la página NO debe hacer scroll */
.fi-ta-content-ctn {
    max-height: calc(100vh - 220px);
    overflow-y: auto !important;
}

/* Stripe pagos — fila vinculada / no vinculada */
.stripe-vinculado   { background-color: #dcfce7 !important; }
.stripe-no-vinculado { background-color: #fee2e2 !important; }

/* Modal: altura máxima y scroll en el body */
.fi-modal > .fi-modal-window-ctn > .fi-modal-window {
    max-height: 90vh !important;
    overflow: hidden !important;
}

.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-content {
    overflow-y: auto !important;
    max-height: 70vh !important;
    flex: 1 1 auto !important;
}

/* Sidebar — la sección Importaciones va al final, separada del resto */
.fi-sidebar-group[data-group-label="Importaciones"] { margin-top: 2rem; }