/* Sobre/FAQ (sobre.html, faq.html) — conteúdo informativo simples,
   mesma largura de leitura confortável do resto da app. */
.info-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 4rem 1.2rem 3rem;
}
.info-page h1 { font-size: 1.5rem; margin-bottom: 0.3rem; }
.info-page .info-intro { color: var(--color-text-muted); margin-bottom: 1.5rem; }
.info-page section { margin-bottom: 1.8rem; }
.info-page h2 { font-size: 1.1rem; margin-bottom: 0.5rem; }
.info-page p { line-height: 1.55; }
.info-page ul { line-height: 1.6; }

.faq-item { margin-bottom: 1.2rem; }
.faq-item summary {
  cursor: pointer;
  font-weight: 600;
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--color-border);
}
.faq-item p { margin: 0.6rem 0 0; color: var(--color-text-muted); }
/* Sem maiúsculas nem tracking, pela mesma razão que .panel-section-title
   (css/panel.css) — era o outro micro-rótulo do projeto nessas condições. */
.faq-section-title {
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-text);
  margin: 1.8rem 0 0.4rem;
}

/* Daqui para baixo: o que o texto editável no admin pode produzir e a página
   escrita à mão nunca tinha tido. */

/* ### num documento. Entre o h2 da secção e o corpo, sem ser um segundo h2. */
.info-page h3 {
  font-size: var(--text-body);
  font-weight: var(--weight-semibold);
  margin: 1.2rem 0 0.4rem;
}
/* Uma lista dentro de uma resposta do FAQ acompanha o tom do parágrafo que
   lhe fica ao lado, senão lê-se como mais importante do que a resposta. */
.faq-item ul { margin: 0.6rem 0 0; color: var(--color-text-muted); }

/* O texto não chegou. Vale dizê-lo: a página sem ele fica vazia e sem
   explicação, e recarregar é mesmo a coisa certa a fazer. */
.conteudo-erro { color: var(--color-error); }

/* ── Espaço de patrocínio ──────────────────────────────────────────────────
   Hoje não aparece em sítio nenhum: a flag `patrocinios_ativos` está
   desligada e não há parceiros (ver app/parcerias.py). O estilo existe para
   quando houver, e é deliberadamente discreto: um patrocínio no fim de uma
   página de conteúdo não compete com o conteúdo, e nunca entra numa página
   onde se ordena por preço.

   A divulgação vem ANTES do nome e no mesmo peso visual do resto do texto —
   não em cinzento minúsculo. Quem lê tem de saber o que é a relação antes de
   saber de quem é. */
.patrocinio {
  margin-top: 2rem;
  padding: 0.8rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-sunken);
}
.patrocinio-divulgacao {
  margin: 0 0 0.3rem;
  font-size: var(--text-small);
  color: var(--color-text-muted);
}
.patrocinio-ligacao {
  font-weight: var(--weight-semibold);
}