.section-areas {padding: 81px 0 98px;}
.section-areas .topo .titulo {text-align: center; color: var(--preto-ter); margin: 0 0 60px;}
.section-areas .topo .titulo img {width: 33px; height: 35px; display: inline;}
.section-areas .topo .titulo p {display: inline; margin: 0 85px;}

.section-areas .info-lista {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 66px 20px;}
.section-areas .item-lista {width: 341px;}

.section-areas .card .parte-superior {display: flex; flex-direction: row; gap: 28px; font: 400 17.19px / 31.24px Montserrat; color: var(--preto-seg); margin: 0 0 0;}
.section-areas .card .parte-superior strong {color: var(--preto-ter);}
.section-areas .card .icone {width: 58px; height: 58px; background-color: var(--preto); display: grid; place-content: center; place-items: center;}
.section-areas .card .icone img {width: 35px; height: auto; object-fit: contain;}
.section-areas .card .texto {font: 400 15px / 29.27px Montserrat; color: var(--preto-seg); text-align: justify;}

@media (max-width:1200px){
     .section-areas .item-lista {width: 48%;}
}

@media (max-width:990px){
     .section-areas {padding: 35px 0;}
}
@media (max-width:600px){
     .section-areas .topo .titulo {display: flex; flex-direction: row; justify-content: space-between;}
     .section-areas .topo .titulo p {margin: 0;}
}
@media (max-width:800px){
     .section-areas .card .texto {font-size: 17px; line-height: 29px;}
     .section-areas .item-lista {width: 100%; padding: 4px; border: 2px solid var(--marrom); }
     .section-areas .item-lista .card {padding: 10px; border: 1px solid var(--marrom); }
     .section-areas .topo .titulo {margin: 0 0 30px;}
     .section-areas .info-lista {gap: 30px;}
}