/*
---------------------------------------------------
Carrusel
---------------------------------------------------
*/

.epc-product-videos{

    width:100%;

    overflow:hidden;

    visibility:hidden;

    contain:layout style paint;

    min-height:450px;

}

.epc-product-videos.swiper-initialized{

    visibility:visible;

}

.epc-product-videos .swiper-wrapper{

    min-height:450px;

}

.swiper-slide{

    height:auto !important;

}

/*
---------------------------------------------------
Video
---------------------------------------------------
*/

.epc-video-item{

    position:relative;

}

.epc-video-overlay-trigger{

    position:absolute;

    inset:0;

    cursor:pointer;

    z-index:20;

}

/*
---------------------------------------------------
Marco RGB
---------------------------------------------------
*/

.epc-video-border{

    padding:3px;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #25F4EE 0%,
        #00B8FF 20%,
        #7A00FF 45%,
        #FF0050 70%,
        #FF7A00 100%
    );

    box-shadow:
        0 0 6px rgba(37,244,238,.20),
        0 0 10px rgba(255,0,80,.15);

}

/*
---------------------------------------------------
Miniatura
---------------------------------------------------
*/

.epc-video-thumb{

    position:relative;

    width:100%;

    aspect-ratio:9/16;

    overflow:hidden;

    border-radius:15px;

    background:#111;

}

.epc-video-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    border-radius:15px;

}

/*
---------------------------------------------------
Botón Play
---------------------------------------------------
*/

.epc-video-play{

    z-index:30;

}

/*
---------------------------------------------------
Iframe
---------------------------------------------------
*/

.epc-video-frame{

    width:100%;

    aspect-ratio:9/16;

    border:none;

    border-radius:20px;

}

/*
---------------------------------------------------
Evitar vídeo gigante al cargar
---------------------------------------------------
*/

.epc-swiper-hidden{

    visibility:hidden;

}