/* ==========================================================================
   SE AGRÍCOLA — NOTÍCIA SINGLE
   Página editorial responsiva
   ========================================================================== */


/* ==========================================================================
   1. VARIÁVEIS E CONFIGURAÇÃO GERAL
   ========================================================================== */

.noticia-single-page {
    --news-primary: var(--primary-color, var(--primary, #17653a));
    --news-primary-dark: var(--primary-dark, #0d4326);
    --news-primary-light: rgba(23, 101, 58, 0.09);

    --news-accent: var(--accent-color, #d7a52b);

    --news-background: var(--background, #f7f8f6);
    --news-surface: var(--surface, #ffffff);

    --news-text: var(--text, #27342c);
    --news-heading: var(--heading-color, #102a1b);
    --news-muted: var(--text-muted, #718078);

    --news-border: var(--border-light, #e1e8e3);

    --news-radius-sm: var(--radius-sm, 8px);
    --news-radius-md: var(--radius-md, 14px);
    --news-radius-lg: var(--radius-lg, 20px);
    --news-radius-xl: var(--radius-xl, 26px);

    --news-shadow-xs:
            0 2px 8px rgba(20, 55, 34, 0.05);

    --news-shadow-sm:
            0 8px 24px rgba(20, 55, 34, 0.08);

    --news-shadow-md:
            0 18px 42px rgba(20, 55, 34, 0.12);

    min-height: 100vh;
    padding: 1.5rem 0 5rem;

    background:
            radial-gradient(
                    circle at top right,
                    rgba(23, 101, 58, 0.045),
                    transparent 30rem
            ),
            var(--news-background);

    color: var(--news-text);
    font-family: var(--font-base, "Inter", sans-serif);
}

.noticia-single-page *,
.noticia-single-page *::before,
.noticia-single-page *::after {
    box-sizing: border-box;
}

.noticia-single-page button {
    font-family: inherit;
}


/* ==========================================================================
   2. BREADCRUMB
   ========================================================================== */

.noticia-breadcrumb {
    margin-bottom: 1.6rem;
}

.noticia-breadcrumb ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.4rem;

    margin: 0;
    padding: 0;

    list-style: none;

    color: var(--news-muted);
    font-size: 0.78rem;
}

.noticia-breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;

    min-width: 0;
}

.noticia-breadcrumb li > svg {
    width: 13px;
    height: 13px;

    flex-shrink: 0;

    color: #9aa59e;
}

.noticia-breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;

    color: var(--news-muted);
    text-decoration: none;

    transition: color 0.2s ease;
}

.noticia-breadcrumb a svg {
    width: 14px;
    height: 14px;
}

.noticia-breadcrumb a:hover {
    color: var(--news-primary);
}

.noticia-breadcrumb li[aria-current="page"] span {
    display: block;

    max-width: 350px;

    overflow: hidden;

    color: var(--news-heading);
    font-weight: 700;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ==========================================================================
   3. CABEÇALHO EDITORIAL
   ========================================================================== */

.noticia-header {
    width: 100%;
    max-width: 1160px;

    margin: 0 auto 1.8rem;
}


/* Categoria e tempo de leitura */

.noticia-header-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.75rem;

    margin-bottom: 1rem;
}

.noticia-category {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 0.4rem;

    min-height: 32px;
    padding: 0.38rem 0.82rem;

    border-radius: 999px;

    background: var(--news-primary);
    color: #ffffff;

    font-family: var(--font-base, "Inter", sans-serif);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    line-height: 1;

    text-decoration: none;
    text-transform: uppercase;

    transition:
            background-color 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}

.noticia-category svg {
    width: 14px;
    height: 14px;

    flex-shrink: 0;
}

.noticia-category:hover {
    background: var(--news-primary-dark);
    color: #ffffff;

    transform: translateY(-1px);

    box-shadow:
            0 7px 17px rgba(23, 101, 58, 0.18);
}

.noticia-reading-time {
    display: inline-flex;
    align-items: center;

    gap: 0.38rem;

    color: var(--news-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.noticia-reading-time svg {
    width: 15px;
    height: 15px;

    color: var(--news-primary);
}


/* Título */

.noticia-title {
    /*max-width: 980px;*/

    margin: 0;

    color: var(--news-heading);

    font-family: var(--font-base, "Inter", sans-serif);
    font-size: clamp(2rem, 3.15vw, 3.05rem);
    font-weight: 800;
    letter-spacing: -0.043em;
    line-height: 1.08;

    overflow-wrap: break-word;
    /*text-wrap: balance;*/
}


/* Subtítulo */

.noticia-subtitle {
    max-width: 880px;

    margin: 0.9rem 0 0;

    color: var(--news-muted);

    font-family: var(--font-base, "Inter", sans-serif);
    font-size: clamp(1rem, 1.3vw, 1.16rem);
    font-weight: 400;
    line-height: 1.55;

    text-wrap: pretty;
}


/* ==========================================================================
   4. AUTOR, DATA E AÇÕES
   ========================================================================== */

.noticia-header-footer,
.noticia-info {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 1.5rem;

    margin-top: 1.4rem;
    padding-top: 1.15rem;

    border-top: 1px solid var(--news-border);
}

.noticia-publication-info {
    min-width: 0;
}

.noticia-author {
    display: flex;
    align-items: center;

    gap: 0.75rem;

    min-width: 0;
}

.noticia-author-avatar {
    display: grid;
    place-items: center;

    width: 44px;
    height: 44px;
    flex: 0 0 44px;

    border-radius: 50%;

    background:
            linear-gradient(
                    135deg,
                    var(--news-primary),
                    var(--news-primary-dark)
            );

    color: #ffffff;

    font-family: var(--font-base, "Inter", sans-serif);
    font-size: 0.95rem;
    font-weight: 900;

    box-shadow:
            0 7px 17px rgba(23, 101, 58, 0.2);
}

.noticia-author-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.55rem 1.25rem;

    min-width: 0;
}

.noticia-author-name,
.noticia-author-data {
    display: flex;
    flex-direction: column;

    min-width: 0;

    line-height: 1.22;
}

.noticia-author-name span,
.noticia-author-label {
    margin-bottom: 0.12rem;

    color: var(--news-muted);
    font-size: 0.67rem;
    font-weight: 500;
}

.noticia-author-name strong,
.noticia-author-data strong {
    overflow: hidden;

    color: var(--news-heading);
    font-size: 0.84rem;
    font-weight: 800;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Meta */

.noticia-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.55rem 0.95rem;

    color: var(--news-muted);
    font-size: 0.74rem;
}

.noticia-meta span {
    display: inline-flex;
    align-items: center;

    gap: 0.34rem;
}

.noticia-meta svg {
    width: 13px;
    height: 13px;

    color: var(--news-primary);
}


/* Ações */

.noticia-actions-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 0.55rem;

    max-width: 650px;
}

.noticia-actions-label {
    color: var(--news-muted);
    font-size: 0.7rem;
    font-weight: 700;
}

.noticia-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 0.4rem;

    margin: 0;
}

.noticia-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 0.35rem;

    min-height: 36px;
    padding: 0.46rem 0.72rem;

    border: 1px solid var(--news-border);
    border-radius: 999px;

    background: var(--news-surface);
    color: var(--news-text);

    box-shadow: var(--news-shadow-xs);

    font-family: var(--font-base, "Inter", sans-serif);
    font-size: 0.71rem;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    cursor: pointer;

    transition:
            color 0.2s ease,
            background-color 0.2s ease,
            border-color 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}

.noticia-action-btn svg {
    width: 14px;
    height: 14px;

    flex-shrink: 0;
}

.noticia-action-btn:hover {
    transform: translateY(-2px);

    box-shadow: var(--news-shadow-sm);
}

.noticia-x-icon {
    display: none;

    font-size: 0.74rem;
    font-weight: 900;
}

.action-whatsapp:hover {
    border-color: #1b9e4d;

    background: #1b9e4d;
    color: #ffffff;
}

.action-facebook:hover {
    border-color: #1877f2;

    background: #1877f2;
    color: #ffffff;
}

.action-twitter:hover {
    border-color: #171717;

    background: #171717;
    color: #ffffff;
}

.action-copy:hover,
.action-print:hover {
    border-color: var(--news-primary);

    background: var(--news-primary-light);
    color: var(--news-primary-dark);
}

.action-edit {
    border-color: rgba(202, 148, 20, 0.4);

    background: rgba(215, 165, 43, 0.07);
    color: #85600d;
}

.action-edit:hover {
    border-color: var(--news-accent);

    background: var(--news-accent);
    color: #ffffff;
}

.noticia-action-btn.is-copied {
    border-color: var(--news-primary);

    background: var(--news-primary);
    color: #ffffff;
}


/* ==========================================================================
   5. IMAGEM DE CAPA
   ========================================================================== */

.noticia-cover {
    position: relative;

    width: 100%;
    max-height: 620px;
    aspect-ratio: 16 / 8.5;

    margin: 0 0 2.5rem;

    overflow: hidden;

    border: 1px solid rgba(20, 55, 34, 0.08);
    border-radius: var(--news-radius-xl);

    background: #e8eee9;

    box-shadow: var(--news-shadow-md);
}

.noticia-cover::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
            linear-gradient(
                    to bottom,
                    transparent 65%,
                    rgba(6, 24, 13, 0.17)
            );

    pointer-events: none;
}

.noticia-cover img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.6s ease;
}

.noticia-cover:hover img {
    transform: scale(1.012);
}


/* ==========================================================================
   6. LAYOUT PRINCIPAL
   ========================================================================== */

.noticia-layout {
    align-items: flex-start;
}

.noticia-content-card {
    padding: clamp(1.3rem, 3vw, 2.6rem);

    border: 1px solid var(--news-border);
    border-radius: var(--news-radius-xl);

    background: var(--news-surface);

    box-shadow: var(--news-shadow-sm);
}


/* ==========================================================================
   7. CONTEÚDO EDITORIAL
   ========================================================================== */

.noticia-content {
    color: var(--news-text);

    font-family: var(--font-base, "Inter", sans-serif);
    font-size: clamp(1rem, 1.25vw, 1.08rem);
    line-height: 1.85;

    overflow-wrap: anywhere;
}

.noticia-content > *:first-child {
    margin-top: 0;
}

.noticia-content > *:last-child {
    margin-bottom: 0;
}

.noticia-content p {
    margin: 0 0 1.45rem;
}

.noticia-content p:first-child::first-letter {
    float: left;

    margin: 0.04em 0.1em 0 0;

    color: var(--news-primary);

    font-family: var(--font-title, "Exo", sans-serif);
    font-size: 3.8rem;
    font-weight: 900;
    line-height: 0.85;
}

.noticia-content h2,
.noticia-content h3,
.noticia-content h4 {
    color: var(--news-heading);

    font-family: var(--font-title, "Exo", sans-serif);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

.noticia-content h2 {
    margin: 2.6rem 0 1rem;

    font-size: clamp(1.5rem, 2.4vw, 2rem);
}

.noticia-content h3 {
    margin: 2.1rem 0 0.8rem;

    font-size: clamp(1.28rem, 2vw, 1.65rem);
}

.noticia-content h4 {
    margin: 1.7rem 0 0.7rem;

    font-size: 1.15rem;
}

.noticia-content a {
    color: var(--news-primary);
    font-weight: 700;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.noticia-content a:hover {
    color: var(--news-primary-dark);
}

.noticia-content strong {
    color: var(--news-heading);
    font-weight: 800;
}

.noticia-content ul,
.noticia-content ol {
    margin: 1.15rem 0 1.6rem;
    padding-left: 1.45rem;
}

.noticia-content li {
    margin-bottom: 0.6rem;
    padding-left: 0.2rem;
}

.noticia-content li::marker {
    color: var(--news-primary);
    font-weight: 800;
}

.noticia-content blockquote {
    margin: 2.1rem 0;
    padding: 1.45rem 1.5rem 1.45rem 1.8rem;

    border: 0;
    border-left: 5px solid var(--news-primary);
    border-radius:
            0
            var(--news-radius-md)
            var(--news-radius-md)
            0;

    background: var(--news-primary-light);
    color: var(--news-primary-dark);

    font-size: 1.05em;
    font-style: italic;
    font-weight: 600;
    line-height: 1.7;
}

.noticia-content blockquote p:last-child {
    margin-bottom: 0;
}

.noticia-content img {
    display: block;

    max-width: 100%;
    height: auto;

    margin: 1.8rem auto;

    border-radius: var(--news-radius-lg);

    box-shadow: var(--news-shadow-sm);
}

.noticia-content figure {
    max-width: 100%;

    margin: 1.8rem 0;
}

.noticia-content figcaption {
    margin-top: 0.6rem;

    color: var(--news-muted);
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: center;
}

.noticia-content iframe,
.noticia-content video {
    width: 100%;
    max-width: 100%;

    border: 0;
    border-radius: var(--news-radius-lg);
}

.noticia-content iframe {
    min-height: 380px;
    aspect-ratio: 16 / 9;

    height: auto;
}

.noticia-content hr {
    height: 1px;

    margin: 2.4rem 0;

    border: 0;

    background: var(--news-border);
}

.noticia-content table {
    width: 100%;

    margin: 1.6rem 0;

    border-collapse: collapse;
}

.noticia-content th,
.noticia-content td {
    padding: 0.75rem;

    border: 1px solid var(--news-border);

    text-align: left;
}

.noticia-content th {
    background: var(--news-primary-light);
    color: var(--news-primary-dark);

    font-weight: 800;
}


/* ==========================================================================
   8. COMPARTILHAMENTO AO FINAL DO TEXTO
   ========================================================================== */

.noticia-footer-share {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 1.2rem;

    margin-top: 2.7rem;
    padding-top: 1.8rem;

    border-top: 1px solid var(--news-border);
}

.noticia-footer-share-text {
    display: flex;
    align-items: center;

    gap: 0.8rem;

    min-width: 0;
}

.noticia-footer-share-icon {
    display: grid;
    place-items: center;

    width: 44px;
    height: 44px;
    flex-shrink: 0;

    border-radius: 50%;

    background: var(--news-primary-light);
    color: var(--news-primary);
}

.noticia-footer-share-icon svg {
    width: 19px;
    height: 19px;
}

.noticia-footer-share-text div {
    display: flex;
    flex-direction: column;

    gap: 0.15rem;
}

.noticia-footer-share-text strong {
    color: var(--news-heading);
    font-size: 0.9rem;
}

.noticia-footer-share-text span {
    color: var(--news-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.noticia-footer-share-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 0.5rem;
}

.footer-share-whatsapp,
.footer-share-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 0.4rem;

    min-height: 40px;
    padding: 0.6rem 0.85rem;

    border-radius: var(--news-radius-sm);

    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 800;

    text-decoration: none;

    cursor: pointer;

    transition:
            background-color 0.2s ease,
            border-color 0.2s ease,
            color 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}

.footer-share-whatsapp {
    border: 1px solid #1da851;

    background: #1da851;
    color: #ffffff;
}

.footer-share-copy {
    border: 1px solid var(--news-border);

    background: var(--news-surface);
    color: var(--news-heading);
}

.footer-share-whatsapp svg,
.footer-share-copy svg {
    width: 16px;
    height: 16px;
}

.footer-share-whatsapp:hover,
.footer-share-copy:hover {
    transform: translateY(-2px);

    box-shadow: var(--news-shadow-sm);
}

.footer-share-whatsapp:hover {
    border-color: #168944;

    background: #168944;
    color: #ffffff;
}

.footer-share-copy:hover,
.footer-share-copy.is-copied {
    border-color: var(--news-primary);

    background: var(--news-primary);
    color: #ffffff;
}


/* ==========================================================================
   9. SIDEBAR
   ========================================================================== */

.noticia-sidebar-sticky {
    position: sticky;
    top: 100px;
}

.sidebar-card {
    margin-bottom: 1.2rem;
    padding: 1.25rem;

    border: 1px solid var(--news-border);
    border-radius: var(--news-radius-xl);

    background: var(--news-surface);

    box-shadow: var(--news-shadow-sm);
}

.sidebar-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 1rem;

    margin-bottom: 1.1rem;
}

.sidebar-eyebrow,
.noticia-section-eyebrow {
    display: block;

    margin-bottom: 0.28rem;

    color: var(--news-primary);

    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.1em;

    text-transform: uppercase;
}

.sidebar-card-header h2 {
    margin: 0;

    color: var(--news-heading);

    font-family: var(--font-title, "Exo", sans-serif);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.sidebar-header-icon {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;
    flex-shrink: 0;

    border-radius: 50%;

    background: var(--news-primary-light);
    color: var(--news-primary);
}

.sidebar-header-icon svg {
    width: 18px;
    height: 18px;
}


/* ==========================================================================
   10. MAIS LIDAS
   ========================================================================== */

.sidebar-most-read-list {
    display: flex;
    flex-direction: column;
}

.most-read-item {
    display: grid;
    grid-template-columns: 25px 72px minmax(0, 1fr);
    align-items: center;

    gap: 0.65rem;

    padding: 0.85rem 0;

    border-bottom: 1px solid var(--news-border);

    color: inherit;
    text-decoration: none;
}

.most-read-item:first-child {
    padding-top: 0;
}

.most-read-item:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}

.most-read-position {
    align-self: flex-start;

    padding-top: 0.12rem;

    color: rgba(23, 101, 58, 0.27);

    font-family: var(--font-title, "Exo", sans-serif);
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1;

    transition: color 0.2s ease;
}

.most-read-image {
    width: 72px;
    height: 64px;

    overflow: hidden;

    border-radius: var(--news-radius-sm);

    background: #e8eee9;
}

.most-read-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.most-read-content {
    min-width: 0;
}

.most-read-category {
    display: block;

    margin-bottom: 0.18rem;

    color: var(--news-primary);

    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.045em;

    text-transform: uppercase;
}

.most-read-content h3 {
    display: -webkit-box;

    margin: 0;

    overflow: hidden;

    color: var(--news-heading);

    font-family: var(--font-base, "Inter", sans-serif);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.34;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    transition: color 0.2s ease;
}

.most-read-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.5rem;

    margin-top: 0.32rem;

    color: var(--news-muted);
    font-size: 0.61rem;
}

.most-read-meta span {
    display: inline-flex;
    align-items: center;

    gap: 0.22rem;
}

.most-read-meta svg {
    width: 10px;
    height: 10px;
}

.most-read-item:hover .most-read-position,
.most-read-item:hover h3 {
    color: var(--news-primary);
}

.most-read-item:hover img {
    transform: scale(1.07);
}


/* ==========================================================================
   11. CARD DE COMPARTILHAMENTO DA SIDEBAR
   ========================================================================== */

.sidebar-share-card {
    overflow: hidden;

    background:
            linear-gradient(
                    145deg,
                    var(--news-primary-dark),
                    var(--news-primary)
            );

    color: #ffffff;
}

.sidebar-share-icon {
    display: grid;
    place-items: center;

    width: 45px;
    height: 45px;

    margin-bottom: 0.9rem;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.sidebar-share-icon svg {
    width: 20px;
    height: 20px;
}

.sidebar-share-card h2 {
    margin: 0 0 0.6rem;

    color: #ffffff;

    font-family: var(--font-title, "Exo", sans-serif);
    font-size: 1.22rem;
    font-weight: 800;
}

.sidebar-share-card p {
    margin: 0 0 1.1rem;

    color: rgba(255, 255, 255, 0.78);

    font-size: 0.78rem;
    line-height: 1.6;
}

.sidebar-share-actions {
    display: flex;
    flex-direction: column;

    gap: 0.55rem;
}

.sidebar-whatsapp,
.sidebar-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 0.45rem;

    min-height: 42px;
    padding: 0.6rem 0.8rem;

    border-radius: var(--news-radius-sm);

    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 800;

    text-decoration: none;

    cursor: pointer;

    transition:
            background-color 0.2s ease,
            border-color 0.2s ease,
            color 0.2s ease,
            transform 0.2s ease;
}

.sidebar-whatsapp {
    border: 1px solid #ffffff;

    background: #ffffff;
    color: var(--news-primary-dark);
}

.sidebar-copy {
    border: 1px solid rgba(255, 255, 255, 0.35);

    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.sidebar-whatsapp svg,
.sidebar-copy svg {
    width: 16px;
    height: 16px;
}

.sidebar-whatsapp:hover,
.sidebar-copy:hover {
    transform: translateY(-2px);
}

.sidebar-whatsapp:hover {
    background: #f0f6f1;
    color: var(--news-primary-dark);
}

.sidebar-copy:hover,
.sidebar-copy.is-copied {
    border-color: #ffffff;

    background: rgba(255, 255, 255, 0.2);
}


/* Todas as notícias */

.sidebar-all-news {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 1rem;

    min-height: 76px;
    padding: 1rem 1.15rem;

    border: 1px solid var(--news-border);
    border-radius: var(--news-radius-lg);

    background: var(--news-surface);
    color: var(--news-heading);

    box-shadow: var(--news-shadow-xs);

    text-decoration: none;

    transition:
            border-color 0.2s ease,
            color 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}

.sidebar-all-news span {
    display: flex;
    flex-direction: column;
}

.sidebar-all-news small {
    margin-bottom: 0.12rem;

    color: var(--news-muted);
    font-size: 0.66rem;
}

.sidebar-all-news strong {
    font-size: 0.84rem;
}

.sidebar-all-news > svg {
    width: 19px;
    height: 19px;

    color: var(--news-primary);

    transition: transform 0.2s ease;
}

.sidebar-all-news:hover {
    border-color: rgba(23, 101, 58, 0.3);

    color: var(--news-primary-dark);

    transform: translateY(-2px);

    box-shadow: var(--news-shadow-sm);
}

.sidebar-all-news:hover > svg {
    transform: translateX(4px);
}


/* ==========================================================================
   12. NAVEGAÇÃO ENTRE NOTÍCIAS
   ========================================================================== */

.noticia-navigation {
    margin-top: 3rem;
    padding-top: 1.8rem;

    border-top: 1px solid var(--news-border);
}

.noticia-navigation-card {
    display: flex;
    align-items: center;

    gap: 0.9rem;

    min-height: 112px;
    height: 100%;

    padding: 1.15rem;

    border: 1px solid var(--news-border);
    border-radius: var(--news-radius-lg);

    background: var(--news-surface);
    color: var(--news-heading);

    box-shadow: var(--news-shadow-xs);

    text-decoration: none;

    transition:
            border-color 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}

.navigation-next {
    justify-content: flex-end;

    text-align: right;
}

.navigation-icon {
    display: grid;
    place-items: center;

    width: 40px;
    height: 40px;
    flex-shrink: 0;

    border-radius: 50%;

    background: var(--news-primary-light);
    color: var(--news-primary);

    transition:
            background-color 0.2s ease,
            color 0.2s ease,
            transform 0.2s ease;
}

.navigation-icon svg {
    width: 18px;
    height: 18px;
}

.navigation-content {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.navigation-content small {
    margin-bottom: 0.3rem;

    color: var(--news-muted);

    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;

    text-transform: uppercase;
}

.navigation-content strong {
    display: -webkit-box;

    overflow: hidden;

    color: var(--news-heading);

    font-family: var(--font-title, "Exo", sans-serif);
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.4;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.noticia-navigation-card:hover {
    border-color: rgba(23, 101, 58, 0.3);

    transform: translateY(-4px);

    box-shadow: var(--news-shadow-sm);
}

.noticia-navigation-card:hover .navigation-icon {
    background: var(--news-primary);
    color: #ffffff;
}

.navigation-previous:hover .navigation-icon {
    transform: translateX(-3px);
}

.navigation-next:hover .navigation-icon {
    transform: translateX(3px);
}


/* ==========================================================================
   13. NOTÍCIAS RELACIONADAS
   ========================================================================== */

.noticia-related {
    margin-top: 3.6rem;
    padding-top: 2.6rem;

    border-top: 1px solid var(--news-border);
}

.noticia-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 2rem;

    margin-bottom: 1.5rem;
}

.noticia-section-header h2 {
    margin: 0;

    color: var(--news-heading);

    font-family: var(--font-title, "Exo", sans-serif);
    font-size: clamp(1.6rem, 2.7vw, 2.2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.noticia-section-header p {
    margin: 0.4rem 0 0;

    color: var(--news-muted);
    font-size: 0.84rem;
}

.noticia-section-link {
    display: inline-flex;
    align-items: center;

    gap: 0.4rem;

    flex-shrink: 0;

    color: var(--news-primary);

    font-size: 0.78rem;
    font-weight: 800;

    text-decoration: none;
}

.noticia-section-link svg {
    width: 16px;
    height: 16px;

    transition: transform 0.2s ease;
}

.noticia-section-link:hover {
    color: var(--news-primary-dark);
}

.noticia-section-link:hover svg {
    transform: translateX(4px);
}

.related-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--news-border);
    border-radius: var(--news-radius-xl);

    background: var(--news-surface);

    box-shadow: var(--news-shadow-xs);

    transition:
            border-color 0.25s ease,
            transform 0.25s ease,
            box-shadow 0.25s ease;
}

.related-card:hover {
    border-color: rgba(23, 101, 58, 0.27);

    transform: translateY(-6px);

    box-shadow: var(--news-shadow-md);
}

.related-card-image {
    position: relative;

    display: block;

    height: 205px;

    overflow: hidden;

    background: #e8eee9;
}

.related-card-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
            linear-gradient(
                    to bottom,
                    transparent 58%,
                    rgba(7, 27, 15, 0.32)
            );

    pointer-events: none;
}

.related-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;
}

.related-card:hover .related-card-image img {
    transform: scale(1.055);
}

.related-card-category {
    position: absolute;
    z-index: 2;

    left: 0.9rem;
    bottom: 0.9rem;

    max-width: calc(100% - 1.8rem);

    padding: 0.3rem 0.6rem;

    overflow: hidden;

    border-radius: 999px;

    background: rgba(255, 255, 255, 0.94);
    color: var(--news-primary-dark);

    font-size: 0.59rem;
    font-weight: 900;
    letter-spacing: 0.04em;

    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.related-card-body {
    display: flex;
    flex-direction: column;

    padding: 1.15rem;
}

.related-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.7rem;

    margin-bottom: 0.65rem;

    color: var(--news-muted);
    font-size: 0.65rem;
}

.related-card-meta span {
    display: inline-flex;
    align-items: center;

    gap: 0.28rem;
}

.related-card-meta svg {
    width: 12px;
    height: 12px;

    color: var(--news-primary);
}

.related-card h3 {
    margin: 0;

    font-family: var(--font-title, "Exo", sans-serif);
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -0.018em;
    line-height: 1.38;
}

.related-card h3 a {
    display: -webkit-box;

    overflow: hidden;

    color: var(--news-heading);
    text-decoration: none;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    transition: color 0.2s ease;
}

.related-card h3 a:hover {
    color: var(--news-primary);
}

.related-card-body p {
    display: -webkit-box;

    margin: 0.7rem 0 0;

    overflow: hidden;

    color: var(--news-muted);

    font-size: 0.77rem;
    line-height: 1.6;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.related-card-link {
    display: inline-flex;
    align-items: center;

    gap: 0.32rem;

    align-self: flex-start;

    margin-top: 0.9rem;

    color: var(--news-primary);

    font-size: 0.74rem;
    font-weight: 800;

    text-decoration: none;
}

.related-card-link svg {
    width: 14px;
    height: 14px;

    transition: transform 0.2s ease;
}

.related-card-link:hover {
    color: var(--news-primary-dark);
}

.related-card-link:hover svg {
    transform: translate(2px, -2px);
}


/* ==========================================================================
   14. ACESSIBILIDADE
   ========================================================================== */

.noticia-single-page a:focus-visible,
.noticia-single-page button:focus-visible {
    outline: 3px solid rgba(23, 101, 58, 0.3);
    outline-offset: 3px;
}


/* ==========================================================================
   15. DESKTOP INTERMEDIÁRIO
   ========================================================================== */

@media (max-width: 1199.98px) {
    .noticia-title {
        max-width: 900px;

        font-size: clamp(2rem, 3.3vw, 2.85rem);
    }

    .noticia-header-footer,
    .noticia-info {
        align-items: flex-start;
        flex-direction: column;

        gap: 1rem;
    }

    .noticia-actions-wrapper,
    .noticia-actions {
        justify-content: flex-start;
    }

    .noticia-actions-wrapper {
        max-width: none;
    }

    .most-read-item {
        grid-template-columns: 23px 65px minmax(0, 1fr);

        gap: 0.55rem;
    }

    .most-read-image {
        width: 65px;
        height: 59px;
    }

    .most-read-content h3 {
        font-size: 0.73rem;
    }
}


/* ==========================================================================
   16. TABLET
   ========================================================================== */

@media (max-width: 991.98px) {
    .noticia-single-page {
        padding-top: 1.25rem;
    }

    .noticia-header {
        margin-bottom: 1.5rem;
    }

    .noticia-title {
        max-width: 820px;

        font-size: clamp(1.95rem, 5vw, 2.65rem);
    }

    .noticia-subtitle {
        max-width: 760px;
    }

    .noticia-cover {
        max-height: none;
        aspect-ratio: 16 / 9;

        margin-bottom: 2rem;

        border-radius: var(--news-radius-lg);
    }

    .noticia-sidebar {
        margin-top: 0.5rem;
    }

    .noticia-sidebar-sticky {
        position: static;
    }

    .most-read-item {
        grid-template-columns: 30px 88px minmax(0, 1fr);
    }

    .most-read-image {
        width: 88px;
        height: 72px;
    }

    .most-read-content h3 {
        font-size: 0.84rem;
    }

    .sidebar-share-actions {
        flex-direction: row;
    }

    .sidebar-share-actions > * {
        flex: 1;
    }
}


/* ==========================================================================
   17. MOBILE
   ========================================================================== */

@media (max-width: 767.98px) {
    .noticia-single-page {
        padding: 1rem 0 3.5rem;
    }

    .noticia-breadcrumb {
        margin-bottom: 1.2rem;
    }

    .noticia-breadcrumb li[aria-current="page"] {
        display: none;
    }

    .noticia-header-top {
        margin-bottom: 0.85rem;
    }

    .noticia-category {
        min-height: 30px;
        padding: 0.34rem 0.7rem;

        font-size: 0.65rem;
    }

    .noticia-title {
        font-size: clamp(1.75rem, 7.5vw, 2.25rem);
        letter-spacing: -0.035em;
        line-height: 1.12;

        text-wrap: pretty;
    }

    .noticia-subtitle {
        margin-top: 0.75rem;

        font-size: 0.96rem;
        line-height: 1.5;
    }

    .noticia-header-footer,
    .noticia-info {
        margin-top: 1.15rem;
        padding-top: 1rem;
    }

    .noticia-author-content {
        align-items: flex-start;
        flex-direction: column;

        gap: 0.45rem;
    }

    .noticia-actions-wrapper {
        display: block;

        width: 100%;
    }

    .noticia-actions-label {
        display: block;

        margin-bottom: 0.5rem;
    }

    .noticia-actions {
        justify-content: flex-start;
    }

    .noticia-action-btn {
        width: 39px;
        min-width: 39px;
        height: 39px;

        padding: 0;
    }

    .noticia-action-btn > span:not(.noticia-x-icon) {
        display: none;
    }

    .noticia-x-icon {
        display: inline;
    }

    .action-twitter .noticia-action-text {
        display: none;
    }

    .noticia-cover {
        aspect-ratio: 4 / 3;

        border-radius: var(--news-radius-md);
    }

    .noticia-content-card {
        border-radius: var(--news-radius-lg);
    }

    .noticia-content {
        line-height: 1.8;
    }

    .noticia-content p:first-child::first-letter {
        font-size: 3.35rem;
    }

    .noticia-content iframe {
        min-height: 280px;
    }

    .noticia-footer-share {
        align-items: stretch;
        flex-direction: column;
    }

    .noticia-footer-share-actions {
        justify-content: flex-start;
    }

    .noticia-section-header {
        align-items: flex-start;
        flex-direction: column;

        gap: 0.9rem;
    }

    .related-card-image {
        height: 225px;
    }
}


/* ==========================================================================
   18. MOBILE PEQUENO
   ========================================================================== */

@media (max-width: 575.98px) {
    .noticia-single-page > .container {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .noticia-header {
        margin-bottom: 1.2rem;
    }

    .noticia-header-top {
        align-items: flex-start;
        flex-direction: column;

        gap: 0.5rem;
    }

    .noticia-title {
        font-size: 1.72rem;
    }

    .noticia-author-avatar {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .noticia-meta {
        align-items: flex-start;
        flex-direction: column;

        gap: 0.4rem;
    }

    .noticia-cover {
        width: calc(100% + 2rem);

        margin-left: -1rem;

        border-right: 0;
        border-left: 0;
        border-radius: 0;

        box-shadow: none;
    }

    .noticia-content-card {
        padding: 1.1rem;

        border-radius: var(--news-radius-md);
    }

    .noticia-content {
        font-size: 0.98rem;
    }

    .noticia-content p:first-child::first-letter {
        font-size: 3rem;
    }

    .noticia-content h2 {
        margin-top: 2.1rem;

        font-size: 1.45rem;
    }

    .noticia-content h3 {
        font-size: 1.22rem;
    }

    .noticia-content blockquote {
        padding: 1.1rem 0.9rem 1.1rem 1.15rem;
    }

    .noticia-content iframe {
        min-height: 215px;
    }

    .noticia-footer-share-text {
        align-items: flex-start;
    }

    .noticia-footer-share-actions {
        flex-direction: column;
    }

    .noticia-footer-share-actions > * {
        width: 100%;
    }

    .sidebar-card {
        padding: 1.05rem;

        border-radius: var(--news-radius-lg);
    }

    .most-read-item {
        grid-template-columns: 23px 70px minmax(0, 1fr);
    }

    .most-read-image {
        width: 70px;
        height: 63px;
    }

    .most-read-content h3 {
        font-size: 0.75rem;
    }

    .most-read-meta span:first-child {
        display: none;
    }

    .sidebar-share-actions {
        flex-direction: column;
    }

    .noticia-navigation-card {
        min-height: 100px;
    }

    .navigation-next {
        justify-content: space-between;

        text-align: left;
    }

    .related-card-image {
        height: 205px;
    }
}


/* ==========================================================================
   19. REDUÇÃO DE MOVIMENTO
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .noticia-single-page *,
    .noticia-single-page *::before,
    .noticia-single-page *::after {
        scroll-behavior: auto !important;

        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* ==========================================================================
   20. IMPRESSÃO
   ========================================================================== */

@media print {
    .noticia-single-page {
        padding: 0;

        background: #ffffff;
    }

    .noticia-breadcrumb,
    .noticia-actions-wrapper,
    .noticia-actions,
    .noticia-sidebar,
    .noticia-footer-share,
    .noticia-navigation,
    .noticia-related {
        display: none !important;
    }

    .noticia-header {
        max-width: none;

        margin-bottom: 1rem;
    }

    .noticia-title {
        color: #000000;

        font-size: 27pt;
    }

    .noticia-subtitle,
    .noticia-meta,
    .noticia-author-label,
    .noticia-author-name span {
        color: #444444;
    }

    .noticia-cover {
        max-height: 400px;

        margin-bottom: 1.5rem;

        border: 0;
        border-radius: 0;

        box-shadow: none;
    }

    .noticia-content-card {
        padding: 0;

        border: 0;
        border-radius: 0;

        box-shadow: none;
    }

    .noticia-content {
        color: #000000;

        font-size: 11pt;
        line-height: 1.6;
    }

    .noticia-content a {
        color: #000000;

        text-decoration: none;
    }

    .noticia-content p:first-child::first-letter {
        color: #000000;
    }
}