/* Contenedor del Flipper */
.mif-flipper-container {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Imagen Principal */
.mif-flipper-container .mif-primary-img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out !important;
}

/* Segunda Imagen (Oculta por defecto) */
.mif-flipper-container .mif-secondary-img-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.4s ease-in-out !important;
}

.mif-flipper-container .mif-secondary-img-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Transición al hacer Hover */
.mif-flipper-container:hover .mif-secondary-img-wrapper {
    opacity: 1 !important;
}

.mif-flipper-container:hover .mif-primary-img img {
    opacity: 0 !important;
}