/* .cards {display: flex; flex-direction: row; flex-wrap: wrap; gap: 50px 32px; align-items: flex-start; min-width: calc(100% - 340px); max-width: calc(100% - 340px);} */
.cards {display: grid; gap: 50px 32px; grid-template-columns: repeat(3,1fr);}
.cards.space {justify-content: space-between; gap: 50px 7px;}
.cards .engloba-card {width: 242px; }
.cards .card {border: 2px solid #DADADA; height: 100%;}
.cards .card .img {vertical-align: middle; width: 206px; height: 207px; display: block; padding: 15px 15px 25px; object-fit: contain; margin: 0 auto 10px;}
.cards .btn {width: 100%; height: unset; padding: 19px 0 16px; margin: 0; box-sizing: content-box}
.cards .btn p{font: 600 14.61px / 17px Montserrat; color: #FFFF;}
.cards .btn:hover{transform: unset; box-shadow: unset; background-color: rgb(56, 54, 54); cursor: pointer;}
.cards .card .descricao {font: 400 13.56px / 16px Montserrat; padding: 0 24px; margin: 0 0 26px; color: #222222;}

.cards .titulo.pdr.not-found {font: 41px montserrat; color: var(--preto);}

@media (max-width:1220px){
     .cards {justify-content: space-between; gap: 50px 7px; grid-template-columns: repeat(2, 1fr);}
     .cards .engloba-card {width: 100%}
}
@media (max-width:990px){     
     .cards {min-width: 100%; max-width: 100%; gap: 15px 7px;}
     .cards .engloba-card {width: 100%;}
}

@media (max-width:860px){
     .cards {min-width: 100%; max-width: 100%; gap: 15px 7px;}     
}

@media (max-width:580px){
     .cards {min-width: 100%; max-width: 100%; gap: 15px 7px;grid-template-columns: repeat(1, 1fr);}
     .cards .engloba-card {width: 100%;}
     .cards .card .img {width: 90%; height: auto; padding: 15px 0;}
}