/* Páginas de soluções: usam os tokens, tipografia e navegação da home. */
.solucoes{background:var(--fundo-alt)}
.solucoes-grade,.pagina-relacionadas-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}
.solucao-link,.pagina-relacionada{display:flex;flex-direction:column;gap:.7rem;padding:1.55rem;border:1px solid var(--borda);border-radius:var(--r-g);background:var(--superficie);box-shadow:var(--sombra-1);text-decoration:none;color:var(--texto);transition:transform .2s,border-color .2s,box-shadow .2s}
.solucao-link:hover,.pagina-relacionada:hover{transform:translateY(-4px);border-color:var(--marca-clara);box-shadow:var(--sombra-2)}
.solucao-link svg{width:2rem;height:2rem;fill:none;stroke:var(--marca);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.solucao-link h3,.pagina-relacionada h3{margin:0}
.solucao-link p,.pagina-relacionada p{font-size:.93rem;color:var(--texto-suave);margin:0}
.solucao-link span,.pagina-relacionada span{font-family:var(--fonte-t);font-weight:700;color:var(--marca);margin-top:auto}

.pagina-hero{padding:clamp(3rem,2rem + 5vw,6rem) 0;background:radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--menta-500) 20%,transparent),transparent 38%),var(--fundo-alt)}
.pagina-trilha{font-size:.86rem;color:var(--texto-suave);margin-bottom:2rem}
.pagina-trilha a{color:var(--texto-suave)}
.pagina-hero-grade{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.pagina-hero .sobrancelha{margin-bottom:1rem}
.pagina-hero p.pagina-lead{font-size:clamp(1.06rem,1rem + .3vw,1.24rem);max-width:40rem;color:var(--texto-suave)}
.pagina-hero .hero-botoes{margin:1.8rem 0 1rem}
.pagina-nota{font-size:.88rem;color:var(--texto-suave);margin:0}
.pagina-fluxo{padding:1.5rem;border-radius:var(--r-g);background:var(--superficie);border:1px solid var(--borda);box-shadow:var(--sombra-2)}
.pagina-fluxo h2{font-size:1.08rem;margin-bottom:1.2rem}
.pagina-fluxo ol{display:grid;gap:1rem;counter-reset:fluxo}
.pagina-fluxo li{display:grid;grid-template-columns:2rem 1fr;gap:.65rem;align-items:start;color:var(--texto-suave);font-size:.9rem;counter-increment:fluxo}
.pagina-fluxo li::before{content:counter(fluxo);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--menta-100);color:var(--petroleo-700);font-family:var(--fonte-t);font-weight:800}
.pagina-fluxo strong{display:block;color:var(--texto);font-family:var(--fonte-t)}
.pagina-fluxo p{font-size:.8rem;color:var(--texto-suave);margin:1.25rem 0 0}

.pagina-miolo{max-width:62rem;margin-inline:auto}
.pagina-miolo>header{margin-bottom:2rem}
.pagina-miolo>header>p{color:var(--texto-suave);max-width:48rem}
.pagina-passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pagina-passo{padding:1.5rem;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-m);box-shadow:var(--sombra-1)}
.pagina-etapa{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--menta-100);color:var(--petroleo-700);font:800 .85rem var(--fonte-t);margin-bottom:1rem}
.pagina-passo h3{margin-bottom:.5rem}
.pagina-passo p{font-size:.92rem;color:var(--texto-suave);margin:0}
.pagina-duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:start}
.pagina-duas-colunas p{color:var(--texto-suave)}
.pagina-lista{display:grid;gap:1rem;margin-top:1.3rem}
.pagina-lista li{position:relative;padding-left:1.7rem}
.pagina-lista li::before{content:'✓';position:absolute;left:0;color:var(--marca);font-weight:800}
.pagina-alerta{padding:1.5rem;border-radius:var(--r-g);background:var(--superficie);border:1px solid var(--borda);box-shadow:var(--sombra-1)}
.pagina-alerta h3{margin-bottom:.7rem}
.pagina-alerta p:last-child{margin:0}
.pagina-captura{margin:2rem auto 0;max-width:47rem;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-g);padding:.8rem;box-shadow:var(--sombra-2)}
.pagina-captura img{display:block;width:100%;height:auto;border-radius:var(--r-m)}
.pagina-captura figcaption{font-size:.8rem;color:var(--texto-suave);padding:.7rem .35rem .2rem}
.pagina-relacionadas{background:var(--fundo-alt)}
.pagina-relacionadas .cabecalho{margin-bottom:2rem}
.pagina-relacionada{min-height:11rem}

@media(max-width:900px){
  .solucoes-grade,.pagina-relacionadas-grade,.pagina-passos{grid-template-columns:1fr 1fr}
  .pagina-hero-grade{grid-template-columns:1fr}
  .pagina-fluxo{max-width:39rem}
}
@media(max-width:620px){
  .solucoes-grade,.pagina-relacionadas-grade,.pagina-passos,.pagina-duas-colunas{grid-template-columns:1fr}
  .pagina-hero{padding:2.5rem 0 3.5rem}
  .pagina-trilha{margin-bottom:1.5rem}
  .pagina-fluxo{padding:1.2rem}
}
@media print{
  .pagina-hero{background:none}
  .pagina-fluxo,.pagina-passo,.pagina-alerta,.solucao-link{box-shadow:none}
}