<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Tizentube | Planes para Clientes - YouTube Sin Anuncios</title>
    <meta name="description" content="Disfruta YouTube sin anuncios con Tizentube. Planes desde 1 mes hasta 1 año. Compatible con Android TV, Fire TV y más.">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            user-select: none;
        }

        body {
            font-family: 'Segoe UI', 'Poppins', system-ui, -apple-system, 'Roboto', sans-serif;
            background: linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #080808 100%);
            color: #ffffff;
            min-height: 100vh;
        }

        /* Animaciones */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-10px);
            }
        }

        @keyframes neonPulseAlert {
            0% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.8);
                box-shadow: 0 0 0 0 rgba(255, 68, 68, 0);
            }
            50% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
                box-shadow: 0 0 50px 20px rgba(255, 68, 68, 0.5);
            }
            100% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(1.1);
                box-shadow: 0 0 0 0 rgba(255, 68, 68, 0);
            }
        }

        .animate-fade-up {
            animation: fadeInUp 0.6s ease-out forwards;
        }

        /* Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #1a1a1a;
        }
        ::-webkit-scrollbar-thumb {
            background: #ff3333;
            border-radius: 10px;
        }

        /* Container */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* Header / Navbar */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.92);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 68, 68, 0.3);
            z-index: 1000;
            padding: 16px 0;
        }

        .navbar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo i {
            font-size: 36px;
            color: #ff0000;
            animation: float 3s ease-in-out infinite;
        }

        .logo span {
            font-size: 26px;
            font-weight: 800;
            background: linear-gradient(135deg, #fff, #ff6666);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .logo small {
            font-size: 12px;
            color: #ff8888;
            display: block;
            margin-top: -5px;
        }

        .nav-links {
            display: flex;
            gap: 20px;
            align-items: center;
            flex-wrap: wrap;
        }

        .nav-links a {
            color: #ccc;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
            padding: 8px 16px;
            border-radius: 30px;
        }

        .nav-links a:hover {
            color: #ff4444;
            background: rgba(255, 68, 68, 0.1);
        }

        .btn-demo {
            background: linear-gradient(135deg, #ff8800, #ff5500);
            color: white !important;
        }

        .btn-demo:hover {
            background: linear-gradient(135deg, #ff5500, #ff3300);
            transform: scale(1.02);
        }

        .btn-reseller {
            background: linear-gradient(135deg, #25D366, #128C7E);
            color: white !important;
        }

        .btn-reseller:hover {
            background: linear-gradient(135deg, #128C7E, #075E54);
            transform: scale(1.02);
        }

        /* Hero Section */
        .hero {
            padding-top: 120px;
            padding-bottom: 60px;
            text-align: center;
        }

        .hero-badge {
            display: inline-block;
            background: rgba(255, 68, 68, 0.2);
            border: 1px solid #ff4444;
            border-radius: 50px;
            padding: 8px 24px;
            font-size: 0.9rem;
            font-weight: 700;
            color: #ff6666;
            margin-bottom: 24px;
        }

        .hero h1 {
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 20px;
        }

        .gradient-text {
            background: linear-gradient(135deg, #ff4444, #ffaa00);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .hero p {
            font-size: 1.2rem;
            color: #aaa;
            max-width: 700px;
            margin: 0 auto 32px;
        }

        .features-grid {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
            margin-top: 40px;
        }

        .feature-item {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            padding: 15px 25px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            gap: 12px;
            border: 1px solid rgba(255, 68, 68, 0.3);
        }

        .feature-item i {
            font-size: 24px;
            color: #ff5555;
        }

        /* Sección de Planes */
        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-title h2 {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 12px;
        }

        .section-title p {
            color: #aaa;
            font-size: 1.1rem;
        }

        /* Cards de Planes */
        .plans-section {
            margin: 60px 0;
        }

        .plans-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        .plan-card {
            background: linear-gradient(145deg, #111111, #0a0a0a);
            border-radius: 28px;
            padding: 32px;
            border: 1px solid #222;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .plan-card:hover {
            transform: translateY(-8px);
            border-color: #ff5555;
            box-shadow: 0 20px 40px rgba(255, 68, 68, 0.2);
        }

        .plan-card.popular {
            border: 2px solid #ffaa00;
            box-shadow: 0 0 20px rgba(255, 170, 0, 0.3);
        }

        .popular-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background: linear-gradient(135deg, #ffaa00, #ff8800);
            color: #000;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.7rem;
            font-weight: bold;
        }

        .plan-icon {
            font-size: 48px;
            color: #ff5555;
            margin-bottom: 20px;
        }

        .plan-card h3 {
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 10px;
        }

        .plan-price {
            font-size: 2.5rem;
            font-weight: 800;
            color: #ff5555;
            margin: 20px 0;
        }

        .plan-price small {
            font-size: 0.9rem;
            color: #888;
            font-weight: normal;
        }

        .plan-features {
            list-style: none;
            margin: 25px 0;
        }

        .plan-features li {
            padding: 10px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .plan-features i {
            color: #ff5555;
            width: 24px;
        }

        .btn-buy {
            width: 100%;
            background: linear-gradient(135deg, #25D366, #128C7E);
            border: none;
            padding: 14px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }

        .btn-buy:hover {
            transform: scale(1.02);
            box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);
        }

        /* Info adicional */
        .info-box {
            background: linear-gradient(135deg, #111111, #1a1a1a);
            border-radius: 24px;
            padding: 30px;
            margin: 40px 0;
            border: 1px solid rgba(255, 68, 68, 0.3);
            text-align: center;
        }

        .info-box i {
            font-size: 48px;
            color: #ff5555;
            margin-bottom: 20px;
        }

        .info-box h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

        .info-box p {
            color: #aaa;
            max-width: 600px;
            margin: 0 auto;
        }

        .compatibility-box {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
            margin-top: 20px;
        }

        .compat-item {
            background: rgba(255, 255, 255, 0.05);
            padding: 10px 20px;
            border-radius: 40px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        /* Footer */
        .footer {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding: 40px 0;
            text-align: center;
            color: #777;
            margin-top: 60px;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .container {
                padding: 0 20px;
            }
            .hero h1 {
                font-size: 2.2rem;
            }
            .navbar .nav-links {
                justify-content: center;
                margin-top: 10px;
            }
            .plan-price {
                font-size: 2rem;
            }
            .plan-card {
                padding: 24px;
            }
        }
    </style>
</head>
<body>

    <!-- Navbar -->
    <nav class="navbar">
        <div class="container">
            <div class="logo">
                <i class="fab fa-youtube"></i>
                <div>
                    <span>Tizentube</span>
                    <small>YouTube Sin Anuncios</small>
                </div>
            </div>
            <div class="nav-links">
                <a href="#planes">Planes</a>
                <a href="#como-funciona">¿Cómo funciona?</a>
                <a href="acesso_livre.php" class="btn-demo">
                    <i class="fas fa-gift"></i> Demo Gratis
                </a>
                <a href="planes_reseller.php" class="btn-reseller">
                    <i class="fas fa-store"></i> Ser Reseller
                </a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-badge">
                <i class="fas fa-fire"></i> Tizentube - YouTube Sin Anuncios
            </div>
            <h1>Disfruta <span class="gradient-text">YouTube</span><br>Sin Anuncios</h1>
            <p>Elige el plan que mejor se adapte a ti. Compatible con Android TV, Fire TV y dispositivos con control remoto.</p>
            
            <div class="features-grid">
                <div class="feature-item">
                    <i class="fas fa-tv"></i>
                    <span>Android TV / Fire TV</span>
                </div>
                <div class="feature-item">
                    <i class="fas fa-mobile-alt"></i>
                    <span>Hasta 5 dispositivos</span>
                </div>
                <div class="feature-item">
                    <i class="fas fa-ban"></i>
                    <span>Cero anuncios</span>
                </div>
                <div class="feature-item">
                    <i class="fas fa-headphones"></i>
                    <span>Audio sin cortes</span>
                </div>
            </div>
        </div>
    </section>

    <div class="container">
        <!-- PLANES PARA CLIENTES -->
        <div class="plans-section" id="planes">
            <div class="section-title">
                <h2>Planes <span class="gradient-text">Premium</span></h2>
                <p>Elige la suscripción que más te convenga y olvídate de los anuncios</p>
            </div>
            <div class="plans-grid">
                <!-- Plan 1 Mes -->
                <div class="plan-card">
                    <div class="plan-icon"><i class="fas fa-calendar-alt"></i></div>
                    <h3>1 Mes</h3>
                    <div class="plan-price">$3 <small>USD</small></div>
                    <ul class="plan-features">
                        <li><i class="fas fa-check-circle"></i> YouTube sin anuncios</li>
                        <li><i class="fas fa-check-circle"></i> Hasta 5 dispositivos</li>
                        <li><i class="fas fa-check-circle"></i> Compatible Android TV</li>
                        <li><i class="fas fa-check-circle"></i> Soporte incluido</li>
                    </ul>
                    <button class="btn-buy" onclick="sendToWhatsApp('1 Mes', 3)">
                        <i class="fab fa-whatsapp"></i> Contratar por WhatsApp
                    </button>
                </div>

                <!-- Plan 3 Meses -->
                <div class="plan-card popular">
                    <div class="popular-badge">⭐ MÁS ELEGIDO</div>
                    <div class="plan-icon"><i class="fas fa-calendar-week"></i></div>
                    <h3>3 Meses</h3>
                    <div class="plan-price">$6 <small>USD</small></div>
                    <ul class="plan-features">
                        <li><i class="fas fa-check-circle"></i> YouTube sin anuncios</li>
                        <li><i class="fas fa-check-circle"></i> Hasta 5 dispositivos</li>
                        <li><i class="fas fa-check-circle"></i> Ahorro del 33%</li>
                        <li><i class="fas fa-check-circle"></i> Soporte prioritario</li>
                    </ul>
                    <button class="btn-buy" onclick="sendToWhatsApp('3 Meses', 6)">
                        <i class="fab fa-whatsapp"></i> Contratar por WhatsApp
                    </button>
                </div>

                <!-- Plan 6 Meses -->
                <div class="plan-card">
                    <div class="plan-icon"><i class="fas fa-calendar-plus"></i></div>
                    <h3>6 Meses</h3>
                    <div class="plan-price">$10 <small>USD</small></div>
                    <ul class="plan-features">
                        <li><i class="fas fa-check-circle"></i> YouTube sin anuncios</li>
                        <li><i class="fas fa-check-circle"></i> Hasta 5 dispositivos</li>
                        <li><i class="fas fa-check-circle"></i> Ahorro del 44%</li>
                        <li><i class="fas fa-check-circle"></i> Soporte VIP</li>
                    </ul>
                    <button class="btn-buy" onclick="sendToWhatsApp('6 Meses', 10)">
                        <i class="fab fa-whatsapp"></i> Contratar por WhatsApp
                    </button>
                </div>

                <!-- Plan 1 Año -->
                <div class="plan-card">
                    <div class="plan-icon"><i class="fas fa-crown"></i></div>
                    <h3>1 Año</h3>
                    <div class="plan-price">$15 <small>USD</small></div>
                    <ul class="plan-features">
                        <li><i class="fas fa-check-circle"></i> YouTube sin anuncios</li>
                        <li><i class="fas fa-check-circle"></i> Hasta 5 dispositivos</li>
                        <li><i class="fas fa-check-circle"></i> Ahorro del 58%</li>
                        <li><i class="fas fa-check-circle"></i> Soporte VIP 24/7</li>
                        <li><i class="fas fa-check-circle"></i> Mejor precio garantizado</li>
                    </ul>
                    <button class="btn-buy" onclick="sendToWhatsApp('1 Año', 15)">
                        <i class="fab fa-whatsapp"></i> Contratar por WhatsApp
                    </button>
                </div>
            </div>
        </div>

        <!-- Cómo funciona -->
        <div class="info-box" id="como-funciona">
            <i class="fas fa-question-circle"></i>
            <h3>¿Cómo funciona?</h3>
            <p>
                1️⃣ Elige tu plan favorito y haz clic en "Contratar por WhatsApp".<br>
                2️⃣ Realiza el pago por transferencia bancaria, PayPal o criptomonedas.<br>
                3️⃣ Recibirás tu código de activación por WhatsApp.<br>
                4️⃣ Ingresa el código en la app Tizentube y disfruta YouTube sin anuncios.
            </p>
            <div class="compatibility-box">
                <div class="compat-item">
                    <i class="fas fa-tv"></i> Android TV / Fire TV
                </div>
                <div class="compat-item">
                    <i class="fas fa-gamepad"></i> Control remoto compatible
                </div>
                <div class="compat-item">
                    <i class="fas fa-mobile-alt"></i> Compatibilidad limitada con móviles
                </div>
            </div>
        </div>

        <!-- Descarga de la App -->
        <div class="info-box" style="background: linear-gradient(135deg, #1a1a1a, #0f0f0f);">
            <i class="fas fa-download"></i>
            <h3>Descarga Tizentube</h3>
            <p>Instala nuestra app en tu dispositivo Android TV o Fire TV</p>
            <div style="margin-top: 20px;">
                <div style="background: rgba(0,0,0,0.5); border-radius: 20px; padding: 20px; max-width: 400px; margin: 0 auto;">
                    <p style="font-size: 1.2rem;"><i class="fas fa-download"></i> Código Downloader:</p>
                    <p style="font-size: 3rem; font-weight: 800; letter-spacing: 5px; color: #ff5555;">2293102</p>
                    <p><i class="fas fa-link"></i> <a href="http://aftv.news/2293102" style="color: #ff8888;" target="_blank">http://aftv.news/2293102</a></p>
                    <button onclick="copyDownloaderCode()" style="margin-top: 15px; background: rgba(255,255,255,0.1); border: 1px solid #ff5555; padding: 8px 20px; border-radius: 30px; color: white; cursor: pointer;">
                        <i class="fas fa-copy"></i> Copiar código
                    </button>
                </div>
            </div>
        </div>

        <!-- Botón WhatsApp Flotante -->
        <div style="text-align: center; margin: 40px 0;">
            <a href="https://wa.me/593980649398?text=Hola!%20Quiero%20contratar%20Tizentube%20YouTube%20Sin%20Anuncios" 
               target="_blank" 
               style="display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #25D366, #128C7E); padding: 14px 32px; border-radius: 50px; color: white; text-decoration: none; font-weight: bold; font-size: 1.1rem;">
                <i class="fab fa-whatsapp fa-2x"></i>
                ¿Dudas? Escríbenos por WhatsApp
            </a>
        </div>
    </div>

    <footer class="footer">
        <div class="container">
            <div style="display: flex; justify-content: center; gap: 20px; margin-bottom: 20px;">
                <i class="fab fa-youtube" style="font-size: 28px; color: #ff0000;"></i>
                <span>© 2025 Tizentube - YouTube Sin Anuncios</span>
            </div>
            <p style="font-size: 0.85rem;">Disfruta YouTube sin anuncios en todos tus dispositivos. Compatible con Android TV, Fire TV y más.</p>
            <p style="margin-top: 15px; font-size: 0.75rem;">WhatsApp: +593 98 064 9398 | Soporte 24/7</p>
        </div>
    </footer>

    <script>
        // Número de WhatsApp configurado
        const WHATSAPP_NUMBER = "593980649398";
        
        // Función para enviar mensaje por WhatsApp con detalles del plan
        function sendToWhatsApp(planName, price) {
            const message = `Hola! 👋 Me interesa el plan *${planName}* de Tizentube YouTube Sin Anuncios.\n\n` +
                `📺 *Tizentube - YouTube Sin Anuncios*\n` +
                `✅ Plan: ${planName}\n` +
                `💰 Precio: $${price} USD\n\n` +
                `🔹 Hasta 5 dispositivos simultáneos\n` +
                `🔹 Compatible con Android TV / Fire TV\n` +
                `🔹 Activación inmediata\n\n` +
                `Por favor, enviarme información de pago y activación. ¡Gracias! 🙌`;
            
            const encodedMessage = encodeURIComponent(message);
            const whatsappUrl = `https://wa.me/${WHATSAPP_NUMBER}?text=${encodedMessage}`;
            window.open(whatsappUrl, "_blank");
        }

        // Función para copiar código Downloader
        function copyDownloaderCode() {
            navigator.clipboard.writeText("2293102").then(() => {
                const btn = event.target.closest('button');
                if (btn) {
                    const originalText = btn.innerHTML;
                    btn.innerHTML = '<i class="fas fa-check"></i> ¡Copiado!';
                    setTimeout(() => { btn.innerHTML = originalText; }, 2000);
                }
            }).catch(() => {
                alert("Copia manual: 2293102");
            });
        }

        // Smooth scroll para enlaces internos
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                const targetId = this.getAttribute('href');
                if (targetId === "#" || targetId === "") return;
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    e.preventDefault();
                    targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            });
        });

        // =======================
        // PROTECCIÓN AVANZADA - ALERTA NEON
        // =======================
        
        function showNeonAlert(message) {
            const existingAlert = document.querySelector('.neon-alert-protection');
            if (existingAlert) existingAlert.remove();
            
            const alertDiv = document.createElement('div');
            alertDiv.className = 'neon-alert-protection';
            alertDiv.style.cssText = `
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: rgba(0, 0, 0, 0.98);
                backdrop-filter: blur(20px);
                border: 2px solid #ff3333;
                border-radius: 28px;
                padding: 32px 48px;
                text-align: center;
                z-index: 10001;
                box-shadow: 0 0 50px rgba(255, 0, 0, 0.8), inset 0 0 30px rgba(255, 0, 0, 0.3);
                animation: neonPulseAlert 0.8s ease-out forwards;
                min-width: 320px;
                font-family: 'Segoe UI', 'Poppins', sans-serif;
            `;
            
            alertDiv.innerHTML = `
                <div style="position: relative;">
                    <i class="fas fa-shield-alt" style="font-size: 64px; color: #ff3333; margin-bottom: 20px; display: block; text-shadow: 0 0 20px #ff0000;"></i>
                    <h3 style="color: #ff5555; font-size: 1.8rem; margin-bottom: 15px; font-weight: 800; letter-spacing: 2px;">🔒 CÓDIGO PROTEGIDO</h3>
                    <p style="color: white; margin-bottom: 25px; font-size: 1rem;">${message}</p>
                    <button onclick="this.closest('.neon-alert-protection').remove()" style="background: linear-gradient(135deg, #ff3333, #cc0000); border: none; padding: 12px 32px; border-radius: 50px; color: white; font-weight: bold; font-size: 1rem; cursor: pointer; transition: all 0.3s; box-shadow: 0 0 15px rgba(255, 51, 51, 0.5);">
                        <i class="fas fa-check-circle"></i> ENTENDIDO
                    </button>
                </div>
            `;
            
            document.body.appendChild(alertDiv);
            
            setTimeout(() => {
                if (alertDiv && alertDiv.parentElement) alertDiv.remove();
            }, 4000);
        }
        
        // Agregar keyframes de animación
        if (!document.querySelector('#neonAlertKeyframes')) {
            const styleSheet = document.createElement('style');
            styleSheet.id = 'neonAlertKeyframes';
            styleSheet.textContent = `
                @keyframes neonPulseAlert {
                    0% {
                        opacity: 0;
                        transform: translate(-50%, -50%) scale(0.7);
                        box-shadow: 0 0 0 0 rgba(255, 68, 68, 0);
                    }
                    30% {
                        opacity: 1;
                        transform: translate(-50%, -50%) scale(1.02);
                        box-shadow: 0 0 60px 20px rgba(255, 68, 68, 0.7);
                    }
                    70% {
                        opacity: 1;
                        transform: translate(-50%, -50%) scale(1);
                        box-shadow: 0 0 40px 15px rgba(255, 68, 68, 0.5);
                    }
                    100% {
                        opacity: 0;
                        transform: translate(-50%, -50%) scale(1.1);
                        box-shadow: 0 0 0 0 rgba(255, 68, 68, 0);
                        visibility: hidden;
                    }
                }
            `;
            document.head.appendChild(styleSheet);
        }
        
        // Bloquear click derecho
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
            showNeonAlert('❌ No está permitido inspeccionar o copiar el contenido de esta página');
            return false;
        });
        
        // Bloquear atajos de teclado
        document.addEventListener('keydown', function(e) {
            if (e.key === 'F12') {
                e.preventDefault();
                showNeonAlert('🛡️ Herramientas de desarrollo deshabilitadas');
                return false;
            }
            
            if ((e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'C' || e.key === 'J'))) {
                e.preventDefault();
                showNeonAlert('🔒 Acceso no autorizado');
                return false;
            }
            
            if (e.ctrlKey && e.key === 'u') {
                e.preventDefault();
                showNeonAlert('📄 Código fuente protegido');
                return false;
            }
            
            if (e.ctrlKey && e.key === 's') {
                e.preventDefault();
                showNeonAlert('💾 No está permitido guardar esta página');
                return false;
            }
            
            if (e.ctrlKey && e.shiftKey && e.key === 'K') {
                e.preventDefault();
                showNeonAlert('🔐 Inspección bloqueada');
                return false;
            }
        });
        
        // Bloquear drag and drop
        document.addEventListener('dragstart', function(e) {
            e.preventDefault();
            return false;
        });
        
        // Bloquear selección de texto
        document.addEventListener('selectstart', function(e) {
            e.preventDefault();
            return false;
        });
        
        // Detectar consola abierta
        let devtoolsOpen = false;
        const checkDevTools = () => {
            const threshold = 160;
            const widthDiff = window.outerWidth - window.innerWidth > threshold;
            const heightDiff = window.outerHeight - window.innerHeight > threshold;
            
            if ((widthDiff || heightDiff) && !devtoolsOpen) {
                devtoolsOpen = true;
                showNeonAlert('⚠️ Herramientas de desarrollo detectadas. El contenido está protegido.');
            } else if (!widthDiff && !heightDiff && devtoolsOpen) {
                devtoolsOpen = false;
            }
        };
        
        setInterval(checkDevTools, 1500);
        
        // Deshabilitar console.log
        console.log = function() {};
        console.warn = function() {};
        console.error = function() {};
    </script>
</body>
</html>