@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:wght@400;500;600;700&family=Merriweather:wght@300;400;700&family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;600;700&family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

/* ===========================================
   NOTÍCIA (conteúdo HTML do Quill)
   =========================================== */
.noticia-preview,
.noticia-preview.ql-editor {
    font-size: 15px;
    line-height: 1.6;
    word-break: break-word;
    overflow-wrap: anywhere;
}

    /* imagens (preview) */
    .noticia-preview img,
    .noticia-preview.ql-editor img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
        display: inline-block; /* respeita text-align do bloco */
    }

    /* alinhamentos do Quill */
    .noticia-preview .ql-align-center {
        text-align: center !important;
    }

    .noticia-preview .ql-align-right {
        text-align: right !important;
    }

    .noticia-preview .ql-align-justify {
        text-align: justify !important;
    }

    /* espaçamento padrão para imagens dentro de parágrafos */
    .noticia-preview p img {
        margin: 10px 0;
    }

    /* blocos e listas (pra ficar consistente) */
    .noticia-preview p {
        margin: 0 0 12px;
    }

    .noticia-preview ul,
    .noticia-preview ol {
        margin: 0 0 12px;
        padding-left: 22px;
    }

    .noticia-preview blockquote {
        border-left: 4px solid rgba(0,0,0,.12);
        margin: 10px 0;
        padding: 10px 14px;
        border-radius: 10px;
        background: rgba(0,0,0,.03);
    }

    /* links */
    .noticia-preview a {
        word-break: break-word;
    }

    /* ===========================================
   FONTES DO QUILL (ql-font-*) — igual ao Admin
   =========================================== */
    .noticia-preview .ql-font-arial {
        font-family: Arial, Helvetica, sans-serif;
    }

    .noticia-preview .ql-font-times {
        font-family: "Times New Roman", Times, serif;
    }

    .noticia-preview .ql-font-georgia {
        font-family: Georgia, serif;
    }

    .noticia-preview .ql-font-tahoma {
        font-family: Tahoma, Geneva, sans-serif;
    }

    .noticia-preview .ql-font-trebuchet {
        font-family: "Trebuchet MS", sans-serif;
    }

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

    .noticia-preview .ql-font-courier {
        font-family: "Courier New", Courier, monospace;
    }

    /* Google Fonts */
    .noticia-preview .ql-font-roboto {
        font-family: Roboto, sans-serif;
    }

    .noticia-preview .ql-font-opensans {
        font-family: "Open Sans", sans-serif;
    }

    .noticia-preview .ql-font-inter {
        font-family: Inter, sans-serif;
    }

    .noticia-preview .ql-font-poppins {
        font-family: Poppins, sans-serif;
    }

    .noticia-preview .ql-font-montserrat {
        font-family: Montserrat, sans-serif;
    }

    .noticia-preview .ql-font-lora {
        font-family: Lora, serif;
    }

    .noticia-preview .ql-font-merriweather {
        font-family: Merriweather, serif;
    }

    .noticia-preview .ql-font-playfair {
        font-family: "Playfair Display", serif;
    }

    /* ===========================================
   TAMANHOS (1–72) — caso seu HTML venha com classes ql-size-#
   Se seu Quill estiver salvando inline style="font-size: XXpx",
   isso aqui não atrapalha, só complementa.
   =========================================== */
    .noticia-preview .ql-size-1 {
        font-size: 1px
    }

    .noticia-preview .ql-size-2 {
        font-size: 2px
    }

    .noticia-preview .ql-size-3 {
        font-size: 3px
    }

    .noticia-preview .ql-size-4 {
        font-size: 4px
    }

    .noticia-preview .ql-size-5 {
        font-size: 5px
    }

    .noticia-preview .ql-size-6 {
        font-size: 6px
    }

    .noticia-preview .ql-size-7 {
        font-size: 7px
    }

    .noticia-preview .ql-size-8 {
        font-size: 8px
    }

    .noticia-preview .ql-size-9 {
        font-size: 9px
    }

    .noticia-preview .ql-size-10 {
        font-size: 10px
    }

    .noticia-preview .ql-size-11 {
        font-size: 11px
    }

    .noticia-preview .ql-size-12 {
        font-size: 12px
    }

    .noticia-preview .ql-size-13 {
        font-size: 13px
    }

    .noticia-preview .ql-size-14 {
        font-size: 14px
    }

    .noticia-preview .ql-size-15 {
        font-size: 15px
    }

    .noticia-preview .ql-size-16 {
        font-size: 16px
    }

    .noticia-preview .ql-size-17 {
        font-size: 17px
    }

    .noticia-preview .ql-size-18 {
        font-size: 18px
    }

    .noticia-preview .ql-size-19 {
        font-size: 19px
    }

    .noticia-preview .ql-size-20 {
        font-size: 20px
    }

    .noticia-preview .ql-size-21 {
        font-size: 21px
    }

    .noticia-preview .ql-size-22 {
        font-size: 22px
    }

    .noticia-preview .ql-size-23 {
        font-size: 23px
    }

    .noticia-preview .ql-size-24 {
        font-size: 24px
    }

    .noticia-preview .ql-size-25 {
        font-size: 25px
    }

    .noticia-preview .ql-size-26 {
        font-size: 26px
    }

    .noticia-preview .ql-size-27 {
        font-size: 27px
    }

    .noticia-preview .ql-size-28 {
        font-size: 28px
    }

    .noticia-preview .ql-size-29 {
        font-size: 29px
    }

    .noticia-preview .ql-size-30 {
        font-size: 30px
    }

    .noticia-preview .ql-size-31 {
        font-size: 31px
    }

    .noticia-preview .ql-size-32 {
        font-size: 32px
    }

    .noticia-preview .ql-size-33 {
        font-size: 33px
    }

    .noticia-preview .ql-size-34 {
        font-size: 34px
    }

    .noticia-preview .ql-size-35 {
        font-size: 35px
    }

    .noticia-preview .ql-size-36 {
        font-size: 36px
    }

    .noticia-preview .ql-size-37 {
        font-size: 37px
    }

    .noticia-preview .ql-size-38 {
        font-size: 38px
    }

    .noticia-preview .ql-size-39 {
        font-size: 39px
    }

    .noticia-preview .ql-size-40 {
        font-size: 40px
    }

    .noticia-preview .ql-size-41 {
        font-size: 41px
    }

    .noticia-preview .ql-size-42 {
        font-size: 42px
    }

    .noticia-preview .ql-size-43 {
        font-size: 43px
    }

    .noticia-preview .ql-size-44 {
        font-size: 44px
    }

    .noticia-preview .ql-size-45 {
        font-size: 45px
    }

    .noticia-preview .ql-size-46 {
        font-size: 46px
    }

    .noticia-preview .ql-size-47 {
        font-size: 47px
    }

    .noticia-preview .ql-size-48 {
        font-size: 48px
    }

    .noticia-preview .ql-size-49 {
        font-size: 49px
    }

    .noticia-preview .ql-size-50 {
        font-size: 50px
    }

    .noticia-preview .ql-size-51 {
        font-size: 51px
    }

    .noticia-preview .ql-size-52 {
        font-size: 52px
    }

    .noticia-preview .ql-size-53 {
        font-size: 53px
    }

    .noticia-preview .ql-size-54 {
        font-size: 54px
    }

    .noticia-preview .ql-size-55 {
        font-size: 55px
    }

    .noticia-preview .ql-size-56 {
        font-size: 56px
    }

    .noticia-preview .ql-size-57 {
        font-size: 57px
    }

    .noticia-preview .ql-size-58 {
        font-size: 58px
    }

    .noticia-preview .ql-size-59 {
        font-size: 59px
    }

    .noticia-preview .ql-size-60 {
        font-size: 60px
    }

    .noticia-preview .ql-size-61 {
        font-size: 61px
    }

    .noticia-preview .ql-size-62 {
        font-size: 62px
    }

    .noticia-preview .ql-size-63 {
        font-size: 63px
    }

    .noticia-preview .ql-size-64 {
        font-size: 64px
    }

    .noticia-preview .ql-size-65 {
        font-size: 65px
    }

    .noticia-preview .ql-size-66 {
        font-size: 66px
    }

    .noticia-preview .ql-size-67 {
        font-size: 67px
    }

    .noticia-preview .ql-size-68 {
        font-size: 68px
    }

    .noticia-preview .ql-size-69 {
        font-size: 69px
    }

    .noticia-preview .ql-size-70 {
        font-size: 70px
    }

    .noticia-preview .ql-size-71 {
        font-size: 71px
    }

    .noticia-preview .ql-size-72 {
        font-size: 72px
    }

    /* compatibilidade com tamanhos padrão do Quill (se vierem) */
    .noticia-preview .ql-size-small {
        font-size: 12px
    }

    .noticia-preview .ql-size-large {
        font-size: 18px
    }

    .noticia-preview .ql-size-huge {
        font-size: 22px
    }