/* El editor con formato, con la piel del sistema.
   Quill trae su propio aspecto; aqui solo se ajusta para que no desentone
   con el resto de campos de Bootstrap. */
.editor-rico {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .375rem;
    background: #fff;
    overflow: hidden;
}

.editor-rico .ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
    padding: .35rem .5rem;
}

.editor-rico .ql-container.ql-snow {
    border: 0;
    font-family: inherit;
    font-size: .95rem;
}

.editor-rico .ql-editor {
    min-height: inherit;
    padding: .6rem .75rem;
}

.editor-rico .ql-editor.ql-blank::before {
    font-style: normal;
    color: var(--bs-secondary-color, #6c757d);
    left: .75rem;
    right: .75rem;
}

/* Un campo obligatorio que se dejo vacio. */
.editor-rico-falta {
    border-color: var(--bs-danger, #dc3545);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .15);
}

/* Como se ve un texto con formato ya guardado. Se limitan los margenes para
   que un parrafo suelto dentro de una tarjeta no abra un hueco enorme. */
.texto-rico > *:first-child { margin-top: 0; }
.texto-rico > *:last-child  { margin-bottom: 0; }
.texto-rico p               { margin-bottom: .5rem; }
.texto-rico ul,
.texto-rico ol              { margin-bottom: .5rem; padding-left: 1.4rem; }
.texto-rico h3              { font-size: 1.15rem; font-weight: 600; }
.texto-rico h4              { font-size: 1.05rem; font-weight: 600; }
.texto-rico h5              { font-size: 1rem;    font-weight: 600; }
.texto-rico blockquote {
    border-left: 3px solid var(--bs-border-color, #dee2e6);
    padding-left: .75rem;
    color: var(--bs-secondary-color, #6c757d);
}