/* =========================================================
   PÁGINAS LEGAIS (privacidade / cookies)
   Coluna única de leitura, sem foto. Classes novas.
   ========================================================= */
.legal { background: #fff; }
.legal__in { max-width: 880px; }

.legal__head { margin-bottom: clamp(2.4rem, 4vw, 3.4rem); }
.legal__head h1 {
  font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.06;
  color: var(--ink); margin-bottom: .9rem;
}
.legal__updated { color: var(--ink-faint); font-size: .95rem; }

.legal__in h2 {
  font-size: clamp(1.25rem, 2.1vw, 1.6rem); line-height: 1.15;
  color: var(--ink); margin: clamp(2.2rem, 3.4vw, 3rem) 0 .9rem;
  padding-top: clamp(1.6rem, 2.6vw, 2.2rem);
  border-top: 1px solid var(--line);
}
.legal__in h2:first-of-type { border-top: 0; padding-top: 0; }
.legal__in h3 {
  font-size: 1.06rem; color: var(--ink); margin: 1.6rem 0 .5rem;
}
.legal__in p,
.legal__in li { color: var(--ink-soft); font-size: 1.05rem; line-height: 1.7; max-width: 68ch; }
.legal__in p { margin: 0 0 1rem; }
.legal__in ul { margin: 0 0 1.2rem; padding-left: 1.1rem; }
.legal__in li { margin-bottom: .5rem; }
/* e-mails e enderecos longos nao cabem em 320px: sem isto a pagina inteira
   ganhava 2px de rolagem lateral */
.legal__in p, .legal__in li, .legal__in a { overflow-wrap: anywhere; }
.legal__in a { color: var(--alecrim); text-decoration: underline; text-underline-offset: 3px; }
.legal__in strong { font-weight: 600; color: var(--ink); }

/* bloco de destaque para o resumo e para os dados do controlador */
.legal__box {
  background: var(--cream-2, #F4ECDA); border-left: 3px solid var(--alecrim);
  padding: clamp(20px, 2.6vw, 30px); margin: 0 0 clamp(2rem, 3vw, 2.6rem);
}
.legal__box p:last-child { margin-bottom: 0; }

@media (max-width: 600px) {
  .legal__in p, .legal__in li { font-size: 1rem; }
}

/* =========================================================
   Tabelas de cookies e trechos de código (Fase 2)
   ========================================================= */
.legal__in code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .92em;
  background: #F2F5F3;
  padding: .12em .4em;
  color: var(--ink);
}

/* O display:block permite rolar a tabela sozinha no celular, sem
   empurrar a página inteira para o lado. */
.legal__table {
  display: block;
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1.4rem;
  font-size: .98rem;
}
.legal__table th,
.legal__table td {
  border: 1px solid var(--line);
  padding: .7rem .85rem;
  text-align: left;
  vertical-align: top;
  color: var(--ink-soft);
  line-height: 1.5;
  min-width: 8rem;
}
.legal__table th {
  background: #F7FAF8;
  color: var(--ink);
  font-weight: 600;
  white-space: nowrap;
}