/* ==========================================================================
   LUCKHAND GAMING - PREMIUM SCROLL REVEAL & STAGGERED ENTRANCES (v1.0)
   Smooth GPU-accelerated reveals for non-hero sections, titles & cards
   ========================================================================== */

/* 1. TÍTULOS Y CABECERAS DE SECCIÓN */
.scroll-reveal-title,
.platform-header-compact,
.classic-cinema-header,
.showcase-header,
.services-commitment-card,
.services-formula-header,
.modern-header {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
    filter: blur(4px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1),
                filter 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform, filter;
}

.scroll-reveal-title.is-visible,
.platform-header-compact.is-visible,
.classic-cinema-header.is-visible,
.showcase-header.is-visible,
.services-commitment-card.is-visible,
.services-formula-header.is-visible,
.modern-header.is-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    filter: blur(0) !important;
}

/* 2. TARJETAS BENTO Y HARDWARE */
.bento-casino-switcher,
.bento-card,
.card-hardware-split,
.classic-cinema-container,
.marquee-catalog-track,
.showcase-card,
.services-features-grid,
.service-card,
.footer-container,
.reveal-on-scroll {
    opacity: 0;
    transform: translate3d(0, 36px, 0) scale(0.975);
    transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.bento-casino-switcher.is-visible,
.bento-card.is-visible,
.card-hardware-split.is-visible,
.classic-cinema-container.is-visible,
.marquee-catalog-track.is-visible,
.showcase-card.is-visible,
.services-features-grid.is-visible,
.service-card.is-visible,
.footer-container.is-visible,
.reveal-on-scroll.is-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

/* 3. RETARDOS ESCALONADOS (STAGGER) */
.bento-card:nth-child(1) { transition-delay: 0.05s; }
.bento-card:nth-child(2) { transition-delay: 0.18s; }
.bento-card:nth-child(3) { transition-delay: 0.30s; }

.showcase-card:nth-child(1) { transition-delay: 0.05s; }
.showcase-card:nth-child(2) { transition-delay: 0.12s; }
.showcase-card:nth-child(3) { transition-delay: 0.20s; }
.showcase-card:nth-child(4) { transition-delay: 0.28s; }

.service-card:nth-child(1) { transition-delay: 0.08s; }
.service-card:nth-child(2) { transition-delay: 0.20s; }
.service-card:nth-child(3) { transition-delay: 0.32s; }

.reveal-delay-1 { transition-delay: 0.10s !important; }
.reveal-delay-2 { transition-delay: 0.20s !important; }
.reveal-delay-3 { transition-delay: 0.30s !important; }
.reveal-delay-4 { transition-delay: 0.40s !important; }

/* 4. MICRO-ANIMACIÓN DE BRILLO EN TÍTULOS DORADOS AL ENTRAR EN VISTA */
.is-visible .title-accent,
.is-visible .cinema-title-accent,
.is-visible .showcase-title-accent,
.is-visible .highlight-gold,
.is-visible .shimmer-classic {
    animation: goldSweepReveal 1.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes goldSweepReveal {
    0% {
        filter: brightness(0.9);
        text-shadow: 0 0 0 rgba(251, 191, 36, 0);
    }
    45% {
        filter: brightness(1.35);
        text-shadow: 0 0 16px rgba(251, 191, 36, 0.75), 0 0 32px rgba(217, 119, 6, 0.4);
    }
    100% {
        filter: brightness(1);
        text-shadow: none;
    }
}

/* 5. ACCESIBILIDAD: PREFERS-REDUCED-MOTION */
@media (prefers-reduced-motion: reduce) {
    .scroll-reveal-title,
    .platform-header-compact,
    .classic-cinema-header,
    .showcase-header,
    .services-commitment-card,
    .bento-casino-switcher,
    .bento-card,
    .classic-cinema-container,
    .showcase-card,
    .reveal-on-scroll {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}