/* Página de privacidade/termos — leitura confortável, na paleta da marca. */

.legal { background: #eaf7fd; }

.legal__topo,
.legal__miolo,
.legal__rodape {
  width: min(760px, calc(100% - 2 * var(--e5)));
  margin: 0 auto;
}

.legal__topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--e5) 0;
}

.legal__simbolo { width: 84px; height: auto; display: block; }

.legal__voltar {
  font-weight: var(--peso-negro);
  color: var(--sem-info);
  text-decoration: none;
}

.legal__miolo {
  background: var(--sup-cartao);
  border: 2px solid var(--marca-tinta);
  border-radius: var(--raio-cartao);
  box-shadow: 8px 8px 0 var(--marca-azul);
  padding: var(--e8) clamp(var(--e5), 5vw, var(--e10));
}

.legal__miolo h1 {
  font-size: clamp(28px, 4vw, 38px);
  font-weight: var(--peso-brutal);
  letter-spacing: -.02em;
}

.legal__nota { margin-top: var(--e3); color: var(--tinta-2); font-size: var(--t-apoio); }

.legal__miolo h2 {
  margin-top: var(--e8);
  padding-top: var(--e5);
  border-top: 1px solid var(--separador);
  font-size: 21px;
  font-weight: var(--peso-negro);
  letter-spacing: -.015em;
  scroll-margin-top: var(--e6);
}

.legal__miolo p { margin-top: var(--e4); color: var(--tinta-2); line-height: 1.65; }

.legal__miolo strong { color: var(--tinta-1); }

.legal__miolo code {
  font-family: var(--fonte-mono);
  font-size: .92em;
  background: var(--sup-afundada);
  padding: 1px 6px;
  border-radius: var(--raio-pequeno);
}

.legal__rodape {
  padding: var(--e6) 0 var(--e8);
  color: var(--tinta-3);
  font-size: var(--t-meta);
}

.legal__rodape a { color: var(--sem-info); font-weight: var(--peso-forte); text-decoration: none; }

/* Comprovante de pedido de exclusão vindo do callback da Meta: aparece só
   quando a URL traz um código, então é bloco de exceção e não parte do texto.
   Placa dura, na gramática neobrutalista da marca. */
.legal__status {
  margin-top: var(--e5);
  padding: var(--e4);
  border: 3px solid var(--marca-tinta);
  border-radius: var(--raio-medio);
  background: var(--sup-cartao);
  box-shadow: 6px 6px 0 var(--marca-amarelo);
  font-size: var(--t-apoio);
  line-height: 1.6;
  color: var(--tinta-1);
}

.legal__status code {
  font-family: var(--fonte-mono);
  font-weight: var(--peso-negro);
  letter-spacing: .04em;
}