/* Zapedix — páginas de documento (termos, privacidade). Reaproveita
   as variáveis/reset/header/rodapé de styles.css; aqui só o miolo de
   leitura longa. */

.documento{ max-width: 720px; margin: 0 auto; padding: 72px 24px 96px; }
.documento__cabecalho{ margin-bottom: 48px; }
.documento__atualizado{
  font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: var(--ink-fraco);
  margin-top: 10px;
}
.documento__intro{ font-size: 16.5px; margin-top: 20px; max-width: 62ch; }

.documento section{ margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--linha); }
.documento section:first-of-type{ border-top: none; padding-top: 0; }
.documento h2{
  display: flex; align-items: baseline; gap: 12px;
  font-size: 21px; margin-bottom: 14px;
}
.documento h2 .num{
  font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600;
  color: var(--gold); flex: 0 0 auto;
}
.documento h3{ font-size: 15.5px; margin: 20px 0 8px; }
.documento p{ font-size: 15px; max-width: 66ch; margin-bottom: 12px; }
.documento p:last-child{ margin-bottom: 0; }
.documento ul, .documento ol{ max-width: 62ch; margin: 0 0 12px; padding-left: 22px; }
.documento li{ font-size: 15px; color: var(--ink-suave); margin-bottom: 6px; }
.documento strong{ color: var(--ink); }
.documento a{ color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

.aviso-modelo{
  background: var(--accent-suave); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-radius: 12px; padding: 16px 18px; margin-bottom: 40px; font-size: 13.5px; color: var(--ink);
}
.aviso-modelo strong{ color: var(--accent-forte); }

.marcador{
  font-family: 'IBM Plex Mono', monospace; background: var(--gold); color: #fff;
  padding: 1px 6px; border-radius: 5px; font-size: 12px; font-weight: 600;
}