main {padding: 81px 0 102px;}
main .btn-cta {padding-top: 67px; width: 100%;}
main .btn-cta .btn-whats {margin: 0 auto;}

#sobre {padding: 0 0 116px;}
#sobre .conteudo {display: flex; justify-content: space-between; gap: 30px;}
#sobre .conteudo.default {flex-direction: row-reverse;}

#sobre .img {max-width: 570px; width: 100%; display: flex; flex-direction: column; justify-content: center;}
#sobre img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}

#sobre .images {max-width: 570px; width: 100%; display: flex; flex-direction: column; justify-content: center; min-width: 425px; gap: 31px;}
#sobre .images .img {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
#sobre .images img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
#sobre .images .img-main {width: 100%; height: 100%;  margin-top: 8px;}
#sobre .images .img-main img {width: 100%; height: 100%; aspect-ratio: 800 / 600;}
#sobre .images .thumbs {display: flex; gap: 31px;}
#sobre .images .thumbs .img img {aspect-ratio: 269 / 245;}

#sobre .btns {display: flex; flex-direction: row; gap: 15px; margin-top: auto; padding-top: 35px;}

#sobre .info {max-width: 538px; display: flex; flex-direction: column; }
#sobre .texto {font: 400 15px / 2em var(--mont); color: var(--cinza); hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}

#sobre .titulo {font: 400 clamp(24px,4vw,32.15px) / 1.26em var(--futura); color: var(--cinza); margin-bottom: 28px;}
#sobre .titulo span {font: 400 17.12px / 1.26em var(--mont); color: var(--vermelho); margin: 0 0 9px 2px;}
#sobre .titulo strong {font-weight: 700;}

#all-modelos {display: flex; flex-direction: column; gap: 89px;}

#todas-linhas .cards {justify-content: center; gap: 58px 3%;}
#todas-linhas .cards .card {max-width: calc((100% / 4) - 2.499%); gap: 24px;}
#todas-linhas .cards .card .img {width: 100%; height: auto; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 2px 2px #dfdede;  overflow: hidden; aspect-ratio: 1 / 1; border-radius: 100%;}
#todas-linhas .cards .card .img img {width: 100%; height: 100%;  object-fit: cover; border-radius: 20px; transition: 0.3s;}
#todas-linhas .cards .card .conteudo {font: 400 clamp(18px,2vw,28.91px)  / 1.1em var(--futura); color: var(--cinza); text-align: center;}

#todas-linhas .cards .card:hover {box-shadow:none}
#todas-linhas .cards .card:hover .img {box-shadow: 0 0 2px 4px #b90a04; padding: 0;}
#todas-linhas .cards .card:hover .conteudo {color: var(--vermelho);}
#todas-linhas .cards .card:hover .img img {transform: scale(1.2); transition: ease-in 0.8s;}
#todas-linhas .cards .img.logo img {object-fit: contain; max-width: 300px;}

@media (max-width:990px) {
     main {padding: 25px 0;}
     main .btn-cta {padding-top: 15px;}

     #sobre {padding: 0 0 35px;}
     #sobre .conteudo {gap: 15px;}
     #sobre .conteudo {flex-direction: column; justify-content: center; align-items: center;}
     #sobre .conteudo.default {flex-direction: column; justify-content: center; align-items: center;}
     #sobre .images {min-width: auto; gap: 15px;}
     #sobre .images .img-main {margin: 0;}
     #sobre .images .thumbs {gap: 15px;}
     #sobre .info {max-width: 100%;}

     #sobre .btns {margin: 15px auto 0; padding: 0;}

     #sobre .texto {text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; margin-bottom: 10px; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
     #sobre .titulo {text-align: center; margin-bottom: 15px; font-size: var(--tt-mb);}

     #all-modelos {gap: 25px;}

     #todas-linhas .cards {gap: 25px 3%;}
     #todas-linhas .cards .card .conteudo {font-size: clamp(16px,2vw,25px);}
}

@media (max-width:800px) {
     #todas-linhas .cards {max-width: 600px; margin: 0 auto;}
     #todas-linhas .cards .card {max-width: calc((100% / 3) - 2.499%);}     
}

@media (max-width:700px) {
     #todas-linhas .cards .card {max-width: calc((100% / 2) - 2.499%);}
     #todas-linhas .cards .card .conteudo {font-size: clamp(14px,2.5vw,25px);}
}