/* /apresentacao — shell. A grade, os primitivos (.sis-sec, .sis-head, .sis-rv, .sis-row) e a
   escala tipográfica vêm de css/sistema/shell.css, que é carregado antes desta folha. Aqui só
   o que é próprio desta página: o hero e o fechamento. */
#ap-hero{
  position:relative; z-index:3; background:#0C0C0C; color:#fff;
  min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end;
  padding:0 var(--gutter) calc(90 * var(--vhu));
}
.ap-hero__eyebrow{font-size:calc(8 * var(--u)); color:#8A8A8A; margin-bottom:calc(24 * var(--vhu))}
.ap-hero__title{font-size:calc(58 * var(--u)); line-height:calc(58 * var(--vhu)); letter-spacing:-.01em}
.ap-hero__title .ln{display:block; width:fit-content}
.ap-hero__title .ln.dim{color:#555}
.ap-hero__para{
  max-width:calc(576 * var(--u)); margin-top:calc(28 * var(--vhu));
  font-size:calc(13 * var(--u)); line-height:calc(19 * var(--vhu)); color:#C2C2C2;
}

#ap-pergunta{text-align:center; padding-top:calc(120 * var(--vhu)); padding-bottom:calc(120 * var(--vhu))}
.ap-pergunta__label{font-size:calc(8 * var(--u)); color:#8A8A8A}
.ap-pergunta__t{margin-top:calc(28 * var(--vhu)); font-size:calc(46 * var(--u)); line-height:calc(48 * var(--vhu)); color:#fff}
.ap-pergunta__t .ln{display:block}
.ap-pergunta__t .ln.dim{color:#555}
.ap-pergunta__nota{margin-top:calc(24 * var(--vhu)); font-size:calc(12 * var(--u)); color:#8A8A8A}
.ap-pergunta__contato{
  margin-top:calc(56 * var(--vhu)); display:flex; flex-direction:column; gap:calc(4 * var(--vhu));
  font-size:calc(9 * var(--u)); color:#8A8A8A;
}
.ap-pergunta__contato b{color:#fff; font-weight:500}
.ap-pergunta__contato a{color:#94F2CC; text-decoration:none}