/* Estilo das páginas de texto legal (privacidade, termos).
   Separado de loja.css: a loja carrega grade, carrossel e folhas que um
   documento não usa, e estas páginas são abertas por revisor de loja de
   aplicativos em conexão qualquer — quanto menos peso, melhor. */

:root {
  --fundo: #0E1116;
  --superficie: #161A21;
  --borda: #262C36;
  --texto: #E9EDF3;
  --texto-suave: #A2ACBB;
  --texto-fraco: #6C7684;
  --laranja: #FF6242;
  --laranja-escuro: #E5462A;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.topo {
  border-bottom: 1px solid var(--borda);
  padding: 16px 20px;
}
.marca {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--texto);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.3px;
}
.marca img { border-radius: 9px; }
/* O nome num span so: quebra de linha entre texto e <span> vira espaco, e a
   marca saia escrita "Achadinho os". */
.marca > span { white-space: nowrap; }
.marca-fim { color: var(--laranja); }

main {
  max-width: 720px;
  margin: 0 auto;
  padding: 36px 20px 64px;
}

h1 {
  font-size: clamp(26px, 5vw, 34px);
  line-height: 1.2;
  letter-spacing: -0.8px;
  margin: 0 0 8px;
}

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

h2 {
  font-size: 19px;
  margin: 38px 0 12px;
  padding-top: 22px;
  border-top: 1px solid var(--borda);
  letter-spacing: -0.3px;
}
/* A primeira seção não leva risco em cima: o traço serve para separar seções,
   e logo abaixo do título da página ele parece rabisco. */
h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 26px; }

p { margin: 0 0 14px; color: var(--texto-suave); }
p strong, li strong { color: var(--texto); font-weight: 600; }

ul { margin: 0 0 14px; padding-left: 22px; color: var(--texto-suave); }
li { margin-bottom: 9px; }

a { color: var(--laranja); }
a:hover { color: var(--laranja-escuro); }

/* Bloco de destaque para o que a pessoa precisa ler mesmo sem ler o resto. */
.resumo {
  background: var(--superficie);
  border: 1px solid var(--borda);
  border-left: 3px solid var(--laranja);
  border-radius: 10px;
  padding: 18px 20px;
  margin: 0 0 30px;
}
.resumo p:last-child { margin-bottom: 0; }

.rodape {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 20px 56px;
  font-size: 13px;
  color: var(--texto-fraco);
  line-height: 1.55;
}
.rodape a { color: var(--texto-fraco); text-decoration: underline; }
.rodape a:hover { color: var(--laranja); }

@media (max-width: 600px) {
  main { padding: 26px 18px 48px; }
  h2 { font-size: 17.5px; margin-top: 30px; }
}