/* LP2 (negativa e liminar) · só o que é exclusivo desta página. Carregado depois do estilo.css */

/* h1 bem mais longo que o da LP1: em 3 linhas ficaria menor que o texto abaixo dele, então fica em 4.
   Mobile: 0,0787 × largura do conteúdo (100vw - 40px): 25,2px em 360; 1.8rem a partir de ~406px */
.hero h1 { font-size: clamp(1.25rem, 7.87vw - .1968rem, 1.8rem); }

/* texto acima do título: só no PC */
.hero .acima { display: none; }

/* cards sem texto, só com título: o título ocupa a sobra e o botão fica alinhado embaixo */
.card h3 { flex: 1; margin-bottom: 0; }

@media (min-width: 768px) {
  .hero h1 { font-size: clamp(2.125rem, 1.4688rem + 1.3672vw, 2.5625rem); } /* 34px em 768, para ficar em 4 linhas → 41px em 1280 */
}

/* 8 cards em 3 colunas no PC: 3 + 3 + 2, com a última linha centralizada */
@media (min-width: 1024px) {
  .hero .acima { display: block; }
  .cards { grid-template-columns: repeat(6, 1fr); }
  .card { grid-column: span 2; }
  .card:nth-child(7) { grid-column: 2 / span 2; }
}