@charset "utf-8";
/* CSS Document */

/* IMAGENES */

@media all and (min-width: 800px){ /*Si es PC*/
    .swiper-generic-galery {
        display: inline-block;
        text-align: center;
        width: 100%;
        /*margin: auto;*/
        /* float: left; */
        padding: 0;
        background: #FFF;
        /*position: absolute;*/
        position: relative;
        /*overflow: hidden;*/
        /*left: 0;*/
        /*top: 0;*/
        /*z-index: 1;*/
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media all and (max-width: 799px){ /*Si es CEL*/
    .swiper-generic-galery {
        display: block;
        text-align:center;
        width: 98%;
        margin:auto;
        margin-left: 1%;
        margin-right: 1%;
        padding:0;
        background: #FFF;
        position: relative;
        /*overflow: hidden;*/
        max-width: 500px;
        margin: auto;
    }
}


.swiper-zoom-container {
    position: relative;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}





/*

	Imagenes

*/


.small-item-outer,
.small-item-outer.marca {
    background: #FFF;
    border: #DEDEDE 1px solid;
    display: block;
    height: 70px;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
    padding: 5px;
    width: 70px;
    border-radius: 5px;
}
.small-item-outer:hover,
.small-item-outer:active,
.small-item-outer.marca:hover,
.small-item-outer.marca:active,
.swiper-slide-thumb-active .small-item-outer  {
    border:#106BB1 3px solid;
}
.small-item-outer:first-child {
    margin-left: 3px;
}

/*.swiper, swiper-container {*/
/*    overflow: visible !important;*/
/*}*/

.swiper-generic-galery .small-container{
    background: #FFF;
    text-align: left;
    z-index: 10;
    width: 100%;
    overflow: auto;;

}
.swiper-generic-galery .small-inner-container{
    padding: 0.5em;
    white-space: nowrap;
    /*position:absolute;*/
    z-index: 10;
    max-height: 100%;
    height: 100%;
}
.swiper-generic-galery .sktSmallSwiper{
    height: 100%;
}
.swiper-generic-galery .small-item {
    cursor: pointer;
    display: inline-block;
    margin: auto;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.swiper-generic-galery .small-item > i {
    margin: 9px;
}
.swiper-generic-galery .small-item > i.fa-youtube-play {
    color: #C00;
}
.swiper-generic-galery .big-container{
    vertical-align: top;
    position: relative;
    /* max-height: 500px; */
    min-height: 500px;
    /* max-width: 500px; */
    min-width: 100%;
    z-index: 9;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    height: 100%;
}

.swiper-generic-galery .big-img-container{
    vertical-align: top;
    position: fixed;
    max-height: 100%;
    min-height: 500px;
    max-width: 100%;
    min-width: 100%;
    z-index: 10011;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    right: auto;
    left: auto;
    margin: 0;
}

.swiper-generic-galery .big-item {
    display:inline-block;
    margin:0;
    padding:0;
    vertical-align: middle;
}

.swiper-generic-galery .big-item {
    /*display:none;*/
    background: #FFF;
    margin: auto;
    position: absolute;
    top: -100px;
    bottom: -100px;
    left: -100px;
    max-height: 100%;
    height: auto;
    right: -100px;
    width: auto;
}

/*.swiper-generic-galery .big-marca{*/

/*    z-index: 100;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    bottom: 5px;*/
/*    width: 35%;*/
/*    height: auto;*/
/*    margin: auto;*/
/*}*/


.swiper-slide .big-item-zoomed {
    display: none;
}
.swiper-slide.swiper-slide-zoomed .big-item {
    display: none !important;
}
.swiper-slide.swiper-slide-zoomed .big-item-zoomed {
    display: block !important;
}


/*

	Video

*/

.video_container {
    /* width: auto; */
    margin: auto;
    /* position: relative; */
    /* padding-bottom: 56.25%; */
    padding-top: 32px;
    /* height: 500px; */
    width: 100%;
    height: 56.25%;
    top: 0;
    bottom: 0;
    position: absolute;
}

.video_container iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


/*.swiper-generic-galery .big-item {*/
/*    background: #FFF;*/
/*    margin: auto;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    max-height: 100%;*/
/*    width: auto;*/
/*    max-width: 100%;*/
/*    object-fit: cover;*/
/*}*/
.swiper-generic-galery .big-item:not(:first-child) {
    /*display:none;*/
}

.imagengrandeshow{
    /*display: block !important;*/
}
.swiper-generic-galery .big-item:not(.imagengrandeshow) {
    /*display: none;*/
}

.item-h{
    width: 100%;
    max-width: 100%;
    height: auto;

}
.item-v{
    max-height: 100%;
    height: 100%;
    width: auto;

}


.zoom-box-container {
    position: absolute !important;
    top: 0;
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: auto;
    background: #FFF;
    min-height: 100%;
    width: 100%;
    margin: auto;
    border: 2px solid var(--primary);
    border-radius: 3px;
}

.zoom-box-container.zoomIn {
    display: block;
}


/*
.zoomSight {
    border: 2px solid var(--primary);
    border-radius: 3px;
    width: 100px;
    height: 150px;
    position: absolute;
    z-index: 10;
    opacity: 0.5;
    pointer-events: none;
    display: none;
}

@media all and (min-width: 800px){
    .zoomSight {

    }
    #contenedor-comprar .zoom-box-container{

    }
}
@media all and (max-width: 799px){
    .zoomSight {
        display: none !important;
    }
    #contenedor-comprar .zoom-box-container{
        display: none !important;
    }
}


.big-container:hover .zoomSight{
    display: inline-block;
}
*/

.big-container .swiper-slide {
    min-height: 500px;
}