/* ── privacidade-app.html ──────────────────────────────────────────────
   Política de privacidade da APP. A página é GERADA a partir de
   docs/PRIVACY_POLICY.md no repo da app (Happy_Learning).

   O gerador emite a estrutura nativa do site (.priv-bloco / .priv-bloco-body
   / .priv-lista / .priv-tabela), por isso quase toda a tipografia já vem da
   privacidade.css. Aqui fica SÓ o que essa não cobre — se acrescentares
   regras que dupliquem .priv-bloco-body, ganham por especificidade e a
   página deixa de parecer o resto do site.

   .priv-crosslink (ligação entre as duas políticas) vive na privacidade.css,
   que ambas as páginas carregam.
   ──────────────────────────────────────────────────────────────────── */

/* ── Índice ─────────────────────────────────────────────────────────── */
.priv-doc-idx {
  background: var(--lilas-soft);
  border-radius: var(--radius);
  padding: 2rem 2.5rem;
  margin-bottom: 3rem;
}
.priv-doc-idx-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--lilas-deep);
  margin-bottom: 1rem;
}
.priv-doc-idx .indice-lista { columns: 2; column-gap: 2rem; }

/* A nav do site é fixa: sem isto, saltar para #uma-seccao deixa o título
   escondido por baixo dela. Os ids estão nos .priv-bloco. */
.priv-doc-body .priv-bloco { scroll-margin-top: 6rem; }

/* ── Citação ────────────────────────────────────────────────────────── */
/* Só a nota "em caso de conflito prevalece a versão portuguesa". O site não
   tem estilo para <blockquote> — é o único tag que o gerador emite fora do
   vocabulário de classes da privacidade.css. */
.priv-doc-body blockquote {
  margin: 0 0 2rem;
  padding: 1rem 1.5rem;
  background: var(--pessego-soft);
  border-left: 4px solid var(--pessego);
  border-radius: 0 12px 12px 0;
  color: var(--texto);
  font-size: 0.9rem;
}

/* ── Placeholders por preencher ─────────────────────────────────────── */
/* O gerador embrulha `{ASSIM}` nisto. Em produção não devia aparecer
   nenhum — se aparecer, é para dar nas vistas. */
.priv-doc-body mark.ph {
  background: #ffe08a;
  border: 1px dashed #b8860b;
  padding: 0 0.3em;
  border-radius: 4px;
  font-weight: 700;
}

/* ── Responsivo ─────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .priv-doc-idx { padding: 1.5rem; }
  .priv-doc-idx .indice-lista { columns: 1; }
}

@media print {
  .priv-doc-idx { display: none; }
}