/* SECTION STYLES */

section#galeria-imovel {
    position: relative;
    padding: 80px 0;
background: rgba(75, 75, 77, 0.04);
}

#galeria-imovel {
	scroll-margin-top: 50px;
}

section#galeria-imovel h2 {
border-left: 1px solid var(--Primary, #F58634);
color: var(--Grey-300, #4B4B4D);
font-family: "Readex Pro";
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 18px */
letter-spacing: 5.04px;
text-transform: uppercase;
padding-left: 18px;
}

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

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

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

section#galeria-imovel ul.filter-button-group li {
    transition: all 0.5s;
    white-space: nowrap;
    color: var(--Grey-300, #4B4B4D);
    cursor: pointer;
font-family: Sora;
font-size: 14px;
font-style: normal;
font-weight: 500;
opacity: 0.45;
line-height: 150%; /* 21px */
text-transform: uppercase;
    padding: 8px
}

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



section#galeria-imovel ul.filter-button-group li.active,
section#galeria-imovel ul.filter-button-group li:hover {
    opacity: 1;
}



/* GRID */

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

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

section#galeria-imovel .grid-item {
    float: left;
    height: 340px;
}

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

section#galeria-imovel .-double-height {
       height: 680px;
    background-position: center center
}

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

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

section#galeria-imovel .grid-item:hover .legenda {
    top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none
}

section#galeria-imovel .grid-item .legenda {
    position: absolute;
    bottom: 0;
    opacity: 0;

    width: 100%;
    height: 100%;
    color: #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65%, rgba(0, 0, 0, 0.75) 100%);
}
section#galeria-imovel .grid-item:hover .legenda,
section#galeria-imovel .grid-item:hover .ampliar {
    opacity: 1;
}

section#galeria-imovel .grid-item .legenda strong {
    position: absolute;
    text-align: start;
    left: 0;
    bottom: 0;
    padding: 25px;
    width: 100%;
color: var(--areia-50, #F2F0ED);
leading-trim: both;
text-edge: cap;
font-family: Sora;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 31.2px */
}

section#galeria-imovel .grid-item .ampliar {
    position: absolute;
    bottom: 26px;
    right: 25px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 18px;
    transition: all .5s;
    opacity: 0;
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}

section#galeria-imovel .grid-item .ampliar .icon {
    border-radius: 100px;
    background: var(--100, #FFF);
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
}

/* SLIDER */

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

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

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

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

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

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

@media only screen and (max-width:991px) {
section#galeria-imovel .info-topo {
    justify-content: center;
    margin-bottom: 35px;
}

section#galeria-imovel h2 {
    position: relative;
    border: 0;
}
section#galeria-imovel h2::before {
content: '';
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 34.927px;
        background: #F58634;
        height: 1px;
        bottom: -8px;

}
    section#galeria-imovel {
        padding: 45px 0;
    }
    section#galeria-imovel .-double-width,
    section#galeria-imovel .grid-item,
    section#galeria-imovel .grid-sizer {
        width: 50%
    }

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

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

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

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

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

}

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

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

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


/* ==========================================
   GALERIA MOBILE
========================================== */

.galeria-mobile {
    display: none;
}


/* ==========================================
   ATÉ 530PX
========================================== */

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

    /* Esconde a galeria desktop */
    section#galeria-imovel .grid-slider-wrapper {
        display: none !important;
    }

    /* Mostra a galeria mobile */
    section#galeria-imovel .galeria-mobile {
        display: block;
        width: 100%;
    }

    /* ------------------------------------------
       FILTRO
    ------------------------------------------ */

    section#galeria-imovel .galeria-mobile-filtro {
        position: relative;
        width: 100%;
        margin-bottom: 23px;
    }

    section#galeria-imovel #galeria-filtro-mobile {
        appearance: none;
        -webkit-appearance: none;
        width: 100%;
        height: 42px;
        padding: 0 40px 0 18px;

        border: 0;
        border-radius: 8px;

        background: #fff;

        color: #4B4B4D;
        font-family: "Sora", sans-serif;
        font-size: 10px;
        font-weight: 400;
        text-transform: uppercase;

        outline: none;
    }

    section#galeria-imovel .select-arrow {
        position: absolute;
        right: 17px;
        top: 50%;
        transform: translateY(-50%);

        pointer-events: none;

        display: flex;
        align-items: center;
        justify-content: center;
    }


    /* ------------------------------------------
       SLIDER
    ------------------------------------------ */

    section#galeria-imovel .galeria-mobile-slider {
        width: 100%;
    }

    section#galeria-imovel .galeria-mobile-item {
        width: 100%;
        height: 320px;
        padding: 0;
                margin: 0 2px;
    }

    section#galeria-imovel .galeria-mobile-item a {
        display: block;

        width: 100%;
        height: 100%;

        border-radius: 8px;

        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }


    /* ------------------------------------------
       CONTROLES
    ------------------------------------------ */

    section#galeria-imovel .galeria-mobile-controles {
display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 25px;
    }

    /* Botões */
/* 
    section#galeria-imovel .galeria-mobile-prev,
    section#galeria-imovel .galeria-mobile-next {
        width: 24px;
        height: 24px;

        padding: 0;

        border: 0;
        border-radius: 7px;

        background: #fff;

        display: flex;
        align-items: center;
        justify-content: center;

        cursor: pointer;
    } */

    /* Dots */

    section#galeria-imovel .galeria-mobile-dots {
        flex: 1;

        display: flex;
        justify-content: center;
        align-items: center;

        margin: 0 20px;
    }

section#galeria-imovel .galeria-mobile-dots .slick-dots {
    position: static;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: auto;
    max-width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;
}

section#galeria-imovel .galeria-mobile-dots .slick-dots li {
    width: 17px;
    height: 1px;

    margin: 0 4px;
    padding: 0;

    opacity: 1;
}

section#galeria-imovel .galeria-mobile-dots .slick-dots li button {
    display: block;

    width: 17px;
    height: 1px;

    padding: 0;

    border: 0;

    background: #D5D5D5;

    font-size: 0;
    line-height: 0;
}

section#galeria-imovel .galeria-mobile-dots .slick-dots li button:before {
    display: none;
}

section#galeria-imovel .galeria-mobile-dots .slick-dots li.slick-active button {
    background: #F58634;
}

section#galeria-imovel .galeria-mobile-dots .slick-dots li.dot-oculto {
    display: none !important;
}


    /* Remove qualquer estilo do desktop */

    section#galeria-imovel .galeria-mobile-item .legenda,
    section#galeria-imovel .galeria-mobile-item .ampliar {
        display: none;
    }

}