/*
 * SINDJUS-MA — Full News 2026
 * Layout da página pública. Não redefine internals dos componentes SCF.
 */

.sj-fullnews,
.sj-fullnews *,
.sj-fullnews *::before,
.sj-fullnews *::after {
    box-sizing: border-box;
}

.sj-fullnews {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 14px 56px;
    color: #20242d;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

.sj-fullnews__header {
    display: block;
    margin: 0 0 34px;
    padding: 0 0 24px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    color: #20242d;
    float: none;
    width: auto;
    min-height: 0;
}

.sj-fullnews__title {
    margin: 0;
    padding: 0;
    max-width: 100%;
    color: #20242d;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: -0.025em;
    text-transform: none;
}

/*
 * Proteção editorial: caixa alta integral ganha escala menor sem modificar
 * o conteúdo salvo. A classe é aplicada pelo fullnews.php somente quando
 * todas as letras do título estão em maiúsculas.
 */
.sj-fullnews__title--uppercase {
    font-size: clamp(30px, 3.35vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.018em;
}

.sj-fullnews__lead {
    max-width: 980px;
    margin: 18px 0 0;
    padding: 0;
    color: #56657a;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.55;
}

.sj-fullnews__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 18px 0 0;
    padding: 0;
    color: #64748b;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}

.sj-fullnews__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 286px;
    gap: 42px;
    align-items: start;
    width: 100%;
}

.sj-fullnews__article,
.sj-fullnews__sidebar {
    display: block;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.sj-fullnews__body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    color: #2f3540;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.58;
}

.sj-fullnews__body img,
.sj-fullnews__body video,
.sj-fullnews__body iframe {
    max-width: 100%;
}

.sj-fullnews__body img {
    height: auto;
}

.sj-fullnews__body p {
    margin-top: 0;
    margin-bottom: 1.45em;
}

/*
 * Host CSS isolation — o Foundation antigo define font-size diretamente em
 * p/li/etc. Herança no container não basta; os elementos textuais da matéria
 * precisam voltar explicitamente para a escala do Full News.
 */
.sj-fullnews__body p,
.sj-fullnews__body li,
.sj-fullnews__body dd,
.sj-fullnews__body dt,
.sj-fullnews__body blockquote,
.sj-fullnews__body pre,
.sj-fullnews__body td,
.sj-fullnews__body th,
.sj-fullnews__body a,
.sj-fullnews__body span,
.sj-fullnews__body strong,
.sj-fullnews__body em {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.sj-fullnews__body ul,
.sj-fullnews__body ol {
    font-size: inherit;
    line-height: inherit;
}

.sj-fullnews__body li {
    margin-bottom: .45em;
}

.sj-fullnews__sidebar {
    align-self: stretch;
}

.sj-fullnews__sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 24px;
    display: grid;
    gap: 28px;
    align-self: start;
}

/* O layout posiciona os SCF; aparência interna continua pertencendo ao SCF. */
.sj-fullnews__sidebar .scf-share,
.sj-fullnews__sidebar .scf-most-read {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 820px) {
    .sj-fullnews {
        padding: 24px 18px 42px;
    }

    .sj-fullnews__header {
        margin-bottom: 26px;
        padding-bottom: 20px;
    }

    .sj-fullnews__title {
        font-size: clamp(28px, 8vw, 38px);
        line-height: 1.1;
    }

    .sj-fullnews__title--uppercase {
        font-size: clamp(26px, 7vw, 34px);
        line-height: 1.12;
    }

    .sj-fullnews__lead {
        margin-top: 14px;
        font-size: 17px;
        line-height: 1.55;
    }

    .sj-fullnews__layout {
        display: flex;
        flex-direction: column;
        gap: 34px;
    }

    .sj-fullnews__article,
    .sj-fullnews__sidebar {
        width: 100%;
    }

    .sj-fullnews__sidebar-sticky {
        position: static;
    }
}

@media (max-width: 480px) {
    .sj-fullnews {
        padding-left: 16px;
        padding-right: 16px;
    }

    .sj-fullnews__title {
        font-size: 28px;
        letter-spacing: -0.018em;
    }

    .sj-fullnews__title--uppercase {
        font-size: 25px;
        letter-spacing: -0.012em;
    }

    .sj-fullnews__lead {
        font-size: 16px;
    }

    .sj-fullnews__meta {
        font-size: 13px;
    }

    .sj-fullnews__body {
        font-size: 17px;
        line-height: 1.62;
    }
}

/* =========================================================
   SINDJUS-MA — SCF Related Posts — largura alinhada ao fullnews
   ========================================================= */
@media (min-width: 901px) {
    .sj-fullnews .scf-related-posts {
        width: calc(100vw - 48px);
        max-width: none;
        margin-left: calc(50% - 50vw + 24px);
        margin-right: calc(50% - 50vw + 24px);
    }

    .sj-fullnews .scf-related-posts__container {
        width: min(1180px, calc(100% - 48px));
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* =========================================================
   SINDJUS-MA — SCF Related Posts — tipografia dos títulos
   ========================================================= */
.sj-fullnews .scf-related-posts__item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

@media (max-width: 700px) {
    .sj-fullnews .scf-related-posts__item-title {
        font-size: 15px;
        line-height: 1.3;
    }
}



/* =========================================================
   SINDJUS-MA — FULLNEWS MAIS ABERTO — v1.3
   Aumenta somente a área útil da página/notícia.
   A lateral permanece fixa em 286px.
   ========================================================= */
@media (min-width: 901px) {
    .sj-fullnews {
        width: min(1240px, calc(100% - 48px));
        max-width: 1240px;
    }

    .sj-fullnews__layout {
        grid-template-columns: minmax(0, 1fr) 286px;
        gap: 42px;
    }

    /* Related Posts acompanha o novo eixo do fullnews. */
    .sj-fullnews .scf-related-posts__container {
        width: min(1240px, calc(100% - 48px));
        max-width: 1240px;
    }
}

/* =========================================================
   SINDJUS-MA — FULLNEWS BREAKOUT DO CONTAINER LEGADO — v1.4
   O wrapper pai legado é estreito; por isso a largura anterior
   não aparecia. Centraliza o fullnews pela viewport no desktop.
   A sidebar continua fixa em 286px e o ganho vai para a notícia.
   ========================================================= */
@media (min-width: 901px) {
    .sj-fullnews {
        width: min(1240px, calc(100vw - 48px)) !important;
        max-width: 1240px !important;
        margin-left: 50% !important;
        margin-right: 0 !important;
        transform: translateX(-50%);
    }

    .sj-fullnews__layout {
        grid-template-columns: minmax(0, 1fr) 286px !important;
        gap: 42px;
    }
}

/* =========================================================
   SINDJUS-MA — SCF Related Posts — data mais legível
   ========================================================= */
.sj-fullnews .scf-related-posts__date {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}