/*
|--------------------------------------------------------------------------
| Inmobalsa Gallery
| Version 2.1.0
|--------------------------------------------------------------------------
*/

.imb-gallery{
    width:100%;
}

/*--------------------------------------------------------------
# Imagen principal
--------------------------------------------------------------*/

.imb-gallery-main{

    position:relative;

    width:100%;

    aspect-ratio:16 / 9;

    overflow:hidden;

    border-radius:20px!Important;

    background:#f5f5f5;

}

.imb-gallery-open{

    display:block;

    width:100%;
    height:100%;

    padding:0;

    border:0;

    background:none;

    cursor:zoom-in;

    overflow:hidden;

    border-radius:20px!Important;

}

.imb-gallery-open:focus,
.imb-gallery-open:focus-visible{

    outline:none;

}

.imb-gallery-image{

    display:block;

    width:100%;

    height:auto;

    aspect-ratio:16 / 9;

    object-fit:cover;

    object-position:center center;

    border-radius:25px;

    user-select:none;

    transition:opacity .25s ease;

}

/*--------------------------------------------------------------
# Miniaturas
--------------------------------------------------------------*/

.imb-gallery-track{

    display:flex;

    gap:10px;

    margin-top:18px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    padding-bottom:6px;

}

.imb-gallery-thumb{

    flex:0 0 120px;

    width:120px;

    aspect-ratio:4 / 3;

    padding:0;

    border:0;

    background:none;

    border-radius:10px!Important;

    overflow:hidden;

    cursor:pointer;

    opacity:.75;

    transition:
        transform .25s ease,
        opacity .25s ease;

}

.imb-gallery-thumb img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    border-radius:10px;

}

.imb-gallery-thumb:hover{

    opacity:1;

}

.imb-gallery-thumb.is-active{

    opacity:1;

    transform:scale(1.06);

}

/*--------------------------------------------------------------
# Scroll
--------------------------------------------------------------*/

.imb-gallery-track::-webkit-scrollbar{

    height:3px;

}

.imb-gallery-track::-webkit-scrollbar-thumb{

    background:#d1bc71;

    border-radius:10px;

}

.imb-gallery-track{

    scrollbar-width:thin;

    scrollbar-color:#d1bc71 transparent;

}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media (max-width:1333px){

    .imb-gallery-thumb{

        flex-basis:110px;

        width:110px;

    }

}

@media (max-width:767px){

    .imb-gallery-main{

       aspect-ratio:auto;

    }

    .imb-gallery-track{

        gap:8px;

    }

    .imb-gallery-thumb{

        flex-basis:90px;

        width:90px;

    }

}