/*
 * Ajustes globales del editor Quill (fuera del SCSS, que esta desincronizado).
 * Enlazado en Components/App.razor tras app.min.css.
 *
 * Cubre dos problemas:
 *  1. Negrita apenas visible: el tema Inspinia fuerza
 *     `b, strong { font-weight: var(--ins-font-weight-semibold) }` (= 500), asi
 *     que el texto en negrita del contenido editado casi no se distingue del
 *     normal. Forzamos un peso de negrita real (700) SOLO en el contenido
 *     editable, sin tocar el resto del chrome del tema.
 *  2. Texto crudo visible antes de renderizar el editor: hasta que el JS
 *     inicializa Quill, el div `.quill-editor` muestra su HTML crudo (feo con
 *     textos largos). Lo ocultamos y reservamos altura hasta que Quill añade la
 *     clase `.ql-container`.
 */

/* ---- 1. Negrita real en el contenido del editor ---- */
.ql-editor strong,
.ql-editor b {
    font-weight: 700;
}

/* ---- 2. Ocultar el contenido crudo hasta que Quill inicialice ----
   Antes de inicializar, el div objetivo es `.quill-editor` sin `.ql-container`.
   Quill le añade `ql-container ql-snow` y crea el `.ql-editor` dentro; en ese
   momento estas reglas dejan de aplicar y se ve el editor ya montado. */
.quill-editor:not(.ql-container) {
    visibility: hidden;
    height: 12rem;
    overflow: hidden;
}