/* Página IA Generativa Aplicada (/solucoes/ia-generativa/).
   Feita em 14/10/2026 a partir do folder "IA Generativa Aplicada · ibp".
   Usa os componentes do style.css (page-hero, stat, card, cta-band) e só
   acrescenta aqui o que o folder tem e o site não tinha: a escada dos 5
   níveis, os cartões numerados dos módulos e a faixa "Cada encontro". */

.iag-mt{margin-top:56px}
.iag-hero .btn-row{display:flex;gap:14px;flex-wrap:wrap}
.iag-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.iag-ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.iag-numeros{padding-top:48px;padding-bottom:48px}
.iag-numeros .stat{background:var(--bg-2)}
.iag-numeros .stat b{color:var(--blue)}

/* A escada: cada nível um pouco mais alto que o anterior, o 5 em azul-marinho. */
.iag-niveis{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(5,1fr);gap:16px;align-items:end}
.iag-niveis li{background:#fff;border-radius:var(--radius);padding:20px 18px;
  border-top:4px solid var(--blue);display:flex;flex-direction:column;gap:6px;
  box-shadow:0 1px 2px rgba(4,39,64,.05)}
.iag-niveis b{font-size:1.15rem;color:var(--navy);line-height:1.25}
.iag-niveis span{font-size:.88rem;line-height:1.45;color:var(--ink-soft)}
.iag-niveis .iag-nv{font-size:.68rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--blue)}
.iag-n1{min-height:150px}
.iag-n2{min-height:175px;border-top-color:var(--green)!important}
.iag-n2 .iag-nv{color:var(--green)!important}
.iag-n3{min-height:200px;border-top-color:var(--amber)!important}
.iag-n3 .iag-nv{color:var(--amber)!important}
.iag-n4{min-height:225px;border-top-color:var(--crimson)!important}
.iag-n4 .iag-nv{color:var(--crimson)!important}
.iag-niveis .iag-n5{min-height:250px;background:var(--navy);border-top-color:var(--navy)}
.iag-n5 b{color:#fff}
.iag-n5 span{color:#c4d4e2}
.iag-n5 .iag-nv{color:var(--sky)}

.iag-prog-topo{align-items:end}
.iag-prog-topo h2{margin-bottom:0}
.iag-prog-topo .lead{margin:0;font-size:1rem}

.iag-bloco{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  margin-bottom:22px;color:var(--navy)}
.iag-bloco small{font-size:.85rem;font-weight:400;color:var(--ink-soft)}
.iag-modulos{gap:20px}
.iag-modulos .card{padding:24px;position:relative}
.iag-num{font-size:2rem;font-weight:200;color:var(--blue);line-height:1;
  margin-bottom:12px}
.iag-modulos .card--green .iag-num{color:var(--green)}
.iag-modulos .card--crimson .iag-num{color:var(--crimson)}
.iag-modulos h4{font-size:1rem;color:var(--navy);text-transform:none;
  letter-spacing:0;line-height:1.35;margin-bottom:8px}
.iag-modulos p{font-size:.9rem;line-height:1.55;color:var(--ink-soft)}
.iag-tag{position:absolute;top:22px;right:22px;background:var(--crimson);
  color:#fff;font-size:.62rem;font-weight:700;letter-spacing:1.6px;
  text-transform:uppercase;padding:4px 9px;border-radius:4px}

.iag-encontro{background:#fff;border-radius:var(--radius);padding:22px 26px;
  display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.iag-encontro-t{font-size:.75rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--blue)}
.iag-encontro ol{list-style:none;margin:0;padding:0;display:grid;flex:1;
  grid-template-columns:repeat(4,1fr);gap:20px}
.iag-encontro li{display:flex;flex-direction:column;font-size:.88rem;
  line-height:1.4;color:var(--ink-soft)}
.iag-encontro li b{color:var(--navy)}

.iag-formato{display:flex;justify-content:space-between;align-items:flex-start;
  gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.iag-formato div{display:flex;flex-direction:column;gap:2px}
.iag-formato div span{font-size:.88rem;color:var(--ink-soft)}
.iag-formato b{color:var(--navy)}
.iag-formato strong{color:var(--blue);white-space:nowrap;font-size:.95rem}
.iag-formato strong a{color:var(--blue)}
.iag-formato-pe{font-size:.88rem;margin:14px 0 0}
.iag-pills{margin-top:auto;padding-top:12px}

/* Cartão de chamada na página /solucoes/ (o "Card para a aba Soluções"). */
.iag-card{background:var(--navy);color:#dfe7ee;border-radius:var(--radius);
  padding:44px 48px;display:grid;grid-template-columns:1fr auto;gap:32px;
  align-items:end;position:relative;overflow:hidden}
.iag-card::after{content:"";position:absolute;right:-120px;top:-160px;
  width:420px;height:420px;border:1px solid rgba(178,228,247,.16);
  border-radius:50%;pointer-events:none}
.iag-card h2{color:#fff;margin:.3rem 0 .6rem;font-weight:300}
.iag-card p{color:#c4d4e2;margin:0 0 18px;max-width:560px}
.iag-card .pill{background:transparent;border:1px solid rgba(178,228,247,.45);
  color:#fff}

@media (max-width:1080px){
  .iag-niveis{grid-template-columns:repeat(3,1fr)}
  .iag-niveis li{min-height:0!important}
}
@media (max-width:760px){
  .iag-niveis{grid-template-columns:1fr 1fr}
  .iag-encontro ol{grid-template-columns:1fr 1fr}
  .iag-card{grid-template-columns:1fr;padding:32px 24px}
}
@media (max-width:520px){
  .iag-niveis{grid-template-columns:1fr}
  .iag-encontro ol{grid-template-columns:1fr}
  .iag-formato{flex-direction:column;gap:6px}
}