.institucional-bg {padding: var(--padding-section-md); background: var(--branco); position: relative; z-index: var(--z-meio); border-radius: var(--border-radius-bottom);}
.institucional {display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
.institucional .imagens {display: flex; gap: 30px; align-items: center;}
.imagens .img {border-radius: var(--radius-xxl); max-width: 245px; overflow: hidden; height: 100%;}
.imagens .img img {width: 100%; height: 100%; object-fit: cover;}
.institucional .conteudo .titulo {font: 500 37.76px / 47.06px dilemma; color: var(--cor-fonte-2);}
.institucional .conteudo .texto {font: 400 15px / 27.68px montserrat; color: var(--cor-fonte-2); margin-top: 25px;}

.chamada-bg {background: url(../../img/background.webp) no-repeat center center / cover; border-radius: var(--border-radius-bottom);}
.chamada-bg .chamada {font: 500 37.76px dilemma; text-align: center; color: var(--cor-fonte-2); height: 710px; padding-top: 160px; margin-top: -80px;}

.missao-bg {padding: 75px 0 80px; background: var(--branco); position: relative; z-index: var(--z-meio); border-radius: var(--border-radius-bottom);}
.missao-bg > .missao {display: flex; flex-direction: column-reverse; gap: 60px;}
.missao-bg .textos {display: flex; flex-direction: column; gap: 60px;}
.missao .img {display: flex; border-radius: var(--radius-xxl); overflow: hidden; width: 100%; max-height: 540px;}
.missao .img img {width: 100%; height: 540px; object-fit: cover; object-position: center;}
.missao .titulo {font: var(--font-titulo-menor); color: var(--cor-fonte-2); position: relative;} 
.missao .texto {font: var(--font-texto); color: var(--cor-fonte); margin: 12px 0 0; position: relative;}

.missao .titulo::before {content: ''; position: absolute; left: -1%; top: -100%; width: 125px; height: 125px; background: url(../../img/sobre/missao.svg) no-repeat center center / contain; z-index: -1;}
.missao .texto-item.visao .titulo::before {background: url(../../img/sobre/visao.svg) no-repeat center center / contain;}


@media(max-width: 1250px) {
    .institucional {display: flex; flex-direction: column-reverse}
    .institucional .imagens {align-items: center; justify-content: center;}
    .institucional .imagens .img {max-width: 50%; height: 300px;}
}

@media(max-width: 990px){
    .institucional {gap: 30px;}
    .institucional .conteudo .titulo {font-size: 28px; line-height: 1.4;text-align: center;}
    .institucional-bg {padding: 50px 0;}
    .chamada-bg .chamada {height: 450px; font-size: 28px;}
    .missao-bg > .missao {display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .missao .img {align-items: center; justify-content: center; width: auto; max-width: 100%;}
    .missao .titulo::before {left: -3%;}
}