/* LP Cartola IA (produção com inteligência artificial). Usa as peças das outras LPs: vitrine,
   .vantagens e formulário de imob.css; "por quê", diferencial e etapas de institucional.css. Aqui
   ficam só os ajustes e as duas seções próprias (alto nível e mercado imobiliário). */

.ia-titulo { font-size: clamp(44px, 6.4vw, 96px); line-height: 1; }

/* ---------------------------------------------------------------- alto nível: título, texto e 3 destaques */

.ia-alto { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: start; margin-bottom: clamp(40px, 5vw, 64px); }
.ia-alto__cabeca { display: grid; gap: 18px; }
.ia-alto .texto { font-size: 17px; padding-top: 6px; }
.vantagens--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vantagens--3 h3 { font-size: clamp(22px, 2vw, 26px); }

/* ---------------------------------------------------------------- mercado imobiliário: texto e lista de aplicações */

.ia-imob { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.ia-imob__texto { display: grid; gap: 18px; }
.ia-imob__texto .texto { color: var(--tinta-2); font-size: 17px; margin-top: 6px; }
.ia-imob__lista { display: grid; gap: 18px; justify-items: start; padding-top: 6px; }
.ia-imob__lista-tit { font: 600 13px/1.2 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--marinho); }
.ia-imob__lista ul { width: 100%; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--fio-claro); counter-reset: ia; }
.ia-imob__lista li { display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--fio-claro); font: 600 16px/1.4 var(--f-texto); color: var(--tinta); counter-increment: ia; }
.ia-imob__lista li::before { content: counter(ia, decimal-leading-zero); font: 600 13px/1.9 var(--f-texto); color: var(--azul); letter-spacing: .04em; }
.ia-imob__apoio { margin: 10px 0 6px; padding-left: 18px; border-left: 2px solid var(--azul); font-size: clamp(20px, 1.8vw, 24px); line-height: 1.35; color: var(--marinho); }

/* ---------------------------------------------------------------- prova */

.ia-prova { gap: 18px; max-width: 760px; }
.ia-prova .lead { margin-inline: auto; }

@media (max-width: 900px) {
  .ia-alto, .ia-imob { grid-template-columns: 1fr; }
  .vantagens--3 { grid-template-columns: 1fr; }
}