
<div id="saraIntro">
    <video
        id="saraVideo"
        autoplay
        muted
        playsinline
        webkit-playsinline
        preload="metadata">

        <source src="https://prueba.saravalentinamusic.com/wp-content/uploads/2026/08/WhatsApp-Video-2026-08-06-at-18.25.02.mp4" type="video/mp4">
    </video>

    <div class="saraOverlay">
        <img src="https://prueba.saravalentinamusic.com/wp-content/uploads/2026/08/LOGO-BLANCO-SARA.webp" alt="Sara Valentina">
        <h2>Bienvenido a mi espacio</h2>
    </div>
</div>

<style>
#saraIntro{
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:999999999;
    overflow:hidden;
    transition:opacity 1s ease, visibility 1s ease;
}

#saraVideo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.saraOverlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:rgba(0,0,0,.35);
    padding:20px;
}

.saraOverlay img{
    width:220px;
    max-width:80vw;
    margin-bottom:24px;
    animation:saraPulse 2.2s ease-in-out infinite;
}

.saraOverlay h2{
    color:#fff;
    margin:0;
    font-size:28px;
    font-weight:300;
    letter-spacing:4px;
    text-transform:uppercase;
    font-family:Arial,Helvetica,sans-serif;
}

@keyframes saraPulse{
    0%,100%{transform:scale(1);opacity:.88;}
    50%{transform:scale(1.06);opacity:1;}
}

@media(max-width:768px){

.saraOverlay img{
    width:160px;
}

.saraOverlay h2{
    font-size:18px;
    letter-spacing:2px;
}

}
</style>

<script>

document.addEventListener("DOMContentLoaded",function(){

    if(sessionStorage.getItem("sara_intro_mostrada")){
        document.getElementById("saraIntro").remove();
        return;
    }

    sessionStorage.setItem("sara_intro_mostrada","1");

    const intro=document.getElementById("saraIntro");
    const video=document.getElementById("saraVideo");

    const DURACION=10;
    let inicio=0;

    video.addEventListener("loadedmetadata",function(){

        if(video.duration>DURACION){
            inicio=Math.random()*(video.duration-DURACION);
        }

        video.currentTime=inicio;

        video.play().catch(()=>{});

    });

    video.addEventListener("timeupdate",function(){

        if(video.currentTime>=inicio+DURACION){
            cerrar();
        }

    });

    setTimeout(cerrar,(DURACION*1000)+500);

    function cerrar(){

        if(intro.dataset.cerrado) return;

        intro.dataset.cerrado=1;
        intro.style.opacity=0;
        intro.style.visibility="hidden";

        setTimeout(function(){

            intro.remove();

        },1000);

    }

});

</script>
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://prueba.saravalentinamusic.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://prueba.saravalentinamusic.com/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://prueba.saravalentinamusic.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://prueba.saravalentinamusic.com/wp-sitemap-posts-templately_library-1.xml</loc></sitemap><sitemap><loc>https://prueba.saravalentinamusic.com/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://prueba.saravalentinamusic.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>
