.institucional-bg { padding: 85px 0; }
.institucional .item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px  ; }
.institucional .item .img { display: flex; align-items: center; justify-content: center; max-height: 360px; overflow: hidden; border-radius: 10px;}
.institucional .item > .img video,
.institucional .item > .img img { width: 100%; height: 100%; display: block; object-fit: cover; }
.institucional .item .content { display: flex; flex-direction: column; gap: 40px; }
.institucional .item .content .title { font: 300 36.39px gotham; padding-left: 20px; border-left: 7px solid var(--cor1); }
.institucional .item .content .title b { font-weight: 800; }
.institucional .item .content .text { font: 15px / 2 montserrat; color: var(--texto); }
.institucional .item .content .buttons { display: flex; gap: 15px; align-items: center; }
.institucional .item .content .buttons .btn-default { background: var(--cor1); color: var(--branco); padding: 10px 20px; font: 500 11.13px gotham; border-radius: 8px; }

.institucional .item.bottom { margin-top: 80px; }
.institucional .item .diferencial-parent { display: flex; align-items: center; justify-content: space-between; }
.institucional .item .diferencial { display: flex; align-items: center; gap: 10px; }
.institucional .item .diferencial .text { font: 300 20px / 1 gotham; color: var(--preto); }
.institucional .item .diferencial .text b { font: 700 21.5px gotham; }

.diferenciais-bg { padding: 0 0 85px; }
.diferenciais .diferencial { display: flex; flex-direction: column; align-items: center; gap: 20px; justify-content: space-between; height: 100%; }
.diferenciais .diferencial .texto { text-align: center; font: 300 26.44px gotham; }
.diferenciais .diferencial .texto b { font: 800 40px gotham; }

.video-bg { padding: 80px 0 120px; position: relative; box-sizing: border-box; background: #8e0000d4; }
.video-bg .background { position: absolute; z-index: -1; width: 100%; height: 100%; object-fit: cover; top: 0;  }
.video-bg .video { display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px;position: relative; z-index: 2; }
.video .iframe { display: block; max-width: 600px; aspect-ratio: 16/9; }
.video .iframe > * { overflow: hidden; border-radius: 10px; display: block; }
.video .iframe .img img { display: block; width: 100%; height: 100%; aspect-ratio: 16/9; object-fit: cover; }

.video .content .title { font: 300 36.39px gotham; color: var(--branco); padding-left: 20px; border-left: 7px solid var(--branco); }
.video .content .title span { font-size: 39.7px; font-weight: 800; }
.video .content .text { font: 15px / 2 montserrat; color: var(--branco); margin-top: 30px; }

.video-bg .vantagens { position: absolute; height: 140px; width: calc(50% + 250px); background: var(--branco); bottom: 0; right: 0; display: flex; align-items: flex-end;  box-sizing: border-box; padding-left: 50px; gap: 50px; }
.video-bg .vantagem { display: flex; align-items: center; gap: 10px; }
.vantagem .text { font: 20.09px gotham; }
.vantagem .text b { font-size: 21.91px; font-weight: 800; }

.missao-bg { padding: 80px 0; }
.missao { display: flex; flex-direction: column; gap: 50px; }
.missao .fotos .splide__list { align-items: stretch; }
.missao .fotos .img { display: flex; aspect-ratio: 1/1; border-radius: 10px; overflow: hidden; }
.missao .fotos img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }

.missao .missao-itens .splide__track { padding-top: 36px; }
.missao .missao-itens .splide__slide { height: auto; }
.missao .missao-item { position: relative; height: 100%; padding-top: 32px; box-sizing: border-box; }
.missao .missao-item .img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 116px; height: 78px; display: flex; align-items: center; justify-content: center; background: var(--branco); z-index: 2; }
.missao .missao-item .img img { width: 68px; height: 68px; object-fit: contain; display: block; }
.missao .missao-item .card { height: 100%; border: 2px solid #efc8cf; border-radius: 18px; background: var(--branco); padding: 72px 30px 42px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 20px; box-sizing: border-box; }
.missao .missao-item .title p { margin: 0; font: 400 28.92px / 1 gotham; letter-spacing: .05em; text-transform: uppercase; color: #141414; }
.missao .missao-item .text { max-width: 560px; }
.missao .missao-item .text p { margin: 0; font: 300 15px / 1.6 montserrat; color: #7a7a7a; }

@media(max-width: 1250px){
    .video-bg { padding: 80px 0 0; }
    .video-bg .vantagens { width: 100%; height: 120px; align-items: center; justify-content: center; padding: 0; position: static; margin-top: 60px; }
    .video-bg .video { display: flex; flex-direction: column-reverse; }
    .video .iframe { margin: 0 auto; }

}

@media (max-width: 990px) {
    .missao-bg { padding: 40px 0 60px; }
    .missao { gap: 30px; }
    .missao .missao-item .card { padding: 58px 22px 30px; border-radius: 14px; gap: 16px; }
    .missao .missao-item .img { width: 92px; height: 60px; }
    .missao .missao-item .img img { width: 54px; height: 54px; }
    .missao .missao-item .title p { font-size: clamp(30px, 8vw, 40px); }
    .missao .missao-item .text p { font-size: clamp(14px, 4.5vw, 21px); line-height: 1.5; }
    .institucional .item { grid-template-columns: 1fr; gap: 40px; }
    .institucional .item .content .buttons { justify-content: center; }
    .institucional .item .img { aspect-ratio: 4/3; margin: 0 auto; }
    .diferenciais .diferencial .texto b { font-size: clamp(27px, 3.5vw, 32px); }
    .diferenciais .diferencial .texto { font-size: clamp(18px, 2.5vw, 24px); }
    .video-bg { padding: 40px 0 0; }
    .video-bg .video { gap: 40px; }
    .video-bg .vantagens { flex-direction: column; height: auto; padding: 30px 0; }
    .institucional-bg { padding: 45px 0 }
    .diferenciais-bg { padding: 0 0 45px; }
    .video-bg .vantagem { width: 270px; }
}
