{"id":41846,"date":"2025-08-21T13:27:13","date_gmt":"2025-08-21T20:27:13","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=41846"},"modified":"2025-11-28T08:48:51","modified_gmt":"2025-11-28T16:48:51","slug":"landing","status":"publish","type":"page","link":"https:\/\/nuvix.com\/es\/landing\/","title":{"rendered":"landing"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"41846\" class=\"elementor elementor-41846\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9869c1 e-con-full e-flex e-con e-parent\" data-id=\"b9869c1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5f88b7 elementor-widget elementor-widget-html\" data-id=\"d5f88b7\" 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=1.0, user-scalable=no\">\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\n    <title>Nuvix AI - Advanced Trading Analysis Platform<\/title>\n    \n    <!-- \n        NUVIX AI LANDING PAGE\n        - Direct page load (no loading screen)\n        - Clean CSS with standard reset\n        - All styles are self-contained in this file\n    -->\n    \n    <!-- Google Fonts - Montserrat -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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        \/* CSS Reset and Isolation - Prevents external CSS from affecting this page *\/\n        \/* Basic reset without breaking internal styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            \/* Primary Colors - Professional Blue & Gold *\/\n            --primary: #2563EB;\n            --primary-light: #3B82F6;\n            --primary-dark: #1E40AF;\n            --secondary: #F59E0B;\n            --secondary-light: #FCD34D;\n            --accent-emerald: #10B981;\n            --accent-teal: #14B8A6;\n            \n            \/* Secondary Colors *\/\n            --success: #10B981;\n            --danger: #EF4444;\n            --warning: #F59E0B;\n            --warning-orange: #FB923C;\n            \n            \/* Background Colors - Deep Professional *\/\n            --bg-primary: #0F172A;\n            --bg-secondary: #1E293B;\n            --bg-tertiary: #334155;\n            --bg-card: #E2E8F0;\n            \n            \/* Text Colors *\/\n            --text-primary: #FFFFFF;\n            --text-secondary: #94A3B8;\n            --text-tertiary: #CBD5E1;\n            --text-light: #E2E8F0;\n            \n            \/* Border and Card - Professional *\/\n            --border-color: rgba(148, 163, 184, 0.15);\n            --card-bg: rgba(30, 41, 59, 0.5);\n            --glass-bg: rgba(30, 41, 59, 0.7);\n            \n            \/* Professional Gradients *\/\n            --gradient-primary: linear-gradient(135deg, #2563EB 0%, #14B8A6 100%);\n            --gradient-secondary: linear-gradient(135deg, #F59E0B 0%, #FB923C 100%);\n            --gradient-gold: linear-gradient(135deg, #FCD34D 0%, #F59E0B 100%);\n            --gradient-aurora: linear-gradient(135deg, #2563EB 0%, #14B8A6 50%, #10B981 100%);\n            --gradient-cyber: linear-gradient(135deg, #3B82F6 0%, #14B8A6 50%, #10B981 100%);\n            --gradient-premium: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #3B82F6 100%);\n        }\n\n        :root.light-mode {\n            --bg-primary: #FFFFFF;\n            --bg-secondary: #F2F2F7;\n            --bg-tertiary: #E5E5EA;\n            --bg-card: #FFFFFF;\n            --text-primary: #000000;\n            --text-secondary: #8E8E93;\n            --text-tertiary: #C7C7CC;\n            --border-color: rgba(0, 0, 0, 0.1);\n            --card-bg: rgba(0, 0, 0, 0.02);\n        }\n\n        html {\n            scroll-behavior: smooth;\n            width: 100%;\n            height: 100%;\n        }\n\n        body {\n            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif;\n            background: var(--bg-primary);\n            color: var(--text-primary);\n            overflow-x: hidden;\n            line-height: 1.6;\n            position: relative;\n            transition: background 0.3s ease, color 0.3s ease;\n            width: 100%;\n            min-height: 100vh;\n        }\n\n        \/* Theme Toggle - Enhanced *\/\n        .theme-toggle {\n            position: fixed;\n            top: 20px;\n            right: 20px;\n            z-index: 9999;\n            width: 60px;\n            height: 30px;\n            background: var(--bg-tertiary);\n            border-radius: 15px;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            padding: 3px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);\n        }\n\n        .theme-toggle:hover {\n            box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4);\n            border-color: rgba(37, 99, 235, 0.4);\n        }\n\n        .theme-toggle-ball {\n            width: 24px;\n            height: 24px;\n            background: var(--gradient-cyber);\n            border-radius: 50%;\n            transition: transform 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 12px;\n            box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);\n        }\n\n        .light-mode .theme-toggle-ball {\n            transform: translateX(30px);\n            background: var(--warning);\n        }\n\n        \/* Navigation Bar - Glass Morphism *\/\n        .navbar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            background: rgba(10, 14, 39, 0.95);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n            transition: all 0.3s ease;\n        }\n\n        .navbar.scrolled {\n            background: rgba(15, 23, 42, 0.98);\n            box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n            border-bottom: 1px solid rgba(37, 99, 235, 0.3);\n        }\n\n        .light-mode .navbar {\n            background: rgba(255, 255, 255, 0.8);\n        }\n\n        .light-mode .navbar.scrolled {\n            background: rgba(255, 255, 255, 0.95);\n        }\n\n        .nav-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 15px 30px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .logo {\n            font-size: 24px;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            height: 40px;\n        }\n\n        .logo img {\n            height: 40px;\n            width: auto;\n            display: block;\n        }\n\n        .logo-dark {\n            display: block !important;\n        }\n\n        .logo-light {\n            display: none !important;\n        }\n\n        .light-mode .logo-dark {\n            display: none !important;\n        }\n\n        .light-mode .logo-light {\n            display: block !important;\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 30px;\n            list-style: none;\n        }\n\n        .nav-links a {\n            color: var(--text-secondary);\n            text-decoration: none;\n            transition: color 0.3s ease;\n            font-size: 14px;\n            font-weight: 500;\n        }\n\n        .nav-links a:hover {\n            color: var(--primary);\n        }\n\n        \/* Hero Section - Enhanced *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 120px 20px 80px;\n            position: relative;\n            background: radial-gradient(ellipse at top, rgba(37, 99, 235, 0.15) 0%, var(--bg-primary) 50%);\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(20, 184, 166, 0.08) 0%, transparent 50%);\n            animation: rotate 20s linear infinite;\n            pointer-events: none;\n        }\n\n        @keyframes rotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        .hero-content {\n    text-align: center;\n    max-width: 1200px;\n    margin: 0 auto 20px;\n}\n\n        .hero-video-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 40px 20px 80px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--bg-secondary);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            padding: 8px 20px;\n            border-radius: 20px;\n            margin-bottom: 30px;\n            font-size: 14px;\n            font-weight: 500;\n            color: var(--text-secondary);\n            box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);\n            transition: all 0.3s ease;\n        }\n\n        .hero-badge:hover {\n            border-color: rgba(37, 99, 235, 0.4);\n            box-shadow: 0 6px 24px rgba(37, 99, 235, 0.3);\n            transform: translateY(-2px);\n        }\n\n        .hero-badge i {\n            color: var(--success);\n        }\n\n        .hero-title {\n            font-size: clamp(3rem, 8vw, 6rem);\n            font-weight: 800;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 30px;\n            letter-spacing: -0.03em;\n            line-height: 1.1;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 1s ease forwards;\n        }\n\n        .gradient-text {\n            background: var(--gradient-cyber);\n            background-size: 300% 300%;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: gradientShift 5s ease infinite;\n            position: relative;\n        }\n\n        @keyframes gradientShift {\n            0%, 100% { \n                background-position: 0% 50%;\n                filter: hue-rotate(0deg);\n            }\n            50% { \n                background-position: 100% 50%;\n                filter: hue-rotate(15deg);\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .hero-subtitle {\n            font-size: clamp(1.2rem, 3vw, 1.5rem);\n            color: var(--text-secondary);\n            margin-bottom: 40px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeInUp 1s ease 0.2s forwards;\n        }\n\n        \/* CTA Buttons *\/\n        .cta-group {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            flex-wrap: wrap;\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeInUp 1s ease 0.4s forwards;\n        }\n\n        .cta-primary {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 16px 40px;\n            background: var(--gradient-cyber);\n            color: white;\n            text-decoration: none;\n            border-radius: 12px;\n            font-size: 16px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n            box-shadow: 0 8px 32px rgba(37, 99, 235, 0.4);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-primary::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .cta-primary:hover::before {\n            left: 100%;\n        }\n\n        .cta-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 48px rgba(37, 99, 235, 0.6), 0 0 30px rgba(20, 184, 166, 0.4);\n            border-color: rgba(20, 184, 166, 0.5);\n        }\n\n        .cta-secondary {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 16px 40px;\n            background: transparent;\n            color: var(--text-primary);\n            text-decoration: none;\n            border-radius: 12px;\n            font-size: 16px;\n            font-weight: 600;\n            border: 2px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .cta-secondary:hover {\n            border-color: var(--primary);\n            background: var(--card-bg);\n        }\n\n        \/* Animated Background Grid - Enhanced *\/\n        .grid-background {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            opacity: 0.08;\n            z-index: 0;\n        }\n\n        .grid-line {\n            position: absolute;\n            background: linear-gradient(90deg, #2563EB, #14B8A6);\n            box-shadow: 0 0 10px rgba(37, 99, 235, 0.2);\n        }\n\n        .grid-line.horizontal {\n            width: 100%;\n            height: 1px;\n            animation: gridPulseH 3s ease-in-out infinite;\n        }\n\n        .grid-line.vertical {\n            width: 1px;\n            height: 100%;\n            animation: gridPulseV 3s ease-in-out infinite;\n        }\n\n        @keyframes gridPulseH {\n            0%, 100% { opacity: 0.3; }\n            50% { opacity: 0.6; }\n        }\n\n        @keyframes gridPulseV {\n            0%, 100% { opacity: 0.3; }\n            50% { opacity: 0.6; }\n        }\n\n\/* Video Container - Auto-adjusts based on video dimensions *\/\n.video-container {\n    width: 100%;\n    max-width: 90vw;\n    margin: 40px auto 60px;\n    position: relative;\n    border-radius: 24px;\n    overflow: visible;\n    background: none;\n    box-shadow: none;\n    line-height: 0;\n}\n\n.video-wrapper {\n    position: relative;\n    width: 100%;\n    height: auto;\n    cursor: default;\n    line-height: 0;\n    font-size: 0;\n    overflow: visible;\n    background: none;\n    border-radius: 24px;\n    box-shadow: 0 20px 80px rgba(37, 99, 235, 0.4),\n                0 0 60px rgba(20, 184, 166, 0.3);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.video-wrapper::before {\n    content: '';\n    position: absolute;\n    inset: -2px;\n    border-radius: 24px;\n    background: var(--gradient-aurora);\n    opacity: 0.3;\n    z-index: -1;\n    filter: blur(20px);\n    animation: pulse 3s ease-in-out infinite;\n}\n\n@keyframes pulse {\n    0%, 100% { opacity: 0.3; transform: scale(1); }\n    50% { opacity: 0.6; transform: scale(1.02); }\n}\n\n.video-wrapper video {\n    width: auto;\n    height: auto;\n    max-width: 100%;\n    max-height: 80vh;\n    display: block;\n    margin: 0 auto;\n    padding: 0;\n    border-radius: 24px;\n    cursor: pointer;\n    object-fit: contain;\n    background: none;\n    border: 2px solid rgba(37, 99, 235, 0.3);\n}\n\n.video-play-button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 90px;\n    height: 90px;\n    background: var(--gradient-cyber);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    z-index: 10;\n    box-shadow: 0 10px 40px rgba(37, 99, 235, 0.6),\n                0 0 60px rgba(20, 184, 166, 0.4);\n    border: 3px solid rgba(255, 255, 255, 0.4);\n}\n\n.video-play-button::before {\n    content: '';\n    position: absolute;\n    inset: -5px;\n    border-radius: 50%;\n    background: var(--gradient-aurora);\n    opacity: 0;\n    z-index: -1;\n    filter: blur(20px);\n    transition: opacity 0.4s ease;\n}\n\n.video-play-button:hover::before {\n    opacity: 1;\n    animation: pulse 1.5s ease-in-out infinite;\n}\n\n.video-play-button:hover {\n    transform: translate(-50%, -50%) scale(1.2);\n    box-shadow: 0 15px 60px rgba(37, 99, 235, 0.8),\n                0 0 80px rgba(20, 184, 166, 0.6);\n    border-color: rgba(255, 255, 255, 0.6);\n}\n\n.video-play-button i {\n    color: white;\n    font-size: 36px;\n    margin-left: 6px;\n}\n\n.video-play-button.hidden {\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n}\n\n.video-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.2);\n    z-index: 5;\n    pointer-events: auto;\n    transition: opacity 0.3s ease;\n    cursor: pointer;\n    border-radius: 24px;\n}\n\n.video-overlay.hidden {\n    opacity: 0;\n    pointer-events: none;\n}\n\n\/* Video controls styling - Futuristic theme *\/\n.video-wrapper video::-webkit-media-controls-panel {\n    background: linear-gradient(180deg, transparent, rgba(10, 14, 39, 0.95));\n}\n\n.video-wrapper video::-webkit-media-controls-play-button,\n.video-wrapper video::-webkit-media-controls-pause-button {\n    filter: brightness(1.2);\n}\n\n.video-wrapper video::-webkit-media-controls-current-time-display,\n.video-wrapper video::-webkit-media-controls-time-remaining-display {\n    color: #F59E0B;\n    text-shadow: 0 0 10px rgba(245, 158, 11, 0.5);\n}\n\n.video-wrapper video::-webkit-media-controls-timeline {\n    filter: hue-rotate(200deg) saturate(1.3);\n}\n\n.video-wrapper video::-webkit-media-controls-volume-slider {\n    filter: hue-rotate(200deg) saturate(1.3);\n}\n\n.video-wrapper video::-webkit-media-controls-fullscreen-button {\n    filter: brightness(1.2);\n}\n\n        \/* Features Section with Scroll Animations *\/\n        .features-section {\n            padding: 100px 20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .section-title {\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 700;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n            text-shadow: 0 0 40px rgba(37, 99, 235, 0.3);\n            background: var(--gradient-cyber);\n            background-size: 200% 200%;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .section-subtitle {\n            font-size: 1.25rem;\n            font-weight: 400;\n            color: var(--text-secondary);\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 30px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .feature-card {\n            background: var(--bg-secondary);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 24px;\n            padding: 40px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            opacity: 0;\n            transform: translateY(30px);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: var(--gradient-cyber);\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\n\n        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .feature-card.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .feature-card:hover {\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(37, 99, 235, 0.5);\n            transform: translateY(-8px);\n            box-shadow: 0 20px 60px rgba(37, 99, 235, 0.3), \n                        0 0 40px rgba(20, 184, 166, 0.2);\n        }\n\n        .coming-soon-card {\n            opacity: 0.6;\n            position: relative;\n        }\n\n        .coming-soon-card:hover {\n            opacity: 0.7;\n            transform: translateY(0);\n        }\n\n        .coming-soon-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: var(--gradient-gold);\n            color: white;\n            padding: 6px 16px;\n            border-radius: 20px;\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);\n        }\n\n        .feature-icon {\n            width: 60px;\n            height: 60px;\n            background: var(--gradient-cyber);\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            color: white;\n            margin-bottom: 20px;\n            box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .feature-icon::after {\n            content: '';\n            position: absolute;\n            inset: -2px;\n            background: var(--gradient-aurora);\n            border-radius: 16px;\n            opacity: 0;\n            z-index: -1;\n            filter: blur(10px);\n            transition: opacity 0.3s ease;\n        }\n\n        .feature-card:hover .feature-icon::after {\n            opacity: 1;\n        }\n\n        .feature-card:hover .feature-icon {\n            transform: scale(1.1) rotateY(180deg);\n            box-shadow: 0 12px 32px rgba(37, 99, 235, 0.6);\n        }\n\n        .feature-title {\n            font-size: 1.5rem;\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        .feature-description {\n            color: var(--text-secondary);\n            line-height: 1.6;\n        }\n\n        \/* Stats Section *\/\n        .stats-section {\n            padding: 100px 20px;\n            background: var(--bg-secondary);\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 40px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .stat-card {\n            text-align: center;\n            opacity: 0;\n            transform: scale(0.9);\n            background: var(--bg-secondary);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            padding: 30px 20px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .stat-card::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at center, rgba(37, 99, 235, 0.1), transparent 70%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .stat-card:hover::after {\n            opacity: 1;\n        }\n\n        .stat-card.visible {\n            opacity: 1;\n            transform: scale(1);\n            transition: all 0.5s ease;\n        }\n\n        .stat-card:hover {\n            transform: scale(1.05);\n            border-color: rgba(37, 99, 235, 0.4);\n            box-shadow: 0 12px 40px rgba(37, 99, 235, 0.3);\n        }\n\n        .stat-number {\n            font-size: 3.5rem;\n            font-weight: 700;\n            background: var(--gradient-primary);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 10px;\n        }\n\n        .stat-label {\n            font-size: 1.1rem;\n            color: var(--text-secondary);\n        }\n\n        \/* Pricing Section *\/\n        .pricing-section {\n            padding: 100px 20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Mobile Package Toggle - Hidden on desktop *\/\n        .mobile-package-toggle {\n            display: none;\n            gap: 15px;\n            max-width: 600px;\n            margin: 0 auto 40px;\n            padding: 0 20px;\n        }\n\n        \/* Mobile Buy Button - Hidden on desktop *\/\n        .mobile-buy-button {\n            display: none;\n        }\n\n        \/* Mobile buy button animation *\/\n        @keyframes pulseGlow {\n            0%, 100% {\n                box-shadow: 0 8px 32px rgba(245, 158, 11, 0.4),\n                            0 0 40px rgba(245, 158, 11, 0.3);\n            }\n            50% {\n                box-shadow: 0 12px 48px rgba(245, 158, 11, 0.6),\n                            0 0 60px rgba(245, 158, 11, 0.5);\n            }\n        }\n\n        .mobile-buy-button:hover {\n            animation: pulseGlow 2s ease-in-out infinite;\n        }\n\n        .package-toggle-btn {\n            flex: 1;\n            padding: 15px 20px;\n            background: var(--bg-secondary);\n            border: 2px solid rgba(255, 255, 255, 0.1);\n            border-radius: 16px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 5px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .package-toggle-btn::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: var(--gradient-cyber);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n            border-radius: 16px;\n        }\n\n        .package-toggle-btn::after {\n            content: '';\n            position: absolute;\n            bottom: -2px;\n            left: 50%;\n            transform: translateX(-50%) scaleX(0);\n            width: 80%;\n            height: 3px;\n            background: white;\n            border-radius: 3px;\n            transition: transform 0.4s ease;\n            z-index: 2;\n        }\n\n        .package-toggle-btn.active::after {\n            transform: translateX(-50%) scaleX(1);\n        }\n\n        .package-toggle-btn:hover {\n            border-color: rgba(37, 99, 235, 0.4);\n            box-shadow: 0 6px 24px rgba(37, 99, 235, 0.3);\n            transform: scale(1.02);\n        }\n\n        .package-toggle-btn.active {\n            background: var(--gradient-cyber);\n            border-color: transparent;\n            box-shadow: 0 8px 32px rgba(37, 99, 235, 0.5),\n                        0 0 40px rgba(20, 184, 166, 0.3);\n            transform: scale(1.05);\n        }\n\n        .package-toggle-btn.active::before {\n            opacity: 1;\n        }\n\n        .toggle-title {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--text-primary);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n\n        .package-toggle-btn.active .toggle-title {\n            color: white;\n            font-weight: 700;\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        }\n\n        .toggle-price {\n            font-size: 20px;\n            font-weight: 700;\n            color: var(--primary);\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n\n        .package-toggle-btn.active .toggle-price {\n            color: white;\n            font-weight: 800;\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        }\n\n        .pricing-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n            gap: 40px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .pricing-card {\n            background: var(--bg-secondary);\n            border: 2px solid rgba(255, 255, 255, 0.1);\n            border-radius: 24px;\n            padding: 50px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .pricing-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent 60%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n            pointer-events: none;\n        }\n\n        .pricing-card:hover::after {\n            opacity: 1;\n        }\n\n        .pricing-card:hover {\n            transform: translateY(-12px);\n            border-color: rgba(37, 99, 235, 0.4);\n            box-shadow: 0 30px 80px rgba(37, 99, 235, 0.3),\n                        0 0 60px rgba(20, 184, 166, 0.2);\n        }\n\n        .primary-package {\n            border: 3px solid transparent;\n            background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(20, 184, 166, 0.15) 100%);\n            transform: scale(1.05);\n            position: relative;\n        }\n\n        .primary-package::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border-radius: 24px;\n            padding: 3px;\n            background: var(--gradient-cyber);\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            -webkit-mask-composite: xor;\n            mask-composite: exclude;\n            animation: rotateBorder 3s linear infinite;\n        }\n\n        @keyframes rotateBorder {\n            0% { filter: hue-rotate(0deg); }\n            100% { filter: hue-rotate(360deg); }\n        }\n\n        .primary-package:hover {\n            transform: scale(1.05) translateY(-12px);\n            box-shadow: 0 40px 100px rgba(37, 99, 235, 0.4),\n                        0 0 80px rgba(20, 184, 166, 0.3);\n        }\n\n        .secondary-package {\n            border-color: var(--border-color);\n        }\n\n        .pricing-badge {\n            position: absolute;\n            top: 30px;\n            right: 30px;\n            background: var(--success);\n            color: white;\n            padding: 8px 20px;\n            border-radius: 20px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .primary-package .pricing-badge {\n            background: var(--gradient-primary);\n        }\n\n        .trial-badge {\n            background: var(--warning) !important;\n        }\n\n        .plan-name {\n            font-size: 1.8rem;\n            font-weight: 800;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 20px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            padding-right: 0;\n        }\n\n        .plan-price {\n            font-size: 4.5rem;\n            font-weight: 800;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 20px;\n            color: var(--primary);\n        }\n\n        .plan-price sup {\n            font-size: 2rem;\n            font-weight: 700;\n        }\n\n        .plan-price .original {\n            text-decoration: line-through;\n            opacity: 0.5;\n            font-size: 1.8rem;\n            display: block;\n            margin-bottom: 10px;\n        }\n\n        .credits-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: var(--gradient-secondary);\n            padding: 12px 30px;\n            border-radius: 50px;\n            margin-bottom: 30px;\n        }\n\n        .credits-label {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: white;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .credits-number {\n            font-size: 2rem;\n            font-weight: 800;\n            color: white;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .plan-description {\n            color: var(--text-secondary);\n            margin-bottom: 30px;\n            font-size: 1.1rem;\n            line-height: 1.6;\n        }\n\n        .plan-features {\n            list-style: none;\n            padding: 0;\n            margin-bottom: 40px;\n        }\n\n        .plan-features li {\n            padding: 15px 0;\n            border-bottom: 1px solid var(--border-color);\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            line-height: 1.6;\n        }\n\n        .plan-features li:last-child {\n            border-bottom: none;\n        }\n\n        .plan-features li i {\n            color: var(--success);\n            font-size: 20px;\n            margin-top: 2px;\n            flex-shrink: 0;\n        }\n\n        .primary-package .plan-features li i {\n            color: var(--primary);\n        }\n\n        \/* Testimonials *\/\n        .testimonials-section {\n            padding: 100px 20px;\n            background: var(--bg-secondary);\n        }\n\n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 30px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .testimonial-card {\n            background: var(--bg-secondary);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 24px;\n            padding: 30px;\n            position: relative;\n            opacity: 0;\n            transform: translateX(-30px);\n            transition: all 0.4s ease;\n            overflow: hidden;\n        }\n\n        .testimonial-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: var(--gradient-cyber);\n            transform: scaleY(0);\n            transition: transform 0.4s ease;\n        }\n\n        .testimonial-card:hover::before {\n            transform: scaleY(1);\n        }\n\n        .testimonial-card.visible {\n            opacity: 1;\n            transform: translateX(0);\n            transition: all 0.6s ease;\n        }\n\n        .testimonial-card:hover {\n            transform: translateX(5px);\n            border-color: rgba(37, 99, 235, 0.4);\n            box-shadow: 0 12px 40px rgba(37, 99, 235, 0.2);\n        }\n\n        .testimonial-rating {\n            color: var(--warning);\n            margin-bottom: 15px;\n        }\n\n        .testimonial-text {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            margin-bottom: 20px;\n            color: var(--text-primary);\n        }\n\n        .testimonial-author {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .author-avatar {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: var(--gradient-primary);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 600;\n            font-size: 18px;\n        }\n\n        .author-info {\n            flex: 1;\n        }\n\n        .author-name {\n            font-weight: 600;\n            margin-bottom: 3px;\n        }\n\n        .author-title {\n            color: var(--text-secondary);\n            font-size: 14px;\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            padding: 100px 20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .faq-container {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            background: var(--bg-secondary);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            margin-bottom: 20px;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\n\n        .faq-item::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 4px;\n            background: var(--gradient-cyber);\n            transform: scaleY(0);\n            transition: transform 0.4s ease;\n        }\n\n        .faq-item.active::before {\n            transform: scaleY(1);\n        }\n\n        .faq-item:hover {\n            border-color: rgba(37, 99, 235, 0.4);\n            box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n            transform: translateX(5px);\n        }\n\n        .faq-question {\n            padding: 25px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 600;\n            font-size: 1.1rem;\n        }\n\n        .faq-question i {\n            transition: transform 0.3s ease;\n            color: var(--primary);\n        }\n\n        .faq-answer {\n            padding: 0 25px;\n            max-height: 0;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            opacity: 0;\n        }\n\n        .faq-item.active .faq-answer {\n            max-height: 500px;\n            padding: 0 25px 25px;\n            opacity: 1;\n        }\n\n        .faq-item.active .faq-question i {\n            transform: rotate(180deg);\n        }\n\n        \/* Footer *\/\n        .footer {\n            padding: 60px 20px;\n            background: var(--bg-secondary);\n            border-top: 1px solid var(--border-color);\n        }\n\n        .footer-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-size: 28px;\n            font-weight: 700;\n            background: var(--gradient-primary);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 30px;\n        }\n\n        .footer-links {\n            display: flex;\n            justify-content: center;\n            gap: 40px;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n        }\n\n        .footer-links a {\n            color: var(--text-secondary);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n\n        .footer-links a:hover {\n            color: var(--primary);\n        }\n\n        .footer-divider {\n            height: 1px;\n            background: var(--border-color);\n            margin: 30px 0;\n        }\n\n        .footer-bottom {\n            color: var(--text-tertiary);\n            font-size: 14px;\n        }\n\n        \/* Floating Action Button - Enhanced *\/\n        .fab {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            min-width: 140px;\n            height: 56px;\n            padding: 0 24px;\n            background: var(--gradient-gold);\n            border-radius: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            color: white;\n            font-size: 16px;\n            font-weight: 700;\n            box-shadow: 0 10px 40px rgba(245, 158, 11, 0.5),\n                        0 0 40px rgba(245, 158, 11, 0.3);\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 1000;\n            opacity: 0;\n            transform: scale(0);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .fab i {\n            font-size: 20px;\n        }\n\n        .fab-text {\n            font-size: 16px;\n            font-weight: 700;\n            white-space: nowrap;\n        }\n\n        .fab::before {\n            content: '';\n            position: absolute;\n            inset: -3px;\n            border-radius: 28px;\n            background: var(--gradient-gold);\n            opacity: 0;\n            z-index: -1;\n            filter: blur(15px);\n            transition: opacity 0.4s ease;\n        }\n\n        .fab:hover::before {\n            opacity: 1;\n            animation: pulse 1.5s ease-in-out infinite;\n        }\n\n        .fab.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n\n        .fab:hover {\n            transform: scale(1.05) translateY(-3px);\n            box-shadow: 0 15px 60px rgba(245, 158, 11, 0.7),\n                        0 0 60px rgba(245, 158, 11, 0.5);\n        }\n\n        \/* Countdown Timer - Enhanced *\/\n        .countdown-container {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .countdown-item {\n            background: var(--bg-secondary);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 20px;\n            padding: 20px;\n            min-width: 100px;\n            text-align: center;\n            box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .countdown-item::before {\n            content: '';\n            position: absolute;\n            inset: -50%;\n            background: conic-gradient(from 0deg, transparent, rgba(37, 99, 235, 0.3), transparent);\n            animation: rotate 3s linear infinite;\n            opacity: 0;\n        }\n\n        .countdown-item:hover::before {\n            opacity: 1;\n        }\n\n        .countdown-item:hover {\n            transform: scale(1.05);\n            box-shadow: 0 12px 48px rgba(37, 99, 235, 0.4);\n            border-color: rgba(37, 99, 235, 0.5);\n        }\n\n        .countdown-number {\n            font-size: 2.5rem;\n            font-weight: 700;\n            background: var(--gradient-cyber);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .countdown-label {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .nav-links {\n                display: none;\n            }\n\n            .hero-title {\n                font-size: 3rem;\n            }\n\n            .features-grid,\n            .testimonials-grid {\n                grid-template-columns: 1fr;\n            }\n\n            \/* Mobile Pricing Toggle *\/\n            .mobile-package-toggle {\n                display: flex;\n            }\n\n            \/* Show mobile buy button on mobile *\/\n            .mobile-buy-button {\n                display: inline-flex !important;\n            }\n\n            .pricing-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n\n            \/* Hide trial package by default on mobile *\/\n            .pricing-card[data-package=\"trial\"] {\n                display: none;\n            }\n\n            \/* When trial is active, hide beginner *\/\n            .pricing-card[data-package=\"beginner\"].mobile-hidden {\n                display: none;\n            }\n\n            .pricing-card[data-package=\"trial\"].mobile-visible {\n                display: block;\n            }\n\n            .primary-package {\n                transform: scale(1);\n            }\n\n            .primary-package:hover {\n                transform: scale(1) translateY(-5px);\n            }\n\n            .cta-group {\n                flex-direction: column;\n                width: 100%;\n            }\n\n            .cta-primary,\n            .cta-secondary {\n                width: 100%;\n                justify-content: center;\n            }\n\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 15px;\n            }\n\n            .stat-card {\n                padding: 20px 10px;\n            }\n\n            .stat-number {\n                font-size: 2rem;\n                margin-bottom: 5px;\n                line-height: 1.2;\n                word-break: break-word;\n            }\n\n            .stat-label {\n                font-size: 0.85rem;\n                line-height: 1.3;\n            }\n\n            .countdown-container {\n                gap: 15px;\n            }\n\n            .countdown-item {\n                min-width: 70px;\n                padding: 12px 8px;\n            }\n\n            .countdown-number {\n                font-size: 1.8rem;\n            }\n\n            .video-play-button {\n                width: 70px;\n                height: 70px;\n            }\n\n            .video-play-button i {\n                font-size: 28px;\n            }\n\n            .video-container {\n                max-width: 95vw;\n                margin: 30px auto 40px;\n            }\n\n            .hero-video-container {\n                padding: 30px 10px 60px;\n            }\n\n            .video-wrapper video {\n                max-height: 60vh;\n            }\n\n            .plan-price {\n                font-size: 3.5rem;\n            }\n\n            .pricing-card {\n                padding: 30px;\n            }\n\n            \/* FAB mobile adjustments *\/\n            .fab {\n                bottom: 20px;\n                right: 20px;\n                min-width: 120px;\n                height: 50px;\n                padding: 0 20px;\n                font-size: 14px;\n            }\n\n            .fab i {\n                font-size: 18px;\n            }\n\n            .fab-text {\n                font-size: 14px;\n            }\n\n            \/* Fix badge overlap on mobile *\/\n            .pricing-badge {\n                position: static;\n                display: inline-block;\n                margin-bottom: 15px;\n                padding: 6px 16px;\n                font-size: 10px;\n            }\n\n            .plan-name {\n                font-size: 1.5rem;\n                padding-right: 0;\n                margin-bottom: 15px;\n            }\n\n            .credits-badge {\n                padding: 10px 20px;\n                gap: 8px;\n                margin-bottom: 20px;\n            }\n\n            .credits-label {\n                font-size: 0.75rem;\n            }\n\n            .credits-number {\n                font-size: 1.5rem;\n            }\n        }\n\n\n\n        \/* Smooth Scroll Reveal *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.6s ease;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Parallax Effect *\/\n        .parallax {\n            transform: translateY(0);\n            transition: transform 0.5s ease-out;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Theme Toggle -->\n    <div class=\"theme-toggle\" onclick=\"toggleTheme()\">\n        <div class=\"theme-toggle-ball\">\n            <i class=\"fas fa-moon\" id=\"themeIcon\"><\/i>\n        <\/div>\n    <\/div>\n\n    <!-- Grid Background -->\n    <div class=\"grid-background\" id=\"gridBackground\"><\/div>\n\n    <!-- Navigation -->\n    <nav class=\"navbar\" id=\"navbar\">\n        <div class=\"nav-content\">\n            <div class=\"logo\">\n                <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix AI\" class=\"logo-dark\">\n                <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png\" alt=\"Nuvix AI\" class=\"logo-light\">\n            <\/div>\n            <ul class=\"nav-links\">\n                <li><a href=\"#features\">Caracter\u00edsticas<\/a><\/li>\n                <li><a href=\"#trading\">Herramientas de negociaci\u00f3n<\/a><\/li>\n                <li><a href=\"#pricing\">Precios<\/a><\/li>\n                <li><a href=\"#testimonials\">Rese\u00f1as<\/a><\/li>\n                <li><a href=\"#faq\">PREGUNTAS FRECUENTES<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <div class=\"hero-badge reveal\">\n                <i class=\"fas fa-check-circle\"><\/i>\n                Oferta por tiempo limitado - $9.99 de prueba\n            <\/div>\n            \n            <h1 class=\"hero-title\">\n                <span class=\"gradient-text\">IA avanzada<\/span><br>\n                Plataforma de an\u00e1lisis comercial\n            <\/h1>\n            \n            <p class=\"hero-subtitle\">\n                An\u00e1lisis profesional de opciones binarias y divisas basado en inteligencia artificial de vanguardia.\n                Perspectivas del mercado en tiempo real con soporte personal incluido. Pr\u00f3ximamente, operaciones con criptomonedas.\n            <\/p>\n            \n            <div class=\"cta-group\">\n                <a href=\"#pricing\" class=\"cta-primary\">\n                    <i class=\"fas fa-rocket\"><\/i>\n                    Empezar - $99.99\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Video Section - Integrated into Hero -->\n        <div class=\"hero-video-container\">\n            <div class=\"video-container reveal\">\n                <div class=\"video-wrapper\" id=\"videoWrapper\">\n                    <div class=\"video-overlay\" id=\"videoOverlay\"><\/div>\n                    <div class=\"video-play-button\" id=\"playButton\">\n                        <i class=\"fas fa-play\"><\/i>\n                    <\/div>\n                    <video id=\"demoVideo\" autoplay muted loop playsinline preload=\"metadata\" controls controlslist=\"nodownload\">\n                        <source src=\"https:\/\/streamable.com\/l\/edhq6l\/mp4-high.mp4\" type=\"video\/mp4\">\n                        Su navegador no soporta la etiqueta de v\u00eddeo.\n                    <\/video>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Stats Section -->\n    <section class=\"stats-section\">\n        <div class=\"stats-grid\">\n            <div class=\"stat-card\">\n                <div class=\"stat-number\" data-count=\"15000\">0<\/div>\n                <div class=\"stat-label\">Comerciantes activos<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-number\" data-count=\"89\">0%<\/div>\n                <div class=\"stat-label\">Tasa de \u00e9xito<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-number\" data-count=\"247\">0<\/div>\n                <div class=\"stat-label\">Mercados cubiertos<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-number\">24\/7<\/div>\n                <div class=\"stat-label\">Asistencia disponible<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Features Section -->\n    <section class=\"features-section\" id=\"features\">\n        <div class=\"section-header reveal\">\n            <h2 class=\"section-title\">Herramientas profesionales<\/h2>\n            <p class=\"section-subtitle\">Todo lo que necesita para operar con \u00e9xito en una sola plataforma<\/p>\n        <\/div>\n\n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-chart-line\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">An\u00e1lisis de divisas<\/h3>\n                <p class=\"feature-description\">\n                    Reconocimiento avanzado de patrones y an\u00e1lisis t\u00e9cnico de los principales pares de divisas.\n                    Se\u00f1ales en tiempo real y an\u00e1lisis del sentimiento del mercado.\n                <\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-chart-bar\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Comercio de opciones binarias<\/h3>\n                <p class=\"feature-description\">\n                    An\u00e1lisis especializado de opciones binarias con c\u00e1lculo de probabilidades y momento \u00f3ptimo de entrada para obtener el m\u00e1ximo \u00e9xito.\n                <\/p>\n            <\/div>\n\n            <div class=\"feature-card coming-soon-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-coins\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Comercio de criptomonedas<\/h3>\n                <span class=\"coming-soon-badge\">Pr\u00f3ximamente<\/span>\n                <p class=\"feature-description\">\n                    An\u00e1lisis del mercado de criptomonedas basado en IA con predicciones de volatilidad y puntos \u00f3ptimos de entrada\/salida.\n                <\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-robot\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Predicciones sobre IA<\/h3>\n                <p class=\"feature-description\">\n                    Los algoritmos de aprendizaje autom\u00e1tico analizan datos hist\u00f3ricos y patrones de mercado para realizar predicciones precisas.\n                <\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-shield-alt\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Gesti\u00f3n de riesgos<\/h3>\n                <p class=\"feature-description\">\n                    Recomendaciones inteligentes de stop-loss y take-profit basadas en su tolerancia al riesgo y sus objetivos.\n                <\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-headset\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Apoyo personal<\/h3>\n                <p class=\"feature-description\">\n                    Un gestor de asistencia dedicado que le guiar\u00e1 durante la configuraci\u00f3n y responder\u00e1 a todas sus preguntas sobre operaciones.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trading Tools Section -->\n    <section class=\"features-section\" id=\"trading\" style=\"background: var(--bg-secondary);\">\n        <div class=\"section-header reveal\">\n            <h2 class=\"section-title\">Cobertura del mercado<\/h2>\n            <p class=\"section-subtitle\">Mercados activos disponibles ahora<\/p>\n        <\/div>\n\n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-dollar-sign\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Principales pares de divisas<\/h3>\n                <p class=\"feature-description\">\n                    EUR\/USD, GBP\/USD, USD\/JPY, y todos los principales pares de divisas con an\u00e1lisis de spreads y volatilidad. An\u00e1lisis t\u00e9cnico y fundamental completo incluido.\n                <\/p>\n            <\/div>\n\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-exchange-alt\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Se\u00f1ales de opciones binarias<\/h3>\n                <p class=\"feature-description\">\n                    Se\u00f1ales de opciones binarias de alta probabilidad con an\u00e1lisis detallados, recomendaciones de tiempo de expiraci\u00f3n y c\u00e1lculos de riesgo-recompensa.\n                <\/p>\n            <\/div>\n\n            <div class=\"feature-card coming-soon-card\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-bitcoin\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Mercados de criptomonedas<\/h3>\n                <span class=\"coming-soon-badge\">Pr\u00f3ximamente<\/span>\n                <p class=\"feature-description\">\n                    Bitcoin, Ethereum y las principales altcoins con an\u00e1lisis t\u00e9cnico avanzado y seguimiento del sentimiento del mercado.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section class=\"pricing-section\" id=\"pricing\">\n        <div class=\"section-header reveal\">\n            <h2 class=\"section-title\">Elija su paquete<\/h2>\n            <p class=\"section-subtitle\">Herramientas de negociaci\u00f3n profesionales para todos los niveles<\/p>\n        <\/div>\n\n        <!-- Mobile Package Toggle (only visible on mobile) -->\n        <div class=\"mobile-package-toggle\">\n            <button class=\"package-toggle-btn active\" onclick=\"switchPackage('beginner')\">\n                <span class=\"toggle-title\">Principiante<\/span>\n                <span class=\"toggle-price\">$99.99<\/span>\n            <\/button>\n            <button class=\"package-toggle-btn\" onclick=\"switchPackage('trial')\">\n                <span class=\"toggle-title\">Ensayo<\/span>\n                <span class=\"toggle-price\">$9.99<\/span>\n            <\/button>\n        <\/div>\n\n        <div class=\"pricing-grid\">\n            <!-- Beginner Package - PRIMARY -->\n            <div class=\"pricing-card primary-package reveal\" data-package=\"beginner\">\n                <span class=\"pricing-badge\">M\u00e1s populares<\/span>\n                <h3 class=\"plan-name\">PRINCIPIANTE<\/h3>\n                <div class=\"plan-price\">\n                    $99.99<sup><\/sup>\n                <\/div>\n                <div class=\"credits-badge\">\n                    <span class=\"credits-label\">Cr\u00e9ditos totales<\/span>\n                    <span class=\"credits-number\">500<\/span>\n                <\/div>\n\n                <!-- Mobile Only: Buy Button (positioned right after price) -->\n                <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39264\" class=\"cta-primary mobile-buy-button\" style=\"width: 100%; justify-content: center; margin-top: 20px; margin-bottom: 30px; background: var(--gradient-gold); border: none;\">\n                    <i class=\"fas fa-rocket\"><\/i>\n                    Empezar ahora\n                <\/a>\n                \n                <ul class=\"plan-features\">\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        <strong>Estudios de patrones de Baccarat<\/strong> (4 cr\u00e9ditos cada uno)\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        <strong>Lecciones de an\u00e1lisis de la ruleta<\/strong> (4 cr\u00e9ditos cada uno)\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        <strong>Educaci\u00f3n sobre opciones binarias<\/strong> (s\u00f3lo im\u00e1genes)\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        <strong>x3 Cr\u00e9ditos al recargar<\/strong>\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        Gestor personal de asistencia 1 a 1\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        Todos los pares incluidos\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39264\" class=\"cta-primary\" style=\"width: 100%; justify-content: center;\">\n                    <i class=\"fas fa-rocket\"><\/i>\n                    Empezar ahora\n                <\/a>\n            <\/div>\n\n            <!-- Trial Package - SECONDARY -->\n            <div class=\"pricing-card secondary-package reveal\" data-package=\"trial\">\n                <span class=\"pricing-badge trial-badge\">Oferta limitada<\/span>\n                <h3 class=\"plan-name\">Paquete de prueba<\/h3>\n                <div class=\"plan-price\">\n                    <span class=\"original\">$99.99<\/span>\n                    $9.99<sup><\/sup>\n                <\/div>\n                <p class=\"plan-description\">\n                    <strong>60 Cr\u00e9ditos de an\u00e1lisis<\/strong><br>\n                    Pruebe antes de comprometerse\n                <\/p>\n\n                <!-- Mobile Only: Buy Button (positioned right after price) -->\n                <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39566\" class=\"cta-primary mobile-buy-button\" style=\"width: 100%; justify-content: center; margin-top: 20px; margin-bottom: 30px; background: var(--gradient-secondary); border: none;\">\n                    <i class=\"fas fa-play-circle\"><\/i>\n                    Iniciar prueba\n                <\/a>\n\n                <ul class=\"plan-features\">\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        60 an\u00e1lisis de mercado profesionales\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        Gestor personal de asistencia 1 a 1\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        Todos los pares incluidos\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        Alertas de mercado en tiempo real\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        Herramientas de gesti\u00f3n de riesgos\n                    <\/li>\n                    <li>\n                        <i class=\"fas fa-check\"><\/i>\n                        Actualizar en cualquier momento para el acceso completo\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39566\" class=\"cta-primary\" style=\"width: 100%; justify-content: center; background: var(--gradient-secondary); border: none;\">\n                    <i class=\"fas fa-play-circle\"><\/i>\n                    Iniciar prueba\n                <\/a>\n\n                <!-- Countdown Timer -->\n                <div style=\"margin-top: 30px;\">\n                    <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: 15px; font-size: 14px;\">\n                        <i class=\"fas fa-clock\"><\/i> La oferta de prueba termina en:\n                    <\/p>\n                    <div class=\"countdown-container\">\n                        <div class=\"countdown-item\">\n                            <div class=\"countdown-number\" id=\"hours\">23<\/div>\n                            <div class=\"countdown-label\">Horas<\/div>\n                        <\/div>\n                        <div class=\"countdown-item\">\n                            <div class=\"countdown-number\" id=\"minutes\">47<\/div>\n                            <div class=\"countdown-label\">Actas<\/div>\n                        <\/div>\n                        <div class=\"countdown-item\">\n                            <div class=\"countdown-number\" id=\"seconds\">52<\/div>\n                            <div class=\"countdown-label\">Segundos<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials Section -->\n    <section class=\"testimonials-section\" id=\"testimonials\">\n        <div class=\"section-header reveal\">\n            <h2 class=\"section-title\">La confianza de los comerciantes<\/h2>\n            <p class=\"section-subtitle\">Vea lo que dicen nuestros usuarios de la plataforma<\/p>\n        <\/div>\n\n        <div class=\"testimonials-grid\">\n            <div class=\"testimonial-card\">\n                <div class=\"testimonial-rating\">\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                <\/div>\n                <p class=\"testimonial-text\">\n                    \"El an\u00e1lisis de divisas es incre\u00edblemente preciso. Mi gestor de soporte me ayud\u00f3 a configurar todo a la perfecci\u00f3n. El mejor $9.99 que he gastado en herramientas de trading\".\n                <\/p>\n                <div class=\"testimonial-author\">\n                    <div class=\"author-avatar\">JD<\/div>\n                    <div class=\"author-info\">\n                        <div class=\"author-name\">James Davidson<\/div>\n                        <div class=\"author-title\">Operador de Forex<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"testimonial-card\">\n                <div class=\"testimonial-rating\">\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                <\/div>\n                <p class=\"testimonial-text\">\n                    \"Las se\u00f1ales de opciones binarias han dado en el clavo. Los c\u00e1lculos de probabilidad y las recomendaciones de sincronizaci\u00f3n cambian el juego. Muy recomendable!\"\n                <\/p>\n                <div class=\"testimonial-author\">\n                    <div class=\"author-avatar\">SC<\/div>\n                    <div class=\"author-info\">\n                        <div class=\"author-name\">Sarah Chen<\/div>\n                        <div class=\"author-title\">Operador de opciones binarias<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"testimonial-card\">\n                <div class=\"testimonial-rating\">\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                    <i class=\"fas fa-star\"><\/i>\n                <\/div>\n                <p class=\"testimonial-text\">\n                    \"Herramientas de nivel profesional a un precio de prueba imbatible. Las funciones de gesti\u00f3n de riesgos me han salvado de varias malas operaciones\".\n                <\/p>\n                <div class=\"testimonial-author\">\n                    <div class=\"author-avatar\">MR<\/div>\n                    <div class=\"author-info\">\n                        <div class=\"author-name\">Michael Roberts<\/div>\n                        <div class=\"author-title\">Operador diario<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section -->\n    <section class=\"faq-section\" id=\"faq\">\n        <div class=\"section-header reveal\">\n            <h2 class=\"section-title\">Preguntas frecuentes<\/h2>\n            <p class=\"section-subtitle\">Todo lo que debe saber<\/p>\n        <\/div>\n\n        <div class=\"faq-container\">\n            <div class=\"faq-item reveal\">\n                <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                    \u00bfQu\u00e9 ocurre despu\u00e9s de comprar la versi\u00f3n de prueba?\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/div>\n                <div class=\"faq-answer\">\n                    En las 24 horas siguientes a la compra, su gestor de asistencia personal se pondr\u00e1 en contacto con usted para programar una sesi\u00f3n de configuraci\u00f3n.\n                    Le guiar\u00e1 a trav\u00e9s de la plataforma, le explicar\u00e1 todas las funciones y responder\u00e1 a cualquier pregunta que tenga sobre el trading.\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item reveal\">\n                <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                    \u00bfQu\u00e9 mercados puedo analizar?\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/div>\n                <div class=\"faq-answer\">\n                    Actualmente, tiene acceso completo a los pares de divisas (principales, secundarios y ex\u00f3ticos) y a las se\u00f1ales de opciones binarias.\n                    La IA analiza los principales pares de divisas y proporciona se\u00f1ales de trading de opciones binarias de alta probabilidad.\n                    El an\u00e1lisis de criptodivisas estar\u00e1 disponible en breve.\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item reveal\">\n                <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                    \u00bfHasta qu\u00e9 punto son exactas las predicciones?\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/div>\n                <div class=\"faq-answer\">\n                    Nuestra IA mantiene una tasa de acierto del 89% en las predicciones a corto plazo basadas en el an\u00e1lisis t\u00e9cnico.\n                    Sin embargo, toda operativa conlleva un riesgo, por lo que siempre recomendamos estrategias adecuadas de gesti\u00f3n del riesgo.\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item reveal\">\n                <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                    \u00bfPuedo actualizar despu\u00e9s de la prueba?\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/div>\n                <div class=\"faq-answer\">\n                    S\u00ed, puede cambiar a cualquier plan en cualquier momento. Su gestor de soporte le explicar\u00e1 todas las opciones\n                    y le ayudar\u00e1 a elegir el plan que mejor se adapte a sus necesidades. No hay presi\u00f3n para cambiar de plan.\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item reveal\">\n                <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                    \u00bfNecesito experiencia comercial?\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/div>\n                <div class=\"faq-answer\">\n                    No se requiere experiencia previa. La plataforma est\u00e1 dise\u00f1ada tanto para principiantes como para profesionales.\n                    Su gestor de asistencia le proporcionar\u00e1 formaci\u00f3n adaptada a su nivel de experiencia.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Floating Action Button - Buy Now -->\n    <div class=\"fab\" id=\"fab\" onclick=\"scrollToPricing()\">\n        <i class=\"fas fa-shopping-cart\"><\/i>\n        <span class=\"fab-text\">Comprar ahora<\/span>\n    <\/div>\n\n    <script>\n        \/\/ Video Player Controls - Autoplay muted + native controls for pause\/fullscreen\n        const video = document.getElementById('demoVideo');\n        const playButton = document.getElementById('playButton');\n        const videoWrapper = document.getElementById('videoWrapper');\n        const videoOverlay = document.getElementById('videoOverlay');\n\n        \/\/ Auto-adjust video container based on video dimensions\n        function adjustVideoContainer() {\n            if (video.videoWidth && video.videoHeight) {\n                const aspectRatio = video.videoWidth \/ video.videoHeight;\n                const maxWidth = Math.min(window.innerWidth * 0.9, 1400);\n                const maxHeight = window.innerHeight * 0.75;\n                \n                let finalWidth, finalHeight;\n                \n                \/\/ Calculate dimensions maintaining aspect ratio\n                if (maxWidth \/ aspectRatio <= maxHeight) {\n                    finalWidth = maxWidth;\n                    finalHeight = maxWidth \/ aspectRatio;\n                } else {\n                    finalHeight = maxHeight;\n                    finalWidth = maxHeight * aspectRatio;\n                }\n                \n                \/\/ Apply dimensions to video\n                video.style.width = finalWidth + 'px';\n                video.style.height = finalHeight + 'px';\n                video.style.maxWidth = '100%';\n                video.style.maxHeight = '80vh';\n                \n                \/\/ Adjust container\n                const container = document.querySelector('.video-container');\n                if (container) {\n                    container.style.maxWidth = finalWidth + 'px';\n                }\n            }\n        }\n\n        \/\/ Adjust on video metadata load\n        video.addEventListener('loadedmetadata', adjustVideoContainer);\n        \n        \/\/ Also adjust on window resize\n        window.addEventListener('resize', adjustVideoContainer);\n        \n        \/\/ Initial adjustment if video is already loaded\n        if (video.readyState >= 1) {\n            adjustVideoContainer();\n        }\n\n        \/\/ Show custom play button initially to prompt user to watch with sound\n        playButton.classList.remove('hidden');\n        videoOverlay.classList.remove('hidden');\n\n        \/\/ Custom play button - restart from beginning with sound + fullscreen on mobile\n        function playWithSound() {\n            video.currentTime = 0; \/\/ Restart from beginning\n            video.muted = false; \/\/ Unmute\n            video.loop = false; \/\/ Stop looping when playing with sound\n            video.play();\n            playButton.classList.add('hidden');\n            videoOverlay.classList.add('hidden');\n            \n            \/\/ Auto-fullscreen on mobile devices\n            if (window.innerWidth <= 768) {\n                enterFullscreen();\n            }\n        }\n\n        \/\/ Request fullscreen for video\n        function enterFullscreen() {\n            try {\n                if (video.requestFullscreen) {\n                    video.requestFullscreen();\n                } else if (video.webkitRequestFullscreen) { \/\/ Safari\n                    video.webkitRequestFullscreen();\n                } else if (video.mozRequestFullScreen) { \/\/ Firefox\n                    video.mozRequestFullScreen();\n                } else if (video.msRequestFullscreen) { \/\/ IE\/Edge\n                    video.msRequestFullscreen();\n                } else if (video.webkitEnterFullscreen) { \/\/ iOS Safari\n                    video.webkitEnterFullscreen();\n                }\n            } catch (error) {\n                console.log('Fullscreen not supported or blocked:', error);\n            }\n        }\n\n        \/\/ Click on custom play button\n        playButton.addEventListener('click', function(e) {\n            e.stopPropagation();\n            playWithSound();\n        });\n\n        \/\/ Click on overlay\n        videoOverlay.addEventListener('click', function(e) {\n            e.stopPropagation();\n            playWithSound();\n        });\n\n        \/\/ Show custom play button when video ends\n        video.addEventListener('ended', function() {\n            playButton.classList.remove('hidden');\n            videoOverlay.classList.remove('hidden');\n            \/\/ Reset to muted autoplay state\n            video.muted = true;\n            video.loop = true;\n            video.play();\n        });\n\n        \/\/ Hide overlay when user plays with sound\n        video.addEventListener('play', function() {\n            if (!video.muted) {\n                playButton.classList.add('hidden');\n                videoOverlay.classList.add('hidden');\n            }\n        });\n\n        \/\/ Handle fullscreen exit on mobile\n        document.addEventListener('fullscreenchange', handleFullscreenChange);\n        document.addEventListener('webkitfullscreenchange', handleFullscreenChange);\n        document.addEventListener('mozfullscreenchange', handleFullscreenChange);\n        document.addEventListener('msfullscreenchange', handleFullscreenChange);\n\n        function handleFullscreenChange() {\n            const isFullscreen = document.fullscreenElement || \n                                document.webkitFullscreenElement || \n                                document.mozFullScreenElement || \n                                document.msFullscreenElement;\n            \n            \/\/ On mobile, when exiting fullscreen, pause the video\n            if (!isFullscreen && window.innerWidth <= 768) {\n                \/\/ Let video continue playing normally\n                \/\/ User can control it with native controls\n            }\n        }\n\n        \/\/ Theme Toggle\n        function toggleTheme() {\n            document.documentElement.classList.toggle('light-mode');\n            const icon = document.getElementById('themeIcon');\n            if (document.documentElement.classList.contains('light-mode')) {\n                icon.className = 'fas fa-sun';\n            } else {\n                icon.className = 'fas fa-moon';\n            }\n            localStorage.setItem('theme', document.documentElement.classList.contains('light-mode') ? 'light' : 'dark');\n        }\n\n        \/\/ Load saved theme\n        if (localStorage.getItem('theme') === 'light') {\n            document.documentElement.classList.add('light-mode');\n            document.getElementById('themeIcon').className = 'fas fa-sun';\n        }\n\n        \/\/ Create Grid Background\n        function createGrid() {\n            const grid = document.getElementById('gridBackground');\n            for (let i = 0; i < 20; i++) {\n                const line = document.createElement('div');\n                line.className = 'grid-line horizontal';\n                line.style.top = `${i * 5}%`;\n                grid.appendChild(line);\n            }\n            for (let i = 0; i < 20; i++) {\n                const line = document.createElement('div');\n                line.className = 'grid-line vertical';\n                line.style.left = `${i * 5}%`;\n                grid.appendChild(line);\n            }\n        }\n\n        \/\/ Scroll Reveal Animation\n        function revealOnScroll() {\n            const reveals = document.querySelectorAll('.reveal, .feature-card, .testimonial-card, .stat-card');\n            \n            reveals.forEach(element => {\n                const windowHeight = window.innerHeight;\n                const elementTop = element.getBoundingClientRect().top;\n                const elementVisible = 150;\n                \n                if (elementTop < windowHeight - elementVisible) {\n                    element.classList.add('visible', 'active');\n                }\n            });\n        }\n\n        \/\/ Parallax Effect\n        function parallaxEffect() {\n            const scrolled = window.pageYOffset;\n            const parallax = document.querySelectorAll('.parallax');\n            \n            parallax.forEach(element => {\n                const speed = element.dataset.speed || 0.5;\n                element.style.transform = `translateY(${scrolled * speed}px)`;\n            });\n        }\n\n        \/\/ Navbar Background on Scroll\n        function updateNavbar() {\n            const navbar = document.getElementById('navbar');\n            if (window.scrollY > 50) {\n                navbar.classList.add('scrolled');\n            } else {\n                navbar.classList.remove('scrolled');\n            }\n        }\n\n        \/\/ Show\/Hide FAB\n        \/\/ Show\/Hide FAB based on pricing section visibility\n        function updateFAB() {\n            const fab = document.getElementById('fab');\n            const pricingSection = document.getElementById('pricing');\n            \n            if (!pricingSection) return;\n            \n            const rect = pricingSection.getBoundingClientRect();\n            const windowHeight = window.innerHeight;\n            \n            \/\/ Check if pricing section is in viewport\n            const isInViewport = rect.top < windowHeight && rect.bottom > 0;\n            \n            \/\/ Show FAB when scrolled down but NOT in pricing section\n            if (window.scrollY > 500 && !isInViewport) {\n                fab.classList.add('visible');\n            } else {\n                fab.classList.remove('visible');\n            }\n        }\n\n        \/\/ Scroll to Pricing Section\n        function scrollToPricing() {\n            const pricingSection = document.getElementById('pricing');\n            if (pricingSection) {\n                pricingSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        }\n\n        \/\/ Toggle FAQ\n        function toggleFaq(element) {\n            const faqItem = element.parentElement;\n            const allFaqItems = document.querySelectorAll('.faq-item');\n            \n            allFaqItems.forEach(item => {\n                if (item !== faqItem) {\n                    item.classList.remove('active');\n                }\n            });\n            \n            faqItem.classList.toggle('active');\n        }\n\n        \/\/ Switch Package on Mobile\n        function switchPackage(packageType) {\n            \/\/ Only works on mobile\n            if (window.innerWidth > 768) return;\n\n            const beginnerCard = document.querySelector('.pricing-card[data-package=\"beginner\"]');\n            const trialCard = document.querySelector('.pricing-card[data-package=\"trial\"]');\n            const beginnerBtn = document.querySelector('.package-toggle-btn:first-child');\n            const trialBtn = document.querySelector('.package-toggle-btn:last-child');\n\n            if (packageType === 'beginner') {\n                \/\/ Show beginner, hide trial\n                beginnerCard.classList.remove('mobile-hidden');\n                trialCard.classList.remove('mobile-visible');\n                beginnerBtn.classList.add('active');\n                trialBtn.classList.remove('active');\n            } else {\n                \/\/ Show trial, hide beginner\n                beginnerCard.classList.add('mobile-hidden');\n                trialCard.classList.add('mobile-visible');\n                trialBtn.classList.add('active');\n                beginnerBtn.classList.remove('active');\n            }\n        }\n\n        \/\/ Animated Counter\n        function animateCounters() {\n            const counters = document.querySelectorAll('[data-count]');\n            \n            counters.forEach(counter => {\n                const target = parseInt(counter.getAttribute('data-count'));\n                const isPercentage = counter.textContent.includes('%');\n                let count = 0;\n                const increment = target \/ 100;\n                \n                const updateCount = () => {\n                    count += increment;\n                    if (count < target) {\n                        counter.textContent = Math.floor(count) + (isPercentage ? '%' : '');\n                        requestAnimationFrame(updateCount);\n                    } else {\n                        counter.textContent = target + (isPercentage ? '%' : '');\n                    }\n                };\n                \n                \/\/ Start animation when element is visible\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            updateCount();\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                });\n                \n                observer.observe(counter);\n            });\n        }\n\n        \/\/ Countdown Timer\n        function startCountdown() {\n            const endTime = new Date().getTime() + (24 * 60 * 60 * 1000);\n            \n            function updateCountdown() {\n                const now = new Date().getTime();\n                const distance = endTime - now;\n                \n                const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n                const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n                const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n                \n                document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n                document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n                document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n                \n                if (distance < 0) {\n                    clearInterval(countdownInterval);\n                    document.querySelector('.countdown-container').innerHTML = \n                        '<p style=\"font-size: 2rem; color: var(--danger);\">Offer Expired!<\/p>';\n                }\n            }\n            \n            updateCountdown();\n            const countdownInterval = setInterval(updateCountdown, 1000);\n        }\n\n        \/\/ Smooth Scroll for Navigation Links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        });\n\n        \/\/ Initialize\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Initialize components\n            createGrid();\n            startCountdown();\n            animateCounters();\n            \n            \/\/ Add event listeners\n            window.addEventListener('scroll', () => {\n                revealOnScroll();\n                parallaxEffect();\n                updateNavbar();\n                updateFAB();\n            });\n            \n            \/\/ Initial calls\n            revealOnScroll();\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<div class=\"elementor-element elementor-element-7d6d498 e-con-full e-flex e-con e-parent\" data-id=\"7d6d498\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b43f89 elementor-widget elementor-widget-shortcode\" data-id=\"0b43f89\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        \/* Nuvix Brand Variables *\/\n        :root {\n            --nuvix-primary: #9f39ff;\n            --nuvix-secondary: #00b4d8;\n            --nuvix-success: #10b981;\n            --nuvix-danger: #ef4444;\n            --nuvix-warning: #f59e0b;\n            --nuvix-dark: #0a0e27;\n            --nuvix-card-bg: rgba(255, 255, 255, 0.03);\n            --nuvix-text: #e2e8f0;\n            --nuvix-gold: #FFD700;\n            --nuvix-accent-pink: #ff006e;\n        }\n        \n        \/* Dark Theme (Default) *\/\n        .nuvix-disclaimer-dark,\n        .nuvix-disclaimer-dark.nuvix-disclaimer-blocked {\n            background: linear-gradient(135deg, rgba(159, 57, 255, 0.05), rgba(0, 180, 216, 0.05));\n            border: 1px solid rgba(159, 57, 255, 0.3);\n            color: var(--nuvix-text);\n        }\n        \n        \/* Light Theme *\/\n        .nuvix-disclaimer-light,\n        .nuvix-disclaimer-light.nuvix-disclaimer-blocked {\n            background: linear-gradient(135deg, rgba(159, 57, 255, 0.03), rgba(0, 180, 216, 0.03));\n            border: 1px solid rgba(159, 57, 255, 0.2);\n            color: #1a202c;\n        }\n        \n        .nuvix-disclaimer-light strong {\n            color: #2d3748;\n        }\n        \n        \/* Base Disclaimer Styles *\/\n.nuvix-disclaimer, .nuvix-disclaimer-blocked {\n    margin: 30px auto;\n    padding: 30px;\n    border-radius: 20px;\n    font-size: 14px;\n    line-height: 1.6;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n    max-width: 1200px;  \/* Changed from 100% to a fixed max-width *\/\n    width: 90%;         \/* Add this to make it responsive but contained *\/\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n        \n        \/* Animated background effect *\/\n        .nuvix-disclaimer::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, var(--nuvix-primary), var(--nuvix-secondary), var(--nuvix-accent-pink));\n            animation: scan 4s linear infinite;\n        }\n        \n        @keyframes scan {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(200%); }\n        }\n        \n        \/* Animated entrance *\/\n        .nuvix-disclaimer.animated {\n            animation: fadeInUp 0.6s ease;\n        }\n        \n        @keyframes fadeInUp {\n            from { \n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .nuvix-disclaimer-blocked {\n            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(245, 158, 11, 0.1)) !important;\n            border-color: var(--nuvix-danger) !important;\n        }\n        \n        .disclaimer-header {\n            font-size: 20px;\n            margin-bottom: 20px;\n            padding-bottom: 15px;\n            border-bottom: 2px solid rgba(159, 57, 255, 0.2);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 800;\n            background: linear-gradient(135deg, var(--nuvix-primary), var(--nuvix-secondary));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .disclaimer-header i {\n            -webkit-text-fill-color: var(--nuvix-primary);\n            font-size: 24px;\n        }\n        \n        .disclaimer-content p {\n            margin-bottom: 15px;\n            opacity: 0.95;\n        }\n        \n        .disclaimer-content p:last-child {\n            margin-bottom: 0;\n        }\n        \n        \/* Alert Boxes with Nuvix Styling *\/\n        .disclaimer-alert {\n            margin-top: 20px;\n            padding: 20px;\n            border-radius: 15px;\n            border-left: 4px solid;\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        .disclaimer-alert:hover {\n            transform: translateX(5px);\n            box-shadow: 0 5px 20px rgba(159, 57, 255, 0.2);\n        }\n        \n        .alert-icon {\n            font-size: 24px;\n            flex-shrink: 0;\n            margin-top: -2px;\n        }\n        \n        .alert-content {\n            flex: 1;\n        }\n        \n        .disclaimer-critical {\n            background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.05));\n            border-color: var(--nuvix-danger);\n            color: #fca5a5;\n        }\n        \n        .nuvix-disclaimer-light .disclaimer-critical {\n            background: rgba(239, 68, 68, 0.1);\n            color: #dc2626;\n        }\n        \n        .disclaimer-critical .alert-icon {\n            color: var(--nuvix-danger);\n        }\n        \n        .disclaimer-warning {\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.05));\n            border-color: var(--nuvix-warning);\n            color: #fcd34d;\n        }\n        \n        .nuvix-disclaimer-light .disclaimer-warning {\n            background: rgba(245, 158, 11, 0.1);\n            color: #d97706;\n        }\n        \n        .disclaimer-warning .alert-icon {\n            color: var(--nuvix-warning);\n        }\n        \n        .disclaimer-caution {\n            background: linear-gradient(135deg, rgba(0, 180, 216, 0.15), rgba(0, 180, 216, 0.05));\n            border-color: var(--nuvix-secondary);\n            color: #67e8f9;\n        }\n        \n        .nuvix-disclaimer-light .disclaimer-caution {\n            background: rgba(0, 180, 216, 0.1);\n            color: #0891b2;\n        }\n        \n        .disclaimer-caution .alert-icon {\n            color: var(--nuvix-secondary);\n        }\n        \n        .disclaimer-info {\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));\n            border-color: var(--nuvix-success);\n            color: #86efac;\n        }\n        \n        .nuvix-disclaimer-light .disclaimer-info {\n            background: rgba(16, 185, 129, 0.1);\n            color: #059669;\n        }\n        \n        .disclaimer-info .alert-icon {\n            color: var(--nuvix-success);\n        }\n        \n        \/* Country detection display *\/\n        .detected-country {\n            background: linear-gradient(135deg, var(--nuvix-primary), var(--nuvix-secondary));\n            color: white;\n            padding: 8px 15px;\n            margin-bottom: 15px;\n            border-radius: 25px;\n            font-size: 12px;\n            font-weight: 600;\n            display: inline-block;\n            animation: pulse 2s infinite;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.8; }\n        }\n        \n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n                padding: 20px;\n                font-size: 13px;\n                margin: 20px 15px;\n                border-radius: 15px;\n            }\n            \n            .disclaimer-header {\n                font-size: 18px;\n                flex-wrap: wrap;\n            }\n            \n            .disclaimer-alert {\n                padding: 15px;\n                flex-direction: column;\n                gap: 10px;\n            }\n            \n            .alert-icon {\n                font-size: 20px;\n            }\n            \n            .disclaimer-content p {\n                font-size: 13px;\n            }\n        }\n        \n        \/* Extra small devices *\/\n        @media (max-width: 375px) {\n            .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n                padding: 15px;\n                font-size: 12px;\n            }\n            \n            .disclaimer-header {\n                font-size: 16px;\n            }\n        }\n        \n        \/* Print styles *\/\n        @media print {\n            .nuvix-disclaimer::before {\n                display: none;\n            }\n            \n            .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n                border: 2px solid #000;\n                box-shadow: none;\n                animation: none;\n            }\n        }\n    <\/style><div class=\"nuvix-disclaimer animated nuvix-disclaimer animated-light\"><div class=\"disclaimer-header\"><i class=\"las la-exclamation-triangle\"><\/i> <strong>Descargo de responsabilidad importante<\/strong><\/div><div class=\"disclaimer-content\"><p>Toda la informaci\u00f3n producida por el <strong>An\u00e1lisis de IA de Nuvix<\/strong> (el \"Servicio\") se proporciona estrictamente para <strong>educativos e informativos<\/strong> \u00fanicamente. El Servicio genera evaluaciones algor\u00edtmicas de datos de mercado, patrones de trading y juegos de casino, pero no <strong>no<\/strong> genera se\u00f1ales operativas de trading o apuestas y no debe ser utilizado como tal.<\/p><p>El uso del Servicio implica un riesgo significativo. Las evaluaciones pasadas no garantizan el rendimiento o las ganancias futuras en Forex, acciones, futuros, \u00edndices sint\u00e9ticos, opciones binarias, criptoactivos, ruleta, baccarat u otros juegos de casino. <strong>Nuvix<\/strong> no ofrece garant\u00edas, expresas ni impl\u00edcitas, sobre la precisi\u00f3n, integridad o idoneidad de ning\u00fan an\u00e1lisis. <strong>Tus decisiones y resultados<\/strong> dependen completamente de tu propio juicio, tolerancia al riesgo, esfuerzo y de las condiciones del mercado o del juego en ese momento.<\/p><p><strong>Nuvix<\/strong> no est\u00e1 afiliado, respaldado ni asociado con ninguna plataforma de trading, br\u00f3ker, casa de cambio o operador de casino. T\u00fa eres el \u00fanico responsable de seleccionar, acceder y utilizar cualquier plataforma para tus actividades de trading o juego.<\/p><p>Al utilizar el Servicio, reconoces y aceptas que <strong>Nuvix<\/strong> y sus afiliados no ser\u00e1n responsables por ninguna p\u00e9rdida, da\u00f1o o reclamaci\u00f3n que surja del uso de los an\u00e1lisis de IA. Siempre realiza tu propia debida diligencia y consulta con profesionales calificados antes de realizar operaciones o apuestas.<\/p><\/div><div class=\"disclaimer-alert disclaimer-info\"><div class=\"alert-icon\"><i class=\"las la-flag-usa\"><\/i><\/div><div class=\"alert-content\"><strong>RESIDENTES EN EE.UU. - AVISO GENERAL:<\/strong> La normativa sobre negociaci\u00f3n var\u00eda seg\u00fan el estado. Las opciones binarias s\u00f3lo son legales a trav\u00e9s de bolsas registradas en la CFTC. Verifique las leyes federales y estatales antes de operar. Este an\u00e1lisis no constituye asesoramiento financiero.<\/div><\/div><div class=\"disclaimer-alert disclaimer-warning\"><div class=\"alert-icon\"><i class=\"las la-dice\"><\/i><\/div><div class=\"alert-content\"><strong>LEYES SOBRE EL JUEGO EN EE.UU:<\/strong> Los juegos de azar en l\u00ednea (juegos de casino y apuestas deportivas) son ilegales o est\u00e1n restringidos en la mayor\u00eda de los estados de EE.UU., incluidos Utah, Hawai, Idaho y otros. Comprueba la legislaci\u00f3n de tu estado antes de realizar cualquier actividad de juego.<\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a42ccf9 elementor-widget elementor-widget-html\" data-id=\"a42ccf9\" 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<!-- Nuvix Footer with Extension Link and Theme Support -->\n<div id=\"nuvix-footer-wrapper\">\n    <footer class=\"nuvix-site-footer\">\n        <div class=\"nuvix-footer-glow\"><\/div>\n        <div class=\"nuvix-container\">\n            <div class=\"nuvix-footer-content\">\n                <!-- Logo and Company Info -->\n                <div class=\"nuvix-footer-section nuvix-footer-brand\">\n                    <div class=\"nuvix-footer-logo\">\n                        <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" \n                             alt=\"Nuvix\" \n                             class=\"nuvix-logo-dark\">\n                        <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png\" \n                             alt=\"Nuvix\" \n                             class=\"nuvix-logo-light\">\n                    <\/div>\n                    <p class=\"nuvix-footer-tagline\">Donde la IA se encuentra con la oportunidad<\/p>\n                    <p class=\"nuvix-footer-description\">Una revolucionaria plataforma de an\u00e1lisis de operaciones basada en inteligencia artificial que est\u00e1 transformando la forma en que los operadores abordan los mercados financieros.<\/p>\n                    \n                    <!-- Chrome Extension Download Button -->\n                    <div class=\"nuvix-extension-download\">\n                        <a href=\"https:\/\/chromewebstore.google.com\/detail\/nuvix-analysis-educationa\/mekepaacobchobieadiednfmppcflglf\" \n                           target=\"_blank\" \n                           rel=\"noopener noreferrer\"\n                           class=\"nuvix-extension-btn\">\n                            <i class=\"lab la-chrome\"><\/i>\n                            <span>Obtenga la extensi\u00f3n Nuvix Analyzer<\/span>\n                            <i class=\"las la-download\"><\/i>\n                        <\/a>\n                    <\/div>\n                    \n                    <div class=\"nuvix-footer-social\">\n                        <a href=\"https:\/\/www.instagram.com\/nuvixoficial\/\" aria-label=\"Instagram\"><i class=\"lab la-instagram\"><\/i><\/a>\n                        <a href=\"https:\/\/www.facebook.com\/nuvixai\" aria-label=\"Facebook\"><i class=\"lab la-facebook-f\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Quick Links -->\n                <div class=\"nuvix-footer-section\">\n                    <h3 class=\"nuvix-footer-title\">Enlaces r\u00e1pidos<\/h3>\n                    <ul class=\"nuvix-footer-links\">\n                        <li><a href=\"https:\/\/nuvix.com\/es\/#markets\">Mercados<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/#solution\">Tecnolog\u00eda de IA<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/#pricing\">Paquetes<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/#opportunity\">Oportunidad<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/c_login\/\">Inicio de sesi\u00f3n<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Legal -->\n                <div class=\"nuvix-footer-section\">\n                    <h3 class=\"nuvix-footer-title\">Legal<\/h3>\n                    <ul class=\"nuvix-footer-links\">\n                        <li><a href=\"https:\/\/nuvix.com\/es\/privacy-policy-en\/\">Pol\u00edtica de privacidad<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/terms-of-use-en\/\">Condiciones de uso<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/refund-and-cancellation-policy-en\/\">Reembolso y anulaci\u00f3n<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/gdpr-en\/\">Pol\u00edtica GDPR<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/nuvix-income-disclosure-statement\/\">Declaraci\u00f3n de ingresos<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/service-availability-compliance-policy\/\">Disponibilidad y conformidad<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/ibp_agreement\/\">Acuerdo IBP<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/anti-money-laundering-aml\/\">Prevenci\u00f3n del blanqueo de capitales (AML)<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/cookie-policy\/\">Pol\u00edtica de cookies<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Support & Tools -->\n                <div class=\"nuvix-footer-section\">\n                    <h3 class=\"nuvix-footer-title\">Asistencia y herramientas<\/h3>\n                    <ul class=\"nuvix-footer-links\">\n                        <li><a href=\"https:\/\/nuvix.com\/es\/contact-us\/\">Cont\u00e1ctanos<\/a><\/li>\n                        <li><a href=\"https:\/\/nuvix.com\/es\/privacy-preferences\/\">Preferencias de cookies y privacidad<\/a><\/li>\n                        <li class=\"nuvix-extension-link-item\">\n                            <a href=\"https:\/\/chromewebstore.google.com\/detail\/nuvix-analysis-educationa\/mekepaacobchobieadiednfmppcflglf\" \n                               target=\"_blank\" \n                               rel=\"noopener noreferrer\">\n                                <i class=\"lab la-chrome\"><\/i> Extensi\u00f3n del analizador Nuvix\n                            <\/a>\n                        <\/li>\n                    <\/ul>\n                    <div class=\"nuvix-footer-location\">\n                        <i class=\"las la-map-marker\"><\/i>\n                        <span>SHERIDAN, WY 82801<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Payment Methods -->\n            <div class=\"nuvix-footer-payments\">\n                <p class=\"nuvix-payments-title\">Aceptamos<\/p>\n                <div class=\"nuvix-payment-methods\">\n                    <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/Copy-of-uvix-1.png\" alt=\"Payment Methods\" class=\"nuvix-payment-logos\">\n                <\/div>\n            <\/div>\n\n            <!-- Bottom Bar -->\n            <div class=\"nuvix-footer-bottom\">\n                <div class=\"nuvix-footer-bottom-content\">\n                    <p class=\"nuvix-copyright\">Copyright \u00a9\ufe0f 2025 Nuvix by\ufe0f iEvolution Pro LLC - Todos los derechos reservados.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n\n<style>\n\/* Reset and isolate styles for Nuvix footer *\/\n#nuvix-footer-wrapper {\n    \/* Reset inherited styles *\/\n    all: initial;\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n    box-sizing: border-box;\n    display: block;\n}\n\n#nuvix-footer-wrapper *,\n#nuvix-footer-wrapper *::before,\n#nuvix-footer-wrapper *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n\/* CSS Variables scoped to footer - DARK MODE (Default) *\/\n#nuvix-footer-wrapper {\n    --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n    --nuvix-accent-blue: #00b4d8;\n    --nuvix-bg-primary: #0A0E27;\n    --nuvix-bg-secondary: #1C1C1E;\n    --nuvix-text-primary: #FFFFFF;\n    --nuvix-text-secondary: rgba(226, 232, 240, 0.9);\n    --nuvix-text-muted: rgba(226, 232, 240, 0.7);\n    --nuvix-border-color: rgba(159, 57, 255, 0.2);\n    --nuvix-border-light: rgba(255, 255, 255, 0.1);\n    --nuvix-card-bg: rgba(226, 232, 240, 0.1);\n}\n\n\/* LIGHT MODE Variables *\/\n.light-mode #nuvix-footer-wrapper {\n    --nuvix-bg-primary: #FFFFFF;\n    --nuvix-bg-secondary: #F2F2F7;\n    --nuvix-text-primary: #000000;\n    --nuvix-text-secondary: #1a1a1a;\n    --nuvix-text-muted: #666666;\n    --nuvix-border-color: rgba(159, 57, 255, 0.3);\n    --nuvix-border-light: rgba(0, 0, 0, 0.1);\n    --nuvix-card-bg: rgba(0, 0, 0, 0.05);\n}\n\n\/* Footer Styles *\/\n#nuvix-footer-wrapper .nuvix-site-footer {\n    position: relative;\n    background: transparent;\n    border-top: 1px solid var(--nuvix-border-color);\n    padding: 4rem 0 0;\n    margin-top: 0;\n    overflow: hidden;\n    width: 100%;\n    display: block;\n    transition: all 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-glow {\n    position: absolute;\n    top: -100px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 600px;\n    height: 200px;\n    background: transparent;\n    pointer-events: none;\n}\n\n#nuvix-footer-wrapper .nuvix-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-content {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2rem;\n    margin-bottom: 3rem;\n}\n\n@media (min-width: 768px) {\n    #nuvix-footer-wrapper .nuvix-footer-content {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 3rem;\n    }\n}\n\n@media (min-width: 1024px) {\n    #nuvix-footer-wrapper .nuvix-footer-content {\n        grid-template-columns: 2fr 1fr 1fr 1fr;\n        gap: 4rem;\n    }\n}\n\n#nuvix-footer-wrapper .nuvix-footer-section {\n    padding: 0 1rem;\n    transition: transform 0.3s ease;\n}\n\n@media (min-width: 768px) {\n    #nuvix-footer-wrapper .nuvix-footer-section {\n        padding: 0;\n    }\n}\n\n#nuvix-footer-wrapper .nuvix-footer-section:hover {\n    transform: translateY(-5px);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-brand {\n    max-width: 350px;\n}\n\n@media (min-width: 1024px) {\n    #nuvix-footer-wrapper .nuvix-footer-brand {\n        padding-right: 2rem;\n    }\n}\n\n\/* Logo Theme Switching *\/\n#nuvix-footer-wrapper .nuvix-footer-logo {\n    margin-bottom: 1.5rem;\n    position: relative;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-logo img {\n    height: 45px;\n    width: auto;\n    filter: drop-shadow(0 0 20px rgba(159, 57, 255, 0.5));\n    display: block;\n    transition: opacity 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-logo-dark {\n    display: block !important;\n}\n\n#nuvix-footer-wrapper .nuvix-logo-light {\n    display: none !important;\n}\n\n.light-mode #nuvix-footer-wrapper .nuvix-logo-dark {\n    display: none !important;\n}\n\n.light-mode #nuvix-footer-wrapper .nuvix-logo-light {\n    display: block !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-tagline {\n    color: var(--nuvix-accent-blue);\n    font-size: 0.95rem;\n    font-style: italic;\n    margin-bottom: 1rem;\n    font-weight: 500;\n    line-height: 1.4;\n    transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-description {\n    color: var(--nuvix-text-muted);\n    font-size: 0.9rem;\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n    transition: color 0.3s ease;\n}\n\n\/* Chrome Extension Download Button *\/\n#nuvix-footer-wrapper .nuvix-extension-download {\n    margin: 1.5rem 0;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn {\n    display: inline-flex !important;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1.25rem;\n    background: var(--nuvix-primary-gradient) !important;\n    color: white !important;\n    text-decoration: none !important;\n    border-radius: 50px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(159, 57, 255, 0.3);\n    border: none !important;\n    position: relative;\n    overflow: hidden;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.2);\n    transition: left 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 25px rgba(159, 57, 255, 0.5);\n    color: white !important;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn:hover::before {\n    left: 100%;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn i.lab {\n    font-size: 1.2rem;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn i.las {\n    font-size: 1rem;\n    animation: nuvixBounce 2s infinite;\n}\n\n@keyframes nuvixBounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-3px); }\n}\n\n\/* Extension link in the Support section *\/\n#nuvix-footer-wrapper .nuvix-extension-link-item a {\n    display: inline-flex !important;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-link-item a i {\n    color: var(--nuvix-accent-blue);\n    font-size: 1.1rem;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-title {\n    color: var(--nuvix-text-primary);\n    font-size: 1.1rem;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    position: relative;\n    padding-bottom: 0.75rem;\n    display: block;\n    transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 40px;\n    height: 2px;\n    background: var(--nuvix-primary-gradient);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links li {\n    margin-bottom: 0.75rem;\n    list-style: none;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a {\n    color: var(--nuvix-text-secondary) !important;\n    text-decoration: none !important;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n    display: inline-block;\n    position: relative;\n    opacity: 0.9;\n    background: none !important;\n    border: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a::before {\n    content: '';\n    position: absolute;\n    left: -15px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 0;\n    height: 1px;\n    background: #00b4d8;\n    transition: width 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a:hover {\n    color: #00b4d8 !important;\n    padding-left: 10px;\n    text-shadow: 0 0 10px rgba(0, 180, 216, 0.5);\n    opacity: 1;\n    text-decoration: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a:hover::before {\n    width: 5px;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social {\n    display: flex;\n    gap: 0.75rem;\n    margin-top: 1.5rem;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social a {\n    width: 40px;\n    height: 40px;\n    background: var(--nuvix-card-bg) !important;\n    border: 1px solid var(--nuvix-border-light) !important;\n    border-radius: 50%;\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    color: var(--nuvix-text-primary) !important;\n    font-size: 1.2rem;\n    transition: all 0.3s ease;\n    text-decoration: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social a:hover {\n    background: var(--nuvix-primary-gradient) !important;\n    border-color: transparent !important;\n    color: white !important;\n    transform: translateY(-3px);\n    box-shadow: 0 8px 20px rgba(159, 57, 255, 0.4);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-location {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n    color: var(--nuvix-text-muted);\n    font-size: 0.9rem;\n    transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-location i {\n    color: var(--nuvix-accent-blue);\n    font-size: 1.2rem;\n}\n\n\/* Payment Methods *\/\n#nuvix-footer-wrapper .nuvix-footer-payments {\n    text-align: center;\n    padding: 2rem 0;\n    border-top: 1px solid var(--nuvix-border-light);\n    border-bottom: 1px solid var(--nuvix-border-light);\n    transition: border-color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-payments-title {\n    color: var(--nuvix-text-secondary);\n    font-size: 0.95rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    display: block;\n    transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-methods {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 1rem;\n    flex-wrap: wrap;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-logos {\n    max-height: 40px;\n    width: auto;\n    opacity: 0.8;\n    transition: opacity 0.3s ease;\n    display: block;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-logos:hover {\n    opacity: 1;\n}\n\n\/* Light mode payment logo adjustment *\/\n.light-mode #nuvix-footer-wrapper .nuvix-payment-logos {\n    filter: brightness(0.8);\n}\n\n\/* Bottom Bar *\/\n#nuvix-footer-wrapper .nuvix-footer-bottom {\n    padding: 2rem 0;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-bottom-content {\n    text-align: center;\n}\n\n#nuvix-footer-wrapper .nuvix-copyright {\n    color: var(--nuvix-text-primary);\n    font-size: 0.9rem;\n    margin-bottom: 0;\n    opacity: 0.9;\n    display: block;\n    transition: color 0.3s ease;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 767px) {\n    #nuvix-footer-wrapper .nuvix-site-footer {\n        padding: 3rem 0 0;\n        margin-top: 4rem;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-footer-content {\n        text-align: center;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-footer-brand {\n        max-width: 100%;\n        margin-bottom: 2rem;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-footer-title::after {\n        left: 50%;\n        transform: translateX(-50%);\n    }\n    \n    #nuvix-footer-wrapper .nuvix-footer-social {\n        justify-content: center;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-footer-location {\n        justify-content: center;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-footer-links a::before {\n        display: none;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-footer-links a:hover {\n        padding-left: 0;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-extension-download {\n        text-align: center;\n    }\n    \n    #nuvix-footer-wrapper .nuvix-extension-btn {\n        width: 100%;\n        max-width: 280px;\n        justify-content: center;\n    }\n}\n\n\/* Animation for footer entrance *\/\n@keyframes nuvixFadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n#nuvix-footer-wrapper .nuvix-site-footer {\n    animation: nuvixFadeInUp 0.8s ease-out;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23df434 elementor-widget elementor-widget-shortcode\" data-id=\"23df434\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"ulcs-widget minimal-style\"\n         data-position=\"inline\" \n         data-type=\"language\">\n        <button class=\"ulcs-trigger\" aria-label=\"Cambiar de idioma\">\n            <div class=\"ulcs-current\">\n                                    <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n                    <span class=\"ulcs-lang\">ES<\/span>\n                                \n                                \n                            <\/div>\n            <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n                <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n    <\/div>\n\t\t\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":"Nuvix AI &#8211; Advanced Trading Analysis Platform Features Trading Tools Pricing Reviews FAQ Limited Time Offer &#8211; $9.99 Trial Advanced AI Trading Analysis Platform Professional Binary Options and Forex analysis powered by cutting-edge artificial intelligence. Real-time market insights with personal support included. Crypto trading coming soon! Get Started &#8211; $99.99 Your browser does not support [&hellip;]","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-41846","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41846","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=41846"}],"version-history":[{"count":499,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41846\/revisions"}],"predecessor-version":[{"id":45508,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41846\/revisions\/45508"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/media?parent=41846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}