/* Montador de recorte do playbook da indústria. Usa as variáveis e os blocos de /assets/nt.css
   (nt-calc, nt-campo, nt-botao); aqui só o que é próprio do resultado. Mobile-first. */
.pb-resultado { display: grid; gap: .75rem; margin: 1.2rem 0 0; }
.pb-bloco {
  background: var(--nt-campo, #101214); border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14));
  border-radius: 12px; padding: .9rem 1rem;
}
.pb-bloco > :last-child, .pb-bloco > div > :last-child { margin-bottom: 0; }
.pb-bloco p { margin: 0 0 .55em; font-size: .97rem; line-height: 1.6; }
.nt-corpo .pb-lista { list-style: none; margin: 0 0 .7em; padding: 0; font-size: .95rem; line-height: 1.5; }
/* código à esquerda, descrição em coluna própria: a segunda linha não volta para baixo do código */
.pb-lista li { display: grid; grid-template-columns: 6.2em minmax(0, 1fr); column-gap: .6em; margin: 0 0 .45em; }
.pb-lista strong {
  font-family: var(--nt-fonte-titulo, "Roboto", system-ui, sans-serif); font-weight: 500; color: var(--nt-azul, #1296FC);
}
.pb-subtitulo { font-family: var(--nt-fonte-titulo, "Roboto", system-ui, sans-serif); font-weight: 500; color: #ffffff; }
.pb-nota, .pb-nota p { color: var(--nt-texto-suave, #B8C2C4); font-size: .92rem; }
.pb-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.pb-status { font-size: .88rem; color: var(--nt-cinza-claro, #95A5A6); }
.pb-cta { margin: .2rem 0 0; }