{"id":41913,"date":"2025-08-21T18:44:46","date_gmt":"2025-08-22T01:44:46","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=41913"},"modified":"2025-08-22T11:38:14","modified_gmt":"2025-08-22T18:38:14","slug":"landing-1","status":"publish","type":"page","link":"https:\/\/nuvix.com\/es\/landing-1\/","title":{"rendered":"landing-1"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Nuvix AI - Advanced Pattern Recognition Technology<\/title>\n \n <!-- Line Awesome Icons -->\n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-purple: #9f39ff;\n --primary-pink: #ff006e;\n --primary-blue: #00b4d8;\n --dark-bg: #0a0e27;\n --purple-bg: #1a0f2e;\n --card-bg: rgba(255, 255, 255, 0.05);\n --text-light: #e2e8f0;\n --text-dim: rgba(255, 255, 255, 0.7);\n --accent-orange: #f59e0b;\n --success-green: #10b981;\n }\n\n html, body {\n width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n background: linear-gradient(135deg, #0a0e27 0%, #1a0f2e 50%, #2d1b4e 100%);\n min-height: 100vh;\n color: var(--text-light);\n }\n\n \/* Grid background pattern *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(rgba(159, 57, 255, 0.1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(159, 57, 255, 0.1) 1px, transparent 1px);\n background-size: 50px 50px;\n pointer-events: none;\n opacity: 0.3;\n z-index: 0;\n }\n\n \/* Container *\/\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n }\n\n \/* Hero Section *\/\n .hero {\n padding: 40px 0;\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n }\n\n @media (max-width: 768px) {\n .hero {\n padding: 30px 0;\n }\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n width: 100%;\n }\n\n @media (min-width: 1024px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n }\n\n \/* Logo styling *\/\n .logo-container {\n text-align: center;\n margin-bottom: 30px;\n }\n\n @media (min-width: 1024px) {\n .logo-container {\n text-align: left;\n margin-bottom: 40px;\n }\n }\n\n .logo-container img {\n height: 40px;\n max-width: 150px;\n filter: drop-shadow(0 0 20px rgba(159, 57, 255, 0.5));\n }\n\n @media (min-width: 1024px) {\n .logo-container img {\n height: 50px;\n max-width: 180px;\n }\n }\n\n @media (max-width: 480px) {\n .logo-container img {\n height: 35px;\n }\n }\n\n \/* Text content *\/\n .hero-text {\n width: 100%;\n max-width: 600px;\n margin: 0 auto;\n }\n\n @media (min-width: 1024px) {\n .hero-text {\n margin: 0;\n }\n }\n\n .pre-reg-badge {\n background: linear-gradient(135deg, var(--accent-orange), #ef4444);\n color: white;\n padding: 10px 20px;\n border-radius: 25px;\n font-size: 0.875rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 25px;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .tagline {\n color: var(--primary-blue);\n font-size: 1.1rem;\n margin-bottom: 15px;\n font-style: italic;\n }\n\n h1 {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: 25px;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #fff 0%, var(--primary-purple) 50%, var(--primary-pink) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-description {\n font-size: 1.125rem;\n color: var(--text-dim);\n line-height: 1.7;\n margin-bottom: 40px;\n }\n\n @media (max-width: 768px) {\n .hero-description {\n font-size: 1rem;\n margin-bottom: 30px;\n }\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 40px;\n }\n\n @media (max-width: 480px) {\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n margin-bottom: 30px;\n }\n }\n\n .stat-card {\n background: var(--card-bg);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 15px;\n padding: 20px;\n text-align: center;\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n }\n\n @media (max-width: 768px) {\n .stat-card {\n padding: 15px 10px;\n }\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n border-color: var(--primary-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.2);\n }\n\n .stat-number {\n font-size: 2rem;\n font-weight: 800;\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 5px;\n }\n\n @media (max-width: 768px) {\n .stat-number {\n font-size: 1.5rem;\n }\n }\n\n .stat-label {\n font-size: 0.875rem;\n color: var(--text-dim);\n }\n\n \/* CTA Buttons *\/\n .cta-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n position: relative;\n }\n\n @media (max-width: 480px) {\n .cta-buttons {\n flex-direction: column;\n gap: 15px;\n }\n }\n\n .btn {\n padding: 15px 35px;\n border-radius: 30px;\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n white-space: nowrap;\n }\n\n @media (max-width: 480px) {\n .btn {\n width: 100%;\n padding: 14px 28px;\n font-size: 0.9rem;\n }\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n color: white;\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.4);\n position: relative;\n overflow: hidden;\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 15px 40px rgba(159, 57, 255, 0.6);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--primary-blue);\n }\n\n \/* Chart Container *\/\n .chart-container {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.05), rgba(0, 180, 216, 0.03));\n border: 1px solid rgba(159, 57, 255, 0.2);\n border-radius: 20px;\n padding: 30px;\n backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n min-height: 500px;\n width: 100%;\n max-width: 600px;\n margin: 0 auto;\n }\n\n @media (max-width: 768px) {\n .chart-container {\n padding: 20px;\n min-height: 400px;\n }\n }\n\n @media (min-width: 1024px) {\n .chart-container {\n margin: 0;\n }\n }\n\n .chart-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 30px;\n padding-bottom: 15px;\n border-bottom: 1px solid rgba(159, 57, 255, 0.2);\n }\n\n .chart-title {\n font-size: 0.875rem;\n color: var(--text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .live-dot {\n width: 6px;\n height: 6px;\n background: #00ff88;\n border-radius: 50%;\n animation: pulse-live 1s ease-in-out infinite;\n }\n\n @keyframes pulse-live {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.5); opacity: 0.5; }\n }\n\n .chart-controls {\n display: flex;\n gap: 8px;\n }\n\n .chart-control {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.2);\n cursor: pointer;\n }\n\n .chart-control:first-child { background: #ff5f57; }\n .chart-control:nth-child(2) { background: #ffbd2e; }\n .chart-control:last-child { background: #28ca42; }\n\n \/* Chart wrapper *\/\n .chart-wrapper {\n position: relative;\n margin-bottom: 20px;\n border-radius: 10px;\n overflow: hidden;\n background: linear-gradient(180deg, rgba(159, 57, 255, 0.05) 0%, transparent 100%);\n }\n\n .chart-metrics {\n position: absolute;\n top: 10px;\n left: 10px;\n display: flex;\n flex-direction: column;\n gap: 5px;\n z-index: 10;\n background: rgba(10, 14, 39, 0.8);\n padding: 8px;\n border-radius: 8px;\n border: 1px solid rgba(159, 57, 255, 0.3);\n backdrop-filter: blur(10px);\n }\n\n .metric-item {\n display: flex;\n align-items: center;\n gap: 5px;\n font-size: 0.7rem;\n }\n\n .metric-label {\n color: var(--text-dim);\n font-weight: 600;\n }\n\n .metric-value {\n color: var(--primary-blue);\n font-family: 'Courier New', monospace;\n font-weight: bold;\n }\n\n .metric-value.positive { color: #00ff88; }\n .metric-value.negative { color: #ff006e; }\n\n .pattern-detected {\n position: absolute;\n top: 10px;\n right: 10px;\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n color: white;\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 0.65rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 10;\n display: none;\n }\n\n .pattern-detected.active {\n display: block;\n animation: pattern-pulse 2s ease-in-out infinite;\n }\n\n @keyframes pattern-pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n #tradingChart {\n width: 100%;\n height: 300px;\n display: block;\n }\n\n @media (max-width: 768px) {\n #tradingChart {\n height: 250px;\n }\n }\n\n \/* AI Features *\/\n .ai-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n @media (max-width: 480px) {\n .ai-features {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n }\n\n .ai-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1), rgba(0, 180, 216, 0.05));\n border: 1px solid rgba(159, 57, 255, 0.2);\n border-radius: 10px;\n font-size: 0.875rem;\n color: var(--text-light);\n transition: all 0.3s ease;\n }\n\n .ai-feature:hover {\n transform: translateX(5px);\n border-color: var(--primary-purple);\n }\n\n .ai-feature-icon {\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .ai-feature-icon i {\n color: white;\n font-size: 14px;\n }\n\n .status-indicator {\n text-align: center;\n margin-top: 20px;\n padding: 12px;\n background: rgba(16, 185, 129, 0.1);\n border: 1px solid rgba(16, 185, 129, 0.3);\n border-radius: 10px;\n color: var(--success-green);\n font-size: 0.875rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .status-dot {\n width: 8px;\n height: 8px;\n background: var(--success-green);\n border-radius: 50%;\n animation: blink 2s infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating elements *\/\n .floating-circle {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.3), transparent);\n pointer-events: none;\n }\n\n .floating-circle:nth-child(1) {\n width: 100px;\n height: 100px;\n top: -50px;\n right: -50px;\n animation: float 6s ease-in-out infinite;\n }\n\n .floating-circle:nth-child(2) {\n width: 60px;\n height: 60px;\n bottom: -30px;\n left: -30px;\n animation: float 8s ease-in-out infinite reverse;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n \/* Mobile and Tablet Layout Restructure *\/\n @media (max-width: 1023px) {\n .hero {\n padding-bottom: 100px; \/* Space for fixed button *\/\n }\n \n \/* Hide desktop chart on mobile\/tablet *\/\n .desktop-chart {\n display: none !important;\n }\n \n \/* Mobile chart section right after title *\/\n .mobile-chart-section {\n margin: 30px -15px; \/* Full width on mobile *\/\n order: 2;\n }\n \n .mobile-chart-section .chart-container {\n border-radius: 0;\n border-left: none;\n border-right: none;\n margin: 0;\n max-width: 100%;\n }\n \n \/* Title shows first *\/\n .title-section {\n order: 1;\n text-align: center;\n margin-bottom: 0;\n }\n \n \/* Description and stats show after chart *\/\n .desktop-only-order {\n order: 3;\n margin-top: 30px;\n }\n \n \/* Center tagline and title on mobile *\/\n .tagline {\n text-align: center;\n }\n \n h1 {\n text-align: center;\n }\n \n \/* Hide Watch Demo button *\/\n .desktop-only {\n display: none !important;\n }\n \n \/* Fixed floating Learn More button *\/\n .cta-buttons {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n padding: 15px;\n background: linear-gradient(to top, \n rgba(10, 14, 39, 1) 0%,\n rgba(10, 14, 39, 0.95) 50%,\n rgba(10, 14, 39, 0) 100%);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .btn-primary {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n font-size: 1rem;\n padding: 16px 32px;\n box-shadow: \n 0 -5px 20px rgba(159, 57, 255, 0.3),\n 0 10px 40px rgba(159, 57, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n animation: pulse-glow 2s ease-in-out infinite;\n }\n \n @keyframes pulse-glow {\n 0%, 100% {\n box-shadow: \n 0 -5px 20px rgba(159, 57, 255, 0.3),\n 0 10px 40px rgba(159, 57, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n }\n 50% {\n box-shadow: \n 0 -5px 30px rgba(159, 57, 255, 0.5),\n 0 10px 50px rgba(159, 57, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n }\n }\n \n \/* Desktop Layout - Keep Original *\/\n @media (min-width: 1024px) {\n .title-section,\n .desktop-only-order {\n display: contents; \/* Removes wrapper div effect *\/\n }\n \n .mobile-chart-section {\n display: none; \/* Hide mobile chart section on desktop *\/\n }\n \n .desktop-chart {\n display: block !important; \/* Show desktop chart *\/\n }\n \n .desktop-only {\n display: inline-flex !important;\n }\n \n .cta-buttons {\n position: relative;\n display: flex;\n gap: 20px;\n margin-top: 40px;\n }\n \n .btn-primary {\n width: auto;\n }\n }\n \n \/* Ensure proper spacing on very small screens *\/\n @media (max-width: 480px) {\n .mobile-chart-section {\n margin: 20px -15px;\n }\n \n h1 {\n font-size: 1.75rem;\n margin-bottom: 15px;\n }\n \n .hero {\n padding-top: 20px;\n }\n \n .hero-description {\n padding: 0 15px;\n text-align: center;\n }\n }\n \n \/* Tablet specific *\/\n @media (min-width: 481px) and (max-width: 1023px) {\n h1 {\n font-size: 2.5rem;\n }\n \n .mobile-chart-section {\n margin: 30px 0;\n }\n \n .mobile-chart-section .chart-container {\n border-radius: 20px;\n border: 1px solid rgba(159, 57, 255, 0.2);\n }\n \n .stats-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n \n .ai-features {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n \n \/* Prevent content from going under fixed button *\/\n @media (max-width: 1023px) {\n body {\n padding-bottom: 0;\n }\n \n .container {\n padding-bottom: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"container\">\n <!-- Logo - Now visible on all devices -->\n <div class=\"logo-container\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix AI\">\n <\/div>\n\n <div class=\"hero-content\">\n <!-- Text content -->\n <div class=\"hero-text\">\n <!-- Title Section - Shows first on mobile -->\n <div class=\"title-section\">\n <p class=\"tagline\">Nuestra inteligencia, su ventaja<\/p>\n \n <h1>\n <span class=\"gradient-text\">Inteligencia artificial<\/span><br>\n <span class=\"gradient-text\">Reconocimiento de patrones<\/span><br>\n <span class=\"gradient-text\">Plataforma de an\u00e1lisis<\/span>\n <\/h1>\n <\/div>\n \n <!-- Chart shows right after title on mobile\/tablet, but stays in right column on desktop -->\n <div class=\"mobile-chart-section\">\n <!-- This will be filled by JavaScript for mobile\/tablet -->\n <\/div>\n \n <!-- This section will show after chart on mobile but stays here on desktop -->\n <div class=\"desktop-only-order\">\n <p class=\"hero-description\">\n Nuvix revoluciona el an\u00e1lisis de datos con tecnolog\u00eda de IA propia que procesa millones de puntos de datos 24\/7, identificando patrones y oportunidades con una precisi\u00f3n sin precedentes.\n <\/p>\n \n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">\u00cdndice de precisi\u00f3n<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">An\u00e1lisis de IA<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">Fuentes de datos<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Propietario<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- CTA Buttons - Fixed on mobile, normal on desktop -->\n <div class=\"cta-buttons desktop-inline\">\n <a href=\"https:\/\/nuvix.com\/es\/landing\/\" class=\"btn btn-primary\">\n SABER M\u00c1S <i class=\"las la-arrow-right\"><\/i>\n <\/a>\n <a href=\"https:\/\/nuvix.com\/es\/landing\/\" class=\"btn btn-secondary desktop-only\">\n VER DEMO\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Chart visualization - Hidden on mobile (moved up), visible on desktop -->\n <div class=\"chart-container desktop-chart\">\n <div class=\"floating-circle\"><\/div>\n <div class=\"floating-circle\"><\/div>\n \n <div class=\"chart-header\">\n <span class=\"chart-title\">\n <span class=\"live-dot\"><\/span>\n AN\u00c1LISIS EN TIEMPO REAL\n <\/span>\n <div class=\"chart-controls\">\n <span class=\"chart-control\"><\/span>\n <span class=\"chart-control\"><\/span>\n <span class=\"chart-control\"><\/span>\n <\/div>\n <\/div>\n \n <div class=\"chart-wrapper\">\n <div class=\"chart-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">VOL:<\/span>\n <span class=\"metric-value\" id=\"volume\">2.4M<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">TENDENCIA:<\/span>\n <span class=\"metric-value positive\" id=\"trend\">+5.2%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">RSI:<\/span>\n <span class=\"metric-value\" id=\"rsi\">67.8<\/span>\n <\/div>\n <\/div>\n <div class=\"pattern-detected\" id=\"patternAlert\">\n Patr\u00f3n detectado\n <\/div>\n <canvas id=\"tradingChart\"><\/canvas>\n <\/div>\n \n <div class=\"ai-features\">\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <span>Reconocimiento de patrones<\/span>\n <\/div>\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-shield-alt\"><\/i>\n <\/div>\n <span>Evaluaci\u00f3n de riesgos<\/span>\n <\/div>\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-crosshairs\"><\/i>\n <\/div>\n <span>An\u00e1lisis de precisi\u00f3n<\/span>\n <\/div>\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <span>Aprendizaje profundo<\/span>\n <\/div>\n <\/div>\n \n <div class=\"status-indicator\">\n <span class=\"status-dot\"><\/span>\n AI ANALIZANDO DATOS EN TIEMPO REAL\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Canvas animation script\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Global animation variables\n let animationId = null;\n let time = 0;\n let candleData = [];\n let candleCount = 20;\n let isAnimating = false;\n let isScrolling = false;\n let scrollTimeout = null;\n let chartInitialized = false;\n \n \/\/ Clone chart for mobile\/tablet layout\n function handleResponsiveChart() {\n const mobileChartSection = document.querySelector('.mobile-chart-section');\n const desktopChart = document.querySelector('.desktop-chart');\n \n if (!mobileChartSection || !desktopChart) return;\n \n if (window.innerWidth < 1024) {\n \/\/ Clone chart to mobile position if not already there\n if (!mobileChartSection.querySelector('.chart-container')) {\n const chartClone = desktopChart.innerHTML;\n const newContainer = document.createElement('div');\n newContainer.className = 'chart-container mobile-chart';\n newContainer.innerHTML = chartClone;\n mobileChartSection.appendChild(newContainer);\n \n \/\/ Reinitialize canvas after cloning\n setTimeout(() => {\n initializeAllCanvases();\n if (!isAnimating) {\n startAnimation();\n }\n }, 100);\n }\n } else {\n \/\/ Clean up mobile chart on desktop\n mobileChartSection.innerHTML = '';\n \/\/ Reinitialize desktop canvas\n setTimeout(() => {\n initializeAllCanvases();\n if (!isAnimating) {\n startAnimation();\n }\n }, 100);\n }\n }\n \n \/\/ Initialize all canvases\n function initializeAllCanvases() {\n const allCanvases = document.querySelectorAll('#tradingChart');\n allCanvases.forEach(canvas => {\n const container = canvas.parentElement;\n if (container) {\n \/\/ Set canvas size based on container\n const rect = container.getBoundingClientRect();\n if (rect.width > 0) {\n canvas.width = rect.width;\n canvas.height = window.innerWidth < 768 ? 250 : 300;\n }\n }\n });\n \n \/\/ Initialize data if not already done\n if (!chartInitialized) {\n updateCandleCount();\n initCandleData();\n chartInitialized = true;\n }\n }\n \n function updateCandleCount() {\n const newCount = window.innerWidth < 480 ? 12 : window.innerWidth < 768 ? 15 : 20;\n if (newCount !== candleCount) {\n candleCount = newCount;\n initCandleData();\n }\n }\n \n function initCandleData() {\n candleData = [];\n for (let i = 0; i < candleCount; i++) {\n candleData.push({\n open: 50 + Math.random() * 50,\n close: 50 + Math.random() * 50,\n high: 80 + Math.random() * 20,\n low: 30 + Math.random() * 20,\n baseOpen: 50 + Math.random() * 50,\n baseClose: 50 + Math.random() * 50\n });\n }\n }\n \n function updateMetrics() {\n \/\/ Update all metric elements (both mobile and desktop versions)\n document.querySelectorAll('#volume').forEach(el => {\n if (el) el.textContent = (1.5 + Math.sin(time * 0.02) * 0.5).toFixed(1) + 'M';\n });\n \n const trendValue = (Math.sin(time * 0.01) * 10).toFixed(1);\n document.querySelectorAll('#trend').forEach(el => {\n if (el) {\n el.textContent = (trendValue >= 0 ? '+' : '') + trendValue + '%';\n el.className = 'metric-value ' + (trendValue >= 0 ? 'positive' : 'negative');\n }\n });\n \n document.querySelectorAll('#rsi').forEach(el => {\n if (el) el.textContent = (50 + Math.sin(time * 0.015) * 30).toFixed(1);\n });\n \n if (time % 300 === 0) {\n document.querySelectorAll('#patternAlert').forEach(el => {\n if (el) {\n el.classList.add('active');\n setTimeout(() => el.classList.remove('active'), 3000);\n }\n });\n }\n }\n \n function drawOnCanvas(canvas) {\n if (!canvas || canvas.width === 0 || canvas.height === 0) return;\n \n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n \n \/\/ Clear canvas\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n \/\/ Draw grid\n ctx.strokeStyle = 'rgba(159, 57, 255, 0.05)';\n ctx.lineWidth = 0.5;\n \n \/\/ Horizontal lines\n for (let i = 0; i <= 5; i++) {\n const y = (canvas.height \/ 5) * i;\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(canvas.width, y);\n ctx.stroke();\n }\n \n \/\/ Vertical lines\n for (let i = 0; i <= candleCount; i++) {\n const x = (canvas.width \/ candleCount) * i;\n ctx.beginPath();\n ctx.moveTo(x, 0);\n ctx.lineTo(x, canvas.height);\n ctx.stroke();\n }\n \n \/\/ Draw candlesticks\n const candleWidth = canvas.width \/ candleCount;\n \n candleData.forEach((candle, index) => {\n const x = index * candleWidth + candleWidth \/ 2;\n \n \/\/ Animate candle values\n if (!isScrolling) {\n candle.close = candle.baseClose + Math.sin(time * 0.01 + index) * 2;\n candle.open = candle.baseOpen + Math.cos(time * 0.01 + index) * 1.5;\n }\n \n const isGreen = candle.close > candle.open;\n const color = isGreen ? '#10b981' : '#ef4444';\n \n \/\/ Draw wick\n ctx.strokeStyle = color;\n ctx.lineWidth = window.innerWidth < 480 ? 1 : 2;\n ctx.beginPath();\n ctx.moveTo(x, canvas.height - (candle.high * 2.5));\n ctx.lineTo(x, canvas.height - (candle.low * 2.5));\n ctx.stroke();\n \n \/\/ Draw body\n ctx.fillStyle = color;\n const bodyTop = Math.max(candle.open, candle.close);\n const bodyBottom = Math.min(candle.open, candle.close);\n const bodyHeight = (bodyTop - bodyBottom) * 2.5;\n \n ctx.fillRect(\n x - candleWidth * 0.3,\n canvas.height - (bodyTop * 2.5),\n candleWidth * 0.6,\n bodyHeight || 2\n );\n });\n \n \/\/ Draw moving average line\n ctx.strokeStyle = 'rgba(159, 57, 255, 0.4)';\n ctx.lineWidth = 2;\n ctx.beginPath();\n \n for (let i = 0; i < candleCount; i++) {\n const x = i * candleWidth + candleWidth \/ 2;\n const avg = (candleData[i].open + candleData[i].close) \/ 2;\n const y = canvas.height - (avg * 2.5);\n \n if (i === 0) ctx.moveTo(x, y);\n else ctx.lineTo(x, y);\n }\n ctx.stroke();\n \n \/\/ Draw scan line animation\n if (!isScrolling) {\n const scanX = (time * 2) % canvas.width;\n const gradient = ctx.createLinearGradient(scanX - 30, 0, scanX + 30, 0);\n gradient.addColorStop(0, 'rgba(0, 180, 216, 0)');\n gradient.addColorStop(0.5, 'rgba(0, 180, 216, 0.2)');\n gradient.addColorStop(1, 'rgba(0, 180, 216, 0)');\n \n ctx.strokeStyle = gradient;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(scanX, 0);\n ctx.lineTo(scanX, canvas.height);\n ctx.stroke();\n }\n }\n \n function drawChart() {\n \/\/ Draw on all visible canvases\n const allCanvases = document.querySelectorAll('#tradingChart');\n \n allCanvases.forEach(canvas => {\n \/\/ Check if canvas is visible\n const rect = canvas.getBoundingClientRect();\n if (rect.width > 0 && rect.height > 0) {\n drawOnCanvas(canvas);\n }\n });\n \n \/\/ Update metrics\n updateMetrics();\n \n \/\/ Increment time\n time++;\n \n \/\/ Continue animation\n if (isAnimating) {\n animationId = requestAnimationFrame(drawChart);\n }\n }\n \n function startAnimation() {\n if (!isAnimating) {\n isAnimating = true;\n drawChart();\n }\n }\n \n function stopAnimation() {\n isAnimating = false;\n if (animationId) {\n cancelAnimationFrame(animationId);\n animationId = null;\n }\n }\n \n function handleScroll() {\n isScrolling = true;\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(() => {\n isScrolling = false;\n }, 150);\n }\n \n \/\/ Initialize\n function init() {\n handleResponsiveChart();\n initializeAllCanvases();\n startAnimation();\n }\n \n \/\/ Event listeners\n window.addEventListener('scroll', handleScroll, { passive: true });\n \n \/\/ Handle resize\n let resizeTimeout;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(function() {\n stopAnimation();\n handleResponsiveChart();\n updateCandleCount();\n initializeAllCanvases();\n startAnimation();\n }, 250);\n });\n \n \/\/ Handle visibility change\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n stopAnimation();\n } else {\n startAnimation();\n }\n });\n \n \/\/ Handle page show\/hide (iOS)\n window.addEventListener('pageshow', function(event) {\n if (!event.persisted) {\n init();\n } else {\n startAnimation();\n }\n });\n \n window.addEventListener('pagehide', function() {\n stopAnimation();\n });\n \n \/\/ Initialize with a small delay to ensure DOM is ready\n setTimeout(init, 100);\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-e56627e e-con-full e-flex e-con e-parent\" data-id=\"e56627e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e12a308 elementor-widget elementor-widget-html\" data-id=\"e12a308\" 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<footer style=\"background: rgba(0, 0, 0, 0.3); padding: 30px 20px; margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n <div style=\"max-width: 1200px; margin: 0 auto; text-align: center;\">\n <p style=\"color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1.6; margin-bottom: 15px;\">\n <strong>DESCARGO DE RESPONSABILIDAD:<\/strong> Nuvix AI es una plataforma tecnol\u00f3gica educativa que proporciona herramientas de reconocimiento de patrones y an\u00e1lisis de datos. Los resultados mostrados se basan en an\u00e1lisis de datos hist\u00f3ricos y no garantizan rendimientos futuros. El uso de la tecnolog\u00eda de IA en cualquier proceso de toma de decisiones implica un riesgo, y los resultados pasados no son indicativos de resultados futuros.\n <\/p>\n \n <p style=\"color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1.6; margin-bottom: 15px;\">\n <strong>ADVERTENCIA DE RIESGO:<\/strong> Cualquier forma de an\u00e1lisis de datos, ya sea para mercados financieros, juegos u otras aplicaciones, conlleva riesgos inherentes. Los usuarios deben llevar a cabo su propia investigaci\u00f3n y buscar asesoramiento profesional antes de tomar cualquier decisi\u00f3n. Nuvix AI no proporciona asesoramiento financiero, de inversi\u00f3n o de juego.\n <\/p>\n \n <p style=\"color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1.6; margin-bottom: 15px;\">\n <strong>SIN GARANT\u00cdAS:<\/strong> No ofrecemos ninguna garant\u00eda sobre la exactitud, integridad o idoneidad de nuestro an\u00e1lisis de IA para un fin determinado. Los resultados individuales pueden variar significativamente. La plataforma se proporciona \"tal cual\", \u00fanicamente con fines educativos e informativos.\n <\/p>\n \n <p style=\"color: rgba(255, 255, 255, 0.5); font-size: 11px; line-height: 1.6;\">\n 2025 Nuvix AI. Todos los derechos reservados. | No afiliado con Meta, Facebook, o cualquier instituci\u00f3n financiera. | \n <a href=\"https:\/\/nuvix.com\/es\/privacy-policy-en\/\" style=\"color: #00b4d8; text-decoration: none;\">Pol\u00edtica de privacidad<\/a> | \n <a href=\"https:\/\/nuvix.com\/es\/terms-of-use-en\/\" style=\"color: #00b4d8; text-decoration: none;\">Condiciones de uso<\/a>\n <\/p>\n <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba45d4e elementor-widget elementor-widget-shortcode\" data-id=\"ba45d4e\" 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 modern-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 – Advanced Pattern Recognition Technology Our Intelligence, Your Advantage AI-Powered Pattern Recognition Analysis Platform Nuvix revolutionizes data analysis with proprietary AI technology that processes millions of data points 24\/7, identifying patterns and opportunities with unprecedented accuracy. 95% Accuracy Rate 24\/7 AI Analysis 8+ Data Sources 100% Proprietary LEARN MORE WATCH DEMO REAL-TIME ANALYSIS […]","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-41913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41913","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=41913"}],"version-history":[{"count":101,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41913\/revisions"}],"predecessor-version":[{"id":42123,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41913\/revisions\/42123"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/media?parent=41913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}