/* Imágenes de productos - Ajuste dinámico sin espacios vacíos */

/* CRÍTICO: Desactivar max-height que rompe el aspect ratio dinámico */
.js-product-item-image-container-private {
    max-height: none !important;
}

/* Imágenes: ajuste perfecto al contenedor */
.item-image .img-absolute.img-absolute-centered {
    object-fit: contain !important;
    object-position: top center !important;
    width: 100% !important;
    height: 100% !important;
}

/* ===== CYBER MONDAY BADGE - COMBO TODO INCLUIDO ===== */
.cyber-badge-product {
    pointer-events: none;
    animation: cyberBadgeShine 4s ease-in-out infinite;
}

.cyber-badge-product img {
    animation: cyberLogoUltimate 3s ease-in-out infinite;
    will-change: filter, transform;
}

/* Animación principal: Scale + Flotación + Glow Rotativo */
@keyframes cyberLogoUltimate {
    0% {
        filter: drop-shadow(0 0 10px rgba(0, 240, 255, 1))
                drop-shadow(0 0 20px rgba(255, 0, 255, 0.8))
                drop-shadow(0 0 30px rgba(168, 85, 247, 0.6));
        transform: translateY(0) scale(1);
    }
    25% {
        filter: drop-shadow(0 0 15px rgba(255, 0, 255, 1))
                drop-shadow(0 0 25px rgba(168, 85, 247, 0.9))
                drop-shadow(0 0 35px rgba(0, 240, 255, 0.7));
        transform: translateY(-4px) scale(1.08);
    }
    50% {
        filter: drop-shadow(0 0 12px rgba(168, 85, 247, 1))
                drop-shadow(0 0 22px rgba(0, 240, 255, 0.9))
                drop-shadow(0 0 32px rgba(255, 0, 255, 0.7));
        transform: translateY(0) scale(1.05);
    }
    75% {
        filter: drop-shadow(0 0 15px rgba(0, 240, 255, 1))
                drop-shadow(0 0 25px rgba(255, 0, 255, 0.9))
                drop-shadow(0 0 35px rgba(168, 85, 247, 0.7));
        transform: translateY(-4px) scale(1.08);
    }
    100% {
        filter: drop-shadow(0 0 10px rgba(0, 240, 255, 1))
                drop-shadow(0 0 20px rgba(255, 0, 255, 0.8))
                drop-shadow(0 0 30px rgba(168, 85, 247, 0.6));
        transform: translateY(0) scale(1);
    }
}

/* Efecto destello periódico */
@keyframes cyberBadgeShine {
    0%, 90%, 100% {
        filter: brightness(1);
    }
    92%, 94% {
        filter: brightness(1.5) drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
    }
    93% {
        filter: brightness(1.8) drop-shadow(0 0 30px rgba(255, 255, 255, 1));
    }
}