/* =====================================================
   assets/css/documento-juridico.css v1.0
   Componente reaproveitável para conteúdo jurídico/estatutário
   dentro de .pagina-texto — Estatuto, e futuramente Convenções e
   Acordos Coletivos (mesma pasta "Documentos" do menu), qualquer
   página institucional cujo conteúdo seja um documento formal com
   capítulos / seções / artigos / parágrafos / incisos / alíneas.

   Carregado globalmente em pagina.php (arquivo pequeno, todo
   escopado dentro de .documento-juridico — zero efeito em qualquer
   página que não use essa classe, então é seguro deixar sempre
   incluído em vez de condicionar por template).

   Criado em 2026-07-08 junto com a página Estatuto (conteúdo
   fornecido pelo Luciano em estatuto.html, já com h2=capítulo,
   h3=seção, p+strong=artigo/parágrafo, ol type="a"=alínea — este
   CSS só adiciona a camada visual de recuo/espaçamento por cima,
   sem exigir nenhuma mudança na estrutura HTML que já vem pronta).
   ===================================================== */

.documento-juridico{
    font-size:16px;
    line-height:1.85;
}

/* CAPÍTULO — abre um bloco grande do documento. Espaço generoso
   acima simula "quebra de página" entre capítulos; o centralizado
   já vem via style inline no próprio conteúdo (mantido como está,
   é convenção real de documento estatutário). */
.documento-juridico h2{
    margin-top:64px;
    margin-bottom:4px;
    font-size:22px;
    letter-spacing:1.5px;
}

.documento-juridico > h2:first-child{
    margin-top:0;
}

/* SEÇÃO — subtítulo do capítulo (ou divisão temática dentro dele,
   ex: "DOS CANDIDATOS", "DO ELEITOR" no Capítulo V) */
.documento-juridico h3{
    margin-top:8px;
    margin-bottom:28px;
    font-size:17px;
    font-weight:600;
    letter-spacing:.5px;
}

/* Parágrafo comum do documento (artigo, parágrafo, inciso em texto
   corrido) — recuo de primeira linha e justificado, padrão editorial
   de documento jurídico formal, diferente do resto do site (que é
   sempre alinhado à esquerda e sem recuo). */
.documento-juridico p{
    text-align:justify;
    text-indent:2em;
    margin-bottom:18px;
}

/* Parágrafos que já vêm centralizados via style inline no próprio
   conteúdo (ex: nome do capítulo, linha "Campos dos Goytacazes...",
   fecho de assinatura) não devem herdar o recuo de primeira linha —
   um texto centralizado com recuo fica descentralizado visualmente. */
.documento-juridico p[style*="text-align:center"],
.documento-juridico p[style*="text-indent"]{
    text-indent:0;
}

/* Alíneas (ol type="a") — recuo bem visível pra marcar a hierarquia
   capítulo > artigo > alínea. Lista fica em bandeira à esquerda
   (sem justificar), mais fácil de ler item por item. */
.documento-juridico ol{
    margin:0 0 20px 2.5em;
    padding-left:1em;
}

.documento-juridico ol li{
    text-align:left;
    margin-bottom:10px;
    padding-left:4px;
}

/* Bloco de assinatura final (nomes + cargos), já centralizado via
   style inline no próprio conteúdo — só remove o recuo herdado. */
.documento-juridico div[style*="text-align:center"] p{
    text-indent:0;
    margin-bottom:6px;
}

/* LISTA COM MARCADOR (2026-07-11, Política de Privacidade e Cookies —
   primeiro documento deste componente a precisar de <ul> de verdade;
   o Estatuto só usava <ol type="a"> pra alíneas). O reset global do
   site (`ul{list-style:none}` em base.css) tira o marcador de
   qualquer <ul> por padrão — reaplicado aqui, escopado só dentro de
   .documento-juridico, sem afetar nenhum outro <ul> do site. */
.documento-juridico ul{
    margin:0 0 20px 2.5em;
    padding-left:1em;
    list-style:disc;
}

.documento-juridico ul li{
    text-align:left;
    margin-bottom:10px;
    padding-left:4px;
}

/* TABELA (2026-07-11) — usada na tabela "finalidade / dados / base
   legal" da Política de Privacidade, reaproveitável em qualquer
   documento futuro desta mesma pasta que precise de tabela. */
.documento-juridico table{
    width:100%;
    margin:8px 0 28px;
    border-collapse:collapse;
    font-size:15px;
}

.documento-juridico th,
.documento-juridico td{
    padding:12px 16px;
    border:1px solid var(--color-border);
    text-align:left;
    vertical-align:top;
}

.documento-juridico th{
    background:#f8fafc;
    font-weight:700;
}

@media(max-width:768px){
    .documento-juridico p{
        text-align:left;
        text-indent:1.2em;
    }
    .documento-juridico h2{
        font-size:19px;
    }
    .documento-juridico table{
        font-size:13px;
    }
    .documento-juridico th,
    .documento-juridico td{
        padding:8px 10px;
    }
}