Nuvix Header - Enhanced Light Theme<\/title>\n \n \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 SCOPED HEADER STYLES\n All styles prefixed with .nuvix-header\n to avoid conflicts with external styles\n ================================ *\/\n\n .nuvix-header-wrapper {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n }\n\n \/* Enhanced Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-header-wrapper {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(159, 57, 255, 0.06);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-border-color: rgba(159, 57, 255, 0.15);\n --nuvix-hover-bg: rgba(124, 58, 237, 0.08);\n }\n\n \/* Header Container *\/\n .nuvix-header-wrapper {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.8);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n min-height: 60px;\n height: auto;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper {\n background: rgba(255, 255, 255, 0.95);\n border-bottom: 2px solid rgba(159, 57, 255, 0.12);\n box-shadow: 0 2px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-header-wrapper.scrolled {\n background: rgba(10, 14, 39, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: 0 4px 20px rgba(124, 58, 237, 0.15);\n border-bottom-color: rgba(159, 57, 255, 0.2);\n }\n\n \/* Navigation *\/\n .nuvix-header-wrapper .nuvix-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 1rem;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n min-height: 60px;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 1.5rem;\n flex-wrap: nowrap;\n gap: 0.75rem;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 2rem;\n }\n }\n\n \/* Logo *\/\n .nuvix-header-wrapper .nuvix-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n flex-shrink: 0;\n }\n\n .nuvix-header-wrapper .nuvix-logo a {\n display: flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo img {\n height: 35px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo a:hover img {\n opacity: 0.85;\n transform: scale(1.02);\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 40px;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 45px;\n }\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-logo img {\n filter: drop-shadow(0 2px 8px rgba(124, 58, 237, 0.25));\n }\n\n \/* Desktop Navigation Links *\/\n .nuvix-header-wrapper .nuvix-nav-links {\n display: none;\n gap: clamp(0.3rem, 0.8vw, 1rem);\n align-items: center;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n display: flex;\n }\n }\n\n @media (min-width: 1400px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: clamp(0.75rem, 1.2vw, 1.5rem);\n }\n }\n\n \/* Navigation Link Styles *\/\n .nuvix-header-wrapper .nuvix-nav-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: clamp(0.7rem, 0.9vw, 0.95rem);\n padding: 0.25rem clamp(0.25rem, 0.5vw, 0.75rem);\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.75rem, 1vw, 1rem);\n }\n }\n\n @media (min-width: 1600px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.85rem, 1vw, 1.05rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--nuvix-primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a:hover::after {\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-nav-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n \/* Compact Mode *\/\n @media (min-width: 1024px) and (max-width: 1199px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: 0.4rem;\n }\n \n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.65rem, 0.85vw, 0.85rem);\n padding: 0.25rem 0.3rem;\n }\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links {\n gap: 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links a {\n font-size: 0.7rem;\n padding: 0.2rem 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links .nuvix-btn {\n padding: 0.4rem 0.8rem;\n font-size: 0.7rem;\n }\n\n \/* Theme Toggle Button *\/\n .nuvix-header-wrapper .nuvix-theme-toggle {\n background: transparent;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n width: clamp(35px, 5vw, 40px);\n height: clamp(35px, 5vw, 40px);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n color: var(--nuvix-text-light);\n padding: 0;\n flex-shrink: 0;\n outline: none;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n border-color: var(--nuvix-accent-blue);\n background: rgba(255, 255, 255, 0.1);\n transform: rotate(15deg);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n transform: rotate(15deg) scale(1.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:active {\n transform: rotate(15deg) scale(0.95);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle i {\n font-size: clamp(1rem, 1.5vw, 1.25rem);\n transition: transform 0.5s ease;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle i {\n transform: rotate(180deg);\n color: #f59e0b;\n }\n\n \/* Buttons *\/\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: clamp(0.75rem, 1vw, 0.9rem);\n white-space: nowrap;\n text-align: center;\n flex-shrink: 0;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.6rem, 1.2vw, 0.875rem) clamp(1.25rem, 2.2vw, 2rem);\n font-size: clamp(0.8rem, 1.1vw, 0.95rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary:hover {\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n transform: translateY(-3px);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Mobile Navigation Container *\/\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: none;\n }\n }\n\n \/* Hamburger Menu *\/\n .nuvix-header-wrapper .nuvix-hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n cursor: pointer;\n z-index: 1002;\n padding: 5px;\n background: transparent;\n border: none;\n outline: none;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--nuvix-text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n }\n\n \/* Mobile Menu Overlay *\/\n .nuvix-mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(10, 14, 39, 0.98);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n }\n\n .nuvix-mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n font-size: clamp(1.25rem, 4vw, 1.5rem);\n font-weight: 600;\n transition: all 0.3s ease;\n padding: 0.5rem 1rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-blue);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 300px;\n }\n\n \/* Locale Switcher *\/\n .nuvix-header-wrapper .nuvix-locale-switcher-wrapper {\n display: flex;\n align-items: center;\n min-width: fit-content;\n flex-shrink: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-header-wrapper\" id=\"nuvixHeader\">\n <nav class=\"nuvix-nav\">\n <div class=\"nuvix-logo\">\n <img decoding=\"async\" id=\"nuvixLogoImg\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n <\/div>\n \n \n <div class=\"nuvix-nav-links\">\n <a href=\"\/es\/index.html\/\">Inicio<\/a>\n <a href=\"\/es\/markets.html\/\">Mercados<\/a>\n <a href=\"\/es\/technology.html\/\">Tecnolog\u00eda de IA<\/a>\n <a href=\"\/es\/business.html\/\">Negocio<\/a>\n <a href=\"\/es\/packages.html\/\">Paquetes<\/a>\n <a href=\"\/es\/demo.html\/\">Demo<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\">Iniciar sesi\u00f3n<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIcon\"><\/i>\n <\/button>\n \n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcher\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\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 <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comenzar<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Comenzar<\/a>\n <div class=\"nuvix-hamburger\" id=\"nuvixHamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n <\/nav>\n<\/div>\n\n\n<div class=\"nuvix-mobile-menu\" id=\"nuvixMobileMenu\">\n <div class=\"nuvix-mobile-menu-content\">\n <div class=\"nuvix-mobile-menu-links\">\n <a href=\"\/es\/index.html\/\">Inicio<\/a>\n <a href=\"\/es\/markets.html\/\">Mercados<\/a>\n <a href=\"\/es\/technology.html\/\">Tecnolog\u00eda de IA<\/a>\n <a href=\"\/es\/business.html\/\">Negocio<\/a>\n <a href=\"\/es\/packages.html\/\">Paquetes<\/a>\n <a href=\"\/es\/demo.html\/\">Demo<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Empezar ahora<\/a>\n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcherMobile\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\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 <\/center><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ================================\n\/\/ NUVIX HEADER SCRIPTS\n\/\/ All namespaced to avoid conflicts\n\/\/ ================================\n(function() {\n 'use strict';\n \n \/\/ Logo URLs\n const LOGO_DARK = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png';\n const LOGO_LIGHT = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png';\n \n \/\/ Theme Toggle\n const themeToggle = document.getElementById('nuvixThemeToggle');\n const themeToggleMobile = document.getElementById('nuvixThemeToggleMobile');\n const themeIcon = document.getElementById('nuvixThemeIcon');\n const themeIconMobile = document.getElementById('nuvixThemeIconMobile');\n const logoImg = document.getElementById('nuvixLogoImg');\n const body = document.body;\n\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n \n if (currentTheme === 'light') {\n body.classList.add('nuvix-light-theme');\n updateThemeElements('light');\n }\n\n function toggleTheme() {\n body.classList.toggle('nuvix-light-theme');\n \n const theme = body.classList.contains('nuvix-light-theme') ? 'light' : 'dark';\n localStorage.setItem('nuvixTheme', theme);\n updateThemeElements(theme);\n }\n\n function updateThemeElements(theme) {\n \/\/ Update icons\n const iconClass = theme === 'light' ? 'la-sun' : 'la-moon';\n \n if (themeIcon) {\n themeIcon.className = 'las ' + iconClass;\n }\n if (themeIconMobile) {\n themeIconMobile.className = 'las ' + iconClass;\n }\n \n \/\/ Update logo\n if (logoImg) {\n logoImg.src = theme === 'light' ? LOGO_LIGHT : LOGO_DARK;\n }\n }\n\n if (themeToggle) {\n themeToggle.addEventListener('click', toggleTheme);\n }\n if (themeToggleMobile) {\n themeToggleMobile.addEventListener('click', toggleTheme);\n }\n\n \/\/ Mobile Navigation\n const hamburger = document.getElementById('nuvixHamburger');\n const mobileMenu = document.getElementById('nuvixMobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.nuvix-mobile-menu .nuvix-mobile-menu-links a');\n\n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n\n \/\/ Header Scroll Effect\n const header = document.getElementById('nuvixHeader');\n let lastScroll = 0;\n\n window.addEventListener('scroll', function() {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Dynamic Header Size Adjustment\n function checkHeaderOverflow() {\n if (window.innerWidth < 1024) return;\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n \n if (!navLinks) return;\n \n let totalWidth = 0;\n const items = navLinks.children;\n \n for (let item of items) {\n totalWidth += item.offsetWidth;\n }\n \n totalWidth += (items.length - 1) * 16;\n \n const nav = header.querySelector('.nuvix-nav');\n const navWidth = nav.offsetWidth;\n const logoWidth = header.querySelector('.nuvix-logo').offsetWidth;\n const availableWidth = navWidth - logoWidth - 100;\n \n if (totalWidth > availableWidth) {\n header.classList.add('compact-mode');\n } else {\n header.classList.remove('compact-mode');\n }\n }\n \n window.addEventListener('load', checkHeaderOverflow);\n \n let resizeTimer;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(checkHeaderOverflow, 250);\n });\n \n const observer = new MutationObserver(function() {\n setTimeout(checkHeaderOverflow, 100);\n });\n \n const targetNode = header.querySelector('.nuvix-locale-switcher-wrapper');\n if (targetNode) {\n observer.observe(targetNode, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n if (navLinks) {\n observer.observe(navLinks, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n\n \/\/ WordPress Integration\n function setupMyAccountButtons() {\n const isLoggedIn = window.wpUserLoggedIn || document.body.classList.contains('logged-in');\n \n if (!isLoggedIn) return;\n \n const myAccountUrl = window.wpMyAccountUrl || '\/my-account\/';\n const logoutUrl = window.wpLogoutUrl || '\/wp-login.php?action=logout';\n const currentLang = window.wpCurrentLang || '';\n \n let finalMyAccountUrl = myAccountUrl;\n if (currentLang && currentLang !== 'en' && !myAccountUrl.includes('\/' + currentLang + '\/')) {\n if (myAccountUrl.startsWith('\/')) {\n finalMyAccountUrl = '\/' + currentLang + myAccountUrl;\n }\n }\n \n const loginLinks = header.querySelectorAll('a[href*=\"c_login\"]');\n loginLinks.forEach(link => {\n link.textContent = 'Log Out';\n link.href = logoutUrl;\n });\n \n const getStartedButtons = header.querySelectorAll('.nuvix-btn-primary[href*=\"packages\"]');\n getStartedButtons.forEach(button => {\n button.textContent = 'My Account';\n button.href = finalMyAccountUrl;\n });\n }\n \n setupMyAccountButtons();\n document.addEventListener('DOMContentLoaded', setupMyAccountButtons);\n setTimeout(setupMyAccountButtons, 1000);\n})();\n<\/script>\n\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-d6fdd5f e-con-full e-flex e-con e-parent\" data-id=\"d6fdd5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7973853 elementor-widget elementor-widget-html\" data-id=\"7973853\" 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\">\n <title>Nuvix Hero - Enhanced Light Theme<\/title>\n \n \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 ELEMENTOR OPTIMIZED - FULL WIDTH NO GAPS\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-hero-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n --nuvix-success-green: #10b981;\n }\n\n \/* Enhanced Professional Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-hero-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.85);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-success-green: #059669;\n --nuvix-border-color: rgba(124, 58, 237, 0.15);\n --nuvix-shadow-color: rgba(124, 58, 237, 0.1);\n }\n\n \/* CRITICAL: Remove ALL gaps for Elementor - Full width edge to edge *\/\n .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Remove gaps from Elementor parent containers *\/\n .elementor-section > .nuvix-hero-section,\n .elementor-container > .nuvix-hero-section,\n .elementor-widget-wrap > .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Force all child elements to respect box-sizing *\/\n .nuvix-hero-section,\n .nuvix-hero-section * {\n box-sizing: border-box !important;\n }\n\n \/* Hero Section Container *\/\n .nuvix-hero-section .nuvix-hero-wrapper {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5rem 1rem 3rem;\n overflow: hidden;\n background-color: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n margin: 0;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-wrapper {\n padding: 6rem 2rem 4rem;\n }\n }\n\n \/* Animated Background *\/\n .nuvix-hero-section .nuvix-bg-animation {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n overflow: hidden;\n pointer-events: none;\n }\n\n .nuvix-hero-section .nuvix-bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 0, 110, 0.05) 0%, transparent 50%);\n animation: nuvixRotate 30s linear infinite;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-bg-animation::before {\n background: radial-gradient(circle at 20% 50%, rgba(124, 58, 237, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(2, 132, 199, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(225, 29, 72, 0.08) 0%, transparent 50%);\n }\n\n @keyframes nuvixRotate {\n to { transform: rotate(360deg); }\n }\n\n \/* Neural Network SVG *\/\n .nuvix-hero-section .nuvix-neural-network {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-neural-network {\n opacity: 0.08;\n }\n\n .nuvix-hero-section .nuvix-neural-path {\n stroke: var(--nuvix-accent-purple);\n stroke-width: 0.5;\n fill: none;\n animation: nuvixPulsePath 3s ease-in-out infinite;\n }\n\n @keyframes nuvixPulsePath {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating Particles *\/\n .nuvix-hero-section .nuvix-particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n animation: nuvixFloat 20s infinite linear;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-particle {\n background: rgba(124, 58, 237, 0.4);\n }\n\n @keyframes nuvixFloat {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Container *\/\n .nuvix-hero-section .nuvix-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n\n \/* Hero Content Grid *\/\n .nuvix-hero-section .nuvix-hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-hero-section .nuvix-hero-content {\n gap: 4rem;\n }\n }\n\n \/* Hero Text *\/\n .nuvix-hero-section .nuvix-hero-text {\n text-align: center;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text {\n text-align: left;\n padding: 0;\n }\n }\n\n \/* Tagline *\/\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1rem;\n color: var(--nuvix-accent-blue);\n margin-bottom: 0.75rem;\n font-style: italic;\n font-weight: 500;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-tagline {\n font-weight: 600;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1.2rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Main Heading *\/\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(1.75rem, 4vw, 4.5rem);\n font-weight: 800;\n margin: 0 0 1rem 0;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixGradientShift 3s ease infinite;\n line-height: 1.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text h1 {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 40%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n @keyframes nuvixGradientShift {\n 0%, 100% { filter: hue-rotate(0deg); }\n 50% { filter: hue-rotate(30deg); }\n }\n\n \/* Paragraph *\/\n .nuvix-hero-section .nuvix-hero-text p {\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n margin: 0 0 1.5rem 0;\n opacity: 0.9;\n line-height: 1.6;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text p {\n opacity: 0.85;\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text p {\n margin-bottom: 2rem;\n }\n }\n\n \/* Hero Stats *\/\n .nuvix-hero-section .nuvix-hero-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin: 1.5rem 0;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-hero-stats {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-stats {\n justify-content: flex-start;\n gap: 2rem;\n margin: 2rem 0;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-item {\n text-align: center;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 110px;\n padding: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 120px;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.5rem;\n font-weight: 800;\n background: var(--nuvix-primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.75rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-top: 0.25rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-label {\n font-weight: 500;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.875rem;\n }\n }\n\n \/* CTA Buttons *\/\n .nuvix-hero-section .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n }\n\n \/* Buttons *\/\n .nuvix-hero-section .nuvix-btn {\n padding: 0.875rem 2rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* AI Visual *\/\n .nuvix-hero-section .nuvix-ai-visual {\n position: relative;\n animation: nuvixFloatSlow 6s ease-in-out infinite;\n width: 100%;\n margin-top: 2rem;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-ai-visual {\n margin-top: 0;\n padding: 0;\n }\n }\n\n @keyframes nuvixFloatSlow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n \/* Chart Preview *\/\n .nuvix-hero-section .nuvix-chart-preview {\n background: var(--nuvix-card-bg);\n border-radius: 20px;\n padding: 1.5rem 1rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-chart-preview {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 12px 40px rgba(124, 58, 237, 0.18);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-preview {\n padding: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-chart-preview::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--nuvix-primary-gradient);\n animation: nuvixScan 2s ease-in-out infinite;\n }\n\n @keyframes nuvixScan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n \/* AI Features Preview Grid *\/\n .nuvix-hero-section .nuvix-ai-features-preview {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-ai-features-preview {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 0.75rem;\n border-radius: 10px;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--nuvix-text-light);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(124, 58, 237, 0.06);\n border: 1px solid rgba(124, 58, 237, 0.1);\n font-weight: 500;\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: rgba(124, 58, 237, 0.2);\n transform: translateX(8px);\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item i {\n color: var(--nuvix-success-green);\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n \/* Canvas Container *\/\n .nuvix-hero-section .nuvix-chart-container {\n height: 300px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-container {\n height: 350px;\n }\n }\n\n .nuvix-hero-section #nuvixChart {\n max-width: 100%;\n height: auto;\n }\n\n \/* Live Status *\/\n .nuvix-hero-section .nuvix-live-status {\n text-align: center;\n margin-top: 1.5rem;\n }\n\n .nuvix-hero-section .nuvix-pulse {\n color: var(--nuvix-success-green);\n font-weight: bold;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-pulse {\n font-weight: 700;\n }\n\n .nuvix-hero-section .nuvix-pulse i {\n animation: nuvixPulse 2s ease-in-out infinite;\n }\n\n @keyframes nuvixPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Value Propositions *\/\n .nuvix-hero-section .nuvix-value-props {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-value-props {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n .nuvix-hero-section .nuvix-value-prop {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop {\n background: rgba(255, 255, 255, 0.9);\n border: 2px solid rgba(124, 58, 237, 0.12);\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.25);\n }\n\n .nuvix-hero-section .nuvix-value-prop i {\n color: var(--nuvix-accent-blue);\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text {\n flex: 1;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text h3 {\n font-size: 0.95rem;\n font-weight: 700;\n margin: 0 0 0.25rem 0;\n color: var(--nuvix-text-light);\n }\n\n .nuvix-hero-section .nuvix-value-prop-text p {\n font-size: 0.85rem;\n opacity: 0.8;\n margin: 0;\n line-height: 1.4;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop-text p {\n opacity: 0.75;\n font-weight: 450;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-hero-section\">\n <div class=\"nuvix-hero-wrapper\">\n \n <div class=\"nuvix-bg-animation\">\n <svg class=\"nuvix-neural-network\" viewbox=\"0 0 1920 1080\">\n <path class=\"nuvix-neural-path\" d=\"M0,500 Q480,400 960,500 T1920,500\" \/>\n <path class=\"nuvix-neural-path\" d=\"M200,300 Q680,200 1160,300 T1920,300\" \/>\n <path class=\"nuvix-neural-path\" d=\"M100,700 Q580,600 1060,700 T1920,700\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"nuvix-container\">\n <div class=\"nuvix-hero-content\">\n \n <div class=\"nuvix-hero-text\">\n <p class=\"nuvix-tagline\">Nuvix: donde la inteligencia artificial se une a la oportunidad<\/p>\n <h1>El futuro del trading ya est\u00e1 aqu\u00ed: An\u00e1lisis de mercados basados en IA<\/h1>\n <p>Nuvix revoluciona el trading con tecnolog\u00eda propia de IA que analiza los mercados 24\/7, identificando patrones invisibles para los traders humanos. \u00danete a la \u00e9lite 5% que ganan constantemente con nuestra inteligencia artificial avanzada.<\/p>\n \n \n <div class=\"nuvix-hero-stats\">\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">24\/7<\/span>\n <span class=\"nuvix-stat-label\">An\u00e1lisis de IA<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">Mercados<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propietario<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comenzar<\/a>\n <a href=\"\/es\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Ver demostraci\u00f3n<\/a>\n <\/div>\n\n \n <div class=\"nuvix-value-props\" style=\"margin-top: 2rem;\">\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-shield-alt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>100% Seguro<\/h3>\n <p>La encriptaci\u00f3n de grado militar protege tus datos<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-bolt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>En tiempo real<\/h3>\n <p>An\u00e1lisis instant\u00e1neo de todos los mercados<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-chart-line\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>95% Precisi\u00f3n<\/h3>\n <p>Historial probado de predicciones<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-ai-visual\">\n <div class=\"nuvix-chart-preview\">\n <div class=\"nuvix-chart-container\">\n <canvas id=\"nuvixChart\" width=\"500\" height=\"300\"><\/canvas>\n <\/div>\n \n <div class=\"nuvix-ai-features-preview\">\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-chart-line\"><\/i>\n Reconocimiento de patrones\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Evaluaci\u00f3n de riesgos\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Puntos de entrada\/salida\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimiento del mercado\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> AI ANALIZANDO EN TIEMPO REAL\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n const heroSection = document.querySelector('.nuvix-hero-section');\n const bgAnimation = heroSection.querySelector('.nuvix-bg-animation');\n const particleCount = window.innerWidth > 768 ? 20 : 10;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'nuvix-particle';\n particle.style.width = Math.random() * 5 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 20 + 's';\n particle.style.animationDuration = Math.random() * 20 + 20 + 's';\n bgAnimation.appendChild(particle);\n }\n \n const canvas = document.getElementById('nuvixChart');\n if (!canvas) return;\n\n const ctx = canvas.getContext('2d');\n let time = 0;\n let patterns = [];\n let animationId;\n let isVisible = true;\n\n for (let i = 0; i < 5; i++) {\n patterns.push({\n x: Math.random() * 500,\n y: Math.random() * 300,\n radius: Math.random() * 30 + 20,\n growth: Math.random() * 0.5 + 0.5\n });\n }\n\n function drawChart() {\n if (!isVisible) {\n animationId = requestAnimationFrame(drawChart);\n return;\n }\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n const isLightTheme = document.body.classList.contains('nuvix-light-theme');\n const gridColor = isLightTheme ? 'rgba(124, 58, 237, 0.08)' : 'rgba(255, 255, 255, 0.05)';\n const lineColor = isLightTheme ? 'rgba(124, 58, 237, 0.4)' : 'rgba(159, 57, 255, 0.3)';\n \n ctx.strokeStyle = gridColor;\n ctx.lineWidth = 1;\n for (let i = 0; i < 10; i++) {\n ctx.beginPath();\n ctx.moveTo(0, i * 30);\n ctx.lineTo(500, i * 30);\n ctx.stroke();\n \n ctx.beginPath();\n ctx.moveTo(i * 50, 0);\n ctx.lineTo(i * 50, 300);\n ctx.stroke();\n }\n\n ctx.strokeStyle = lineColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.moveTo(0, 150);\n for (let x = 0; x < 500; x += 5) {\n const y = 150 + Math.sin((x + time) * 0.02) * 50 + Math.sin((x + time) * 0.05) * 30;\n ctx.lineTo(x, y);\n }\n ctx.stroke();\n\n for (let i = 0; i < 25; i++) {\n const x = i * 20 + 10;\n const height = Math.sin(i * 0.5 + time * 0.01) * 30 + 40;\n const y = 150 + Math.sin(i * 0.3 + time * 0.02) * 50;\n \n const isGreen = Math.sin(i + time * 0.01) > 0;\n const greenColor = isLightTheme ? '#059669' : '#10b981';\n const redColor = isLightTheme ? '#dc2626' : '#ef4444';\n ctx.fillStyle = isGreen ? greenColor : redColor;\n ctx.fillRect(x - 6, y - height\/2, 12, height);\n \n ctx.strokeStyle = ctx.fillStyle;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(x, y - height\/2 - 10);\n ctx.lineTo(x, y + height\/2 + 10);\n ctx.stroke();\n }\n\n patterns.forEach(pattern => {\n const pulseRadius = pattern.radius + Math.sin(time * 0.05) * 5;\n const circleColor = isLightTheme ? 'rgba(2, 132, 199, 0.35)' : 'rgba(0, 180, 216, 0.3)';\n const innerCircleColor = isLightTheme ? 'rgba(2, 132, 199, 0.5)' : 'rgba(0, 180, 216, 0.5)';\n \n ctx.strokeStyle = circleColor;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius * 1.5, 0, Math.PI * 2);\n ctx.stroke();\n \n ctx.strokeStyle = innerCircleColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius, 0, Math.PI * 2);\n ctx.stroke();\n \n pattern.x += Math.sin(time * 0.01) * 0.5;\n pattern.y += Math.cos(time * 0.01) * 0.3;\n \n if (pattern.x < 0) pattern.x = 500;\n if (pattern.x > 500) pattern.x = 0;\n if (pattern.y < 0) pattern.y = 300;\n if (pattern.y > 300) pattern.y = 0;\n });\n\n const scanX = (time % 500);\n const gradient = ctx.createLinearGradient(scanX, 0, scanX, 300);\n const scanColor = isLightTheme ? 'rgba(124, 58, 237, 0.9)' : 'rgba(159, 57, 255, 0.8)';\n gradient.addColorStop(0, 'transparent');\n gradient.addColorStop(0.5, scanColor);\n gradient.addColorStop(1, 'transparent');\n \n ctx.strokeStyle = gradient;\n ctx.lineWidth = isLightTheme ? 3.5 : 3;\n ctx.beginPath();\n ctx.moveTo(scanX, 0);\n ctx.lineTo(scanX, 300);\n ctx.stroke();\n\n time += 2;\n animationId = requestAnimationFrame(drawChart);\n }\n\n drawChart();\n\n document.addEventListener('visibilitychange', () => {\n isVisible = !document.hidden;\n });\n\n window.addEventListener('beforeunload', () => {\n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n });\n \n const observer = new MutationObserver(() => {});\n observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['class']\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d123db7 elementor-widget elementor-widget-html\" data-id=\"d123db7\" 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\">\n <title>Nuvix Markets Section<\/title>\n \n \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 MARKETS SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-markets-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-markets-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - Remove ALL gaps *\/\n .nuvix-markets-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n .nuvix-markets-section,\n .nuvix-markets-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-markets-section,\n .elementor-widget-container > .nuvix-markets-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-markets-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n body.nuvix-light-theme .nuvix-markets-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n \/* Background animation *\/\n .nuvix-markets-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .nuvix-markets-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 30% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%);\n animation: nuvixFloatBg 20s ease-in-out infinite;\n }\n\n @keyframes nuvixFloatBg {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\n 50% { transform: translate(20px, 20px) rotate(5deg); }\n }\n\n \/* Container *\/\n .nuvix-markets-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Markets grid *\/\n .nuvix-markets-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n }\n }\n\n \/* Market card *\/\n .nuvix-market-card {\n background: var(--nuvix-card-bg);\n padding: 1.5rem 1rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-market-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 576px) {\n .nuvix-market-card {\n padding: 2rem;\n }\n }\n\n .nuvix-market-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-market-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-market-card:hover {\n transform: translateY(-5px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-market-card:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 12px 32px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Market icon *\/\n .nuvix-market-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n color: var(--nuvix-accent-blue);\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Market name *\/\n .nuvix-market-name {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-name {\n font-weight: 700;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-name {\n font-size: 1.25rem;\n }\n }\n\n \/* Market description *\/\n .nuvix-market-desc {\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-desc {\n font-weight: 450;\n }\n\n \/* Coming soon badge *\/\n .nuvix-coming-soon {\n display: inline-block;\n background: linear-gradient(135deg, #f59e0b, #ef4444);\n color: white;\n padding: 0.25rem 0.75rem;\n border-radius: 15px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n animation: nuvixPulseGlow 2s infinite;\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { box-shadow: 0 0 10px rgba(245, 158, 11, 0.3); }\n 50% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.6); }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-markets-section\">\n <div class=\"nuvix-markets-wrapper\">\n \n <div class=\"nuvix-markets-bg\"><\/div>\n\n <div class=\"nuvix-markets-container\">\n <h2 class=\"nuvix-section-title\">Opere en varios mercados con una IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Nuestra IA analiza patrones en diversos mercados financieros y plataformas de juego<\/p>\n \n <div class=\"nuvix-markets-grid\">\n <div class=\"nuvix-market-card\">\n <i class=\"las la-exchange-alt nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Forex<\/h3>\n <p class=\"nuvix-market-desc\">Principales pares de divisas<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-area nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Acciones<\/h3>\n <p class=\"nuvix-market-desc\">Renta variable mundial<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"lab la-bitcoin nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Cripto<\/h3>\n <p class=\"nuvix-market-desc\">Activos digitales<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-bar nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">\u00cdndices<\/h3>\n <p class=\"nuvix-market-desc\">\u00cdndices de mercado<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-percentage nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Opciones binarias<\/h3>\n <p class=\"nuvix-market-desc\">Rendimientos fijos<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-dice nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Juegos de casino<\/h3>\n <p class=\"nuvix-market-desc\">An\u00e1lisis de patrones<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-trophy nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Apuestas deportivas<\/h3>\n <p class=\"nuvix-market-desc\">Ventaja estad\u00edstica<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-globe nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Materias primas<\/h3>\n <p class=\"nuvix-market-desc\">Materias primas<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all market cards\n const cards = document.querySelectorAll('.nuvix-market-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61bbec7 elementor-widget elementor-widget-html\" data-id=\"61bbec7\" 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\">\n <title>Nuvix Problem Section<\/title>\n \n \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 PROBLEM SECTION - COMPLETE REBUILD\n Enhanced Professional Theme Compatible\n ================================ *\/\n\n .nuvix-problem-section {\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-danger-red: #ef4444;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-problem-section {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-danger-red: #dc2626;\n }\n\n \/* AGGRESSIVE Full Width - Remove ALL Gaps *\/\n .nuvix-problem-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body\/html scroll issues *\/\n body:has(.nuvix-problem-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-problem-section,\n .nuvix-problem-section * {\n box-sizing: border-box !important;\n }\n\n \/* Override ALL Elementor containers *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget > .nuvix-problem-section,\n .elementor-element > .nuvix-problem-section,\n div[class*=\"elementor\"] > .nuvix-problem-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-problem-wrapper {\n padding: 3rem 1rem;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-problem-wrapper {\n background: linear-gradient(180deg, #f0f4f8 0%, #e8ecf1 50%, #f0f4f8 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Container *\/\n .nuvix-problem-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-container {\n padding: 0 2rem;\n }\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-danger-red) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n line-height: 1.2;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #dc2626 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n line-height: 1.6;\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* Big stat *\/\n .nuvix-big-stat {\n text-align: center;\n margin: 3rem 0;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .nuvix-big-stat {\n margin: 5rem 0;\n }\n }\n\n .nuvix-big-stat-number {\n font-size: clamp(3rem, 7vw, 6rem);\n font-weight: 900;\n background: linear-gradient(135deg, #ef4444, #f59e0b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n animation: nuvixPulseScale 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-number {\n background: linear-gradient(135deg, #dc2626, #ea580c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixPulseScale {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .nuvix-big-stat-desc {\n font-size: clamp(1.1rem, 2vw, 1.75rem);\n margin-top: 1rem;\n opacity: 0.9;\n color: var(--nuvix-text-light);\n line-height: 1.5;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-desc {\n font-weight: 500;\n }\n\n \/* Problem grid *\/\n .nuvix-problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-grid {\n margin-bottom: 4rem;\n }\n }\n\n \/* Problem card *\/\n .nuvix-problem-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-problem-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(220, 38, 38, 0.15);\n box-shadow: 0 4px 12px rgba(220, 38, 38, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-card {\n padding: 2.5rem;\n }\n }\n\n .nuvix-problem-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(239, 68, 68, 0.1));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-problem-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-problem-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-danger-red);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-problem-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 40px rgba(220, 38, 38, 0.25);\n border-color: rgba(220, 38, 38, 0.3);\n }\n\n \/* Problem icon *\/\n .nuvix-problem-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n color: var(--nuvix-danger-red);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Problem title *\/\n .nuvix-problem-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-title {\n font-weight: 700;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-title {\n font-size: 1.25rem;\n }\n }\n\n \/* Problem description *\/\n .nuvix-problem-desc {\n opacity: 0.8;\n line-height: 1.5;\n font-size: 0.9rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-desc {\n font-weight: 450;\n opacity: 0.75;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-problem-section\">\n <div class=\"nuvix-problem-wrapper\">\n <div class=\"nuvix-problem-container\">\n <h2 class=\"nuvix-section-title\">El desaf\u00edo comercial<\/h2>\n <p class=\"nuvix-section-subtitle\">Por qu\u00e9 fracasan 95% de los comerciantes y c\u00f3mo lo estamos cambiando<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">de los operadores pierden dinero en los mercados financieros<\/p>\n <\/div>\n \n <div class=\"nuvix-problem-grid\">\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-pie nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Sobrecarga de informaci\u00f3n<\/h3>\n <p class=\"nuvix-problem-desc\">Demasiados datos, poca informaci\u00f3n pr\u00e1ctica<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-frown nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Comercio emocional<\/h3>\n <p class=\"nuvix-problem-desc\">El miedo y la codicia destruyen las cuentas de trading<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-clock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Limitaciones temporales<\/h3>\n <p class=\"nuvix-problem-desc\">Los mercados se mueven 24\/7, los humanos necesitan dormir<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-line nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Mala gesti\u00f3n del riesgo<\/h3>\n <p class=\"nuvix-problem-desc\">Una mala operaci\u00f3n puede echar por tierra meses de ganancias<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-bullseye nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Falta de estrategia<\/h3>\n <p class=\"nuvix-problem-desc\">Operar sin un sistema probado<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-hand-rock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Manipulaci\u00f3n del mercado<\/h3>\n <p class=\"nuvix-problem-desc\">Los grandes operadores mueven los mercados en contra de los minoristas<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ THEME DETECTION - Check localStorage and apply immediately\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n if (currentTheme === 'light') {\n document.body.classList.add('nuvix-light-theme');\n }\n \n \/\/ Listen for theme changes from header (storage event)\n window.addEventListener('storage', function(e) {\n if (e.key === 'nuvixTheme') {\n if (e.newValue === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n }\n });\n \n \/\/ Listen for custom theme change events\n document.addEventListener('themeChanged', function(e) {\n if (e.detail === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n });\n \n \/\/ Check theme periodically (in case of same-page toggle)\n setInterval(function() {\n const theme = localStorage.getItem('nuvixTheme') || 'dark';\n if (theme === 'light' && !document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.add('nuvix-light-theme');\n } else if (theme === 'dark' && document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.remove('nuvix-light-theme');\n }\n }, 500);\n \n \/\/ FADE-IN ANIMATION ON SCROLL\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all problem cards\n const cards = document.querySelectorAll('.nuvix-problem-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n\n \/\/ Animate big stat number on scroll\n const bigStat = document.querySelector('.nuvix-big-stat-number');\n if (bigStat) {\n const statObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n statObserver.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n bigStat.style.opacity = '0';\n bigStat.style.transform = 'scale(0.8)';\n bigStat.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n statObserver.observe(bigStat);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87ce50a elementor-widget elementor-widget-html\" data-id=\"87ce50a\" 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\">\n <title>Nuvix Solution Section<\/title>\n \n \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 SOLUTION SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-solution-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-solution-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-solution-section,\n .nuvix-solution-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget > .nuvix-solution-section,\n .elementor-element > .nuvix-solution-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-solution-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-solution-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-solution-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-solution-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Background effect *\/\n .nuvix-solution-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.3;\n }\n\n .nuvix-solution-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 70% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%);\n animation: nuvixRotateAlt 25s linear infinite;\n }\n\n @keyframes nuvixRotateAlt {\n to { transform: rotate(-360deg); }\n }\n\n \/* Container *\/\n .nuvix-solution-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Features grid *\/\n .nuvix-features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n }\n\n \/* Feature card *\/\n .nuvix-feature-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-feature-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-card {\n padding: 2.5rem 2rem;\n }\n }\n\n .nuvix-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(159, 57, 255, 0.1));\n transform: translateX(-100%);\n transition: transform 0.5s ease;\n }\n\n .nuvix-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .nuvix-feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 20px 50px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 50px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Feature icon *\/\n .nuvix-feature-icon {\n width: 60px;\n height: 60px;\n background: var(--nuvix-primary-gradient);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-icon {\n width: 70px;\n height: 70px;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n }\n\n \/* Feature title *\/\n .nuvix-feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-title {\n font-weight: 800;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-title {\n font-size: 1.4rem;\n }\n }\n\n \/* Feature description *\/\n .nuvix-feature-desc {\n opacity: 0.85;\n line-height: 1.6;\n font-size: 0.95rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-desc {\n font-weight: 450;\n opacity: 0.8;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-solution-section\">\n <div class=\"nuvix-solution-wrapper\">\n \n <div class=\"nuvix-solution-bg\"><\/div>\n\n <div class=\"nuvix-solution-container\">\n <h2 class=\"nuvix-section-title\">La soluci\u00f3n Nuvix: Tecnolog\u00eda avanzada de IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Inteligencia artificial propia desarrollada desde cero, dise\u00f1ada para ofrecerle una ventaja en el trading<\/p>\n \n <div class=\"nuvix-features-grid\">\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">100% AI patentada<\/h3>\n <p class=\"nuvix-feature-desc\">Construido desde cero por nuestro equipo de expertos en IA y traders. Redes neuronales personalizadas y algoritmos de aprendizaje autom\u00e1tico que mejoran continuamente.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-lock\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Infraestructura segura<\/h3>\n <p class=\"nuvix-feature-desc\">Sus datos nunca salen de nuestros servidores encriptados. Protocolos de seguridad de nivel militar con cifrado de extremo a extremo y cero intercambio de datos.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-bolt\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lisis en tiempo real<\/h3>\n <p class=\"nuvix-feature-desc\">Reconocimiento instant\u00e1neo de patrones en m\u00faltiples marcos temporales. Tiempo de respuesta en milisegundos con seguimiento y an\u00e1lisis del mercado 24\/7.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lisis predictivo<\/h3>\n <p class=\"nuvix-feature-desc\">Algoritmos avanzados que predicen los movimientos del mercado con una precisi\u00f3n 95%. C\u00e1lculos optimizados de riesgo\/recompensa con se\u00f1ales precisas de entrada y salida.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-crosshairs\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Gesti\u00f3n inteligente del riesgo<\/h3>\n <p class=\"nuvix-feature-desc\">Recomendaciones de stop-loss y dimensionamiento de posiciones basadas en IA. C\u00e1lculos din\u00e1micos del riesgo con alertas autom\u00e1ticas para proteger la cartera.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-mobile\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Interfaz f\u00e1cil de usar<\/h3>\n <p class=\"nuvix-feature-desc\">IA compleja simplificada. An\u00e1lisis con un solo clic y recomendaciones claras. Perfecto para principiantes y profesionales a trav\u00e9s de Chrome Extension.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 150);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all feature cards\n const cards = document.querySelectorAll('.nuvix-feature-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(30px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5153bc6 elementor-widget elementor-widget-html\" data-id=\"5153bc6\" 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\">\n <title>Nuvix CTA Section<\/title>\n \n \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 CTA SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-cta-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-cta-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-cta-section,\n .nuvix-cta-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget > .nuvix-cta-section,\n .elementor-element > .nuvix-cta-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-cta-wrapper {\n padding: 4rem 1rem;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1) 0%, rgba(0, 180, 216, 0.1) 100%);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-cta-wrapper {\n background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(2, 132, 199, 0.08) 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-cta-wrapper {\n padding: 8rem 2rem;\n }\n }\n\n \/* Background animation *\/\n .nuvix-cta-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .nuvix-cta-bg::before {\n content: '';\n position: absolute;\n width: 800px;\n height: 800px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, rgba(159, 57, 255, 0.15) 0%, transparent 70%);\n animation: nuvixPulseGlow 4s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-bg::before {\n background: radial-gradient(circle, rgba(124, 58, 237, 0.12) 0%, transparent 70%);\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; }\n }\n\n \/* Container *\/\n .nuvix-cta-container {\n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* CTA title *\/\n .nuvix-cta-title {\n font-size: clamp(2rem, 3.5vw, 3.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixShimmer 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixShimmer {\n 0%, 100% { filter: brightness(1); }\n 50% { filter: brightness(1.2); }\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-title {\n margin-bottom: 1.5rem;\n }\n }\n\n \/* CTA subtitle *\/\n .nuvix-cta-subtitle {\n font-size: clamp(1.1rem, 2vw, 1.5rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.5;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-cta-subtitle {\n font-weight: 500;\n opacity: 0.85;\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* CTA buttons container *\/\n .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-cta-buttons {\n flex-direction: row;\n flex-wrap: wrap;\n }\n }\n\n \/* Buttons *\/\n .nuvix-btn {\n padding: 1rem 2.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-btn {\n padding: 1.125rem 2.75rem;\n font-size: 1.05rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-btn {\n padding: 1.25rem 3rem;\n font-size: 1.1rem;\n }\n }\n\n .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n animation: nuvixBtnFloat 3s ease-in-out infinite;\n }\n\n @keyframes nuvixBtnFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .nuvix-btn-primary:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 12px 35px rgba(159, 57, 255, 0.6);\n animation: none;\n }\n\n body.nuvix-light-theme .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-btn-primary:hover {\n box-shadow: 0 12px 30px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n transform: translateY(-2px);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Trust indicators *\/\n .nuvix-trust-indicators {\n margin-top: 3rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-trust-indicators {\n flex-direction: row;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-indicators {\n margin-top: 4rem;\n }\n }\n\n .nuvix-trust-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-trust-item {\n font-weight: 500;\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-item {\n font-size: 1rem;\n }\n }\n\n .nuvix-trust-item i {\n color: #10b981;\n font-size: 1.25rem;\n }\n\n body.nuvix-light-theme .nuvix-trust-item i {\n color: #059669;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-cta-section\">\n <div class=\"nuvix-cta-wrapper\">\n \n <div class=\"nuvix-cta-bg\"><\/div>\n\n <div class=\"nuvix-cta-container\">\n <h2 class=\"nuvix-cta-title\">\u00bfPreparado para unirse a la revoluci\u00f3n de la IA?<\/h2>\n <p class=\"nuvix-cta-subtitle\">Empiece a operar de forma m\u00e1s inteligente con an\u00e1lisis basados en IA. Empiece en cuesti\u00f3n de minutos.<\/p>\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Empezar ahora<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <\/div>\n\n <div class=\"nuvix-trust-indicators\">\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-shield-alt\"><\/i>\n <span>100% Seguro<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-clock\"><\/i>\n <span>An\u00e1lisis de IA 24\/7<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-chart-line\"><\/i>\n <span>95% Precisi\u00f3n<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Animate elements on scroll\n const observerOptions = {\n threshold: 0.2,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe title\n const title = document.querySelector('.nuvix-cta-title');\n if (title) {\n title.style.opacity = '0';\n title.style.transform = 'translateY(20px)';\n title.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n observer.observe(title);\n }\n\n \/\/ Observe subtitle\n const subtitle = document.querySelector('.nuvix-cta-subtitle');\n if (subtitle) {\n subtitle.style.opacity = '0';\n subtitle.style.transform = 'translateY(20px)';\n subtitle.style.transition = 'opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s';\n observer.observe(subtitle);\n }\n\n \/\/ Observe buttons\n const buttons = document.querySelector('.nuvix-cta-buttons');\n if (buttons) {\n buttons.style.opacity = '0';\n buttons.style.transform = 'translateY(20px)';\n buttons.style.transition = 'opacity 0.8s ease 0.4s, transform 0.8s ease 0.4s';\n observer.observe(buttons);\n }\n\n \/\/ Observe trust indicators\n const trustIndicators = document.querySelector('.nuvix-trust-indicators');\n if (trustIndicators) {\n trustIndicators.style.opacity = '0';\n trustIndicators.style.transform = 'translateY(20px)';\n trustIndicators.style.transition = 'opacity 0.8s ease 0.6s, transform 0.8s ease 0.6s';\n observer.observe(trustIndicators);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Header – Enhanced Light Theme Home Markets AI Technology Business Model Packages Demo Log In Get Started Get Started Home Markets AI Technology Business Model Packages Demo Log In Get Started Now Nuvix Hero – Enhanced Light Theme Nuvix – Where AI Meets Opportunity The Future of Trading is Here: AI-Powered Market Analysis Nuvix […]","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-44111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/44111","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=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/media?parent=44111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Nuvix Header - Enhanced Light Theme<\/title>\n \n \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 SCOPED HEADER STYLES\n All styles prefixed with .nuvix-header\n to avoid conflicts with external styles\n ================================ *\/\n\n .nuvix-header-wrapper {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n }\n\n \/* Enhanced Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-header-wrapper {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(159, 57, 255, 0.06);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-border-color: rgba(159, 57, 255, 0.15);\n --nuvix-hover-bg: rgba(124, 58, 237, 0.08);\n }\n\n \/* Header Container *\/\n .nuvix-header-wrapper {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.8);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n min-height: 60px;\n height: auto;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper {\n background: rgba(255, 255, 255, 0.95);\n border-bottom: 2px solid rgba(159, 57, 255, 0.12);\n box-shadow: 0 2px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-header-wrapper.scrolled {\n background: rgba(10, 14, 39, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: 0 4px 20px rgba(124, 58, 237, 0.15);\n border-bottom-color: rgba(159, 57, 255, 0.2);\n }\n\n \/* Navigation *\/\n .nuvix-header-wrapper .nuvix-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 1rem;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n min-height: 60px;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 1.5rem;\n flex-wrap: nowrap;\n gap: 0.75rem;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 2rem;\n }\n }\n\n \/* Logo *\/\n .nuvix-header-wrapper .nuvix-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n flex-shrink: 0;\n }\n\n .nuvix-header-wrapper .nuvix-logo a {\n display: flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo img {\n height: 35px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo a:hover img {\n opacity: 0.85;\n transform: scale(1.02);\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 40px;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 45px;\n }\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-logo img {\n filter: drop-shadow(0 2px 8px rgba(124, 58, 237, 0.25));\n }\n\n \/* Desktop Navigation Links *\/\n .nuvix-header-wrapper .nuvix-nav-links {\n display: none;\n gap: clamp(0.3rem, 0.8vw, 1rem);\n align-items: center;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n display: flex;\n }\n }\n\n @media (min-width: 1400px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: clamp(0.75rem, 1.2vw, 1.5rem);\n }\n }\n\n \/* Navigation Link Styles *\/\n .nuvix-header-wrapper .nuvix-nav-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: clamp(0.7rem, 0.9vw, 0.95rem);\n padding: 0.25rem clamp(0.25rem, 0.5vw, 0.75rem);\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.75rem, 1vw, 1rem);\n }\n }\n\n @media (min-width: 1600px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.85rem, 1vw, 1.05rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--nuvix-primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a:hover::after {\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-nav-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n \/* Compact Mode *\/\n @media (min-width: 1024px) and (max-width: 1199px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: 0.4rem;\n }\n \n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.65rem, 0.85vw, 0.85rem);\n padding: 0.25rem 0.3rem;\n }\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links {\n gap: 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links a {\n font-size: 0.7rem;\n padding: 0.2rem 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links .nuvix-btn {\n padding: 0.4rem 0.8rem;\n font-size: 0.7rem;\n }\n\n \/* Theme Toggle Button *\/\n .nuvix-header-wrapper .nuvix-theme-toggle {\n background: transparent;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n width: clamp(35px, 5vw, 40px);\n height: clamp(35px, 5vw, 40px);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n color: var(--nuvix-text-light);\n padding: 0;\n flex-shrink: 0;\n outline: none;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n border-color: var(--nuvix-accent-blue);\n background: rgba(255, 255, 255, 0.1);\n transform: rotate(15deg);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n transform: rotate(15deg) scale(1.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:active {\n transform: rotate(15deg) scale(0.95);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle i {\n font-size: clamp(1rem, 1.5vw, 1.25rem);\n transition: transform 0.5s ease;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle i {\n transform: rotate(180deg);\n color: #f59e0b;\n }\n\n \/* Buttons *\/\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: clamp(0.75rem, 1vw, 0.9rem);\n white-space: nowrap;\n text-align: center;\n flex-shrink: 0;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.6rem, 1.2vw, 0.875rem) clamp(1.25rem, 2.2vw, 2rem);\n font-size: clamp(0.8rem, 1.1vw, 0.95rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary:hover {\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n transform: translateY(-3px);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Mobile Navigation Container *\/\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: none;\n }\n }\n\n \/* Hamburger Menu *\/\n .nuvix-header-wrapper .nuvix-hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n cursor: pointer;\n z-index: 1002;\n padding: 5px;\n background: transparent;\n border: none;\n outline: none;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--nuvix-text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n }\n\n \/* Mobile Menu Overlay *\/\n .nuvix-mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(10, 14, 39, 0.98);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n }\n\n .nuvix-mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n font-size: clamp(1.25rem, 4vw, 1.5rem);\n font-weight: 600;\n transition: all 0.3s ease;\n padding: 0.5rem 1rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-blue);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 300px;\n }\n\n \/* Locale Switcher *\/\n .nuvix-header-wrapper .nuvix-locale-switcher-wrapper {\n display: flex;\n align-items: center;\n min-width: fit-content;\n flex-shrink: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-header-wrapper\" id=\"nuvixHeader\">\n <nav class=\"nuvix-nav\">\n <div class=\"nuvix-logo\">\n <img decoding=\"async\" id=\"nuvixLogoImg\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n <\/div>\n \n \n <div class=\"nuvix-nav-links\">\n <a href=\"\/es\/index.html\/\">Inicio<\/a>\n <a href=\"\/es\/markets.html\/\">Mercados<\/a>\n <a href=\"\/es\/technology.html\/\">Tecnolog\u00eda de IA<\/a>\n <a href=\"\/es\/business.html\/\">Negocio<\/a>\n <a href=\"\/es\/packages.html\/\">Paquetes<\/a>\n <a href=\"\/es\/demo.html\/\">Demo<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\">Iniciar sesi\u00f3n<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIcon\"><\/i>\n <\/button>\n \n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcher\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\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 <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comenzar<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Comenzar<\/a>\n <div class=\"nuvix-hamburger\" id=\"nuvixHamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n <\/nav>\n<\/div>\n\n\n<div class=\"nuvix-mobile-menu\" id=\"nuvixMobileMenu\">\n <div class=\"nuvix-mobile-menu-content\">\n <div class=\"nuvix-mobile-menu-links\">\n <a href=\"\/es\/index.html\/\">Inicio<\/a>\n <a href=\"\/es\/markets.html\/\">Mercados<\/a>\n <a href=\"\/es\/technology.html\/\">Tecnolog\u00eda de IA<\/a>\n <a href=\"\/es\/business.html\/\">Negocio<\/a>\n <a href=\"\/es\/packages.html\/\">Paquetes<\/a>\n <a href=\"\/es\/demo.html\/\">Demo<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Empezar ahora<\/a>\n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcherMobile\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\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 <\/center><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ================================\n\/\/ NUVIX HEADER SCRIPTS\n\/\/ All namespaced to avoid conflicts\n\/\/ ================================\n(function() {\n 'use strict';\n \n \/\/ Logo URLs\n const LOGO_DARK = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png';\n const LOGO_LIGHT = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png';\n \n \/\/ Theme Toggle\n const themeToggle = document.getElementById('nuvixThemeToggle');\n const themeToggleMobile = document.getElementById('nuvixThemeToggleMobile');\n const themeIcon = document.getElementById('nuvixThemeIcon');\n const themeIconMobile = document.getElementById('nuvixThemeIconMobile');\n const logoImg = document.getElementById('nuvixLogoImg');\n const body = document.body;\n\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n \n if (currentTheme === 'light') {\n body.classList.add('nuvix-light-theme');\n updateThemeElements('light');\n }\n\n function toggleTheme() {\n body.classList.toggle('nuvix-light-theme');\n \n const theme = body.classList.contains('nuvix-light-theme') ? 'light' : 'dark';\n localStorage.setItem('nuvixTheme', theme);\n updateThemeElements(theme);\n }\n\n function updateThemeElements(theme) {\n \/\/ Update icons\n const iconClass = theme === 'light' ? 'la-sun' : 'la-moon';\n \n if (themeIcon) {\n themeIcon.className = 'las ' + iconClass;\n }\n if (themeIconMobile) {\n themeIconMobile.className = 'las ' + iconClass;\n }\n \n \/\/ Update logo\n if (logoImg) {\n logoImg.src = theme === 'light' ? LOGO_LIGHT : LOGO_DARK;\n }\n }\n\n if (themeToggle) {\n themeToggle.addEventListener('click', toggleTheme);\n }\n if (themeToggleMobile) {\n themeToggleMobile.addEventListener('click', toggleTheme);\n }\n\n \/\/ Mobile Navigation\n const hamburger = document.getElementById('nuvixHamburger');\n const mobileMenu = document.getElementById('nuvixMobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.nuvix-mobile-menu .nuvix-mobile-menu-links a');\n\n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n\n \/\/ Header Scroll Effect\n const header = document.getElementById('nuvixHeader');\n let lastScroll = 0;\n\n window.addEventListener('scroll', function() {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Dynamic Header Size Adjustment\n function checkHeaderOverflow() {\n if (window.innerWidth < 1024) return;\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n \n if (!navLinks) return;\n \n let totalWidth = 0;\n const items = navLinks.children;\n \n for (let item of items) {\n totalWidth += item.offsetWidth;\n }\n \n totalWidth += (items.length - 1) * 16;\n \n const nav = header.querySelector('.nuvix-nav');\n const navWidth = nav.offsetWidth;\n const logoWidth = header.querySelector('.nuvix-logo').offsetWidth;\n const availableWidth = navWidth - logoWidth - 100;\n \n if (totalWidth > availableWidth) {\n header.classList.add('compact-mode');\n } else {\n header.classList.remove('compact-mode');\n }\n }\n \n window.addEventListener('load', checkHeaderOverflow);\n \n let resizeTimer;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(checkHeaderOverflow, 250);\n });\n \n const observer = new MutationObserver(function() {\n setTimeout(checkHeaderOverflow, 100);\n });\n \n const targetNode = header.querySelector('.nuvix-locale-switcher-wrapper');\n if (targetNode) {\n observer.observe(targetNode, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n if (navLinks) {\n observer.observe(navLinks, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n\n \/\/ WordPress Integration\n function setupMyAccountButtons() {\n const isLoggedIn = window.wpUserLoggedIn || document.body.classList.contains('logged-in');\n \n if (!isLoggedIn) return;\n \n const myAccountUrl = window.wpMyAccountUrl || '\/my-account\/';\n const logoutUrl = window.wpLogoutUrl || '\/wp-login.php?action=logout';\n const currentLang = window.wpCurrentLang || '';\n \n let finalMyAccountUrl = myAccountUrl;\n if (currentLang && currentLang !== 'en' && !myAccountUrl.includes('\/' + currentLang + '\/')) {\n if (myAccountUrl.startsWith('\/')) {\n finalMyAccountUrl = '\/' + currentLang + myAccountUrl;\n }\n }\n \n const loginLinks = header.querySelectorAll('a[href*=\"c_login\"]');\n loginLinks.forEach(link => {\n link.textContent = 'Log Out';\n link.href = logoutUrl;\n });\n \n const getStartedButtons = header.querySelectorAll('.nuvix-btn-primary[href*=\"packages\"]');\n getStartedButtons.forEach(button => {\n button.textContent = 'My Account';\n button.href = finalMyAccountUrl;\n });\n }\n \n setupMyAccountButtons();\n document.addEventListener('DOMContentLoaded', setupMyAccountButtons);\n setTimeout(setupMyAccountButtons, 1000);\n})();\n<\/script>\n\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-d6fdd5f e-con-full e-flex e-con e-parent\" data-id=\"d6fdd5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7973853 elementor-widget elementor-widget-html\" data-id=\"7973853\" 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\">\n <title>Nuvix Hero - Enhanced Light Theme<\/title>\n \n \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 ELEMENTOR OPTIMIZED - FULL WIDTH NO GAPS\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-hero-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n --nuvix-success-green: #10b981;\n }\n\n \/* Enhanced Professional Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-hero-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.85);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-success-green: #059669;\n --nuvix-border-color: rgba(124, 58, 237, 0.15);\n --nuvix-shadow-color: rgba(124, 58, 237, 0.1);\n }\n\n \/* CRITICAL: Remove ALL gaps for Elementor - Full width edge to edge *\/\n .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Remove gaps from Elementor parent containers *\/\n .elementor-section > .nuvix-hero-section,\n .elementor-container > .nuvix-hero-section,\n .elementor-widget-wrap > .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Force all child elements to respect box-sizing *\/\n .nuvix-hero-section,\n .nuvix-hero-section * {\n box-sizing: border-box !important;\n }\n\n \/* Hero Section Container *\/\n .nuvix-hero-section .nuvix-hero-wrapper {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5rem 1rem 3rem;\n overflow: hidden;\n background-color: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n margin: 0;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-wrapper {\n padding: 6rem 2rem 4rem;\n }\n }\n\n \/* Animated Background *\/\n .nuvix-hero-section .nuvix-bg-animation {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n overflow: hidden;\n pointer-events: none;\n }\n\n .nuvix-hero-section .nuvix-bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 0, 110, 0.05) 0%, transparent 50%);\n animation: nuvixRotate 30s linear infinite;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-bg-animation::before {\n background: radial-gradient(circle at 20% 50%, rgba(124, 58, 237, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(2, 132, 199, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(225, 29, 72, 0.08) 0%, transparent 50%);\n }\n\n @keyframes nuvixRotate {\n to { transform: rotate(360deg); }\n }\n\n \/* Neural Network SVG *\/\n .nuvix-hero-section .nuvix-neural-network {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-neural-network {\n opacity: 0.08;\n }\n\n .nuvix-hero-section .nuvix-neural-path {\n stroke: var(--nuvix-accent-purple);\n stroke-width: 0.5;\n fill: none;\n animation: nuvixPulsePath 3s ease-in-out infinite;\n }\n\n @keyframes nuvixPulsePath {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating Particles *\/\n .nuvix-hero-section .nuvix-particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n animation: nuvixFloat 20s infinite linear;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-particle {\n background: rgba(124, 58, 237, 0.4);\n }\n\n @keyframes nuvixFloat {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Container *\/\n .nuvix-hero-section .nuvix-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n\n \/* Hero Content Grid *\/\n .nuvix-hero-section .nuvix-hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-hero-section .nuvix-hero-content {\n gap: 4rem;\n }\n }\n\n \/* Hero Text *\/\n .nuvix-hero-section .nuvix-hero-text {\n text-align: center;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text {\n text-align: left;\n padding: 0;\n }\n }\n\n \/* Tagline *\/\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1rem;\n color: var(--nuvix-accent-blue);\n margin-bottom: 0.75rem;\n font-style: italic;\n font-weight: 500;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-tagline {\n font-weight: 600;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1.2rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Main Heading *\/\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(1.75rem, 4vw, 4.5rem);\n font-weight: 800;\n margin: 0 0 1rem 0;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixGradientShift 3s ease infinite;\n line-height: 1.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text h1 {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 40%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n @keyframes nuvixGradientShift {\n 0%, 100% { filter: hue-rotate(0deg); }\n 50% { filter: hue-rotate(30deg); }\n }\n\n \/* Paragraph *\/\n .nuvix-hero-section .nuvix-hero-text p {\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n margin: 0 0 1.5rem 0;\n opacity: 0.9;\n line-height: 1.6;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text p {\n opacity: 0.85;\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text p {\n margin-bottom: 2rem;\n }\n }\n\n \/* Hero Stats *\/\n .nuvix-hero-section .nuvix-hero-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin: 1.5rem 0;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-hero-stats {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-stats {\n justify-content: flex-start;\n gap: 2rem;\n margin: 2rem 0;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-item {\n text-align: center;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 110px;\n padding: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 120px;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.5rem;\n font-weight: 800;\n background: var(--nuvix-primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.75rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-top: 0.25rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-label {\n font-weight: 500;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.875rem;\n }\n }\n\n \/* CTA Buttons *\/\n .nuvix-hero-section .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n }\n\n \/* Buttons *\/\n .nuvix-hero-section .nuvix-btn {\n padding: 0.875rem 2rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* AI Visual *\/\n .nuvix-hero-section .nuvix-ai-visual {\n position: relative;\n animation: nuvixFloatSlow 6s ease-in-out infinite;\n width: 100%;\n margin-top: 2rem;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-ai-visual {\n margin-top: 0;\n padding: 0;\n }\n }\n\n @keyframes nuvixFloatSlow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n \/* Chart Preview *\/\n .nuvix-hero-section .nuvix-chart-preview {\n background: var(--nuvix-card-bg);\n border-radius: 20px;\n padding: 1.5rem 1rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-chart-preview {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 12px 40px rgba(124, 58, 237, 0.18);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-preview {\n padding: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-chart-preview::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--nuvix-primary-gradient);\n animation: nuvixScan 2s ease-in-out infinite;\n }\n\n @keyframes nuvixScan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n \/* AI Features Preview Grid *\/\n .nuvix-hero-section .nuvix-ai-features-preview {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-ai-features-preview {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 0.75rem;\n border-radius: 10px;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--nuvix-text-light);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(124, 58, 237, 0.06);\n border: 1px solid rgba(124, 58, 237, 0.1);\n font-weight: 500;\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: rgba(124, 58, 237, 0.2);\n transform: translateX(8px);\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item i {\n color: var(--nuvix-success-green);\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n \/* Canvas Container *\/\n .nuvix-hero-section .nuvix-chart-container {\n height: 300px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-container {\n height: 350px;\n }\n }\n\n .nuvix-hero-section #nuvixChart {\n max-width: 100%;\n height: auto;\n }\n\n \/* Live Status *\/\n .nuvix-hero-section .nuvix-live-status {\n text-align: center;\n margin-top: 1.5rem;\n }\n\n .nuvix-hero-section .nuvix-pulse {\n color: var(--nuvix-success-green);\n font-weight: bold;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-pulse {\n font-weight: 700;\n }\n\n .nuvix-hero-section .nuvix-pulse i {\n animation: nuvixPulse 2s ease-in-out infinite;\n }\n\n @keyframes nuvixPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Value Propositions *\/\n .nuvix-hero-section .nuvix-value-props {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-value-props {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n .nuvix-hero-section .nuvix-value-prop {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop {\n background: rgba(255, 255, 255, 0.9);\n border: 2px solid rgba(124, 58, 237, 0.12);\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.25);\n }\n\n .nuvix-hero-section .nuvix-value-prop i {\n color: var(--nuvix-accent-blue);\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text {\n flex: 1;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text h3 {\n font-size: 0.95rem;\n font-weight: 700;\n margin: 0 0 0.25rem 0;\n color: var(--nuvix-text-light);\n }\n\n .nuvix-hero-section .nuvix-value-prop-text p {\n font-size: 0.85rem;\n opacity: 0.8;\n margin: 0;\n line-height: 1.4;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop-text p {\n opacity: 0.75;\n font-weight: 450;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-hero-section\">\n <div class=\"nuvix-hero-wrapper\">\n \n <div class=\"nuvix-bg-animation\">\n <svg class=\"nuvix-neural-network\" viewbox=\"0 0 1920 1080\">\n <path class=\"nuvix-neural-path\" d=\"M0,500 Q480,400 960,500 T1920,500\" \/>\n <path class=\"nuvix-neural-path\" d=\"M200,300 Q680,200 1160,300 T1920,300\" \/>\n <path class=\"nuvix-neural-path\" d=\"M100,700 Q580,600 1060,700 T1920,700\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"nuvix-container\">\n <div class=\"nuvix-hero-content\">\n \n <div class=\"nuvix-hero-text\">\n <p class=\"nuvix-tagline\">Nuvix: donde la inteligencia artificial se une a la oportunidad<\/p>\n <h1>El futuro del trading ya est\u00e1 aqu\u00ed: An\u00e1lisis de mercados basados en IA<\/h1>\n <p>Nuvix revoluciona el trading con tecnolog\u00eda propia de IA que analiza los mercados 24\/7, identificando patrones invisibles para los traders humanos. \u00danete a la \u00e9lite 5% que ganan constantemente con nuestra inteligencia artificial avanzada.<\/p>\n \n \n <div class=\"nuvix-hero-stats\">\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">24\/7<\/span>\n <span class=\"nuvix-stat-label\">An\u00e1lisis de IA<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">Mercados<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propietario<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comenzar<\/a>\n <a href=\"\/es\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Ver demostraci\u00f3n<\/a>\n <\/div>\n\n \n <div class=\"nuvix-value-props\" style=\"margin-top: 2rem;\">\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-shield-alt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>100% Seguro<\/h3>\n <p>La encriptaci\u00f3n de grado militar protege tus datos<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-bolt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>En tiempo real<\/h3>\n <p>An\u00e1lisis instant\u00e1neo de todos los mercados<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-chart-line\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>95% Precisi\u00f3n<\/h3>\n <p>Historial probado de predicciones<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-ai-visual\">\n <div class=\"nuvix-chart-preview\">\n <div class=\"nuvix-chart-container\">\n <canvas id=\"nuvixChart\" width=\"500\" height=\"300\"><\/canvas>\n <\/div>\n \n <div class=\"nuvix-ai-features-preview\">\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-chart-line\"><\/i>\n Reconocimiento de patrones\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Evaluaci\u00f3n de riesgos\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Puntos de entrada\/salida\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimiento del mercado\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> AI ANALIZANDO EN TIEMPO REAL\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n const heroSection = document.querySelector('.nuvix-hero-section');\n const bgAnimation = heroSection.querySelector('.nuvix-bg-animation');\n const particleCount = window.innerWidth > 768 ? 20 : 10;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'nuvix-particle';\n particle.style.width = Math.random() * 5 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 20 + 's';\n particle.style.animationDuration = Math.random() * 20 + 20 + 's';\n bgAnimation.appendChild(particle);\n }\n \n const canvas = document.getElementById('nuvixChart');\n if (!canvas) return;\n\n const ctx = canvas.getContext('2d');\n let time = 0;\n let patterns = [];\n let animationId;\n let isVisible = true;\n\n for (let i = 0; i < 5; i++) {\n patterns.push({\n x: Math.random() * 500,\n y: Math.random() * 300,\n radius: Math.random() * 30 + 20,\n growth: Math.random() * 0.5 + 0.5\n });\n }\n\n function drawChart() {\n if (!isVisible) {\n animationId = requestAnimationFrame(drawChart);\n return;\n }\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n const isLightTheme = document.body.classList.contains('nuvix-light-theme');\n const gridColor = isLightTheme ? 'rgba(124, 58, 237, 0.08)' : 'rgba(255, 255, 255, 0.05)';\n const lineColor = isLightTheme ? 'rgba(124, 58, 237, 0.4)' : 'rgba(159, 57, 255, 0.3)';\n \n ctx.strokeStyle = gridColor;\n ctx.lineWidth = 1;\n for (let i = 0; i < 10; i++) {\n ctx.beginPath();\n ctx.moveTo(0, i * 30);\n ctx.lineTo(500, i * 30);\n ctx.stroke();\n \n ctx.beginPath();\n ctx.moveTo(i * 50, 0);\n ctx.lineTo(i * 50, 300);\n ctx.stroke();\n }\n\n ctx.strokeStyle = lineColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.moveTo(0, 150);\n for (let x = 0; x < 500; x += 5) {\n const y = 150 + Math.sin((x + time) * 0.02) * 50 + Math.sin((x + time) * 0.05) * 30;\n ctx.lineTo(x, y);\n }\n ctx.stroke();\n\n for (let i = 0; i < 25; i++) {\n const x = i * 20 + 10;\n const height = Math.sin(i * 0.5 + time * 0.01) * 30 + 40;\n const y = 150 + Math.sin(i * 0.3 + time * 0.02) * 50;\n \n const isGreen = Math.sin(i + time * 0.01) > 0;\n const greenColor = isLightTheme ? '#059669' : '#10b981';\n const redColor = isLightTheme ? '#dc2626' : '#ef4444';\n ctx.fillStyle = isGreen ? greenColor : redColor;\n ctx.fillRect(x - 6, y - height\/2, 12, height);\n \n ctx.strokeStyle = ctx.fillStyle;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(x, y - height\/2 - 10);\n ctx.lineTo(x, y + height\/2 + 10);\n ctx.stroke();\n }\n\n patterns.forEach(pattern => {\n const pulseRadius = pattern.radius + Math.sin(time * 0.05) * 5;\n const circleColor = isLightTheme ? 'rgba(2, 132, 199, 0.35)' : 'rgba(0, 180, 216, 0.3)';\n const innerCircleColor = isLightTheme ? 'rgba(2, 132, 199, 0.5)' : 'rgba(0, 180, 216, 0.5)';\n \n ctx.strokeStyle = circleColor;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius * 1.5, 0, Math.PI * 2);\n ctx.stroke();\n \n ctx.strokeStyle = innerCircleColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius, 0, Math.PI * 2);\n ctx.stroke();\n \n pattern.x += Math.sin(time * 0.01) * 0.5;\n pattern.y += Math.cos(time * 0.01) * 0.3;\n \n if (pattern.x < 0) pattern.x = 500;\n if (pattern.x > 500) pattern.x = 0;\n if (pattern.y < 0) pattern.y = 300;\n if (pattern.y > 300) pattern.y = 0;\n });\n\n const scanX = (time % 500);\n const gradient = ctx.createLinearGradient(scanX, 0, scanX, 300);\n const scanColor = isLightTheme ? 'rgba(124, 58, 237, 0.9)' : 'rgba(159, 57, 255, 0.8)';\n gradient.addColorStop(0, 'transparent');\n gradient.addColorStop(0.5, scanColor);\n gradient.addColorStop(1, 'transparent');\n \n ctx.strokeStyle = gradient;\n ctx.lineWidth = isLightTheme ? 3.5 : 3;\n ctx.beginPath();\n ctx.moveTo(scanX, 0);\n ctx.lineTo(scanX, 300);\n ctx.stroke();\n\n time += 2;\n animationId = requestAnimationFrame(drawChart);\n }\n\n drawChart();\n\n document.addEventListener('visibilitychange', () => {\n isVisible = !document.hidden;\n });\n\n window.addEventListener('beforeunload', () => {\n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n });\n \n const observer = new MutationObserver(() => {});\n observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['class']\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d123db7 elementor-widget elementor-widget-html\" data-id=\"d123db7\" 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\">\n <title>Nuvix Markets Section<\/title>\n \n \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 MARKETS SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-markets-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-markets-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - Remove ALL gaps *\/\n .nuvix-markets-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n .nuvix-markets-section,\n .nuvix-markets-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-markets-section,\n .elementor-widget-container > .nuvix-markets-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-markets-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n body.nuvix-light-theme .nuvix-markets-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n \/* Background animation *\/\n .nuvix-markets-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .nuvix-markets-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 30% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%);\n animation: nuvixFloatBg 20s ease-in-out infinite;\n }\n\n @keyframes nuvixFloatBg {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\n 50% { transform: translate(20px, 20px) rotate(5deg); }\n }\n\n \/* Container *\/\n .nuvix-markets-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Markets grid *\/\n .nuvix-markets-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n }\n }\n\n \/* Market card *\/\n .nuvix-market-card {\n background: var(--nuvix-card-bg);\n padding: 1.5rem 1rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-market-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 576px) {\n .nuvix-market-card {\n padding: 2rem;\n }\n }\n\n .nuvix-market-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-market-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-market-card:hover {\n transform: translateY(-5px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-market-card:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 12px 32px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Market icon *\/\n .nuvix-market-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n color: var(--nuvix-accent-blue);\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Market name *\/\n .nuvix-market-name {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-name {\n font-weight: 700;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-name {\n font-size: 1.25rem;\n }\n }\n\n \/* Market description *\/\n .nuvix-market-desc {\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-desc {\n font-weight: 450;\n }\n\n \/* Coming soon badge *\/\n .nuvix-coming-soon {\n display: inline-block;\n background: linear-gradient(135deg, #f59e0b, #ef4444);\n color: white;\n padding: 0.25rem 0.75rem;\n border-radius: 15px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n animation: nuvixPulseGlow 2s infinite;\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { box-shadow: 0 0 10px rgba(245, 158, 11, 0.3); }\n 50% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.6); }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-markets-section\">\n <div class=\"nuvix-markets-wrapper\">\n \n <div class=\"nuvix-markets-bg\"><\/div>\n\n <div class=\"nuvix-markets-container\">\n <h2 class=\"nuvix-section-title\">Opere en varios mercados con una IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Nuestra IA analiza patrones en diversos mercados financieros y plataformas de juego<\/p>\n \n <div class=\"nuvix-markets-grid\">\n <div class=\"nuvix-market-card\">\n <i class=\"las la-exchange-alt nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Forex<\/h3>\n <p class=\"nuvix-market-desc\">Principales pares de divisas<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-area nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Acciones<\/h3>\n <p class=\"nuvix-market-desc\">Renta variable mundial<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"lab la-bitcoin nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Cripto<\/h3>\n <p class=\"nuvix-market-desc\">Activos digitales<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-bar nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">\u00cdndices<\/h3>\n <p class=\"nuvix-market-desc\">\u00cdndices de mercado<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-percentage nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Opciones binarias<\/h3>\n <p class=\"nuvix-market-desc\">Rendimientos fijos<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-dice nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Juegos de casino<\/h3>\n <p class=\"nuvix-market-desc\">An\u00e1lisis de patrones<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-trophy nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Apuestas deportivas<\/h3>\n <p class=\"nuvix-market-desc\">Ventaja estad\u00edstica<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-globe nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Materias primas<\/h3>\n <p class=\"nuvix-market-desc\">Materias primas<\/p>\n <span class=\"nuvix-coming-soon\">Pr\u00f3ximamente<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all market cards\n const cards = document.querySelectorAll('.nuvix-market-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61bbec7 elementor-widget elementor-widget-html\" data-id=\"61bbec7\" 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\">\n <title>Nuvix Problem Section<\/title>\n \n \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 PROBLEM SECTION - COMPLETE REBUILD\n Enhanced Professional Theme Compatible\n ================================ *\/\n\n .nuvix-problem-section {\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-danger-red: #ef4444;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-problem-section {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-danger-red: #dc2626;\n }\n\n \/* AGGRESSIVE Full Width - Remove ALL Gaps *\/\n .nuvix-problem-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body\/html scroll issues *\/\n body:has(.nuvix-problem-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-problem-section,\n .nuvix-problem-section * {\n box-sizing: border-box !important;\n }\n\n \/* Override ALL Elementor containers *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget > .nuvix-problem-section,\n .elementor-element > .nuvix-problem-section,\n div[class*=\"elementor\"] > .nuvix-problem-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-problem-wrapper {\n padding: 3rem 1rem;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-problem-wrapper {\n background: linear-gradient(180deg, #f0f4f8 0%, #e8ecf1 50%, #f0f4f8 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Container *\/\n .nuvix-problem-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-container {\n padding: 0 2rem;\n }\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-danger-red) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n line-height: 1.2;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #dc2626 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n line-height: 1.6;\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* Big stat *\/\n .nuvix-big-stat {\n text-align: center;\n margin: 3rem 0;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .nuvix-big-stat {\n margin: 5rem 0;\n }\n }\n\n .nuvix-big-stat-number {\n font-size: clamp(3rem, 7vw, 6rem);\n font-weight: 900;\n background: linear-gradient(135deg, #ef4444, #f59e0b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n animation: nuvixPulseScale 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-number {\n background: linear-gradient(135deg, #dc2626, #ea580c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixPulseScale {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .nuvix-big-stat-desc {\n font-size: clamp(1.1rem, 2vw, 1.75rem);\n margin-top: 1rem;\n opacity: 0.9;\n color: var(--nuvix-text-light);\n line-height: 1.5;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-desc {\n font-weight: 500;\n }\n\n \/* Problem grid *\/\n .nuvix-problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-grid {\n margin-bottom: 4rem;\n }\n }\n\n \/* Problem card *\/\n .nuvix-problem-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-problem-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(220, 38, 38, 0.15);\n box-shadow: 0 4px 12px rgba(220, 38, 38, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-card {\n padding: 2.5rem;\n }\n }\n\n .nuvix-problem-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(239, 68, 68, 0.1));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-problem-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-problem-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-danger-red);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-problem-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 40px rgba(220, 38, 38, 0.25);\n border-color: rgba(220, 38, 38, 0.3);\n }\n\n \/* Problem icon *\/\n .nuvix-problem-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n color: var(--nuvix-danger-red);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Problem title *\/\n .nuvix-problem-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-title {\n font-weight: 700;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-title {\n font-size: 1.25rem;\n }\n }\n\n \/* Problem description *\/\n .nuvix-problem-desc {\n opacity: 0.8;\n line-height: 1.5;\n font-size: 0.9rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-desc {\n font-weight: 450;\n opacity: 0.75;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-problem-section\">\n <div class=\"nuvix-problem-wrapper\">\n <div class=\"nuvix-problem-container\">\n <h2 class=\"nuvix-section-title\">El desaf\u00edo comercial<\/h2>\n <p class=\"nuvix-section-subtitle\">Por qu\u00e9 fracasan 95% de los comerciantes y c\u00f3mo lo estamos cambiando<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">de los operadores pierden dinero en los mercados financieros<\/p>\n <\/div>\n \n <div class=\"nuvix-problem-grid\">\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-pie nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Sobrecarga de informaci\u00f3n<\/h3>\n <p class=\"nuvix-problem-desc\">Demasiados datos, poca informaci\u00f3n pr\u00e1ctica<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-frown nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Comercio emocional<\/h3>\n <p class=\"nuvix-problem-desc\">El miedo y la codicia destruyen las cuentas de trading<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-clock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Limitaciones temporales<\/h3>\n <p class=\"nuvix-problem-desc\">Los mercados se mueven 24\/7, los humanos necesitan dormir<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-line nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Mala gesti\u00f3n del riesgo<\/h3>\n <p class=\"nuvix-problem-desc\">Una mala operaci\u00f3n puede echar por tierra meses de ganancias<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-bullseye nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Falta de estrategia<\/h3>\n <p class=\"nuvix-problem-desc\">Operar sin un sistema probado<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-hand-rock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Manipulaci\u00f3n del mercado<\/h3>\n <p class=\"nuvix-problem-desc\">Los grandes operadores mueven los mercados en contra de los minoristas<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ THEME DETECTION - Check localStorage and apply immediately\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n if (currentTheme === 'light') {\n document.body.classList.add('nuvix-light-theme');\n }\n \n \/\/ Listen for theme changes from header (storage event)\n window.addEventListener('storage', function(e) {\n if (e.key === 'nuvixTheme') {\n if (e.newValue === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n }\n });\n \n \/\/ Listen for custom theme change events\n document.addEventListener('themeChanged', function(e) {\n if (e.detail === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n });\n \n \/\/ Check theme periodically (in case of same-page toggle)\n setInterval(function() {\n const theme = localStorage.getItem('nuvixTheme') || 'dark';\n if (theme === 'light' && !document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.add('nuvix-light-theme');\n } else if (theme === 'dark' && document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.remove('nuvix-light-theme');\n }\n }, 500);\n \n \/\/ FADE-IN ANIMATION ON SCROLL\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all problem cards\n const cards = document.querySelectorAll('.nuvix-problem-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n\n \/\/ Animate big stat number on scroll\n const bigStat = document.querySelector('.nuvix-big-stat-number');\n if (bigStat) {\n const statObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n statObserver.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n bigStat.style.opacity = '0';\n bigStat.style.transform = 'scale(0.8)';\n bigStat.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n statObserver.observe(bigStat);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87ce50a elementor-widget elementor-widget-html\" data-id=\"87ce50a\" 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\">\n <title>Nuvix Solution Section<\/title>\n \n \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 SOLUTION SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-solution-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-solution-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-solution-section,\n .nuvix-solution-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget > .nuvix-solution-section,\n .elementor-element > .nuvix-solution-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-solution-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-solution-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-solution-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-solution-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Background effect *\/\n .nuvix-solution-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.3;\n }\n\n .nuvix-solution-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 70% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%);\n animation: nuvixRotateAlt 25s linear infinite;\n }\n\n @keyframes nuvixRotateAlt {\n to { transform: rotate(-360deg); }\n }\n\n \/* Container *\/\n .nuvix-solution-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Features grid *\/\n .nuvix-features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n }\n\n \/* Feature card *\/\n .nuvix-feature-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-feature-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-card {\n padding: 2.5rem 2rem;\n }\n }\n\n .nuvix-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(159, 57, 255, 0.1));\n transform: translateX(-100%);\n transition: transform 0.5s ease;\n }\n\n .nuvix-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .nuvix-feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 20px 50px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 50px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Feature icon *\/\n .nuvix-feature-icon {\n width: 60px;\n height: 60px;\n background: var(--nuvix-primary-gradient);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-icon {\n width: 70px;\n height: 70px;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n }\n\n \/* Feature title *\/\n .nuvix-feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-title {\n font-weight: 800;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-title {\n font-size: 1.4rem;\n }\n }\n\n \/* Feature description *\/\n .nuvix-feature-desc {\n opacity: 0.85;\n line-height: 1.6;\n font-size: 0.95rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-desc {\n font-weight: 450;\n opacity: 0.8;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-solution-section\">\n <div class=\"nuvix-solution-wrapper\">\n \n <div class=\"nuvix-solution-bg\"><\/div>\n\n <div class=\"nuvix-solution-container\">\n <h2 class=\"nuvix-section-title\">La soluci\u00f3n Nuvix: Tecnolog\u00eda avanzada de IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Inteligencia artificial propia desarrollada desde cero, dise\u00f1ada para ofrecerle una ventaja en el trading<\/p>\n \n <div class=\"nuvix-features-grid\">\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">100% AI patentada<\/h3>\n <p class=\"nuvix-feature-desc\">Construido desde cero por nuestro equipo de expertos en IA y traders. Redes neuronales personalizadas y algoritmos de aprendizaje autom\u00e1tico que mejoran continuamente.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-lock\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Infraestructura segura<\/h3>\n <p class=\"nuvix-feature-desc\">Sus datos nunca salen de nuestros servidores encriptados. Protocolos de seguridad de nivel militar con cifrado de extremo a extremo y cero intercambio de datos.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-bolt\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lisis en tiempo real<\/h3>\n <p class=\"nuvix-feature-desc\">Reconocimiento instant\u00e1neo de patrones en m\u00faltiples marcos temporales. Tiempo de respuesta en milisegundos con seguimiento y an\u00e1lisis del mercado 24\/7.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lisis predictivo<\/h3>\n <p class=\"nuvix-feature-desc\">Algoritmos avanzados que predicen los movimientos del mercado con una precisi\u00f3n 95%. C\u00e1lculos optimizados de riesgo\/recompensa con se\u00f1ales precisas de entrada y salida.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-crosshairs\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Gesti\u00f3n inteligente del riesgo<\/h3>\n <p class=\"nuvix-feature-desc\">Recomendaciones de stop-loss y dimensionamiento de posiciones basadas en IA. C\u00e1lculos din\u00e1micos del riesgo con alertas autom\u00e1ticas para proteger la cartera.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-mobile\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Interfaz f\u00e1cil de usar<\/h3>\n <p class=\"nuvix-feature-desc\">IA compleja simplificada. An\u00e1lisis con un solo clic y recomendaciones claras. Perfecto para principiantes y profesionales a trav\u00e9s de Chrome Extension.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 150);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all feature cards\n const cards = document.querySelectorAll('.nuvix-feature-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(30px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5153bc6 elementor-widget elementor-widget-html\" data-id=\"5153bc6\" 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\">\n <title>Nuvix CTA Section<\/title>\n \n \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 CTA SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-cta-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-cta-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-cta-section,\n .nuvix-cta-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget > .nuvix-cta-section,\n .elementor-element > .nuvix-cta-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-cta-wrapper {\n padding: 4rem 1rem;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1) 0%, rgba(0, 180, 216, 0.1) 100%);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-cta-wrapper {\n background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(2, 132, 199, 0.08) 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-cta-wrapper {\n padding: 8rem 2rem;\n }\n }\n\n \/* Background animation *\/\n .nuvix-cta-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .nuvix-cta-bg::before {\n content: '';\n position: absolute;\n width: 800px;\n height: 800px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, rgba(159, 57, 255, 0.15) 0%, transparent 70%);\n animation: nuvixPulseGlow 4s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-bg::before {\n background: radial-gradient(circle, rgba(124, 58, 237, 0.12) 0%, transparent 70%);\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; }\n }\n\n \/* Container *\/\n .nuvix-cta-container {\n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* CTA title *\/\n .nuvix-cta-title {\n font-size: clamp(2rem, 3.5vw, 3.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixShimmer 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixShimmer {\n 0%, 100% { filter: brightness(1); }\n 50% { filter: brightness(1.2); }\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-title {\n margin-bottom: 1.5rem;\n }\n }\n\n \/* CTA subtitle *\/\n .nuvix-cta-subtitle {\n font-size: clamp(1.1rem, 2vw, 1.5rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.5;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-cta-subtitle {\n font-weight: 500;\n opacity: 0.85;\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* CTA buttons container *\/\n .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-cta-buttons {\n flex-direction: row;\n flex-wrap: wrap;\n }\n }\n\n \/* Buttons *\/\n .nuvix-btn {\n padding: 1rem 2.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-btn {\n padding: 1.125rem 2.75rem;\n font-size: 1.05rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-btn {\n padding: 1.25rem 3rem;\n font-size: 1.1rem;\n }\n }\n\n .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n animation: nuvixBtnFloat 3s ease-in-out infinite;\n }\n\n @keyframes nuvixBtnFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .nuvix-btn-primary:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 12px 35px rgba(159, 57, 255, 0.6);\n animation: none;\n }\n\n body.nuvix-light-theme .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-btn-primary:hover {\n box-shadow: 0 12px 30px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n transform: translateY(-2px);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Trust indicators *\/\n .nuvix-trust-indicators {\n margin-top: 3rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-trust-indicators {\n flex-direction: row;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-indicators {\n margin-top: 4rem;\n }\n }\n\n .nuvix-trust-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-trust-item {\n font-weight: 500;\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-item {\n font-size: 1rem;\n }\n }\n\n .nuvix-trust-item i {\n color: #10b981;\n font-size: 1.25rem;\n }\n\n body.nuvix-light-theme .nuvix-trust-item i {\n color: #059669;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-cta-section\">\n <div class=\"nuvix-cta-wrapper\">\n \n <div class=\"nuvix-cta-bg\"><\/div>\n\n <div class=\"nuvix-cta-container\">\n <h2 class=\"nuvix-cta-title\">\u00bfPreparado para unirse a la revoluci\u00f3n de la IA?<\/h2>\n <p class=\"nuvix-cta-subtitle\">Empiece a operar de forma m\u00e1s inteligente con an\u00e1lisis basados en IA. Empiece en cuesti\u00f3n de minutos.<\/p>\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/es\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Empezar ahora<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <\/div>\n\n <div class=\"nuvix-trust-indicators\">\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-shield-alt\"><\/i>\n <span>100% Seguro<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-clock\"><\/i>\n <span>An\u00e1lisis de IA 24\/7<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-chart-line\"><\/i>\n <span>95% Precisi\u00f3n<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Animate elements on scroll\n const observerOptions = {\n threshold: 0.2,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe title\n const title = document.querySelector('.nuvix-cta-title');\n if (title) {\n title.style.opacity = '0';\n title.style.transform = 'translateY(20px)';\n title.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n observer.observe(title);\n }\n\n \/\/ Observe subtitle\n const subtitle = document.querySelector('.nuvix-cta-subtitle');\n if (subtitle) {\n subtitle.style.opacity = '0';\n subtitle.style.transform = 'translateY(20px)';\n subtitle.style.transition = 'opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s';\n observer.observe(subtitle);\n }\n\n \/\/ Observe buttons\n const buttons = document.querySelector('.nuvix-cta-buttons');\n if (buttons) {\n buttons.style.opacity = '0';\n buttons.style.transform = 'translateY(20px)';\n buttons.style.transition = 'opacity 0.8s ease 0.4s, transform 0.8s ease 0.4s';\n observer.observe(buttons);\n }\n\n \/\/ Observe trust indicators\n const trustIndicators = document.querySelector('.nuvix-trust-indicators');\n if (trustIndicators) {\n trustIndicators.style.opacity = '0';\n trustIndicators.style.transform = 'translateY(20px)';\n trustIndicators.style.transition = 'opacity 0.8s ease 0.6s, transform 0.8s ease 0.6s';\n observer.observe(trustIndicators);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Header – Enhanced Light Theme Home Markets AI Technology Business Model Packages Demo Log In Get Started Get Started Home Markets AI Technology Business Model Packages Demo Log In Get Started Now Nuvix Hero – Enhanced Light Theme Nuvix – Where AI Meets Opportunity The Future of Trading is Here: AI-Powered Market Analysis Nuvix […]","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-44111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/44111","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=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/media?parent=44111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}