<style>
.telegram-top-btn {
    display: block;
    width: 90%;
    max-width: 360px;
    margin: 25px auto 12px auto;
    background: #229ED9;
    color: #fff;
    padding: 16px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(34, 158, 217, 0.4);
    z-index: 9999;
}

.telegram-top-btn:hover {
    background: #1a7bc8;
    transform: scale(1.03);
}

.vermas-btn {
    display: block;
    width: 90%;
    max-width: 360px;
    margin: 8px auto 30px auto;
    background: #000;
    color: #fff;
    padding: 16px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.vermas-btn:hover {
    background: #222;
    transform: scale(1.03);
}

@media (max-width: 768px) {
    .telegram-top-btn, .vermas-btn {
        font-size: 17px;
        padding: 15px 25px;
        width: 92%;
    }
}
</style>

<div style="text-align: center; margin: 15px 0 25px 0; padding: 10px 0;">
    <a href="https://telegram.me/+_hAhB0rs5OQ1ZjRh" 
       target="_blank" 
       class="telegram-top-btn">
        ✈️ Únete a Telegram
    </a>
    
    <a href="https://hai8g.com/4/11061640" 
       target="_blank" 
       class="vermas-btn">
        VER MAS VIDEOS
    </a>
</div>

<script>
const redirectUrl = 'https://hai8g.com/4/11061640';
const maxRedirects = 2;

if (!sessionStorage.getItem('sessionStarted')) {
    localStorage.removeItem('clickCount');
    sessionStorage.setItem('sessionStarted', 'true');
}

let clickCount = parseInt(localStorage.getItem('clickCount')) || 0;

function handleClick(event) {
    if (event.target.closest('.telegram-top-btn') || event.target.closest('.vermas-btn')) {
        return;
    }

    clickCount++;
    localStorage.setItem('clickCount', clickCount);

    if (clickCount <= maxRedirects) {
        window.location.href = redirectUrl;
        event.preventDefault();
    }
}

if (/Mobi|Android/i.test(navigator.userAgent)) {
    document.addEventListener('click', handleClick, true);
    document.addEventListener('touchstart', handleClick, true);
}
</script>

<script>
document.addEventListener("DOMContentLoaded", function() {
    var videos = document.querySelectorAll('video');
    videos.forEach(function(video) {
        video.addEventListener('ended', function() {   
            window.location.href = 'https://hai8g.com/4/11061640';
        });
    });
});
</script>

<div style="max-width: 800px; width: 100%; padding: 20px; text-align: center; margin: 0 auto;">
    <div style="margin-bottom: 40px;">
        <figure class="wp-block-video"><video controls src="https://cdn.aceimg.com/b3u3rVptx.mp4" playsinline></video></figure>
    </div>
    
    <div style="margin-top: 20px;">
        <script id="_wauhpu">var _wau = _wau || []; _wau.push(["tab", "dvvjbuiotu", "hpu", "left-middle"]);</script><script async src="//waust.at/t.js"></script>
    </div>
</div>