/* Mostramos el valor del tamaño en el menú desplegable de Quill */
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: attr(data-label);
    text-transform: none;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before {
    content: attr(data-label);
    text-transform: none;
}

.ql-font- {
    font-family: sans-serif;
}

.ql-font-serif {
    font-family: serif;
}

.ql-font-monospace {
    font-family: monospace;
}

.ql-font-inconsolata {
    font-family: 'Inconsolata', monospace;
}

.ql-font-roboto {
    font-family: 'Roboto', sans-serif;
}

.ql-font-mirza {
    font-family: 'Mirza', cursive;
}

.ql-font-arial {
    font-family: Arial, sans-serif;
}

.ql-font-verdana {
    font-family: Verdana, Geneva, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value]),
.ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value]) {
    font-family: sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"] {
    font-family: serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"] {
    font-family: monospace;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="inconsolata"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="inconsolata"] {
    font-family: 'Inconsolata', monospace;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="roboto"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="roboto"] {
    font-family: 'Roboto', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="mirza"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="mirza"] {
    font-family: 'Mirza', cursive;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arial"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"] {
    font-family: Arial, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="verdana"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="verdana"] {
    font-family: Verdana, Geneva, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=""],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=""] {
    font-family: sans-serif;
}

    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=""]::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=""]::before {
        content: 'Sans Serif';
    }


/* Mostrar el nombre de la fuente en el menú desplegable de Quill */
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: attr(data-value);
    text-transform: capitalize;
}





/*Fuentes Google Utilizadas en informes */


/* --- Fuentes Google para Quill --- */

/* Asegúrate de que los valores del whitelist en quillInterop.js sean: 'roboto','arimo','opensans','montserrat' */

/* Mapas de clase que Quill aplica: .ql-font-<value> */
.ql-font-roboto {
    font-family: 'Roboto';
}

.ql-font-arimo {
    font-family: 'Arimo';
}

.ql-font-opensans {
    font-family: 'Open Sans';
}

.ql-font-montserrat {
    font-family: 'Montserrat';
}

/* Para que el selector del toolbar muestre las fuentes correctamente */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="roboto"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="roboto"] {
    font-family: 'Roboto';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arimo"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arimo"] {
    font-family: 'Arimo';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="opensans"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="opensans"] {
    font-family: 'Open Sans';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="montserrat"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="montserrat"] {
    font-family: 'Montserrat';
}

/* Si quieres mostrar nombres legibles en el desplegable (opcional) */
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="opensans"]::before {
    content: "Open Sans";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="montserrat"]::before {
    content: "Montserrat";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arimo"]::before {
    content: "Arimo";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="roboto"]::before {
    content: "Roboto";
}

/* --- Fuentes Google adicionales para Quill --- */


.ql-font-ebgaramond {
    font-family: 'EB Garamond';
}

.ql-font-lato {
    font-family: 'Lato';
}

.ql-font-vollkorn {
    font-family: 'Vollkorn';
}

.ql-font-playfairdisplay {
    font-family: 'Playfair Display';
}

/* Para que el selector del toolbar muestre las fuentes correctamente */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="ebgaramond"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="ebgaramond"] {
    font-family: 'EB Garamond';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lato"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lato"] {
    font-family: 'Lato';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="vollkorn"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="vollkorn"] {
    font-family: 'Vollkorn';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="playfairdisplay"],
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="playfairdisplay"] {
    font-family: 'Playfair Display';
}

/* Mostrar nombres legibles en el desplegable (opcional) */
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="ebgaramond"]::before {
    content: "'EB Garamond'";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lato"]::before {
    content: "'Lato'";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="vollkorn"]::before {
    content: "'Vollkorn'";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="playfairdisplay"]::before {
    content: "'Playfair Display'";