/* LP3 (reajuste e aumento) · só o que é exclusivo desta página. Carregado depois do estilo.css */

/* a ordem das seções junta dois fundos claros (hero e Situações) e dois escuros (Como funciona e Quem atende):
   a faixa dourada em degradê marca a divisa */
.situacoes, .quem { border-top: 3px solid; border-image: linear-gradient(90deg, #A0700F, #C7942C 50%, #E3BC6A) 1; }

/* h1 mais longo que o da LP1: no mobile diminui para continuar em 3 linhas.
   0,0725 × largura do conteúdo (100vw - 40px): 23,2px em 360; 1.8rem a partir de ~437px */
.hero h1 { font-size: clamp(1.25rem, 7.25vw - .1813rem, 1.8rem); }

@media (min-width: 768px) {
  .hero { padding-bottom: 60px; } /* sem o Liminar, que fecha o hero nas outras LPs */
  .hero h1 { font-size: clamp(2.25rem, 1.7806rem + .9776vw, 2.5625rem); } /* igual à LP1 */
}

@media (min-width: 1024px) {
  .hero h1 { max-width: 37.5rem; } /* 530px deixaria o título em 4 linhas; o texto continua em 530px */
}

@media (min-width: 1440px) {
  .hero { padding-bottom: 3.75rem; }
}