/* Servira: páginas legais (/termos/ e /privacidade/). Usa as variáveis de cor do planos.css, nos dois temas. */

.legal { padding: clamp(2rem, 5vw, 3.5rem) 1.25rem 0; }

.legal-conteudo {
    max-width: 46rem;
    margin: 0 auto;
    overflow-wrap: break-word;
}

.legal-conteudo h1 {
    font-size: clamp(2rem, 5vw, 2.75rem);
    font-weight: 800;
}

.legal-data {
    margin-top: .6rem;
    color: var(--cinza-500);
    font-size: .9rem;
}

.legal-intro {
    margin-top: 1.25rem;
    font-size: 1.075rem;
    color: var(--cinza-600);
}

.legal-conteudo h2 {
    font-size: 1.3rem;
    margin-top: 2.5rem;
    margin-bottom: .75rem;
}

.legal-conteudo h3 {
    font-size: 1.02rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: .4rem;
}

.legal-conteudo p { margin-bottom: .85rem; color: var(--cinza-600); }
.legal-conteudo ul { margin: 0 0 .85rem; padding-left: 1.25rem; color: var(--cinza-600); }
.legal-conteudo li { margin-bottom: .35rem; }
.legal-conteudo b { color: var(--navy-900); }
.legal-conteudo a { text-decoration: underline; text-underline-offset: 2px; }

.legal-sumario {
    margin-top: 1.75rem;
    padding: 1.1rem 1.35rem;
    background: var(--cinza-50);
    border: 1px solid var(--cinza-200);
    border-radius: var(--raio);
}
.legal-sumario-titulo {
    margin-bottom: .5rem !important;
    font-weight: 700;
    font-size: .9rem;
    color: var(--navy-900) !important;
}
.legal-sumario ol { margin: 0; padding-left: 1.25rem; font-size: .94rem; }
.legal-sumario li { margin-bottom: .2rem; }
.legal-sumario a { text-decoration: none; }
.legal-sumario a:hover { text-decoration: underline; }

.legal-resumo {
    margin-top: 1.75rem;
    padding: 1.1rem 1.35rem;
    background: var(--azul-50);
    border: 1px solid var(--azul-100);
    border-radius: var(--raio);
}
.legal-resumo p:first-child { font-weight: 700; color: var(--navy-900); margin-bottom: .5rem; }
.legal-resumo ul { margin-bottom: 0; }

.legal-rodape { margin-top: clamp(3rem, 6vw, 4.5rem); padding-top: .5rem; }
.legal-rodape a { color: #94a3b8; }
.legal-rodape a:hover, .legal-rodape a[aria-current="page"] { color: #fff; }

@media print {
    .topo, .legal-rodape, .pular-link, .legal-sumario { display: none !important; }
    .legal { padding: 0; }
    .legal-conteudo { max-width: none; }
}