/*======== COMO FUNCIONA ========*/

.como-funciona{
padding:90px 0;
background:#fff;
}

.processo{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.processo-card{
padding:40px 30px;
background:#F8F4EF;
border-radius:18px;
text-align:center;
transition:.3s;
}

.processo-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.processo-numero{
width:65px;
height:65px;
margin:0 auto 25px;
border-radius:50%;
background:var(--primary);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:1.3rem;
font-weight:600;
}

.processo-card h3{
margin-bottom:15px;
font-size:1.6rem;
}

.processo-card p{
font-size:.96rem;
line-height:1.7;
}