/* Corrección forzada para el backdrop */


.carousel-item .delete-icon {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: red;
    font-size: 24px;
    cursor: pointer;
}
    
.carousel-item:hover .delete-icon {
    display: block;
}

.imageCarousel {
    object-fit:contain;
}
.videoCarousel{
    height:50vh;
    object-fit:contain;
}
#videoCarousel{
    margin: 20px;
}
.carousel-item {
/* height: 50vh; */
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.media-carousel {
    width: 100%;
    height: 430px;
}
.media-carousel-video {
    width: 100%;
    height: 430px;
}
.product-image{
        padding: 0px;
        margin: 0px;
        border-radius: 20%;
        background-color: #ee8889;
}


.edit-icon {
    cursor: pointer;
}

/* Responsive para el carrusel */
@media (max-width: 668px) {
    #videoCarousel .carousel-inner {
        justify-content: flex-start !important; /* Alinea hacia la parte superior */
        height: auto !important; /* Deja que se ajuste automáticamente */
    }

    #videoCarousel .carousel-item {
        width: 100% !important;
        text-align: center !important; /* Centra los elementos horizontalmente */
    }

    #videoCarousel .media-carousel {
        max-height: 200px !important; /* Limita el alto de videos e imágenes */
        object-fit: contain !important; /* Mantén la proporción */
        margin: 0 auto !important; /* Centra dentro del carrusel */
    }
    .carousel-control-prev {
        max-height: 200px !important; /* Limita el alto de videos e imágenes */
        object-fit: contain !important; /* Mantén la proporción */
        margin: 0 auto !important; /* Centra dentro del carrusel */
    }
    .carousel-control-next {
        max-height: 200px !important; /* Limita el alto de videos e imágenes */
        object-fit: contain !important; /* Mantén la proporción */
        margin: 0 auto !important; /* Centra dentro del carrusel */
    }

    .carousel {
        height: auto !important; /* Deja que el contenedor ajuste el alto dinámicamente */
    }
}