/* Visual Up · estilos comuns às páginas de capítulo.
   Depende de tokens.css + ds.css. Só entra aqui o que se repete em 9 páginas. */

.cap-abre{padding-block:var(--vu-e9) var(--vu-e7);border-bottom:1px solid var(--vu-linha)}
@media (min-width:768px){.cap-abre{padding-block:var(--vu-e10) var(--vu-e8)}}
.cap-abre__t{margin:var(--vu-e3) 0 var(--vu-e5);font-size:clamp(2.6rem,1.4rem + 5vw,5rem)}

.vu-mono{font-family:var(--vu-tecnica);font-size:.92em;
  background:var(--vu-papel-2);color:var(--vu-tinta);
  padding:.1em .4em;border-radius:3px}

.dupla{margin-top:var(--vu-e7)}
.figura{margin:var(--vu-e8) 0 0}
.figura img{border-radius:var(--vu-raio-cartao);width:100%}
.figura figcaption{max-width:60ch}

.lista-limpa{margin:0;padding:0;list-style:none;color:var(--vu-tinta-2)}
.lista-limpa li{padding:var(--vu-e1) 0}
.lista-limpa s{color:var(--vu-tinta-3)}

.frase-grande{
  font-family:var(--vu-display);font-weight:700;letter-spacing:-.025em;
  font-size:var(--vu-fs-2xl);line-height:1.15;margin:var(--vu-e4) 0 0;max-width:20ch;
}
.frase-grande em{font-style:normal;color:var(--vu-ambar-500)}

/* promessa numerada */
.promessa{list-style:none;margin:var(--vu-e7) 0 0;padding:0;display:grid;gap:var(--vu-e6)}
@media (min-width:820px){.promessa{grid-template-columns:repeat(3,1fr);gap:var(--vu-e7)}}
.promessa li{border-top:var(--vu-linha-peso) solid var(--vu-acao);padding-top:var(--vu-e4)}
.promessa__n{font-family:var(--vu-tecnica);font-size:var(--vu-fs-xs);
  letter-spacing:.16em;color:var(--vu-ambar-texto)}
.promessa__t{font-family:var(--vu-display);font-size:var(--vu-fs-md);font-weight:700;
  letter-spacing:-.01em;margin:var(--vu-e2) 0 0}
.promessa__d{margin:var(--vu-e2) 0 0;color:var(--vu-tinta-2);font-size:var(--vu-fs-sm)}

.nao-somos{margin:var(--vu-e6) 0 0;padding:0;list-style:none;display:grid;gap:var(--vu-e4);
  max-width:var(--vu-wrap-texto)}
.nao-somos li{padding-left:var(--vu-e5);border-left:var(--vu-linha-peso) solid var(--vu-linha-forte);
  color:var(--vu-tinta-2)}
.nao-somos b{color:var(--vu-tinta)}

/* navegação entre capítulos */
.cap-nav{border-top:1px solid var(--vu-linha);padding-block:var(--vu-e7)}
.cap-nav__linha{display:flex;flex-wrap:wrap;gap:var(--vu-e4);justify-content:space-between;
  align-items:center}

/* blocos de amostra usados em vários capítulos */
.amostras{display:grid;gap:var(--vu-e5);margin-top:var(--vu-e6)}
.amostra-linha{display:flex;flex-wrap:wrap;gap:var(--vu-e4);align-items:center}
.par-cor{display:grid;gap:var(--vu-e2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}