{"id":45584,"date":"2025-12-05T19:58:40","date_gmt":"2025-12-06T03:58:40","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=45584"},"modified":"2025-12-05T20:14:19","modified_gmt":"2025-12-06T04:14:19","slug":"nuvix-trading","status":"publish","type":"page","link":"https:\/\/nuvix.com\/es\/nuvix-trading\/","title":{"rendered":"nuvix-trading"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"45584\" class=\"elementor elementor-45584\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f50b659 e-con-full e-flex e-con e-parent\" data-id=\"f50b659\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637b67f elementor-widget elementor-widget-html\" data-id=\"637b67f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\">\n    <title>Nuvix Packages - Choose Your Trading Plan<\/title>\n    \n    <!-- Icons8 Line Awesome (Free icon font) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n            --secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n            --gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n            --dark-bg: #0a0e27;\n            --card-bg: rgba(255, 255, 255, 0.05);\n            --text-light: #e2e8f0;\n            --accent-blue: #00b4d8;\n            --accent-purple: #9f39ff;\n            --accent-pink: #ff006e;\n            --success-green: #10b981;\n            --danger-red: #ef4444;\n            --gold: #FFD700;\n        }\n\n        \/* Base styles *\/\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background-color: var(--dark-bg);\n            color: var(--text-light);\n            overflow-x: hidden;\n            line-height: 1.6;\n            margin: 0;\n            padding: 0;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        \/* Container system for responsive design *\/\n        .container {\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n\n        @media (min-width: 576px) {\n            .container { padding: 0 1.5rem; }\n        }\n\n        @media (min-width: 768px) {\n            .container { padding: 0 2rem; }\n        }\n\n        \/* Premium Animated background *\/\n        .bg-animation {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: -1;\n            background: var(--dark-bg);\n            overflow: hidden;\n        }\n\n        .bg-animation::before {\n            content: '';\n            position: absolute;\n            width: 200%;\n            height: 200%;\n            top: -50%;\n            left: -50%;\n            background: radial-gradient(circle at 20% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%),\n                        radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),\n                        radial-gradient(circle at 50% 50%, rgba(255, 0, 110, 0.05) 0%, transparent 50%);\n            animation: rotate 30s linear infinite;\n        }\n\n        @keyframes rotate {\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Floating particles *\/\n        .particle {\n            position: absolute;\n            background: rgba(255, 255, 255, 0.5);\n            border-radius: 50%;\n            animation: float 20s infinite linear;\n            pointer-events: none;\n        }\n\n        @keyframes float {\n            from {\n                transform: translateY(100vh) translateX(0);\n                opacity: 0;\n            }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            to {\n                transform: translateY(-100vh) translateX(100px);\n                opacity: 0;\n            }\n        }\n\n        \/* Header *\/\n        header {\n            position: fixed;\n            top: 0;\n            width: 100%;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            background: rgba(10, 14, 39, 0.8);\n            backdrop-filter: blur(20px);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;\n            min-height: 60px;\n            height: auto;\n        }\n\n        header.scrolled {\n            background: rgba(10, 14, 39, 0.95);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        nav {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1rem 1.5rem;\n            width: 100%;\n            max-width: 100%;\n            min-height: 60px;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n        }\n\n        @media (min-width: 768px) {\n            nav {\n                padding: 1rem 2rem;\n                flex-wrap: nowrap;\n            }\n        }\n\n        @media (min-width: 1400px) {\n            nav {\n                max-width: 1400px;\n                margin: 0 auto;\n                padding: 1rem 2rem;\n            }\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            z-index: 1002;\n            flex-shrink: 0;\n            text-decoration: none;\n        }\n\n        .logo img {\n            height: 40px;\n            width: auto;\n            filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n        }\n\n        @media (min-width: 768px) {\n            .logo img { height: 45px; }\n        }\n\n        @media (min-width: 1024px) and (max-width: 1299px) {\n            .logo img { height: 35px; }\n        }\n\n        \/* Desktop Navigation *\/\n        .nav-links {\n            display: none;\n            gap: 1rem;\n            align-items: center;\n        }\n\n        @media (min-width: 768px) {\n            .nav-links {\n                display: flex;\n                gap: 1.5rem;\n            }\n        }\n\n        .nav-links a {\n            color: var(--text-light);\n            text-decoration: none;\n            transition: all 0.3s ease;\n            position: relative;\n            font-weight: 500;\n            white-space: nowrap;\n            font-size: 0.95rem;\n            padding: 0.25rem 0.5rem;\n        }\n\n        .nav-links a::after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--primary-gradient);\n            transition: width 0.3s ease;\n        }\n\n        .nav-links a:hover::after {\n            width: 100%;\n        }\n\n        \/* Mobile Navigation *\/\n        .mobile-nav-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        @media (min-width: 768px) {\n            .mobile-nav-container { display: none; }\n        }\n\n        .hamburger {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            width: 30px;\n            height: 24px;\n            cursor: pointer;\n            z-index: 1002;\n            padding: 5px;\n            background: transparent;\n            border: none;\n            outline: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        .hamburger span {\n            display: block;\n            width: 100%;\n            height: 3px;\n            background: var(--text-light);\n            border-radius: 3px;\n            transition: all 0.3s ease;\n        }\n\n        .hamburger.active span:nth-child(1) {\n            transform: translateY(10.5px) rotate(45deg);\n        }\n\n        .hamburger.active span:nth-child(2) {\n            opacity: 0;\n        }\n\n        .hamburger.active span:nth-child(3) {\n            transform: translateY(-10.5px) rotate(-45deg);\n        }\n\n        \/* Mobile menu overlay *\/\n        .mobile-menu {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100vh;\n            height: 100dvh;\n            background: rgba(10, 14, 39, 0.98);\n            backdrop-filter: blur(20px);\n            z-index: 999;\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n            pointer-events: none;\n        }\n\n        .mobile-menu.active {\n            opacity: 1;\n            visibility: visible;\n            pointer-events: auto;\n        }\n\n        .mobile-menu-content {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 2rem;\n        }\n\n        .mobile-menu-links {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n\n        .mobile-menu-links a {\n            color: var(--text-light);\n            text-decoration: none;\n            font-size: 1.25rem;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            padding: 0.5rem 1rem;\n        }\n\n        .mobile-menu-links a:hover {\n            color: var(--accent-blue);\n        }\n\n        .mobile-menu-buttons {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n            width: 100%;\n            max-width: 300px;\n        }\n\n        \/* Buttons *\/\n        .btn {\n            padding: 0.875rem 2rem;\n            border-radius: 25px;\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            display: inline-block;\n            position: relative;\n            overflow: hidden;\n            border: none;\n            cursor: pointer;\n            font-size: 0.9rem;\n            white-space: nowrap;\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        @media (min-width: 576px) {\n            .btn {\n                padding: 1rem 2.5rem;\n                font-size: 1rem;\n            }\n        }\n\n        .btn-primary {\n            background: var(--primary-gradient);\n            color: white;\n            box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: var(--text-light);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.1);\n            border-color: var(--accent-blue);\n            color: var(--accent-blue);\n        }\n\n        \/* Section styles *\/\n        .section-title {\n            text-align: center;\n            font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n            margin-bottom: 1rem;\n            background: linear-gradient(135deg, #fff 0%, #00b4d8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-weight: 800;\n        }\n\n        @media (min-width: 768px) {\n            .section-title {\n                font-size: clamp(2.5rem, 4vw, 3.5rem);\n                margin-bottom: 1.5rem;\n            }\n        }\n\n        .section-subtitle {\n            text-align: center;\n            font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n            opacity: 0.8;\n            margin-bottom: 2.5rem;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        @media (min-width: 768px) {\n            .section-subtitle { margin-bottom: 4rem; }\n        }\n\n        \/* Page Hero Section *\/\n        .page-hero {\n            padding: 8rem 0 3rem;\n            text-align: center;\n            background: radial-gradient(circle at 50% 50%, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n        }\n\n        @media (min-width: 768px) {\n            .page-hero {\n                padding: 10rem 0 4rem;\n            }\n        }\n\n        .page-hero h1 {\n            font-size: clamp(2rem, 5vw, 4rem);\n            font-weight: 800;\n            margin-bottom: 1rem;\n            background: linear-gradient(135deg, #fff 0%, #9f39ff 50%, #00b4d8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: gradient-shift 3s ease infinite;\n        }\n\n        @keyframes gradient-shift {\n            0%, 100% { filter: hue-rotate(0deg); }\n            50% { filter: hue-rotate(30deg); }\n        }\n\n        .page-hero p {\n            font-size: clamp(1rem, 1.5vw, 1.25rem);\n            opacity: 0.9;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* Pricing Section *\/\n        .pricing {\n            padding: 2rem 0 4rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        @media (min-width: 768px) {\n            .pricing { padding: 3rem 0 6rem; }\n        }\n\n        .pricing::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 800px;\n            height: 800px;\n            background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n            transform: translate(-50%, -50%);\n        }\n\n        .pricing-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 2rem;\n            position: relative;\n            z-index: 1;\n        }\n\n        @media (min-width: 768px) {\n            .pricing-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 2rem;\n            }\n        }\n\n        @media (min-width: 1024px) {\n            .pricing-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 2rem;\n            }\n        }\n\n        .pricing-card {\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 25px;\n            padding: 2rem 1.5rem;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            text-align: center;\n            position: relative;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n            display: flex;\n            flex-direction: column;\n        }\n\n        @media (min-width: 576px) {\n            .pricing-card { padding: 2.5rem 2rem; }\n        }\n\n        @media (min-width: 768px) {\n            .pricing-card { padding: 3rem 2rem; }\n        }\n\n        @media (min-width: 768px) and (max-width: 1023px) {\n            .pricing-card:nth-child(3) {\n                grid-column: span 2;\n                max-width: 500px;\n                margin: 0 auto;\n            }\n        }\n\n        .pricing-card:hover {\n            transform: translateY(-10px);\n            border-color: var(--accent-purple);\n            box-shadow: 0 20px 50px rgba(159, 57, 255, 0.3);\n        }\n\n        .pricing-card.featured {\n            border-color: var(--accent-purple);\n            background: rgba(159, 57, 255, 0.05);\n            box-shadow: 0 25px 60px rgba(159, 57, 255, 0.4);\n            padding-top: 3.5rem;\n        }\n\n        @media (min-width: 768px) {\n            .pricing-card.featured {\n                transform: scale(1.05);\n                padding-top: 4.5rem;\n            }\n        }\n\n        .pricing-card.featured:hover {\n            transform: scale(1.08);\n        }\n\n        .pricing-card.featured::before {\n            content: 'MOST POPULAR';\n            position: absolute;\n            top: 10px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--primary-gradient);\n            padding: 0.4rem 1.5rem;\n            border-radius: 25px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            letter-spacing: 1px;\n            box-shadow: 0 4px 15px rgba(159, 57, 255, 0.4);\n            white-space: nowrap;\n        }\n\n        @media (min-width: 576px) {\n            .pricing-card.featured::before {\n                top: 15px;\n                padding: 0.5rem 2rem;\n                font-size: 0.875rem;\n            }\n        }\n\n        \/* Price styles *\/\n        .price {\n            word-break: break-word;\n            overflow-wrap: break-word;\n            max-width: 100%;\n            white-space: normal;\n            padding: 0 0.5rem;\n        }\n\n        .price.long-price {\n            font-size: 1.5rem !important;\n        }\n\n        .price.very-long-price {\n            font-size: 1.2rem !important;\n        }\n\n        .price.extra-long-price {\n            font-size: 1rem !important;\n        }\n\n        @media (max-width: 576px) {\n            .price.long-price {\n                font-size: 1.3rem !important;\n            }\n            \n            .price.very-long-price {\n                font-size: 1.1rem !important;\n            }\n            \n            .price.extra-long-price {\n                font-size: 0.9rem !important;\n            }\n            \n            .price-container {\n                min-height: 50px;\n                padding: 0 0.25rem;\n            }\n        }\n\n        .price-period {\n            font-size: 0.5em;\n            white-space: nowrap;\n        }\n\n        \/* Mobile Package Selector *\/\n        .mobile-package-selector {\n            display: block;\n            background: rgba(10, 14, 39, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 1rem;\n            margin-bottom: 2rem;\n            border-radius: 15px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        @media (min-width: 768px) {\n            .mobile-package-selector { display: none; }\n        }\n\n        .package-buttons {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0.5rem;\n        }\n\n        .package-btn {\n            padding: 0.6rem 0.8rem;\n            border: none;\n            background: var(--card-bg);\n            color: var(--text-light);\n            border-radius: 25px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-weight: 600;\n            font-size: 0.8rem;\n        }\n\n        @media (min-width: 576px) {\n            .package-btn {\n                padding: 0.75rem 1.5rem;\n                font-size: 0.85rem;\n            }\n        }\n\n        .package-btn.active {\n            background: var(--primary-gradient);\n            color: white;\n        }\n\n        \/* Show only active card on mobile *\/\n        @media (max-width: 767px) {\n            .pricing-card {\n                opacity: 0;\n                transform: translateX(100%);\n                position: absolute;\n                width: 100%;\n                transition: opacity 0.4s ease, transform 0.4s ease;\n                pointer-events: none;\n            }\n            \n            .pricing-card.active {\n                opacity: 1;\n                transform: translateX(0);\n                position: relative;\n                pointer-events: auto;\n            }\n            \n            .pricing-grid {\n                position: relative;\n                min-height: 700px;\n            }\n        }\n\n        @media (max-width: 767px) {\n            .pricing-card {\n                max-width: 100%;\n                overflow-x: hidden;\n            }\n            \n            .price-container {\n                max-width: 100%;\n                overflow: hidden;\n            }\n            \n            .token-info,\n            .commission-info {\n                font-size: 0.75rem;\n                padding: 0.5rem;\n            }\n        }\n\n        .pricing-header {\n            margin-bottom: 1rem;\n        }\n\n        .package-name {\n            font-size: 1.25rem;\n            font-weight: 700;\n            margin-bottom: 0.5rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        @media (min-width: 768px) {\n            .package-name { font-size: 1.5rem; }\n        }\n\n        .package-tagline {\n            font-size: 0.9rem;\n            opacity: 0.7;\n            font-style: italic;\n        }\n\n        .price-container {\n            min-height: 60px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 1.5rem 0;\n            padding: 0 0.5rem;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n        }\n\n        @media (min-width: 768px) {\n            .price-container { min-height: 80px; }\n        }\n\n        .price {\n            font-size: 2rem;\n            font-weight: 900;\n            margin: 0;\n            background: var(--secondary-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1;\n            transition: font-size 0.3s ease;\n        }\n\n        @media (min-width: 576px) {\n            .price { font-size: 2.2rem; }\n        }\n\n        @media (min-width: 768px) {\n            .price { font-size: 2.5rem; }\n        }\n\n        .price-period {\n            font-size: 0.4em;\n            opacity: 0.7;\n            font-weight: 400;\n        }\n\n        .token-info {\n            background: linear-gradient(135deg, rgba(159, 57, 255, 0.1), rgba(0, 180, 216, 0.1));\n            border: 1px solid rgba(159, 57, 255, 0.3);\n            border-radius: 15px;\n            padding: 1rem;\n            margin: 1rem 0;\n        }\n\n        @media (min-width: 768px) {\n            .token-info {\n                padding: 1.5rem;\n                margin: 1.5rem 0;\n            }\n        }\n\n        .token-value {\n            font-size: 0.85rem;\n            opacity: 0.8;\n        }\n\n        @media (min-width: 768px) {\n            .token-value { font-size: 0.9rem; }\n        }\n\n        .price-features {\n            list-style: none;\n            margin: 1.5rem 0;\n            text-align: left;\n            flex-grow: 1;\n        }\n\n        @media (min-width: 768px) {\n            .price-features { margin: 2rem 0; }\n        }\n\n        .price-features li {\n            padding: 0.75rem 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            font-size: 0.9rem;\n        }\n\n        @media (min-width: 768px) {\n            .price-features li {\n                padding: 1rem 0;\n                font-size: 1rem;\n            }\n        }\n\n        .price-features li:last-child {\n            border-bottom: none;\n        }\n\n        .feature-check {\n            color: var(--success-green);\n            font-size: 1.1rem;\n            flex-shrink: 0;\n        }\n\n        @media (min-width: 768px) {\n            .feature-check { font-size: 1.25rem; }\n        }\n\n        .commission-info {\n            background: rgba(255, 215, 0, 0.1);\n            border: 1px solid rgba(255, 215, 0, 0.3);\n            border-radius: 10px;\n            padding: 0.75rem;\n            margin: 1rem 0;\n            font-size: 0.85rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n        }\n\n        @media (min-width: 768px) {\n            .commission-info {\n                padding: 1rem;\n                font-size: 0.9rem;\n            }\n        }\n\n        .commission-amount {\n            color: var(--gold);\n            font-weight: 700;\n            font-size: 1rem;\n            white-space: nowrap;\n        }\n\n        @media (min-width: 768px) {\n            .commission-amount { font-size: 1.1rem; }\n        }\n\n        \/* Footer *\/\n        .footer {\n            background: rgba(10, 14, 39, 0.95);\n            padding: 3rem 0 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            text-align: center;\n        }\n\n        .footer-content {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .footer-logo {\n            margin-bottom: 1rem;\n        }\n\n        .footer-logo img {\n            height: 40px;\n            width: auto;\n            filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n        }\n\n        .footer-note {\n            font-size: 0.85rem;\n            opacity: 0.7;\n            margin-bottom: 1.5rem;\n            line-height: 1.6;\n        }\n\n        .footer-links {\n            display: flex;\n            justify-content: center;\n            gap: 2rem;\n            flex-wrap: wrap;\n            margin-bottom: 1.5rem;\n        }\n\n        .footer-links a {\n            color: var(--text-light);\n            text-decoration: none;\n            font-size: 0.9rem;\n            opacity: 0.7;\n            transition: all 0.3s ease;\n        }\n\n        .footer-links a:hover {\n            color: var(--accent-blue);\n            opacity: 1;\n        }\n\n        .footer-copyright {\n            font-size: 0.8rem;\n            opacity: 0.5;\n        }\n\n        \/* Utility classes *\/\n        html {\n            scroll-behavior: smooth;\n        }\n\n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.6s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Glow effects *\/\n        .glow {\n            animation: glow 2s ease-in-out infinite alternate;\n        }\n\n        @keyframes glow {\n            from { box-shadow: 0 0 20px rgba(159, 57, 255, 0.5); }\n            to { box-shadow: 0 0 30px rgba(159, 57, 255, 0.8), 0 0 40px rgba(159, 57, 255, 0.5); }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Background Animation -->\n    <div class=\"bg-animation\"><\/div>\n\n    <!-- Header -->\n    <header id=\"header\">\n        <nav>\n            <a href=\"https:\/\/nuvix.com\/es\/\" class=\"logo\">\n                <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n            <\/a>\n            \n            <div class=\"nav-links\">\n                <a href=\"https:\/\/nuvix.com\/es\/#markets\">Mercados<\/a>\n                <a href=\"https:\/\/nuvix.com\/es\/#features\">Caracter\u00edsticas<\/a>\n                <a href=\"#pricing\">Paquetes<\/a>\n                <a href=\"https:\/\/nuvix.com\/es\/#opportunity\">Oportunidad<\/a>\n                <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"btn btn-secondary\">Iniciar sesi\u00f3n<\/a>\n                <a href=\"#pricing\" class=\"btn btn-primary\">Comenzar<\/a>\n            <\/div>\n            \n            <div class=\"mobile-nav-container\">\n                <a href=\"#pricing\" class=\"btn btn-primary\" style=\"padding: 0.6rem 1.25rem; font-size: 0.8rem;\">Comenzar<\/a>\n                <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa alternativo\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/button>\n            <\/div>\n        <\/nav>\n    <\/header>\n\n    <!-- Mobile Menu -->\n    <div class=\"mobile-menu\" id=\"mobile-menu\">\n        <div class=\"mobile-menu-content\">\n            <div class=\"mobile-menu-links\">\n                <a href=\"https:\/\/nuvix.com\/es\/#markets\">Mercados<\/a>\n                <a href=\"https:\/\/nuvix.com\/es\/#features\">Caracter\u00edsticas<\/a>\n                <a href=\"#pricing\" onclick=\"closeMobileMenu()\">Paquetes<\/a>\n                <a href=\"https:\/\/nuvix.com\/es\/#opportunity\">Oportunidad<\/a>\n            <\/div>\n            <div class=\"mobile-menu-buttons\">\n                <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"btn btn-secondary\">Iniciar sesi\u00f3n<\/a>\n                <a href=\"#pricing\" class=\"btn btn-primary\" onclick=\"closeMobileMenu()\">Comenzar<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Page Hero -->\n    <section class=\"page-hero\">\n        <div class=\"container\">\n            <h1>Elija su paquete<\/h1>\n            <p>Seleccione el plan perfecto para iniciar su viaje por el comercio basado en IA<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section class=\"pricing\" id=\"pricing\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Paquetes de inscripci\u00f3n<\/h2>\n            <p class=\"section-subtitle\">\u00a1Asegure su puesto ahora!<\/p>\n            \n            <!-- Mobile Package Selector -->\n            <div class=\"mobile-package-selector\">\n                <div class=\"package-buttons\">\n                    <button class=\"package-btn\" onclick=\"showPackage('beginner')\">Principiante<\/button>\n                    <button class=\"package-btn active\" onclick=\"showPackage('pro')\">Pro<\/button>\n                    <button class=\"package-btn\" onclick=\"showPackage('advanced')\">Avanzado<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"pricing-grid\">\n                <!-- Beginner Package -->\n                <div class=\"pricing-card\" id=\"beginner-card\">\n                    <div class=\"pricing-header\">\n                        <h3 class=\"package-name\">PRINCIPIANTE<\/h3>\n                        <p class=\"package-tagline\">Comience su viaje por el comercio con inteligencia artificial<\/p>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price\">$99.99<span class=\"price-period\"><\/span><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 90%; margin: 1rem auto; display: block;\">Comprar ahora<\/a>\n                    <div class=\"token-info\">\n                        <div class=\"token-value\">500 Cr\u00e9ditos de an\u00e1lisis<\/div>\n                    <\/div>\n                    <ul class=\"price-features\">\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> An\u00e1lisis del mercado de IA para todos los mercados<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Informaci\u00f3n sobre negociaci\u00f3n en tiempo real<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a la asistencia b\u00e1sica<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de cr\u00e9ditos 3x en recarga<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Incluye membres\u00eda IBP de un a\u00f1o - Valor de $79.99<\/li>\n                    <\/ul>\n                    <div class=\"commission-info\">\n                        Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$20<\/span>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Registrar Ahora<\/a>\n                <\/div>\n                \n                <!-- Pro Package (Featured) -->\n                <div class=\"pricing-card featured active\" id=\"pro-card\">\n                    <div class=\"pricing-header\">\n                        <h3 class=\"package-name\">PRO<\/h3>\n                        <p class=\"package-tagline\">M\u00e1ximo valor para operadores serios<\/p>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price\">$999.99<span class=\"price-period\"><\/span><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 90%; margin: 1rem auto; display: block;\">Comprar ahora<\/a>\n                    <div class=\"token-info\">\n                        <div class=\"token-value\">10.000 cr\u00e9ditos de an\u00e1lisis<\/div>\n                    <\/div>\n                    <ul class=\"price-features\">\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Todo en el paquete avanzado<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Asistencia prioritaria VIP 24 horas al d\u00eda, 7 d\u00edas a la semana<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Panel de an\u00e1lisis Premium<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de cr\u00e9ditos 10x en recarga<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinarios exclusivos sobre negociaci\u00f3n<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Incluye membres\u00eda IBP de un a\u00f1o - Valor de $79.99<\/li>\n                    <\/ul>\n                    <div class=\"commission-info\">\n                        Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$200<\/span>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Registrar Ahora<\/a>\n                <\/div>\n                \n                <!-- Advanced Package -->\n                <div class=\"pricing-card\" id=\"advanced-card\">\n                    <div class=\"pricing-header\">\n                        <h3 class=\"package-name\">AVANZADO<\/h3>\n                        <p class=\"package-tagline\">Para operadores con experiencia<\/p>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price\">$499.99<span class=\"price-period\"><\/span><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 90%; margin: 1rem auto; display: block;\">Comprar ahora<\/a>\n                    <div class=\"token-info\">\n                        <div class=\"token-value\">3.500 Cr\u00e9ditos de an\u00e1lisis<\/div>\n                    <\/div>\n                    <ul class=\"price-features\">\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Todo en el paquete para principiantes<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Respuesta prioritaria de asistencia<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Funciones anal\u00edticas avanzadas<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de cr\u00e9ditos 5x en recarga<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Herramientas de correlaci\u00f3n multimercado<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Incluye membres\u00eda IBP de un a\u00f1o - Valor de $79.99<\/li>\n                    <\/ul>\n                    <div class=\"commission-info\">\n                        Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$100<\/span>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Registrar Ahora<\/a>\n                <\/div>\n            <\/div>\n            <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n                * 80% del valor del paquete se convierte en Volumen Comisionable (CV)\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n                <\/div>\n                <p class=\"footer-note\">Revolucionaria plataforma de an\u00e1lisis de operaciones con IA de iEvolution<\/p>\n                <div class=\"footer-links\">\n                    <a href=\"https:\/\/nuvix.com\/es\/\">Inicio<\/a>\n                    <a href=\"https:\/\/nuvix.com\/es\/#markets\">Mercados<\/a>\n                    <a href=\"https:\/\/nuvix.com\/es\/#features\">Caracter\u00edsticas<\/a>\n                    <a href=\"https:\/\/nuvix.com\/es\/#opportunity\">Oportunidad<\/a>\n                    <a href=\"https:\/\/nuvix.com\/es\/c_login\/\">Iniciar sesi\u00f3n<\/a>\n                <\/div>\n                <p class=\"footer-copyright\">2024 Nuvix by iEvolution. Todos los derechos reservados.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Create floating particles\n        (function() {\n            const bgAnimation = document.querySelector('.bg-animation');\n            const particleCount = window.innerWidth > 768 ? 20 : 10;\n            \n            for (let i = 0; i < particleCount; i++) {\n                const particle = document.createElement('div');\n                particle.className = 'particle';\n                particle.style.width = Math.random() * 5 + 'px';\n                particle.style.height = particle.style.width;\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDelay = Math.random() * 20 + 's';\n                particle.style.animationDuration = Math.random() * 20 + 20 + 's';\n                bgAnimation.appendChild(particle);\n            }\n        })();\n\n        \/\/ Mobile Navigation Toggle\n        (function() {\n            const hamburger = document.getElementById('hamburger');\n            const mobileMenu = document.getElementById('mobile-menu');\n            \n            if (hamburger && mobileMenu) {\n                hamburger.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    \n                    hamburger.classList.toggle('active');\n                    mobileMenu.classList.toggle('active');\n                    \n                    \/\/ Prevent body scroll when menu is open\n                    if (mobileMenu.classList.contains('active')) {\n                        document.body.style.overflow = 'hidden';\n                    } else {\n                        document.body.style.overflow = '';\n                    }\n                });\n\n                \/\/ Close menu when clicking on links\n                mobileMenu.querySelectorAll('a').forEach(link => {\n                    link.addEventListener('click', function() {\n                        hamburger.classList.remove('active');\n                        mobileMenu.classList.remove('active');\n                        document.body.style.overflow = '';\n                    });\n                });\n            }\n        })();\n\n        \/\/ Close mobile menu function\n        function closeMobileMenu() {\n            const hamburger = document.getElementById('hamburger');\n            const mobileMenu = document.getElementById('mobile-menu');\n            if (hamburger && mobileMenu) {\n                hamburger.classList.remove('active');\n                mobileMenu.classList.remove('active');\n                document.body.style.overflow = '';\n            }\n        }\n\n        \/\/ Header scroll behavior\n        (function() {\n            const header = document.getElementById('header');\n            let lastScroll = 0;\n            \n            window.addEventListener('scroll', function() {\n                const currentScroll = window.pageYOffset;\n                \n                if (currentScroll > 50) {\n                    header.classList.add('scrolled');\n                } else {\n                    header.classList.remove('scrolled');\n                }\n                \n                lastScroll = currentScroll;\n            }, { passive: true });\n        })();\n\n        \/\/ Mobile package selector\n        function showPackage(packageType) {\n            \/\/ Update buttons\n            document.querySelectorAll('.package-btn').forEach(btn => {\n                btn.classList.remove('active');\n            });\n            event.target.classList.add('active');\n\n            \/\/ Smooth transition between cards\n            const allCards = document.querySelectorAll('.pricing-card');\n            const selectedCard = document.getElementById(packageType + '-card');\n            \n            \/\/ First, fade out current active card\n            allCards.forEach(card => {\n                if (card.classList.contains('active')) {\n                    card.classList.remove('active');\n                }\n            });\n            \n            \/\/ Then, fade in selected card with a slight delay\n            setTimeout(() => {\n                if (selectedCard) {\n                    selectedCard.classList.add('active');\n                }\n            }, 50);\n        }\n\n        \/\/ Price display adjustment\n        (function() {\n            function adjustPriceDisplay() {\n                document.querySelectorAll('.price').forEach(priceElement => {\n                    const priceText = priceElement.textContent || priceElement.innerText;\n                    const cleanedText = priceText.replace(\/\\s\/g, '').replace(\/[,\\.]\/g, '');\n                    const priceLength = cleanedText.length;\n                    \n                    priceElement.classList.remove('long-price', 'very-long-price', 'extra-long-price');\n                    \n                    if (priceLength > 20) {\n                        priceElement.classList.add('extra-long-price');\n                    } else if (priceLength > 15) {\n                        priceElement.classList.add('very-long-price');\n                    } else if (priceLength > 10) {\n                        priceElement.classList.add('long-price');\n                    }\n                });\n            }\n            \n            adjustPriceDisplay();\n            setTimeout(adjustPriceDisplay, 500);\n            setTimeout(adjustPriceDisplay, 1000);\n        })();\n\n        \/\/ Smooth scroll\n        (function() {\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n                anchor.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    const targetId = this.getAttribute('href');\n                    if (targetId === '#') return;\n                    \n                    const target = document.querySelector(targetId);\n                    if (target) {\n                        const headerOffset = 80;\n                        const elementPosition = target.getBoundingClientRect().top;\n                        const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n                        window.scrollTo({\n                            top: offsetPosition,\n                            behavior: 'smooth'\n                        });\n                    }\n                });\n            });\n        })();\n\n        \/\/ Intersection Observer for fade-in animations\n        (function() {\n            const observerOptions = {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            };\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                    }\n                });\n            }, observerOptions);\n\n            document.querySelectorAll('.fade-in').forEach(el => {\n                observer.observe(el);\n            });\n        })();\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Paquetes Nuvix - Elija su plan de trading Mercados Caracter\u00edsticas Paquetes Oportunidad Entrar Empezar Empezar Mercados Caracter\u00edsticas Paquetes Oportunidad Entrar Empezar Elija su paquete Seleccione el plan perfecto para empezar su viaje de trading con IA Paquetes de registro \u00a1Asegure su posici\u00f3n ahora! Principiante Pro Avanzado PRINCIPIANTE Comience su viaje de trading con IA $99.99 Comprar [...]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-45584","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/45584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/comments?post=45584"}],"version-history":[{"count":7,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/45584\/revisions"}],"predecessor-version":[{"id":45597,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/45584\/revisions\/45597"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/media?parent=45584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}