.institucional-bg {background: url('../../img/background.webp') no-repeat bottom; background-size: cover;border-radius: var(--border-radius-bottom); max-height: 730px; min-height: 730px; padding: 90px 0 0;}
.institucional .top {display: flex; justify-content: space-between; align-items: center;}
.institucional .top .titulo {font: 500 37.76px / 47.06px dilemma; color: var(--cor-fonte-2);display: flex; flex-direction: column;}
.institucional .top .titulo .h1 {font-size: 26px;}
.institucional .bottom {font: 400 15px / 27.68px montserrat; color: var(--cor-fonte); padding: 25px 0 0;}

.moveis-bg {padding: 0 0 80px; background: var(--branco); position: relative; z-index: var(--z-meio); border-radius: var(--border-radius-bottom);}
.moveis > .titulo {text-align: center; font: 500 37.76px dilemma; color: var(--cor-fonte-2); margin: 60px 0 40px;}
.moveis .content .lista {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; grid-template-rows: repeat(3, 1fr); height: 655px;}
.moveis .content .lista .item {border-radius: var(--radius-xl); overflow: hidden; position: relative;}
.moveis .content .lista .item a {display: flex; height: 100%; width: 100%; justify-content: center; align-items: flex-end; font: 500 20.59px / 25.66px dilemma; color: var(--branco);}
.moveis .content .lista .nome {text-align: center;position: relative; transition: var(--transition1); width: 100%; background: linear-gradient(0deg,rgba(0, 84, 90, 1) 0%, rgba(235, 242, 242, 0) 100%); padding: 10px 0 20px;}
.moveis .content .lista .item:nth-child(3),
.moveis .content .lista .item:first-child {grid-row: 1 / 3} 
.moveis .content .lista .item:nth-child(2) {grid-column: 2 / 4; grid-row: 1 / 2}
.moveis .content .lista .item:nth-child(4) {grid-row: 3/4;}
.moveis .content .lista .item:nth-child(6),
.moveis .content .lista .item:nth-child(5) {grid-row: 2/4;}
.moveis .content .lista .item:hover .nome {opacity: 0;}
.moveis .content .lista .item .overlay {position: absolute; bottom: -200%; left: 0; width: 100%; height: 100%; background: #00484fcf; display: flex; align-items: center; justify-content: center; transition: var(--transition3);}
.moveis .content .lista .item:hover .overlay {bottom: 0;}
.moveis .content .lista .item .overlay .nome-overlay {font: 500 20.59px / 25.66px dilemma; color: var(--branco); text-align: center; width: 100%;}


.portfolio-bg {background: var(--branco); padding: var(--padding-section); z-index: var(--z-meio); position: relative; border-radius: var(--border-radius-bottom);}
.portfolio .titulo {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 40px}
.portfolio .titulo > p {font: var(--font-titulo); color: var(--cor-fonte-2); text-align: center; margin: 0 auto;}
.portfolio .lista .item {display: flex; border-radius: var(--radius-xl); overflow: hidden; height: 240px;}
.portfolio .lista .item img {width: 100%; height: 100%; object-fit: cover;}

@media(max-width: 1250px){
    .portfolio .titulo {flex-direction: column; align-items: center; gap: 10px;}
    .institucional .top .titulo {text-align: center; font-size: 25px; line-height: 1.1;}
    .institucional .bottom {text-align: center; font-size: 13px;}
    .institucional .top {flex-direction: column; align-items: center; gap: 20px;}
    .institucional-bg {padding: 50px 0 0;}

    .moveis .content .lista {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr);}
    .moveis-bg .moveis .content .lista .item {grid-row: auto ; grid-column: auto;}
    .moveis-bg .moveis .content .lista .item:nth-last-child(1) {grid-column: 1/-1;}
}

@media(max-width: 990px){
    .portfolio .titulo > p {font-size: 30px;}
    .moveis > .titulo {font-size: 30px; margin: 45px 0 25px;}
}

@media(max-width: 650px){
    .moveis .content .lista {grid-template-columns: 1fr; grid-template-rows: repeat(7, 200px);}
    .moveis .content .lista {height: unset;}
    .moveis > .titulo,
    .portfolio .titulo > p,
    .institucional .top .titulo {font-size: 22px;}
}