/* =====================================================================
   Pidda — Termos de Uso e Política de Privacidade.
   Página feita para LER: coluna estreita, texto grande, sem distração.
   ===================================================================== */
.pg-legal { background: var(--creme); }

.legal-topo {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    max-width: 760px; margin: 0 auto; padding: 24px 20px 8px;
}
.legal-logo img { width: 116px; height: auto; }

.legal { max-width: 760px; margin: 0 auto; padding: 12px 20px 72px; }
.legal-etiqueta { margin: 0 0 6px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brasa-escura); }
.legal h1 { font-size: clamp(28px, 5vw, 38px); font-weight: 800; margin: 0 0 10px; }
.legal-versao { margin: 0 0 18px; color: var(--texto-2); font-size: 14px; }
.legal-versao code { background: var(--papel); padding: 2px 7px; border-radius: 7px; font-size: 12.5px; }
.legal-pdf { margin-bottom: 28px; }

.legal-secao { margin-bottom: 26px; padding: 22px 24px; background: var(--papel); border-radius: var(--raio-g); box-shadow: var(--sombra-1); }
.legal-secao h2 { font-size: 17px; font-weight: 800; margin: 0 0 12px; }
.legal-secao p { margin: 0 0 12px; font-size: 15.5px; line-height: 1.7; color: var(--texto); }
.legal-secao p:last-child { margin-bottom: 0; }

.legal-rodape { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--linha-forte); font-size: 13px; color: var(--texto-3); text-align: center; }
.legal-rodape p { margin: 0 0 6px; }
.legal-rodape a { color: var(--brasa-escura); font-weight: 700; }

@media (max-width: 640px) {
    .legal-secao { padding: 18px; }
    .legal-secao p { font-size: 15px; }
}

/* ------------------------------------------------------------ O aceite, no cadastro */
.aceite {
    display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 18px; padding: 14px 16px;
    border-radius: var(--raio); background: var(--creme); box-shadow: inset 0 0 0 1.5px var(--linha);
    cursor: pointer; transition: box-shadow .2s;
}
.aceite:has(input:checked) { box-shadow: inset 0 0 0 1.5px var(--brasa); background: var(--papel); }
.aceite:has(input:focus-visible) { outline: 3px solid var(--brasa); outline-offset: 2px; }
.aceite input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.aceite-marca {
    width: 22px; height: 22px; flex: none; border-radius: 7px; margin-top: 1px;
    box-shadow: inset 0 0 0 2px var(--linha-forte); display: grid; place-items: center; transition: all .2s;
}
.aceite:has(input:checked) .aceite-marca { background: var(--brasa); box-shadow: none; }
.aceite:has(input:checked) .aceite-marca::after { content: "\f00c"; font: 900 11px "Font Awesome 6 Free"; color: #fff; }
.aceite-texto { font-size: 13.5px; line-height: 1.5; color: var(--texto-2); }
.aceite-texto a { color: var(--brasa-escura); font-weight: 700; }