#sobre-1 {padding: 94px 0;}
#sobre-1 .conteudo {display: flex; flex-direction: column;}
#sobre-1 .top {display: flex; justify-content: space-between; gap: 30px;}
#sobre-1 .img img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px; object-position: right;}

#sobre-1 .top .img {max-width: 570px; width: 100%; display: flex; justify-content: center; align-items: center; min-width: 400px;}

#sobre-1 .top .info {max-width: 543px;}
#sobre-1 .top .texto {font: 400 15px / 2em var(--mont); color: var(--cinza); margin: 0 0 56px;}
#sobre-1 .top .titulo {font: 400 clamp(24px,4vw,32.15px) / 1.26em var(--futura); color: var(--cinza); margin-bottom: 48px; display: flex; flex-direction: column;}
#sobre-1 .top .titulo span {font: 400 17.12px / 1.26em var(--mont); color: var(--vermelho); margin: 0 0 9px 2px; letter-spacing: 5.349px;}
#sobre-1 .top .titulo strong {font-weight: 700;}

#sobre-1 .bot .cards {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 30px; margin-top: 88px;}
#sobre-1 .bot .card {border-radius: 20px; padding: 50px 44px 50px 44px; display: flex; gap: 24px; align-items: center;}
#sobre-1 .bot .card .icone {min-width: 50px; height: 50px; max-width: min-content;}
#sobre-1 .bot .card .icone svg {width: 100%; height: 100%;}
#sobre-1 .bot .card .icone svg path {fill: var(--branco);}
#sobre-1 .bot .card .titulo {font: 400 32.06px / 1.2em var(--futura); color: var(--branco); margin-bottom: 12px;}
#sobre-1 .bot .card .texto {font: 400 15.02px / 2em var(--mont); color: var(--branco);}
#sobre-1 .bot .card:nth-child(odd) {background: var(--azul);}
#sobre-1 .bot .card:nth-child(even) {background: var(--vermelho);}



#sobre-2 {padding: 84px 0 97px; background: var(--azul);}
#sobre-2 .conteudo {display: flex; flex-direction: column;}
#sobre-2 .conteudo > .titulo {font: 400 clamp(24px,4vw,32.16px) / 1.27em var(--futura); color: var(--branco); margin: 0 0 54px; text-align: center;}
#sobre-2 .titulo strong {font-weight: 700;}
#sobre-2 .info {max-width: 533px;}
#sobre-2 .texto {font: 400 15px / 2em var(--mont); color: var(--branco);}
#sobre-2 .img img {width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}

#sobre-2 .btn-whats {display: flex; width: fit-content; padding: 15px 20px; border-radius: 12px; background: var(--verde); gap: 5px; align-items: center; font: 500 15px / 1.2em var(--mont); color: var(--branco);}
#sobre-2 .btn-whats .icone {width: 17px; height: 17px;}
#sobre-2 .btn-whats .icone svg {width: 100%; height: 100%;}
#sobre-2 .btn-whats .icone svg path {fill: var(--branco);}

#sobre-2 .top {margin-bottom: 55px;}
#sobre-2 .top, #sobre-2 .bot {display: flex; justify-content: space-between; gap: 30px;}

#sobre-2 .top .img {max-width: 570px; width: 100%; display: flex; justify-content: center; align-items: center;}

#sobre-2 .top .texto {margin: 8px 0 50px;}
#sobre-2 .bot .titulo {font: 400 clamp(24px,3vw,32.15px) / 1.27em var(--futura); color: var(--branco); margin: 18px 0 37px;}

#sobre-2 .bot .images {display: flex; justify-content: space-between; gap: 31px; width: 100%; min-width: 571px;}
#sobre-2 .bot .images .img {width: 100%; height: 100%;}


#valores {padding: 90px 0 96px;}
#valores .conteudo {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 34px;}

