/* ==============================
   DITOM — Páginas legais (Privacidade e Termos de Uso)
============================== */

.legal-wrapper {
    background: #ffffff;
    color: #111111;
    padding: 48px 16px 80px;
}

.legal-container {
    max-width: 760px;
    margin: 0 auto;
}

.legal-eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #707072;
    margin-bottom: 8px;
}

.legal-title {
    font-size: clamp(26px, 5vw, 36px);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.15;
    margin: 0 0 8px;
}

.legal-atualizado {
    font-size: 13px;
    color: #707072;
    margin: 0 0 32px;
}

/* Índice das seções */
.legal-indice {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 18px 22px;
    margin-bottom: 40px;
}
.legal-indice strong {
    display: block;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.legal-indice ol {
    margin: 0;
    padding-left: 20px;
    columns: 2;
    column-gap: 32px;
}
.legal-indice li { font-size: 14px; line-height: 1.9; break-inside: avoid; }
.legal-indice a { color: #111111; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
.legal-indice a:hover { border-bottom-color: #111111; }

/* Seções */
.legal-secao {
    padding: 28px 0;
    border-top: 1px solid #e5e5e5;
    scroll-margin-top: 90px; /* não fica escondida atrás do menu fixo */
}
.legal-secao h2 {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 14px;
}
.legal-secao h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 18px 0 8px;
}
.legal-secao p,
.legal-secao li {
    font-size: 15px;
    line-height: 1.75;
    color: #2b2b2b;
}
.legal-secao p { margin: 0 0 12px; }
.legal-secao ul { margin: 0 0 12px; padding-left: 20px; }
.legal-secao a { color: #111111; text-decoration: underline; }
.legal-secao strong { color: #111111; }

/* Tabela "quem recebe seus dados" */
.legal-tabela-wrap { overflow-x: auto; margin: 8px 0 12px; }
.legal-tabela {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    min-width: 480px;
}
.legal-tabela th,
.legal-tabela td {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
    line-height: 1.5;
}
.legal-tabela th {
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #707072;
    background: #f5f5f5;
}

/* Bloco com os dados da empresa */
.legal-empresa {
    background: #f5f5f5;
    border-left: 3px solid #111111;
    padding: 16px 20px;
    margin: 8px 0 12px;
}
.legal-empresa p { margin: 0; font-size: 14px; line-height: 1.8; }

@media (max-width: 600px) {
    .legal-wrapper { padding-top: 32px; }
    .legal-indice ol { columns: 1; }
    .legal-secao p, .legal-secao li { font-size: 14.5px; }
}