<!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 Reseller - YouTube Sin Anuncios</title>
    <meta name="description" content="Planes reseller para revender YouTube sin anuncios. Paneles con créditos y paneles mensualizados. Crea cuentas de 1 a 12 meses.">
    <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: 1400px;
            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-buttons {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
        }

        .btn-nav {
            padding: 8px 20px;
            border-radius: 40px;
            font-weight: 600;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-nav:hover {
            transform: translateY(-2px);
        }

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

        .btn-clientes:hover {
            background: linear-gradient(135deg, #128C7E, #075E54);
            box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
        }

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

        .btn-demo:hover {
            background: linear-gradient(135deg, #ff5500, #ff3300);
            box-shadow: 0 5px 15px rgba(255, 85, 0, 0.3);
        }

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

        .btn-whatsapp-nav: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;
        }

        .plan-category {
            margin-bottom: 60px;
        }

        .plan-category h3 {
            font-size: 1.8rem;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            gap: 12px;
            border-left: 4px solid #ff4444;
            padding-left: 20px;
        }

        .plan-category h3 i {
            color: #ff5555;
        }

        .plans-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 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;
        }

        .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 h4 {
            font-size: 1.5rem;
            margin-bottom: 10px;
        }

        .plan-price {
            font-size: 2rem;
            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;
            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);
        }

        /* Panel Ilimitado Destacado */
        .unlimited-card {
            background: linear-gradient(135deg, #1a1a2e, #16213e);
            border: 2px solid #ffaa00;
        }

        .unlimited-card .plan-price {
            color: #ffaa00;
            font-size: 2.5rem;
        }

        /* 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;
        }

        /* 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;
            }
            .nav-buttons {
                justify-content: center;
                width: 100%;
            }
            .plan-price {
                font-size: 1.5rem;
            }
            .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-buttons">
                <a href="index.php" class="btn-nav btn-clientes">
                    <i class="fas fa-tv"></i> Planes Clientes
                </a>
                <a href="acesso_livre.php" class="btn-nav btn-demo">
                    <i class="fas fa-gift"></i> Demo Gratis
                </a>
                <a href="https://wa.me/593980649398?text=Hola!%20Quiero%20ser%20reseller%20de%20Tizentube" class="btn-nav btn-whatsapp-nav" target="_blank">
                    <i class="fab fa-whatsapp"></i> Contactar
                </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>Planes <span class="gradient-text">Reseller</span><br>¡Escala tu negocio!</h1>
            <p>✅ Cuentas y paneles para revender YouTube sin anuncios.<br>
            Crea cuentas de 1 hasta 12 meses con hasta 5 dispositivos simultáneos.<br>
            <strong>1 crédito = 5 dispositivos</strong> | Crea paneles y revende créditos</p>
            
            <div class="features-grid">
                <div class="feature-item">
                    <i class="fas fa-tv"></i>
                    <span>Android TV / Fire TV / Móvil</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-chart-line"></i>
                    <span>Revende créditos</span>
                </div>
                <div class="feature-item">
                    <i class="fas fa-ban"></i>
                    <span>Cero anuncios</span>
                </div>
            </div>
        </div>
    </section>

    <div class="container">
        <!-- PANELES CON CRÉDITOS -->
        <div class="plans-section" id="paneles-creditos">
            <div class="plan-category">
                <h3><i class="fas fa-coins"></i> Paneles con Créditos <span style="font-size: 0.9rem; color: #ffaa00;">(Mejoramos precios 🔥)</span></h3>
                <div class="plans-grid">
                    <!-- Panel 10 créditos -->
                    <div class="plan-card">
                        <div class="plan-icon"><i class="fas fa-gem"></i></div>
                        <h4>Panel 10 + 1</h4>
                        <div class="plan-price">$5 <small>USD</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> 10 créditos + 1 gratis</li>
                            <li><i class="fas fa-check-circle"></i> Total: 11 créditos</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Crea cuentas de 1-12 meses</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel 10 + 1 crédito', 5)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>

                    <!-- Panel 20 créditos -->
                    <div class="plan-card">
                        <div class="plan-icon"><i class="fas fa-gem"></i></div>
                        <h4>Panel 20 + 2</h4>
                        <div class="plan-price">$10 <small>USD</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> 20 créditos + 2 gratis</li>
                            <li><i class="fas fa-check-circle"></i> Total: 22 créditos</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 110 dispositivos</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel 20 + 2 créditos', 10)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>

                    <!-- Panel 50 créditos -->
                    <div class="plan-card popular">
                        <div class="popular-badge">🔥 MÁS VENDIDO</div>
                        <div class="plan-icon"><i class="fas fa-crown"></i></div>
                        <h4>Panel 50 + 5</h4>
                        <div class="plan-price">$20 <small>USD</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> 50 créditos + 5 gratis</li>
                            <li><i class="fas fa-check-circle"></i> Total: 55 créditos</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 275 dispositivos</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel 50 + 5 créditos', 20)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>

                    <!-- Panel 100 créditos -->
                    <div class="plan-card">
                        <div class="plan-icon"><i class="fas fa-gem"></i></div>
                        <h4>Panel 100 + 10</h4>
                        <div class="plan-price">$40 <small>USD</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> Crea Resellers</li>
                            <li><i class="fas fa-check-circle"></i> 100 créditos + 10 gratis</li>
                            <li><i class="fas fa-check-circle"></i> Total: 110 créditos</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 550 dispositivos</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel 100 + 10 créditos', 40)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>

                    <!-- Panel 300 créditos -->
                    <div class="plan-card">
                        <div class="plan-icon"><i class="fas fa-rocket"></i></div>
                        <h4>Panel 300 + 30</h4>
                        <div class="plan-price">$100 <small>USD</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> Crea Resellers</li>
                            <li><i class="fas fa-check-circle"></i> 300 créditos + 30 gratis</li>
                            <li><i class="fas fa-check-circle"></i> Total: 330 créditos</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 1650 dispositivos</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel 300 + 30 créditos', 100)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>

                    <!-- Panel 500 créditos -->
                    <div class="plan-card">
                        <div class="plan-icon"><i class="fas fa-chart-line"></i></div>
                        <h4>Panel 500 + 50</h4>
                        <div class="plan-price">$150 <small>USD</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> Crea Resellers</li>
                            <li><i class="fas fa-check-circle"></i> 500 créditos + 50 gratis</li>
                            <li><i class="fas fa-check-circle"></i> Total: 550 créditos</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 2750 dispositivos</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel 500 + 50 créditos', 150)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- PANELES MENSUALIZADOS -->
        <div class="plans-section" id="paneles-mensuales">
            <div class="plan-category">
                <h3><i class="fas fa-calendar-alt"></i> Paneles Mensualizados</h3>
                <div class="plans-grid">
                    <!-- 100 créditos mensual -->
                    <div class="plan-card">
                        <div class="plan-icon"><i class="fas fa-calendar-week"></i></div>
                        <h4>100 Créditos</h4>
                        <div class="plan-price">$15 <small>USD / mes</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> Crea Resellers</li>
                            <li><i class="fas fa-check-circle"></i> 100 créditos mensuales</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 500 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Renovación automática</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel Mensual 100 créditos', 15)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>

                    <!-- 500 créditos mensual -->
                    <div class="plan-card popular">
                        <div class="popular-badge">⭐ RECOMENDADO</div>
                        <div class="plan-icon"><i class="fas fa-calendar-alt"></i></div>
                        <h4>500 Créditos</h4>
                        <div class="plan-price">$30 <small>USD / mes</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> Crea Resellers</li>
                            <li><i class="fas fa-check-circle"></i> 500 créditos mensuales</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 2500 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Renovación automática</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel Mensual 500 créditos', 30)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>

                    <!-- 1000 créditos mensual -->
                    <div class="plan-card">
                        <div class="plan-icon"><i class="fas fa-chart-line"></i></div>
                        <h4>1000 Créditos</h4>
                        <div class="plan-price">$50 <small>USD / mes</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> Crea Resellers</li>
                            <li><i class="fas fa-check-circle"></i> 1000 créditos mensuales</li>
                            <li><i class="fas fa-check-circle"></i> 1 crédito = 5 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Hasta 5000 dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Renovación automática</li>
                        </ul>
                        <button class="btn-buy" onclick="sendToWhatsApp('Panel Mensual 1000 créditos', 50)">
                            <i class="fab fa-whatsapp"></i> Comprar por WhatsApp
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- PANEL ILIMITADO -->
        <div class="plans-section" id="panel-ilimitado">
            <div class="plan-category">
                <h3><i class="fas fa-infinity"></i> Panel Ilimitado ♾️</h3>
                <div class="plans-grid">
                    <div class="plan-card unlimited-card" style="max-width: 500px; margin: 0 auto;">
                        <div class="popular-badge" style="background: linear-gradient(135deg, #ffaa00, #ff6600);">💎 TOP</div>
                        <div class="plan-icon"><i class="fas fa-infinity"></i></div>
                        <h4>Panel Ilimitado</h4>
                        <div class="plan-price">$70 <small>USD / mes</small></div>
                        <ul class="plan-features">
                            <li><i class="fas fa-check-circle"></i> <strong>Créditos ILIMITADOS</strong></li>
                            <li><i class="fas fa-check-circle"></i> <strong>Crea Resellers y SuperResellers</strong></li>
                            <li><i class="fas fa-check-circle"></i> Sin límite de dispositivos</li>
                            <li><i class="fas fa-check-circle"></i> Crea cuentas de 1-12 meses</li>
                            <li><i class="fas fa-check-circle"></i> Panel Superadmin completo</li>
                            <li><i class="fas fa-check-circle"></i> App independiente</li>
                        </ul>
                        <button class="btn-buy" style="background: linear-gradient(135deg, #ffaa00, #ff6600);" onclick="sendToWhatsApp('Panel Ilimitado ♾️', 70)">
                            <i class="fab fa-whatsapp"></i> Contratar Ilimitado
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Info Adicional -->
        <div class="info-box">
            <i class="fas fa-info-circle"></i>
            <h3>¿Cómo funciona?</h3>
            <p>
                ✅ <strong>1 crédito = 5 dispositivos</strong> - Puedes crear cuentas de 1 a 12 meses.<br>
                ✅ Cada cuenta puede ser usada en hasta 5 dispositivos simultáneos.<br>
                ✅ Revende los créditos a tus clientes y genera ganancias.<br>
                ✅ Soporte técnico incluido en todos los planes.<br>
                ✅ Pago por transferencia bancaria, PayPal o criptomonedas.
            </p>
        </div>

        <!-- Botón WhatsApp -->
        <div style="text-align: center; margin: 40px 0;">
            <a href="https://wa.me/593980649398?text=Hola!%20Quiero%20ser%20reseller%20de%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;">Planes reseller con créditos y paneles mensualizados. Crea cuentas de 1 a 12 meses con hasta 5 dispositivos simultáneos.</p>
            <p style="margin-top: 15px; font-size: 0.75rem;">WhatsApp: +593 98 064 9398 | Soporte 24/7</p>
        </div>
    </footer>

    <script>
        const WHATSAPP_NUMBER = "593980649398";
        
        function sendToWhatsApp(planName, price) {
            const message = `Hola! 👋 Me interesa el plan *${planName}* por *$${price} USD* de Tizentube YouTube Sin Anuncios.\n\n` +
                `📺 *Tizentube - YouTube Sin Anuncios*\n` +
                `✅ Plan: ${planName}\n` +
                `💰 Precio: $${price} USD\n\n` +
                `🔹 1 crédito = 5 dispositivos\n` +
                `🔹 Crea cuentas de 1 a 12 meses\n` +
                `🔹 SuperResellers y Panel Ilimitado pueden vender créditos\n` + 
                `🔹 Compatible con Android TV / Fire TV\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");
        }

        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 =======================
        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;
            `;
            alertDiv.innerHTML = `
                <div>
                    <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;">🔒 CÓDIGO PROTEGIDO</h3>
                    <p style="color: white; margin-bottom: 25px;">${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; cursor: pointer;">
                        ENTENDIDO
                    </button>
                </div>
            `;
            document.body.appendChild(alertDiv);
            setTimeout(() => { if (alertDiv && alertDiv.parentElement) alertDiv.remove(); }, 4000);
        }
        
        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);
        }
        
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
            showNeonAlert('❌ No está permitido inspeccionar o copiar el contenido de esta página');
            return false;
        });
        
        document.addEventListener('keydown', function(e) {
            if (e.key === 'F12' || (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'C' || e.key === 'J')) ||
                (e.ctrlKey && e.key === 'u') || (e.ctrlKey && e.key === 's')) {
                e.preventDefault();
                showNeonAlert('Esta acción no está permitida');
            }
        });
        
        document.addEventListener('dragstart', function(e) {
            e.preventDefault();
            return false;
        });
        
        document.addEventListener('selectstart', function(e) {
            e.preventDefault();
            return false;
        });
        
        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);
        
        console.log = function() {};
        console.warn = function() {};
        console.error = function() {};
    </script>
</body>
</html>