.modelos-disponiveis .titulo {font: 400 clamp(24px,4vw,32.16px) / 1.273em var(--futura); color: var(--cinza); margin: 0 auto 31px; text-align: center; width: fit-content; display: flex; flex-direction: column;}
.modelos-disponiveis .mid-titulo {font: 400 clamp(16px,3vw,22.76px) / 1.273em var(--futura); color: var(--cinza); margin: 0 auto 9px; text-align: center; width: fit-content; display: flex; flex-direction: column;}
.modelos-disponiveis .main-titulo {margin: 0 0 21px;}
.modelos-disponiveis .titulo .icone { position: absolute; transform: translate(-55%, -55%); width: clamp(35px, 6vw, 75px); height: clamp(23px, 5vw, 63px);}
.modelos-disponiveis .titulo .icone svg {width: 100%; height: 100%;}

.modelos-disponiveis .texto {font: 400 15px / 2em var(--mont); color: var(--cinza); margin: 0 auto 41px; text-align: center; width: fit-content; display: flex; flex-direction: column;}
.modelos-disponiveis .titulo .sub-titulo {font: 400 15px / 1em var(--mont); color: var(--cinza); text-align: center;}

.modelos-disponiveis .cards {display: flex; flex-direction: row; flex-wrap: wrap; gap: 27px 3.03%;}
.modelos-disponiveis .cards .card {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: calc((100% / 4) - 2.28%); transition: 0.2s; height: 100%; padding: 10px 0;}
.modelos-disponiveis .cards .card .images {width: 100%;}
.modelos-disponiveis .cards .card:hover, .modelos-disponiveis  .cards .card:focus {box-shadow: 0 0 9px 4px #0007483b; border-radius: 15px;}
.modelos-disponiveis .cards .card .nome {font: 400 clamp(16px,2.3vw,32.02px) / 1.10em var(--futura); color: var(--cinza); margin: 18px 0; text-align: center;}
.modelos-disponiveis .cards .card .nome .sub-nome {font: 400 clamp(12px,2.3vw,15px) / 2em var(--mont); color: var(--cinza); margin: 10px 0 0; text-align: center;}
.modelos-disponiveis .cards .card .img {display: flex; justify-content: center; align-items: center; aspect-ratio: var(--aspect-ratio); width: 100%; transition: 0.2s;}
.modelos-disponiveis .cards .card .img img {width: 100%; height: 100%; object-fit: contain;}
.modelos-disponiveis .cards .card:hover .img {transform: scale(0.9)}

@media (max-width:990px) {
     .modelos-disponiveis .main-titulo {margin-bottom: 5px;}
     .modelos-disponiveis .titulo {margin: 0 auto 15px; font-size: var(--tt-mb);}
     .modelos-disponiveis .cards {gap: 5px 2.03%; justify-content: center;}
     .modelos-disponiveis .cards .card {max-width: calc((100% / 3) - 1.36%); gap: 8px;}
     .modelos-disponiveis .cards .card .nome {margin: 8px 0 0;}
     .modelos-disponiveis .mid-titulo {margin: 0 auto 9px;}
}

@media (max-width:700px) {
     .modelos-disponiveis .cards .card {max-width: calc((100% / 2) - 1.06%);}
}

@media (max-width:320px) {
     .modelos-disponiveis .cards .card {max-width: 100%}
}

@media (max-width:300px) {
     .modelos-disponiveis .titulo .icone {display: none;}
}
