/* Kart Coach: páginas de documento (privacidade e termos) */
/* A política é texto corrido e merece medida de leitura, e não a grade da
     landing, que foi desenhada para blocos alternados. */
  .documento {
    max-width: 68ch;
    margin: 0 auto;
    padding: clamp(28px, 5vw, 64px) var(--respiro) 80px;
  }
  .documento h1 {
    font-family: var(--display);
    font-size: clamp(30px, 6vw, 46px);
    font-weight: 800;
    line-height: 1.05;
    margin: 0 0 6px;
    text-transform: uppercase;
  }
  .documento .atualizado {
    font-family: var(--dado);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tinta-fraca);
    margin: 0 0 36px;
  }
  .documento h2 {
    font-family: var(--display);
    font-size: clamp(19px, 3.2vw, 24px);
    font-weight: 800;
    margin: 40px 0 10px;
    padding-top: 18px;
    border-top: 1px solid var(--linha);
  }
  .documento h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 24px 0 6px;
  }
  .documento p,
  .documento li { color: var(--tinta-media); font-size: 15.5px; line-height: 1.62; }
  .documento ul { padding-left: 20px; margin: 10px 0; }
  .documento li { margin-bottom: 7px; }
  .documento strong { color: var(--tinta); font-weight: 600; }
  .documento a { color: var(--tinta); }

  /* O quadro do que nunca sai do aparelho é a informação que mais importa e a
     que o leitor menos espera encontrar. Fica destacado de propósito. */
  .destaque {
    margin: 22px 0;
    padding: 18px 20px;
    border-left: 3px solid var(--ganho);
    background: rgba(0, 0, 0, 0.03);
  }
  .destaque p { margin: 0; }

  .tabela-dados { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14.5px; }
  .tabela-dados th,
  .tabela-dados td {
    text-align: left;
    padding: 11px 12px 11px 0;
    border-bottom: 1px solid var(--linha);
    vertical-align: top;
  }
  .tabela-dados th {
    font-family: var(--dado);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tinta-fraca);
    font-weight: 700;
  }
  .voltar {
    display: inline-block;
    margin-bottom: 28px;
    font-family: var(--dado);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tinta-fraca);
    text-decoration: none;
  }
  .voltar:hover { color: var(--tinta); }

/* O alerta de segurança dos termos não é o mesmo tom do destaque neutro da
   privacidade: ali é informação boa, aqui é risco físico. */
.destaque-alerta { border-left-color: var(--perda); }

/* As três versões de cada documento, logo abaixo do voltar. O link tem o
   nome do idioma nele mesmo, para quem não lê a página atual achar o seu. */
.idiomas {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: -16px 0 28px;
  font-family: var(--dado);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.idiomas a { color: var(--tinta-fraca); text-decoration: none; }
.idiomas a:hover { color: var(--tinta); }
.idiomas a[aria-current="page"] { color: var(--tinta); text-decoration: underline; text-underline-offset: 4px; }

/* Nas versões traduzidas, o aviso de que o texto que vale é o português. */
.documento .aviso-traducao {
  font-size: 13.5px;
  color: var(--tinta-fraca);
  margin: -20px 0 28px;
}