/* ========================================================= */
/* HERO VIDEO — opciones 1 (full-bleed), 6 (viñeta), 7 (móvil) */
/* ========================================================= */

.hero-section--video{
    background:#050505;
    animation:none;
}

.hero-section--video #particles-js{
    display:none;
}

.hero-video-wrap{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    background:#050505;
}

.hero-video-poster{
    position:absolute;
    inset:0;
    z-index:0;
    background-color:#050505;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.hero-video{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:none;
}

.hero-section--video.is-video-active .hero-video{
    display:block;
}

.hero-section--video.is-video-active .hero-video-poster{
    opacity:0;
    transition:opacity 0.6s ease;
}

/* Opción 6: overlay + viñeta / fade a negro */
.hero-section--video .hero-overlay{
    z-index:2;
    background:
        linear-gradient(
            180deg,
            rgba(5,5,5,0.55) 0%,
            rgba(5,5,5,0.45) 35%,
            rgba(5,5,5,0.72) 70%,
            rgba(5,5,5,0.92) 100%
        ),
        radial-gradient(
            ellipse 80% 55% at 50% 100%,
            rgba(0,0,0,0.75) 0%,
            transparent 65%
        ),
        radial-gradient(
            circle at 18% 20%,
            rgba(255,107,0,0.12),
            transparent 42%
        );
}

.hero-video-vignette{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    box-shadow:inset 0 0 120px 40px rgba(0,0,0,0.55);
    background:radial-gradient(ellipse at center, transparent 42%, rgba(0,0,0,0.35) 100%);
}

.hero-section--video .hero-content{
    z-index:3;
}

/* Opción 7: sin video en pantallas pequeñas */
@media (max-width:991.98px){

    .hero-section--video .hero-video{
        display:none!important;
    }

    .hero-section--video .hero-video-poster{
        opacity:1!important;
    }

    .hero-section--video.is-video-active .hero-video-poster{
        opacity:1!important;
    }

}

@media (prefers-reduced-motion: reduce){

    .hero-section--video .hero-video{
        display:none!important;
    }

    .hero-section--video .hero-video-poster{
        opacity:1!important;
    }

}