.institucional-bg { position: relative; }

.institucional-bg::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 270px; background: var(--cor2); z-index: -1; }

.institucional .content-top { display: grid; grid-template-columns: repeat(2, 1fr); }

.institucional .diferenciais { display: flex; flex-direction: column; gap: 35px; padding-left: 75px; border-left: 5px solid #EEEEEE}

.institucional .diferencial { display: flex;  gap: 20px;}

.institucional .content-top .left { padding: 30px 0 0 40px; }

.institucional .content-top .title { font: 300 50px / 1.125 roboto; color: #292929; }

.institucional .content-top .title b { font-weight: 700; color: var(--cor1); }

.institucional .content-top .text { font: 15px / 2 montserrat;  margin-top: 50px; padding-right: 50px; padding-bottom: 20px;}

.institucional .diferencial .img { display: flex; align-items: center; justify-content: center; background: #53AE47; border-radius: 15px; width: 70px; aspect-ratio: 1/1; height: 70px; }

.institucional .diferencial:nth-child(even) .img { background: var(--cor1); }

.institucional .diferencial-title { font: 27.87px / 1.275 roboto; color: #292929; }



.institucional .content-bottom {  display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 0 90px; }

.institucional .content-top .img,

.institucional .content-bottom .img { display: block; height: 100%; }

.institucional .content-top .img img,

.institucional .content-bottom .img img { width: 100%; height: 100%; object-fit: cover; }

.institucional .content-bottom .title { font: 300 50px / 1.125 roboto; color: #292929; }

.institucional .content-bottom .title b { font-weight: 700; color: var(--cor1); }

.institucional .content-bottom .text { font: 15px / 2 montserrat; color: var(--branco); }

.institucional .content-bottom .right { display: flex; flex-direction: column; justify-content: space-between; padding: 50px 0 0 50px; }

.institucional .content-bottom .btn-saiba { display: flex; transition: .3s ease; align-items: center; justify-content: center; gap: 10px; height: 50px; max-width: 150px; background: var(--branco); color: var(--cor1); font: 500 16.67px roboto; }

.institucional .content-bottom .btn-saiba svg { transform: scaleX(-1); }

.institucional .content-bottom .btn-saiba svg path { transition: .3s ease; }

.institucional .content-bottom .btn-saiba:hover { background: var(--cor1); color: var(--branco); }

.institucional .content-bottom .btn-saiba:hover svg path{ fill: var(--branco); }



.diferenciais-bg { padding: 85px 0 95px; }

.diferenciais .diferencial { display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px; }

.diferencial  .item:nth-child(even) { margin-top: 45px; }

.diferencial  .item:nth-child(even) .img { background: var(--cor2); }    

.diferencial .item .title{ display: flex; align-items: center; gap: 20px; }

.diferencial .title .img { display: flex; align-items: center; justify-content: center; background: var(--cor1); width: 70px; aspect-ratio: 1/1; height: 70px; border-radius: 10px;}

.diferencial .title-text { font: 27.87px roboto; color: #292929; }

.diferencial > .img { max-width: 565px; }

.diferencial > .img img { width: 100%; height: 100%; object-fit: cover; }

.diferencial.diferencial-bottom  { margin-top: 70px; }


.diferencial .item .text { font: 14px / 2 montserrat; }



.missao-bg { padding: 0 0 90px; }

.missao { display: flex; ; }

.missao .item { background: var(--cor1); gap: 20px; flex: 1; display: flex; flex-direction: column; align-items: center; color: var(--branco); padding: 60px 40px; text-align: center;}

.missao .item .title { font: 700 58.93px roboto; }

.missao .item .text { font: 15.04px / 2 montserrat; }

.missao .item:nth-child(even) { background: var(--cor2); }



.missao .item .img { display: flex; align-items: center; justify-content: center; width: 70px; aspect-ratio: 1/1; height: 70px; border-radius: 10px; background: var(--cor2); }

.missao .item:nth-child(even) .img { background: var(--cor1); }

.diferencial.diferencial-bottom {position: relative;}
.diferencial.diferencial-bottom .img-selo {position: absolute; width: 120px; height: auto; display: flex; right: -1%; bottom: -16px}
.diferencial.diferencial-bottom .img-selo img {width: 100%; height: 100%; object-fit: contain;}

@media(max-width: 1140px){

    .institucional .content-top,

    .institucional .content-bottom { grid-template-columns: 1fr; gap: 25px; }

    .institucional .content-top { padding: 40px 0; }

    .institucional .content-bottom { padding: 0 0 40px; }

    .institucional .content-bottom .right { order: 1; gap: 20px; }

    .institucional .content-bottom .img { order: 2; }

    .institucional .content-top .text,

    .institucional .content-bottom .text { color: var(--preto); font-size: clamp(13px, 2.5vw, 16px); }

    .institucional .content-top .text { margin: 0; padding: 0; }

    .institucional .content-top .left { display: flex; flex-direction: column; gap: 20px; }

    .institucional .content-top .left,

    .institucional .content-bottom .right { padding: 0; }

    .institucional .content-bottom .title br,

    .institucional .content-top .title br { display: none; }

    .institucional .content-top .title, 

    .institucional .content-bottom .title { font-size: clamp(20px, 5vw, 50px); }

    .diferenciais-bg { padding: 40px 0 70px; }

    .diferencial .item:nth-child(even),

    .diferencial.diferencial-bottom { margin-top: 40px; }

    .diferencial .title-text { font-size: clamp(20px, 4vw, 27.87px); }

    .diferenciais .diferencial.diferencial-bottom { grid-template-columns: 1fr; gap: 40px; margin: 20px auto;}
    .diferenciais .diferencial {gap: 20px;}

    .diferencial.diferencial-bottom > .img { order: 2; }

    .diferencial > .img { max-width: 565px; width: 100%; margin: 0 auto; }

    .diferencial .item .text { margin-top: 15px; }

    .missao { flex-direction: column; }

    .missao .item { padding: 35px; }

    .missao .item .title { font-size: clamp(35px, 5vw, 58.93px); }

    .missao .item .text { font-size: clamp(13px, 2vw, 15.04px); }

}

@media (max-width:990px){
    .diferenciais-bg {padding: 25px 0;}
}

@media(max-width: 400px){
    .diferencial.diferencial-bottom .img-selo {right: -3%; bottom: -20%; width: 100px;}
}