.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="2px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="2px"]::before {
    content: '2px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="6px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="6px"]::before {
    content: '6px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before {
    content: '8px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
    content: '10px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
    content: '12px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
    content: '14px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
    content: '16px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
    content: '18px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
    content: '20px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
    content: '22px';
}


.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
    content: '24px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before {
    content: '30px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before {
    content: '36px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="42px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="42px"]::before {
    content: '42px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="48px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before {
    content: '48px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="54px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="54px"]::before {
    content: '54px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="60px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="60px"]::before {
    content: '60px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="66px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="66px"]::before {
    content: '66px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="72px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="72px"]::before {
    content: '72px';
}


.ql-toolbar .ql-font {
    min-width: 175px; /* adjust as needed */
}


.ql-font-CircularPro {
    font-family: 'Circular Pro';
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-MillerBanner {
    font-family: 'Miller Banner';
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-MillerDisplay {
    font-family: 'Miller Display';
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-SilverSouthScript {
    font-family: 'Silver South Script';
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-MerriweatherLight {
    font-family: 'Merriweather Light';
    line-height: 1.5!important;
    letter-spacing: 0.02em !important;
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-MerriweatherWeight {
    font-family: 'Merriweather Weight';
    line-height: 1.5!important;
    letter-spacing: 0.02em !important;
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-arial {
    font-family: Arial;
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-serif {
    font-family: serif;
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-monospace {
    font-family: monospace;
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-cursive {
    font-family: cursive;
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}
.ql-font-fantasy {
    font-family: fantasy;
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    text-rendering: optimizeLegibility;  /* better kerning and smoothing */
}



/* Mostrar el nombre correcto en el dropdown con guiones */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="CircularPro"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="CircularPro"]::before {
    content: "CircularPro";
    font-family: 'Circular Pro';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="MillerBanner"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="MillerBanner"]::before {
    content: "MillerBanner";
    font-family: 'Miller Banner';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="MillerDisplay"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="MillerDisplay"]::before {
    content: "MillerDisplay";
    font-family: 'Miller Display';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="SilverSouthScript"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="SilverSouthScript"]::before {
    content: "SilverSouthScript";
    font-family: 'Silver South Script';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="MerriweatherLight"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="MerriweatherLight"]::before {
    content: "MerriweatherLight";
    font-family: 'Merriweather Light';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="MerriweatherWeight"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="MerriweatherWeight"]::before {
    content: "MerriweatherWeight";
    font-family: 'Merriweather Weight';
}

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

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

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

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

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






.ql-divider::before {
    content: "—"; /* o cualquier símbolo que quieras */
    font-weight: bold;
    font-size: 16px;
    color: black;
}

.ql-editor img {
    display: inline-block;
    vertical-align: middle; /* para centrar con el texto */
    max-height: 150px;      /* opcional: limitar tamaño */
}