/* Como funciona: 4 passos */
/* COMO FUNCIONA */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.steps div{background:var(--card2);border-radius:24px;padding:32px 26px}
.steps div::before{counter-increment:s;content:"0" counter(s);display:block;color:var(--ac);font-size:15px;margin-bottom:46px}
.steps h3{font-size:24px;margin-bottom:10px}
.steps p{color:var(--sub);font-size:16px}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}.steps div::before{margin-bottom:20px}}
.steps div::before{margin-bottom:18px}
.steps .sic{width:40px;height:40px;margin-bottom:22px}
.steps div{transition:transform .35s ease;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.steps div:hover{transform:translateY(-4px)}