/* SECTION STYLES */

section#galeria-fotos-empreendimento {
    position: relative;
    padding: 80px 0;
    background: #fbf9f6;
}

section#galeria-fotos-empreendimento .line {
        background: linear-gradient(90deg, #D1A359 0%, rgba(209, 163, 89, 0.23) 25.83%, rgba(209, 163, 89, 0.00) 74.04%);
    width: 100%;
    height: 2px;
}

section#galeria-fotos-empreendimento .container-galeria {
    max-width: 1350px;
}

section#galeria-fotos-empreendimento .container-fluid {
    padding-left: 21%;
}

section#galeria-fotos-empreendimento .info-topo {
display: flex
;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 45px;
}

section#galeria-fotos-empreendimento .info-topo .subtitulo {
    margin: 0;
}

section#galeria-fotos-empreendimento ul.filter-button-group {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 10px;
}

section#galeria-fotos-empreendimento ul.filter-button-group li {
    transition: all 0.5s;
    white-space: nowrap;
    padding: 6px 20px;
    background: none;
border-radius: 6px 0;
border: 1px solid rgba(4, 58, 117, 0.20);
color: var(--Grey-400, #1C1C1C);
text-align: center;
font-family: Guton;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
opacity: 0.6;
}

section#galeria-fotos-empreendimento ul.filter-button-group li[data-filter=".filter-by-padrao"] {
  display: none;
}


section#galeria-fotos-empreendimento .linha {
    background-color: rgba(67, 66, 71, 0.10);
    width: 100%;
    height: 2px;
}

section#galeria-fotos-empreendimento ul.filter-button-group li:hover {
    border-color: #D1A359;
}

section#galeria-fotos-empreendimento ul.filter-button-group li.active {
    color: #fff;
background: var(--Grey-300, #D1A359);
opacity: 1;
}



/* GRID */

section#galeria-fotos-empreendimento .grid:after {
    content: '';
    display: block;
    clear: both;
}

section#galeria-fotos-empreendimento .grid-item,
section#galeria-fotos-empreendimento .grid-sizer {
    width: 33.33%;
    border: 4px solid transparent;
}

section#galeria-fotos-empreendimento .grid-item {
    float: left;
    height: 300px;
}

section#galeria-fotos-empreendimento .-double-width {
    width: 66.66%;
    background-position: center center
}

section#galeria-fotos-empreendimento .-double-height {
    height: 600px;
    background-position: center center
}

section#galeria-fotos-empreendimento .grid-item img {
    width: 100%;
    height: 100%
}

section#galeria-fotos-empreendimento .grid-item .area {
    position: absolute;
    width: 100%;
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

section#galeria-fotos-empreendimento .grid-item .info-bottom {
position: absolute;
    z-index: 3;
    transition: all .5s;
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    opacity: 0;
    gap: 10px;
    bottom: 0;
    height: 100%;
    padding: 23px;
    left: 0;
}

section#galeria-fotos-empreendimento .grid-item:hover .info-bottom {
    opacity: 1;
}

section#galeria-fotos-empreendimento .grid-item .info-bottom span {
color: var(--Grey-100, #FFF);
font-family: Guton;
font-size: 18px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
line-height: 140%; /* 33.6px */
}

section#galeria-fotos-empreendimento .grid-item .info-bottom  .box-legenda {
color: var(--Grey-100, #FFF);
font-family: Guton;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 33.6px */
}

section#galeria-fotos-empreendimento .grid-item .ampliar {
border-radius: 0 6px;
background: var(--Grey-300, #D1A359);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    position: absolute;
    right: 23px;
    top: 23px;
}

section#galeria-fotos-empreendimento .grid-item .ampliar:hover {
    transform: scale(1.1);
}

/* SLIDER */

section#galeria-fotos-empreendimento img.custom-slick-arrow {
    position: absolute;
    top: -80px;
    cursor: pointer;
    transition: all 0.5s;
}

section#galeria-fotos-empreendimento img.custom-slick-arrow:hover {
    transform: scale(1.1);
}

section#galeria-fotos-empreendimento img.custom-slick-arrow.prev {
    content: url(../images/grid-slider/prev.png);
    right: 300px;
}

section#galeria-fotos-empreendimento img.custom-slick-arrow.next {
    content: url(../images/grid-slider/next.png);
    right: 243px;
}

section#galeria-fotos-empreendimento .bottom {
    margin: 45px auto 0 auto;
    display: flex
;
    align-items: center;
    gap: 30px;
    width: 100%;
}

section#galeria-fotos-empreendimento .btn-mais {
    white-space: nowrap;
}

section#galeria-fotos-empreendimento .linha {
    height: 2px;
    background: rgba(67, 66, 71, 0.10);
    width: 100%;
}

section#galeria-fotos-empreendimento .grid-item .area::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 77.88%, rgba(0, 0, 0, 0.50) 100%);
    opacity: 0;
    transition: all .5s;
}

section#galeria-fotos-empreendimento .grid-item .area:hover::before {
    opacity: 1;
}

@media only screen and (max-width:991px) {

    section#galeria-fotos-empreendimento {
        padding: 65px 0;
    }

    section#galeria-fotos-empreendimento .-double-width,
    section#galeria-fotos-empreendimento .grid-item,
    section#galeria-fotos-empreendimento .grid-sizer {
        width: 50%
    }

    section#galeria-fotos-empreendimento .-double-height {
        height: 320px;
    }

    	section#galeria-fotos-empreendimento ul.filter-button-group {
		display: none;
	}

    section#galeria-fotos-empreendimento .subtitulo {
        margin: 0 auto;
    }

    section#galeria-fotos-empreendimento .grid-item{
	height: 320px;
}

	#galeria-plantas .slick-slider .slick-list {
		height: auto !important;
	}

}

@media only screen and (max-width:530px) {

    section#galeria-fotos-empreendimento .-double-width,
    section#galeria-fotos-empreendimento .grid-item,
    section#galeria-fotos-empreendimento .grid-sizer {
        width: 100%;
            border: 8px solid transparent;
    }
}

@media (max-width:500px) {
}