/* =========================================================
   Páginas legais (/politicas, /termos)

   Texto longo para leitura corrida: hierarquia clara, medida de linha
   confortável e tabelas que rolam em vez de estourar no mobile.
   ========================================================= */

.legal-page {
    font-size: 16px;
    line-height: 1.75;
    color: #4a4a4a;
}

.legal-page h2 {
    font-size: clamp(22px, 2.4vw, 28px);
    color: #483826;
    margin: 48px 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e7b012;
}

.legal-page h2:first-of-type {
    margin-top: 0;
}

.legal-page h3 {
    font-size: clamp(17px, 1.8vw, 20px);
    color: #483826;
    margin: 28px 0 10px;
}

.legal-page p {
    margin-bottom: 16px;
}

/* O tema zera list-style; aqui os marcadores fazem falta na leitura. */
.legal-page ul,
.legal-page ol {
    margin: 0 0 16px;
    padding-left: 24px;
}

.legal-page ul {
    list-style: disc;
}

.legal-page ol {
    list-style: decimal;
}

.legal-page li {
    margin-bottom: 8px;
}

.legal-page a {
    color: #a8820d;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal-page a:hover {
    color: #483826;
}

/* Tabela de finalidades x bases legais: rola dentro do próprio container,
   sem empurrar a largura da página no mobile. */
.legal-table-wrap {
    overflow-x: auto;
    margin-bottom: 24px;
    -webkit-overflow-scrolling: touch;
}

.legal-page table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    font-size: 15px;
}

.legal-page thead th {
    background: #483826;
    color: #fff;
    text-align: left;
    font-weight: 600;
    padding: 12px 14px;
}

.legal-page tbody td {
    padding: 12px 14px;
    border-bottom: 1px solid #e6e1d8;
    vertical-align: top;
}

.legal-page tbody tr:nth-child(even) td {
    background: #faf8f5;
}

.legal-page code {
    background: #f1ede6;
    color: #483826;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 14px;
}

/* Bloco de destaque para pontos que o leitor precisa notar (ex.: nenhum
   cookie de marketing antes do aceite). */
.legal-callout {
    background: #faf8f5;
    border-left: 4px solid #e7b012;
    padding: 16px 20px;
    margin: 0 0 24px;
    border-radius: 0 8px 8px 0;
}

.legal-callout p:last-child {
    margin-bottom: 0;
}

/* Campo aguardando dado da empresa (razão social, CNPJ, foro).
   Some da página quando for preenchido — é marcação de rascunho. */
.legal-fill {
    background: #fff3cd;
    border-bottom: 2px dotted #a8820d;
    padding: 1px 6px;
    font-weight: 600;
    color: #6b5200;
}

.legal-updated {
    font-size: 14px;
    color: #8a8175;
    margin-bottom: 32px;
}