/* ==========================================================================
   Automação sob medida: componentes próprios da página.
   Usa os tokens e as classes de site.css; aqui só o que é desta página.
   ========================================================================== */

.sm-quando__lista{margin-top:24px}

/* etapas em uma linha de quatro */
.passos.sm-passos{grid-template-columns:repeat(4,minmax(0,1fr))}
.sm-passos .passo h3{font-size:23px}
.sm-passos .passo p{font-size:16.5px}

/* case Celera */
.sm-case__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:40px}
.sm-dep{margin:0}
.sm-dep blockquote{margin:0;font:500 clamp(19px,1.75vw,22px)/1.5 var(--display);letter-spacing:-.01em;color:var(--grafite)}
.sm-dep blockquote::before{content:"\201C";display:block;font:800 110px/.6 var(--display);color:var(--laranja);margin-bottom:12px}
.sm-dep blockquote p{margin:0 0 16px}
.sm-dep blockquote p:last-child{margin-bottom:0}
.sm-dep__quem{margin-top:24px;font-size:16.5px;color:var(--cinza-texto)}
.sm-dep__quem b{color:var(--grafite)}
.sm-dep__trad{display:block;margin-top:4px;font-size:14px}
.sm-case__feito{background:var(--papel);border-radius:18px;padding:28px 28px 30px}
.sm-case__feito h3{font:700 22px/1.2 var(--display);letter-spacing:-.015em;margin:0 0 16px}

.sm-faq__link{margin:26px 0 0}

/* chamada final com duas ações */
.sm-fim__ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px}

@media (max-width:1100px){
  .passos.sm-passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-case__grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:860px){
  .passos.sm-passos{grid-template-columns:1fr}
  .sm-case__feito{padding:22px 20px 24px}
}