/* Estilos para animaciones de video en la galería de origen */
.origin-gallery .gallery-image-container {
    position: relative !important;
    width: 100% !important;
    height: 16rem !important; /* h-64 */
    overflow: hidden !important;
    border-radius: inherit !important;
}

.origin-gallery .gallery-image {
    position: relative !important;
    z-index: 1 !important;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.origin-gallery .gallery-animated-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0.95) !important;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out !important;
    pointer-events: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Estado activo del video (cuando se muestra) */
.origin-gallery .gallery-animated-video.video-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
    pointer-events: auto !important;
}

/* Hover states para galería de origen */
.origin-gallery .gallery-image-container:hover .gallery-image {
    transform: scale(1.02);
}

.origin-gallery .gallery-image-container:hover .gallery-animated-video {
    transform: scale(1.02);
}

/* Estados de carga para galería de origen */
.origin-gallery .gallery-animated-video[data-loading="true"] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Efecto de overlay en hover */
.origin-gallery .pswp-gallery__item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.origin-gallery .pswp-gallery__item::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
    pointer-events: none;
}

.origin-gallery .pswp-gallery__item:hover::before {
    opacity: 1;
}

.origin-gallery .pswp-gallery__item:hover {
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.3), 0 0 60px rgba(168, 85, 247, 0.2);
}

/* Mejorar el icono de lupa */
.origin-gallery .pswp-gallery__item a[aria-label*="Ver imagen"] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.origin-gallery .pswp-gallery__item a[aria-label*="Ver imagen"]:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(168, 85, 247, 0.3);
}