/* ── Regras compartilhadas das páginas legais (cookies, privacidade, termos).
   O que diverge entre as páginas continua no CSS de cada uma. ── */
        .legal-section {
            background: var(--color-neutral-1);
        }

        .legal-title-block {
            text-align: center;
            padding-bottom: 0.5rem;
        }

        .legal-main-title {
            font-family: var(--font-heading);
            font-size: clamp(1.4rem, 2.5vw, 2rem);
            font-weight: 700;
            color: var(--color-text);
            margin: 0;
            letter-spacing: 0.02em;
            text-transform: uppercase;
        }

        .legal-list {
            padding-left: 1.25rem;
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
            margin: 0;
        }

        .legal-list li {
            font-size: 0.9rem;
            color: var(--color-text-muted);
            line-height: 1.7;
        }