/*!
 * Fosfo — páginas de venda (template-venda.php).
 *
 * Só o que as seções da home NÃO têm: o bloco de texto de venda, o botão
 * embaixo dos cards de projeto. Todo o resto — topo, faixa de
 * clientes, cards, contato — vem do fosfo.css, porque é a mesma home.
 *
 * Carregado só nessas páginas (inc/venda.php).
 */

/* ── Bloco de venda: título à esquerda, texto à direita ───────────── */
.venda-texto__grade { display: grid; gap: 40px; align-items: start; }
@media (min-width: 900px) {
  .venda-texto__grade { grid-template-columns: 5fr 7fr; gap: 72px; }
}
.venda-texto__grade > h2 { margin: 0; }

/* O título do bloco é uma frase (a palavra buscada), não duas palavras como
   nas outras seções. No tamanho padrão ele disputaria com o título do topo. */
.venda-texto .display-h2 { font-size: clamp(30px, 3.8vw, 56px); line-height: 1; }

/* O .conteudo tem max-width próprio; dentro da coluna ele ocupa tudo. */
.venda-texto .conteudo { max-width: none; font-size: 17px; }
.venda-texto .conteudo > * + * { margin-top: 1.2em; }

/* ── Vaga que sobra quando o número de projetos é ímpar ───────────── */
.venda-proximo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: 48px 40px;
}
.venda-proximo .display-h2 { font-size: clamp(28px, 3.2vw, 46px); line-height: 1; }

/* ── Botão "Ver todos os projetos", centralizado embaixo dos cards ─── */
.venda-projetos__rodape { margin-top: 56px; text-align: center; }