/* Seção /noticias: layout 2 colunas (conteúdo + sidebar 300x250), cards do hub,
   tipografia do post. Header banner vem do header.php global; ad in-content a cada 2
   blocos via googleads_inject_in_content; sidebar oculta no mobile (evita excesso de ad). */

.noticia {
    margin: 8px 0 32px;
}

.noticia-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
    align-items: start;
}

.noticia-main {
    min-width: 0;
}

/* ---------- Post ---------- */
.noticia-header {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
}

.noticia-title {
    font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 10px;
}

.noticia-lead {
    font-size: 1.08rem;
    line-height: 1.5;
    color: var(--secondary-color);
    margin: 0 0 12px;
}

.noticia-meta {
    font-size: 0.85rem;
    color: var(--secondary-color);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.noticia-meta-sep {
    opacity: 0.5;
}

.noticia-body {
    font-size: 1.02rem;
    line-height: 1.7;
}

.noticia-body h2 {
    font-size: 1.3rem;
    margin: 26px 0 10px;
}

.noticia-body p {
    margin: 0 0 14px;
}

.noticia-body ul {
    margin: 0 0 16px;
    padding-left: 22px;
}

.noticia-body li {
    margin: 6px 0;
}

/* ---------- CTA + autor + outras ---------- */
.noticia-cta {
    margin: 24px 0;
}

.noticia-cta-btn,
.noticia-sidebar-cta-btn,
.noticia-card-link {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}

.noticia-cta-btn {
    background: var(--primary-color);
    color: #fff;
    padding: 11px 20px;
    border-radius: 8px;
}

.noticia-autor {
    margin: 22px 0;
    padding: 14px 16px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: var(--content-bg);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.noticia-autor-rotulo {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--secondary-color);
}

.noticia-autor-oab {
    font-size: 0.85rem;
    color: var(--secondary-color);
}

.noticia-outras {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid var(--border-color);
}

.noticia-outras h2 {
    font-size: 1.15rem;
    margin: 0 0 10px;
}

.noticia-outras-lista {
    margin: 0;
    padding-left: 20px;
}

.noticia-outras-lista li {
    margin: 6px 0;
}

/* ---------- Sidebar ---------- */
.noticia-sidebar {
    position: sticky;
    top: 86px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.noticia-sidebar-cta {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 16px;
    background: var(--content-bg);
}

.noticia-sidebar-cta-titulo {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
}

.noticia-sidebar-cta p {
    font-size: 0.88rem;
    color: var(--secondary-color);
    margin: 0 0 12px;
}

.noticia-sidebar-cta-btn {
    background: var(--primary-color);
    color: #fff;
    padding: 9px 14px;
    border-radius: 8px;
    font-size: 0.9rem;
}

.noticia-sidebar-ad {
    display: flex;
    justify-content: center;
}

/* ---------- Hub ---------- */
.noticia-hub-header {
    margin-bottom: 20px;
}

.noticia-hub-header h1 {
    margin: 0 0 6px;
}

.noticia-hub-lead {
    color: var(--secondary-color);
    font-size: 1.02rem;
    line-height: 1.5;
    margin: 0;
}

.noticia-hub-grid {
    display: grid;
    gap: 16px;
}

.noticia-card {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 18px 20px;
    background: var(--content-bg);
}

.noticia-card-titulo {
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 0 6px;
}

.noticia-card-titulo a {
    text-decoration: none;
    color: var(--text-color);
}

.noticia-card-titulo a:hover {
    text-decoration: underline;
}

.noticia-card-data {
    font-size: 0.8rem;
    color: var(--secondary-color);
    margin: 0 0 8px;
}

.noticia-card-resumo {
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--secondary-color);
    margin: 0 0 12px;
}

.noticia-hub-vazio {
    color: var(--secondary-color);
}

/* ---------- Mobile: 1 coluna, sidebar abaixo sem o ad fixo lateral ---------- */
@media (max-width: 860px) {
    .noticia-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .noticia-sidebar {
        position: static;
    }
    /* No mobile o ad lateral 300x250 fixo nao se aplica; o header banner + os ads
       in-content ja cobrem o inventario. Esconde o slot lateral para nao poluir. */
    .noticia-sidebar-ad {
        display: none;
    }
    .noticia-title {
        font-size: 1.55rem;
    }
}

/* ---------- Elementos editoriais (estilo portal) ---------- */
/* Chip de categoria */
.noticia-cat { margin-bottom: 8px; }
.noticia-cat-chip {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #fff;
    background: var(--primary-color);
    padding: 4px 10px;
    border-radius: 999px;
}

/* Botoes de compartilhar */
.noticia-share { display: flex; gap: 8px; margin-top: 12px; }
.noticia-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background: var(--content-bg);
    color: var(--secondary-color);
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.noticia-share-btn:hover { color: var(--primary-color); border-color: var(--primary-color); transform: translateY(-1px); }
.noticia-share-btn.is-copied { color: #16a34a; border-color: #16a34a; }

/* Imagem de capa */
.noticia-capa { margin: 0 0 18px; }
.noticia-capa img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}
.noticia-capa-credito {
    font-size: 0.74rem;
    color: var(--secondary-color);
    margin-top: 6px;
}

/* Box "Em resumo" (TL;DR) */
.noticia-resumo {
    margin: 0 0 20px;
    padding: 14px 16px 14px 18px;
    border-left: 4px solid var(--primary-color);
    border-radius: 8px;
    background: var(--content-bg);
}
.noticia-resumo-titulo {
    display: block;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 8px;
}
.noticia-resumo-lista { margin: 0; padding-left: 20px; }
.noticia-resumo-lista li { margin: 5px 0; line-height: 1.45; }

/* Bloco "Fontes oficiais" */
.noticia-fontes {
    margin: 26px 0 8px;
    padding-top: 16px;
    border-top: 1px solid var(--border-color);
}
.noticia-fontes-titulo { font-size: 1.1rem; margin: 0 0 8px; }
.noticia-fontes-lista { margin: 0; padding-left: 20px; }
.noticia-fontes-lista li { margin: 5px 0; line-height: 1.4; font-size: 0.92rem; word-break: break-word; }

/* Tags */
.noticia-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 4px; }
.noticia-tag {
    font-size: 0.78rem;
    color: var(--secondary-color);
    background: var(--content-bg);
    border: 1px solid var(--border-color);
    padding: 4px 10px;
    border-radius: 999px;
}

body.dark-mode .noticia-cat-chip,
body.dark-mode .noticia-resumo-titulo { color: #fff; }
body.dark-mode .noticia-resumo-titulo { color: var(--primary-color); }

/* ---------- Hub modernizado (destaque + filtro + grade) ---------- */
.noticia-hub-head-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.noticia-hub-rss {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: var(--primary-color);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 3px 9px;
}
.noticia-hub-rss:hover { border-color: var(--primary-color); }

/* Filtro por categoria (chips) */
.noticia-filtro {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 20px;
}
.noticia-filtro-chip {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--secondary-color);
    background: var(--content-bg);
    border: 1px solid var(--border-color);
    border-radius: 999px;
    padding: 6px 14px;
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.noticia-filtro-chip:hover { border-color: var(--primary-color); color: var(--primary-color); }
.noticia-filtro-chip.is-active {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.noticia-filtro-vazio { color: var(--secondary-color); margin-top: 12px; }

/* Categoria + meta nos cards */
.noticia-card-cat {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--primary-color);
    margin-bottom: 8px;
}
.noticia-card-meta {
    font-size: 0.78rem;
    color: var(--secondary-color);
    margin: 0 0 10px;
}
.noticia-card-sep { opacity: 0.5; margin: 0 6px; }

/* Destaque (featured) */
.noticia-destaque-wrap { margin-bottom: 22px; }
.noticia-destaque {
    border: 1px solid var(--border-color);
    border-left: 4px solid var(--primary-color);
    border-radius: 12px;
    padding: 22px 24px;
    background: var(--content-bg);
}
.noticia-destaque .noticia-card-titulo {
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0 0 8px;
}
.noticia-destaque .noticia-card-titulo a { color: var(--text-color); text-decoration: none; }
.noticia-destaque .noticia-card-titulo a:hover { text-decoration: underline; }
.noticia-destaque .noticia-card-resumo { font-size: 1rem; }
.noticia-destaque .noticia-card-cat { font-size: 0.72rem; }

/* Grade 2 colunas no desktop */
.noticia-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.noticia-card .noticia-card-link { font-size: 0.9rem; }

@media (max-width: 620px) {
    .noticia-hub-grid { grid-template-columns: 1fr; }
    .noticia-destaque { padding: 18px; }
    .noticia-destaque .noticia-card-titulo { font-size: 1.25rem; }
}

/* ===================================================================
   ACHATADO - noticias SEM container/caixa (decreto owner).
   Remove bordas/fundos/sombras; usa divisorias (rules) + espaco.
   =================================================================== */

/* --- Post: "Em resumo" sem caixa (so divisorias) --- */
.noticia-resumo {
    border: none;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    background: none;
    padding: 14px 0;
    margin: 0 0 22px;
}
.noticia-resumo-titulo { color: var(--secondary-color); }

/* --- Post: assinatura no fim, sem caixa (so uma linha) --- */
.noticia-autor {
    border: none;
    background: none;
    border-radius: 0;
    border-top: 1px solid var(--border-color);
    padding: 14px 0 0;
    margin: 26px 0 0;
    font-size: 0.92rem;
    color: var(--secondary-color);
    display: block;
}

/* --- Sidebar: CTA sem caixa (divisória neutra no topo) --- */
.noticia-sidebar-cta {
    border: none;
    background: none;
    border-radius: 0;
    padding: 14px 0 0;
    border-top: 1px solid var(--border-color);
}

/* --- Hub: lista editorial, sem cards-caixa --- */
.noticia-hub-grid {
    grid-template-columns: 1fr;
    gap: 0;
}
.noticia-card {
    border: none;
    background: none;
    border-radius: 0;
    padding: 18px 0;
    border-bottom: 1px solid var(--border-color);
}
.noticia-destaque {
    border: none;
    background: none;
    border-radius: 0;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--border-color);
}
.noticia-destaque-wrap { margin-bottom: 0; }

/* O carrossel da home tem CSS próprio (home-noticias.css). Nada dele aqui. */

/* Blindagem contra rolagem horizontal: nada do conteúdo pode exceder a coluna. */
.noticia, .noticia-layout, .noticia-main { max-width: 100%; min-width: 0; }
.noticia-body, .noticia-lead, .noticia-title, .noticia-card-titulo, .noticia-card-resumo {
    overflow-wrap: anywhere;
    word-break: break-word;
}
.noticia-body img, .noticia-capa img { max-width: 100%; height: auto; }
.noticia-sidebar, .noticia-sidebar-ad, .noticia-sidebar-ad ins { max-width: 100%; overflow: hidden; }