/*
 * Estilos das páginas de Termos de Uso / Política de Privacidade.
 * Tokens de cor, espaçamento e o componente .botao vêm de
 * static/shared/css/tokens.css.
 */

.pagina-legal {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--espaco-4) var(--espaco-4) var(--espaco-5);
}

.topo-legal {
  margin-bottom: var(--espaco-4);
  padding-bottom: var(--espaco-3);
  border-bottom: 1px solid var(--borda);
}

.topo-legal h1 {
  font-size: 20px;
  font-weight: 600;
  margin: var(--espaco-2) 0 4px;
}

.legal-atualizado {
  margin: 0;
  font-size: 12.5px;
  color: var(--texto-fraco);
}

.botao-voltar {
  font-size: 13px;
  font-weight: 500;
}

.conteudo-legal {
  font-size: 14px;
  line-height: 1.65;
}

.conteudo-legal h2 {
  font-size: 15px;
  font-weight: 600;
  margin: var(--espaco-4) 0 var(--espaco-2);
}

.conteudo-legal p {
  margin: 0 0 var(--espaco-3);
}

.conteudo-legal ul {
  margin: 0 0 var(--espaco-3);
  padding-left: 1.4em;
}

.conteudo-legal li {
  margin-bottom: 6px;
}

.conteudo-legal a {
  color: var(--azul);
}

.conteudo-legal em {
  color: var(--texto-fraco);
}