.legal-page {
    padding: 42px 0 72px
}

.legal-page article {
    max-width: 820px;
    background: var(--creme2);
    border: 1px solid var(--linha);
    border-radius: var(--r-lg);
    padding: 34px;
    margin: 0 auto
}

.legal-page h1 {
    font-size: clamp(2rem, 4vw, 2.7rem);
    margin-bottom: 12px
}

.legal-page h2 {
    font-size: 1.35rem;
    margin: 28px 0 8px
}

.legal-page p,
.legal-page li {
    color: var(--suave);
    font-size: .94rem;
    line-height: 1.75
}

.legal-page ul {
    list-style: disc;
    padding-left: 22px;
    margin-top: 8px
}

.legal-updated {
    color: var(--claro);
    font-size: .82rem;
    margin-bottom: 24px
}

@media(max-width:560px) {
    .legal-page {
        padding-top: 24px
    }

    .legal-page article {
        padding: 24px
    }
}