#valores .card {padding: 26px 31px 27px 29px; border-radius: 20px; border: 3px solid var(--cinza-2);}
#valores .card .titulo {display: flex; align-items: center; gap: 17px; font: 30.3px / 1.1em var(--futura); color: var(--cinza); margin-bottom: 16px;}
#valores .card .icone {display: flex; justify-content: center; align-items: center; border-radius: 10px; background: var(--vermelho); padding: 15px;}
#valores .card .icone svg {width: 30px; height: 30px;}
#valores .card .texto {font: 400 15px / 2em var(--mont); color: var(--cinza);}

#valores .card.card-valores {grid-column: 1 / 3;}

@media (max-width:1300px){
     #sobre-1 .bot .cards {grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3,1fr);}
     #sobre-1 .bot .card.card-2, #sobre-1 .bot .card.card-3, #sobre-1 .bot .card.card-6 {background: var(--vermelho);}
     #sobre-1 .bot .card.card-1, #sobre-1 .bot .card.card-4, #sobre-1 .bot .card.card-5 {background: var(--azul);}
}

@media (max-width:990px){
     #sobre-1 {padding: 25px 0;}
     #sobre-1 .top .img {min-width: auto;}
     #sobre-1 .top .titulo span {text-align: center; margin: 0 0 5px; font-size: 13px;}
     #sobre-1 .top .titulo {margin: 0 0 15px; text-align: center; font-size: var(--tt-mb);}
     #sobre-1 .top .texto {margin: 0 0 10px; text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
     #sobre-1 .top {flex-direction: column-reverse; justify-content: center; align-items: center; gap: 15px;}
     #sobre-1 .top .info {max-width: 100%;}
     #sobre-1 .btn-whats {margin: 0 auto}

     #sobre-1 .bot .cards {gap: 15px; margin-top: 20px;}
     #sobre-1 .bot .card {padding: 30px 40px; gap: 10px;}
     #sobre-1 .bot .card .titulo {font-size: 24px; margin-bottom: 5px;}
     #sobre-1 .bot .card .icone {min-width: 30px; height: 30px;}



     #sobre-2 {padding: 25px 0;}
     #sobre-2 .texto {text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}

     #sobre-2 .btn-whats {margin: 0 auto;}

     #sobre-2 .info {max-width: 100%;}
     
     #sobre-2 .top {margin-bottom: 25px;}

     #sobre-2 .top, #sobre-2 .bot {flex-direction: column; justify-content: center; align-items: center; gap: 15px;}
     #sobre-2 .top .texto {margin: 0 0 15px;}
     #sobre-2 .conteudo > .titulo {margin: 0 0 15px; font-size: var(--tt-mb);}
     #sobre-2 .bot .titulo {margin: 0 0 15px; text-align: center; font-size: var(--tt-mb);}

     #sobre-2 .bot .images {min-width: 100%; gap: 2%;}


     #valores {padding: 25px 0;}
     #valores .conteudo {gap: 15px;}
     #valores .card {padding: 20px;}
     #valores .card .titulo {gap: 13px; font-size: 24px; margin-bottom: 10px;}
     #valores .card .icone {padding: 10px}
     #valores .card .icone svg {width: 20px; height: 20px;}
     #valores .card .texto {text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
}

@media (max-width:770px){
     #sobre-1 .bot .cards {grid-template-columns: 1fr; grid-template-rows: repeat(6,1fr);}
     #sobre-1 .bot .card.card-1, #sobre-1 .bot .card.card-3, #sobre-1 .bot .card.card-4 {background: var(--azul);}
     #sobre-1 .bot .card.card-2, #sobre-1 .bot .card.card-4, #sobre-1 .bot .card.card-6 {background: var(--vermelho);}
     #sobre-1 .bot .card {padding: 25px;}
}

@media (max-width:700px){
     #valores .conteudo {grid-template-columns: 1fr; grid-template-rows: auto auto auto;}
     #valores .card.card-valores {grid-column: 1;}
}