/* ============ NOSSAS SOLUÇÕES — estilos da página ============
   Hero: componente .page-hero (common.css)
   Cards: componente .fcard (common.css)
   Este arquivo cobre o grid da seção e o bloco de CTA final.
   ============================================================ */

.sol{
  background:var(--paper);
  position:relative;
  overflow-x:clip;
  padding:80px 0 110px;
}

/* Grid de cards — 3 colunas, igual à home */
.sol-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  align-items:stretch;
}

/* ---------- CTA final ---------- */
.sol-cta{
  margin-top:70px;
  text-align:center;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.sol-cta h2{
  font-family:var(--display);
  font-weight:700;
  font-size:clamp(24px,2.9vw,40px);
  line-height:1.1;
  letter-spacing:-.028em;
  color:var(--navy);
  margin:0 0 18px;
}

.sol-cta h2 em{font-style:normal;color:var(--ignite)}

.sol-cta p{
  font-size:16.5px;
  color:var(--ink-2);
  line-height:1.65;
  margin:0 0 30px;
}

/* ---------- Responsivo ---------- */
@media(max-width:1024px){
  .sol{padding:64px 0 88px}
  .sol-grid{grid-template-columns:repeat(2,1fr);gap:20px}
}

@media(max-width:680px){
  .sol{padding:48px 0 72px}
  .sol-grid{grid-template-columns:1fr;gap:18px}
  .sol-cta{margin-top:52px}
}