/* Páginas de publicação (/publicacoes/...). Complementa site.css, mesmo vocabulário:
   só preenchimentos, cantos retos, sem filetes coloridos. */

/* topo: botão, preço e link */
.pub-actions { display: grid; gap: 16px; align-items: center; }
.pub-preco { display: grid; gap: 2px; margin: 0; }
.pub-preco__v { font-family: var(--ff-display); font-weight: 600; font-size: 26px; line-height: 1.1; letter-spacing: -0.02em; color: var(--nevoa); }
.pub-preco__n { font-size: 15px; color: rgba(232, 239, 236, 0.78); }
@media (min-width: 640px) {
  .pub-actions { grid-template-columns: auto auto 1fr; gap: 28px; }
  .pub-actions .hero__link { justify-self: start; text-align: left; }
}

/* o que é: imagem da capa + texto e ficha */
.pub-intro { display: grid; gap: 32px; align-items: center; }
.pub-capa { width: 100%; height: auto; display: block; }
@media (min-width: 900px) { .pub-intro { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; } }

.pub-ficha { margin: 32px 0 0; display: grid; gap: 4px; }
.pub-ficha > div { background: var(--nevoa); padding: 14px 18px; display: grid; gap: 2px; }
.pub-ficha dt { font-family: var(--ff-mono); font-size: var(--fs-label); letter-spacing: 0.08em; color: var(--camada); }
.pub-ficha dd { margin: 0; font-size: 16px; line-height: 1.45; color: var(--carvao); }
@media (min-width: 640px) { .pub-ficha > div { grid-template-columns: 110px 1fr; gap: 16px; align-items: baseline; } }

/* colunas do checklist / pontos do guia */
.pub-colunas { margin-top: 0; }
@media (min-width: 720px) { .pub-colunas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pub-colunas { grid-template-columns: repeat(5, minmax(0, 1fr)); } .pub-colunas--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* páginas reais da publicação */
.pub-figs { display: grid; gap: 32px; margin-top: 48px; }
.pub-figs figure { margin: 0; display: grid; gap: 12px; }
.pub-figs img { width: 100%; height: auto; display: block; background: var(--branco); }
.pub-figs figcaption { font-size: 15px; line-height: 1.5; color: var(--cinza-txt); }
@media (min-width: 900px) {
  .pub-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .pub-figs figure:nth-child(3):last-child { grid-column: 1 / -1; max-width: calc(50% - 16px); }
}
.s--papel .pub-figs img { box-shadow: 0 1px 0 var(--linha); }

/* quem preparou */
.pub-pessoa { display: grid; gap: 24px; }
.pub-pessoa img { width: 200px; height: 250px; object-fit: cover; display: block; }
.pub-pessoa__nome { font-family: var(--ff-display); font-weight: 600; font-size: 22px !important; color: var(--petroleo) !important; }
.pub-pessoa__cargo { font-weight: 600; color: var(--camada) !important; margin-top: 4px !important; }
@media (min-width: 720px) { .pub-pessoa { grid-template-columns: 200px minmax(0, 820px); gap: 40px; } }

/* sequência de 3 passos */
@media (min-width: 900px) { .steps--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* fechamento */
.pub-actions--fim { margin-top: 32px; }
.pub-outra { margin: 40px 0 0; font-size: 16px; color: rgba(250, 248, 243, 0.85); }
.s--petroleo .pub-outra .lk { color: var(--papel); font-size: 16px; }

/* página /publicacoes/: cartões */
.pub-cards { display: grid; gap: 4px; }
.pub-card { background: var(--branco); display: grid; }
.pub-card__img img { width: 100%; height: auto; display: block; }
.pub-card__txt { padding: 28px; display: grid; gap: 12px; align-content: start; }
.pub-card__txt .h3 a:hover { color: var(--camada); }
.pub-card__meta { font-family: var(--ff-mono); font-size: 13px; color: var(--camada); }
.pub-card__preco { font-family: var(--ff-display); font-weight: 600; font-size: 24px; color: var(--petroleo); }
.pub-card__acoes { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: 8px; }
@media (min-width: 900px) { .pub-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }