.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; overflow: hidden; border-radius: 10px; }
.institucional .item > .img img,
.institucional .item > .img video { width: 100%; height: 100%; display: block; object-fit: cover; aspect-ratio: 16/9; }
.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 .diferencial { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; gap: 10px; }
.diferenciais .diferencial .texto { text-align: center; font: 300 26.44px gotham; }
.diferenciais .diferencial .texto b { font: 800 40px gotham; }

.servicos-home-bg { padding: 90px 0 60px; }
.servicos-home { display: flex; flex-direction: column; gap: 60px; }
.servicos-home .head { text-align: center; }
.servicos-home .head p { font: 300 47px gotham; text-transform: uppercase; color: var(--preto); }
.servicos-home .head p b { font-weight: 800; }
.servicos-home .servico-item { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.servicos-home .servico-item.reverse .img { order: 2; }
.servicos-home .servico-item.reverse .content { order: 1; }
.servicos-home .servico-item .img { border-radius: 8px; overflow: hidden; max-height: 355px; display: flex; height: 100%; }
.servicos-home .servico-item .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.servicos-home .servico-item .content { display: flex; flex-direction: column; align-items: flex-start; gap: 23px; }
.servicos-home .servico-item .content .title { font: 300 41px gotham; border-left: 7px solid var(--cor1); padding-left: 18px; line-height: 1.2; color: var(--preto); }
.servicos-home .servico-item .content .title b { font-weight: 800; }
.servicos-home .servico-item .content .text { font: 15px / 1.8 montserrat; color: var(--texto); max-width: 560px; }
.servicos-home .servico-item .content .btn-default { background: var(--cor1); color: var(--branco); border: 1px solid var(--cor1); border-radius: 8px; padding: 10px 18px; font: 500 11.13px gotham; transition: background-color var(--transition2, .4s), color var(--transition2, .4s), border-color var(--transition2, .4s), box-shadow var(--transition2, .4s); }
.servicos-home .servico-item .content .btn-default:hover { background: var(--cor2); color: var(--branco); border-color: var(--cor2); box-shadow: inset 0 1px rgba(255, 255, 255, .2), inset 0 -1px rgba(0, 0, 0, .14); }

.produtos-bg { position: relative; padding: 90px 0; }
.produtos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
.produtos .produto:not(.titulo) { position: relative; height: 360px; display: flex; align-items: flex-end; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.27) 80%, rgba(0, 0, 0, 0.65) 100%); border-radius: 8px; overflow: hidden; }
.produtos .produto:not(.titulo) img { position: absolute; height: 100%; width: 100%; transition: .4s ease; z-index: -1; object-fit: cover; }
.produtos .produto.titulo { display: flex; justify-content: center; flex-direction: column; gap: 30px; }
.produtos .produto.titulo .img { position: absolute; width: calc(50% - 25px); left: 0; background:#8e0000d4; height: 360px; border-radius: 0 8px 8px 0; overflow: hidden; }
.produtos .produto.titulo .img img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: -1; transition: 8s; }
.produtos .produto.titulo .title,
.produtos .produto.titulo .text { position: relative; z-index: 2; color: var(--branco); }
.produtos .produto.titulo .title { font: 300 36.39px gotham; padding-left: 20px; border-left: 7px solid var(--branco) }
.produtos .produto.titulo .title b { font: 800 39.7px gotham; }
.produtos .produto.titulo .text { font: 400 15px / 2 montserrat; padding-right: 75px; hyphens: auto; }
.produtos .produto .title-parent { display: flex; align-items: center; flex: 1 1 100%; justify-content: space-between; padding: 30px 20px; }
.produtos .produto .title-parent .title { color: var(--branco); font: 400 27px gotham; }
.produtos .produto .title-parent .title b { font-weight: 800; }
.produtos .produto .title-parent .btn-saiba-mais { display: block; position: relative; overflow: hidden; transition: .4s ease; text-align: center; background: var(--cor1); color: var(--branco); font: 500 11.13px gotham; padding: 12px 25px; border: 1px solid #FF3C47; border-radius: 8px; }


.produtos .produto .title-parent .btn-saiba-mais::after { content: ''; position: absolute; top: -165%; left: -55%; width: 46%; height: 330%; background: linear-gradient( 112deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 30%, rgba(255, 255, 255, 0.18) 45%, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0.18) 55%, rgba(255, 255, 255, 0.06) 70%, rgba(255, 255, 255, 0) 100%); transform: translateX(-280%) rotate(22deg); opacity: 0; pointer-events: none; z-index: 1; }
.produtos .produto .title-parent .btn-saiba-mais:hover,
.produtos .produto:hover .title-parent .btn-saiba-mais,
.produtos .produto .title-parent .btn-saiba-mais.ativo { background: var(--cor2); border-color: var(--cor2) }
.produtos .produto:hover .title-parent .btn-saiba-mais,
.produtos .produto .title-parent .btn-saiba-mais:hover { box-shadow: inset 0 1px rgba(255, 255, 255, .2), inset 0 -1px rgba(0, 0, 0, .14); }
.produtos .produto:hover .title-parent .btn-saiba-mais::after,
.produtos .produto .title-parent .btn-saiba-mais:hover::after { opacity: 1; animation: headerBottomShiny 1.05s cubic-bezier(.22, .7, .2, 1); }
.produtos .produto:hover img { transform: scale(1.25); }

@keyframes headerBottomShiny {
    0% { transform: translateX(-280%) rotate(22deg); opacity: 0; }
    18% { opacity: 1; }
    52% { opacity: .92; }
    100% { transform: translateX(340%) rotate(22deg); opacity: 0; }
}


.projetos-realizados-bg { position: relative; z-index: 2; }
.projetos-realizados { border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 75px 5%; box-sizing: border-box; gap: 30px; position: relative; border-radius: 10px; overflow: hidden; }
.projetos-realizados::before { content: ''; width: 100%; height: 100%; background: #8e0000d4; top: 0; display: block; position: absolute; top: 0; z-index: -1; }
.projetos-realizados::after { content: ''; width: 100%; height: 100%; background: url(../../img/background-produto.jpg) no-repeat center center / cover; display: block; position: absolute; top: 0; z-index: -2; }
.projetos-realizados .title { font: 300 36.39px gotham; color: var(--branco); }
.projetos-realizados .title b { font: 800 39.7px gotham; }
.projetos-realizados .btn-saiba-mais { background: var(--cor1); color: var(--branco); border: 1px solid var(--cor1); border-radius: 8px; padding: 10px 18px; font: 500 11.13px gotham; transition: background-color var(--transition2, .4s), color var(--transition2, .4s), border-color var(--transition2, .4s), box-shadow var(--transition2, .4s); }
footer .footer-bg { padding-top: 150px; margin-top: -45px; }

@media(max-width: 1250px){
    .institucional .item { gap: 40px; }
}

@media (max-width: 990px) {
    .institucional-bg { padding: 40px 0;  }
    .institucional .item { grid-template-columns: 1fr; }
    .institucional .item .content { grid-row: 1; }
    .institucional .item .img { max-height: 350px; margin: 0 auto; }
    .institucional .item .content .title { font-size: clamp(); }

    .servicos-home .head p { font-size: 33px; }
    .servicos-home .servico-item { grid-template-columns: 1fr; gap: 20px; }
    .servicos-home .servico-item.reverse .img,
    .servicos-home .servico-item.reverse .content { order: initial; }
    .servicos-home .servico-item .content .title { font-size: 30px; }
    .institucional .item .diferencial-parent { justify-content: center; gap: 40px; }

    .diferenciais .diferencial .texto b { font-size: 34px; }
    .diferenciais .diferencial .texto { font-size: 20px; }
    .institucional .item.bottom { margin-top: 40px }
    .produtos { gap: 20px; grid-template-columns: 1fr; }
    .produtos .produto.titulo .img { width: 100%;  }
    .servicos-home .servico-item .content .text { max-width: 100%; }
    .produtos .produto.titulo .img { height: 290px;border-radius: 0;     }
    .produtos .produto.titulo { height: 290px;  }
    .servicos-home-bg { padding: 45px 0 0; }
    .produtos-bg { padding: 45px 0 0; }
}

@media(max-width: 768px){
    .institucional .item .content .buttons { flex-direction: column; }
    .projetos-realizados { padding: 40px; }
    .projetos-realizados .title { font-size: 24px; }
    .projetos-realizados .title b { font-size: 28px; }
}


@media(max-width: 500px){
    .produtos .produto .title-parent { flex-direction: column; gap: 20px; }
    .institucional .item .diferencial-parent { flex-direction: column; }
}