{"id":45598,"date":"2025-12-05T20:27:15","date_gmt":"2025-12-06T04:27:15","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=45598"},"modified":"2026-03-12T21:38:19","modified_gmt":"2026-03-13T04:38:19","slug":"nuvix-sport","status":"publish","type":"page","link":"https:\/\/nuvix.com\/es\/nuvix-sport\/","title":{"rendered":"Nuvix Deportes"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Nuvix Sports Picks AI - AI-Powered Sports Picks & Predictions<\/title>\n <meta name=\"description\" content=\"Get AI-powered sports predictions for NFL, NBA, MLB, and Soccer. Real-time picks, confidence scores, and expert picks for sports fans.\">\n \n <!-- Google Fonts - Montserrat -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap\" rel=\"stylesheet\">\n \n <!-- Icons8 Line Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n width: 100%;\n }\n\n :root {\n \/* Primary Colors - Electric Blue (AI\/Tech) *\/\n --accent-blue-dark: #0044CC;\n --accent-blue: #0066FF;\n --accent-blue-light: #00D4FF;\n --accent-cyan: #00E5FF;\n \n \/* Money\/Success Colors - Neon Green (Winning) *\/\n --accent-green: #39FF14;\n --accent-emerald: #10B981;\n --accent-light-green: #7CFF5B;\n --success-green: #39FF14;\n --profit-green: #32CD32;\n \n \/* Legacy support *\/\n --accent-purple: #0066FF;\n \n \/* Secondary Colors *\/\n --danger-red: #EF4444;\n --gold: #FFD700;\n --orange-gold: #FFA500;\n \n \/* Background Colors - Dark *\/\n --dark-bg: #030712;\n --darker-bg: #010409;\n --card-bg: rgba(0, 102, 255, 0.03);\n --card-border: rgba(0, 102, 255, 0.1);\n --text-light: #E2E8F0;\n --text-muted: #94A3B8;\n \n \/* Gradients *\/\n --primary-gradient: linear-gradient(135deg, #0044CC 0%, #0066FF 50%, #00D4FF 100%);\n --cta-gradient: linear-gradient(135deg, #059669 0%, #10B981 30%, #39FF14 70%, #7CFF5B 100%);\n --money-gradient: linear-gradient(135deg, #10B981 0%, #39FF14 100%);\n --secondary-gradient: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);\n \n \/* Sport Colors *\/\n --nfl-color: #013369;\n --nba-color: #1d428a;\n --mlb-color: #002d72;\n --soccer-color: #37003c;\n --nhl-color: #000000;\n }\n\n body {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: var(--dark-bg);\n color: var(--text-light);\n line-height: 1.6;\n margin: 0;\n padding: 0;\n width: 100%;\n min-width: 320px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-size-adjust: 100%;\n }\n\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n @media (max-width: 480px) {\n .container { padding: 0 0.85rem; }\n }\n\n @media (max-width: 375px) {\n .container { padding: 0 0.75rem; }\n }\n\n @media (max-width: 320px) {\n .container { padding: 0 0.5rem; }\n }\n\n @media (min-width: 576px) {\n .container { padding: 0 1.5rem; }\n }\n\n @media (min-width: 768px) {\n .container { padding: 0 2rem; }\n }\n\n \/* Main wrapper *\/\n .main-wrapper {\n width: 100%;\n max-width: 100%;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n }\n\n \/* Animated Background *\/\n .bg-animation {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n background: var(--dark-bg);\n overflow: hidden;\n pointer-events: none;\n }\n\n .bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(0, 68, 204, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 80%, rgba(0, 102, 255, 0.08) 0%, transparent 50%);\n animation: rotate 40s linear infinite;\n }\n\n @keyframes rotate {\n to { transform: rotate(360deg); }\n }\n\n .particle {\n position: absolute;\n background: rgba(0, 102, 255, 0.5);\n border-radius: 50%;\n animation: float 20s infinite linear;\n pointer-events: none;\n }\n\n @keyframes float {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n max-width: 100vw;\n z-index: 1000;\n background: rgba(10, 14, 26, 0.9);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n overflow-x: hidden;\n }\n\n header.scrolled {\n background: rgba(10, 14, 26, 0.98);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n max-width: 1400px;\n width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n }\n\n @media (max-width: 375px) {\n nav {\n padding: 0.75rem 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n nav {\n padding: 0.6rem 0.6rem;\n }\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n text-decoration: none;\n }\n\n .logo img {\n height: 40px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(0, 102, 255, 0.6));\n }\n\n @media (max-width: 375px) {\n .logo img { height: 32px; }\n }\n\n @media (max-width: 320px) {\n .logo img { height: 28px; }\n }\n\n @media (min-width: 768px) {\n .logo img { height: 45px; }\n }\n\n .nav-links {\n display: none;\n gap: 1.5rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .nav-links {\n display: flex;\n }\n }\n\n .nav-links a {\n color: var(--text-light);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: color 0.3s ease;\n position: relative;\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n \/* Estilo espec\u00edfico para el bot\u00f3n verde - l\u00ednea verde en hover *\/\n .nav-links .btn-free::after {\n background: var(--cta-gradient) !important;\n }\n\n .mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .mobile-nav-container {\n gap: 0.35rem;\n }\n \n .mobile-nav-container .btn {\n padding: 0.4rem 0.75rem !important;\n font-size: 0.65rem !important;\n }\n }\n\n @media (max-width: 320px) {\n .mobile-nav-container {\n gap: 0.25rem;\n }\n \n .mobile-nav-container .btn {\n padding: 0.35rem 0.6rem !important;\n font-size: 0.6rem !important;\n }\n }\n\n @media (min-width: 768px) {\n .mobile-nav-container { display: none; }\n }\n\n .hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 28px;\n height: 22px;\n cursor: pointer;\n background: transparent;\n border: none;\n padding: 0;\n }\n\n @media (max-width: 375px) {\n .hamburger {\n width: 24px;\n height: 18px;\n }\n }\n\n @media (max-width: 320px) {\n .hamburger {\n width: 20px;\n height: 16px;\n }\n }\n\n .hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .hamburger span {\n height: 2.5px;\n }\n }\n\n @media (max-width: 320px) {\n .hamburger span {\n height: 2px;\n }\n }\n\n .hamburger.active span:nth-child(1) {\n transform: translateY(9.5px) rotate(45deg);\n }\n\n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active span:nth-child(3) {\n transform: translateY(-9.5px) rotate(-45deg);\n }\n\n \/* Mobile Menu *\/\n .mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(10, 14, 26, 0.98);\n backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: all 0.3s ease;\n }\n\n .mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .mobile-menu-links a {\n color: var(--text-light);\n text-decoration: none;\n font-size: 1.25rem;\n font-weight: 600;\n }\n\n .mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 280px;\n }\n\n \/* Buttons *\/\n .btn {\n padding: 0.875rem 2rem;\n border-radius: 50px;\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: 0.9rem;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (max-width: 375px) {\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.8rem;\n letter-spacing: 0.3px;\n }\n }\n\n @media (max-width: 320px) {\n .btn {\n padding: 0.65rem 1.25rem;\n font-size: 0.7rem;\n letter-spacing: 0.2px;\n }\n }\n\n @media (min-width: 576px) {\n .btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .btn-primary {\n background: var(--primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(0, 102, 255, 0.4);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(0, 102, 255, 0.6);\n }\n\n .btn-secondary {\n background: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);\n color: #FFFFFF !important;\n border: none;\n font-weight: 700;\n box-shadow: 0 4px 25px rgba(0, 212, 255, 0.4), 0 0 40px rgba(0, 212, 255, 0.2);\n text-shadow: none;\n }\n\n .btn-secondary:hover {\n background: linear-gradient(135deg, #0052CC 0%, #00B8E6 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 35px rgba(0, 212, 255, 0.5), 0 0 60px rgba(0, 212, 255, 0.3);\n color: #FFFFFF !important;\n }\n\n .btn-free {\n background: linear-gradient(135deg, #059669 0%, #10B981 25%, #39FF14 60%, #7CFF5B 100%);\n color: #000000 !important;\n font-weight: 700;\n box-shadow: 0 4px 25px rgba(57, 255, 20, 0.4), 0 0 40px rgba(57, 255, 20, 0.2);\n animation: pulse-btn 2s infinite;\n border: none;\n text-shadow: none;\n }\n\n .btn-free:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 35px rgba(57, 255, 20, 0.5), 0 0 60px rgba(57, 255, 20, 0.3);\n }\n\n @keyframes pulse-btn {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n }\n\n \/* Section Titles *\/\n .section-title {\n text-align: center;\n font-size: clamp(1.5rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #00D4FF 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n @media (max-width: 320px) {\n .section-title {\n font-size: 1.35rem;\n }\n }\n\n .section-subtitle {\n text-align: center;\n font-size: clamp(0.85rem, 1.5vw, 1.25rem);\n opacity: 0.8;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .section-subtitle {\n font-size: 0.85rem;\n margin-bottom: 2rem;\n }\n }\n\n @media (max-width: 320px) {\n .section-subtitle {\n font-size: 0.8rem;\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 6rem 0 4rem;\n position: relative;\n }\n\n @media (min-width: 1400px) {\n .hero {\n min-height: auto;\n padding: 8rem 0 6rem;\n }\n }\n\n @media (min-width: 1600px) {\n .hero {\n padding: 10rem 0 8rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero {\n padding: 5rem 0 3rem;\n min-height: auto;\n }\n }\n\n @media (max-width: 320px) {\n .hero {\n padding: 4.5rem 0 2.5rem;\n }\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n @media (max-width: 375px) {\n .hero-content {\n gap: 2rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-content {\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 992px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n }\n }\n\n .hero-text {\n text-align: center;\n }\n\n @media (min-width: 992px) {\n .hero-text { text-align: left; }\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: linear-gradient(135deg, rgba(0, 68, 204, 0.2), rgba(0, 212, 255, 0.15));\n border: 1px solid rgba(0, 102, 255, 0.4);\n padding: 0.5rem 1.25rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: var(--accent-cyan);\n }\n\n @media (max-width: 375px) {\n .hero-badge {\n padding: 0.4rem 0.9rem;\n font-size: 0.7rem;\n gap: 0.35rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-badge {\n padding: 0.35rem 0.75rem;\n font-size: 0.65rem;\n gap: 0.3rem;\n margin-bottom: 0.85rem;\n }\n }\n\n .hero-badge i {\n font-size: 1rem;\n }\n\n @media (max-width: 375px) {\n .hero-badge i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-badge i {\n font-size: 0.75rem;\n }\n }\n\n .hero-text h1 {\n font-size: clamp(1.75rem, 5vw, 4rem);\n font-weight: 800;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n }\n\n @media (min-width: 1600px) {\n .hero-text h1 {\n font-size: 4.2rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero-text h1 {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-text h1 {\n font-size: 1.4rem;\n margin-bottom: 0.85rem;\n }\n }\n\n .hero-text h1 span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-text p {\n font-size: clamp(0.9rem, 1.5vw, 1.25rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.7;\n }\n\n @media (min-width: 1600px) {\n .hero-text p {\n font-size: 1.3rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero-text p {\n font-size: 0.85rem;\n margin-bottom: 1.5rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 320px) {\n .hero-text p {\n font-size: 0.8rem;\n margin-bottom: 1.25rem;\n }\n }\n\n .hero-stats {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin: 2rem 0;\n flex-wrap: wrap;\n }\n\n @media (max-width: 375px) {\n .hero-stats {\n gap: 0.6rem;\n margin: 1.5rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .hero-stats {\n gap: 0.5rem;\n margin: 1rem 0;\n }\n }\n\n @media (min-width: 992px) {\n .hero-stats { justify-content: flex-start; }\n }\n\n .stat-item {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n min-width: 100px;\n }\n\n @media (max-width: 375px) {\n .stat-item {\n padding: 0.75rem 1rem;\n min-width: 85px;\n border-radius: 12px;\n }\n }\n\n @media (max-width: 320px) {\n .stat-item {\n padding: 0.6rem 0.75rem;\n min-width: 75px;\n border-radius: 10px;\n }\n }\n\n .stat-number {\n font-size: 1.75rem;\n font-weight: 800;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (max-width: 375px) {\n .stat-number {\n font-size: 1.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .stat-number {\n font-size: 1.15rem;\n }\n }\n\n .stat-label {\n font-size: 0.8rem;\n opacity: 0.7;\n margin-top: 0.25rem;\n }\n\n @media (max-width: 375px) {\n .stat-label {\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .stat-label {\n font-size: 0.6rem;\n }\n }\n\n .hero-cta {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0;\n margin-top: 2rem;\n }\n\n @media (max-width: 375px) {\n .hero-cta {\n margin-top: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-cta {\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 992px) {\n .hero-cta { align-items: flex-start; }\n }\n\n .free-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 1rem;\n font-size: 0.9rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 375px) {\n .free-badge {\n font-size: 0.75rem;\n gap: 0.35rem;\n margin-top: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-badge {\n font-size: 0.7rem;\n gap: 0.3rem;\n }\n }\n\n .age-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 0.5rem;\n font-size: 0.8rem;\n color: var(--text-light);\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .age-badge {\n font-size: 0.65rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .age-badge {\n font-size: 0.6rem;\n gap: 0.3rem;\n }\n }\n\n \/* Hero Visual - Interactive Demo *\/\n .hero-visual {\n position: relative;\n max-width: 100%;\n overflow: hidden;\n }\n\n .app-demo {\n background: linear-gradient(145deg, rgba(3, 7, 18, 0.98), rgba(5, 15, 35, 0.98));\n border-radius: 20px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: 0 25px 80px rgba(0, 102, 255, 0.2), 0 0 0 1px rgba(0, 102, 255, 0.05) inset;\n overflow: hidden;\n position: relative;\n }\n\n @media (max-width: 480px) {\n .app-demo {\n border-radius: 15px;\n }\n }\n\n @media (max-width: 375px) {\n .app-demo {\n border-radius: 12px;\n }\n }\n\n .demo-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n background: rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (max-width: 480px) {\n .demo-header {\n padding: 0.75rem 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-header {\n padding: 0.6rem 0.7rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-header {\n padding: 0.5rem 0.5rem;\n }\n }\n\n .demo-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n .demo-title {\n gap: 0.35rem;\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-title {\n gap: 0.3rem;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-title {\n gap: 0.25rem;\n font-size: 0.7rem;\n }\n }\n\n .demo-logo {\n font-size: 1.25rem;\n }\n\n @media (max-width: 480px) {\n .demo-logo {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-logo {\n font-size: 0.9rem;\n }\n }\n\n .demo-picks {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n background: linear-gradient(135deg, rgba(57, 255, 20, 0.15), rgba(124, 255, 91, 0.1));\n border: 1px solid rgba(57, 255, 20, 0.4);\n padding: 0.4rem 0.75rem;\n border-radius: 20px;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 480px) {\n .demo-picks {\n gap: 0.3rem;\n padding: 0.3rem 0.55rem;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-picks {\n gap: 0.25rem;\n padding: 0.25rem 0.45rem;\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-picks {\n padding: 0.2rem 0.35rem;\n font-size: 0.6rem;\n }\n }\n\n .demo-picks i {\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n .demo-picks i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-picks i {\n font-size: 0.75rem;\n }\n }\n\n \/* Sports Tabs *\/\n .demo-sports-tabs {\n display: flex;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n background: rgba(0, 0, 0, 0.2);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n overflow-x: auto;\n justify-content: center;\n }\n\n @media (max-width: 767px) {\n .demo-sports-tabs {\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n justify-content: center;\n }\n }\n\n @media (max-width: 480px) {\n .demo-sports-tabs {\n gap: 0.6rem;\n padding: 0.6rem 0.75rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-sports-tabs {\n gap: 0.5rem;\n padding: 0.5rem 0.6rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-sports-tabs {\n gap: 0.4rem;\n padding: 0.4rem 0.5rem;\n }\n }\n\n .demo-sport-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.5rem 0.85rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: transparent;\n color: var(--text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 600;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: inherit;\n }\n\n \/* Hide text on mobile - show only icons *\/\n .demo-sport-tab .sport-name {\n display: inline;\n }\n\n @media (max-width: 767px) {\n .demo-sport-tab {\n width: 44px;\n height: 44px;\n padding: 0;\n border-radius: 50%;\n gap: 0;\n }\n \n .demo-sport-tab .sport-name {\n display: none !important;\n }\n \n .demo-sport-tab .tab-logo {\n width: 22px !important;\n height: 22px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 1.1rem !important;\n }\n }\n\n @media (max-width: 480px) {\n .demo-sport-tab {\n width: 40px;\n height: 40px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 20px !important;\n height: 20px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 1rem !important;\n }\n }\n\n @media (max-width: 375px) {\n .demo-sport-tab {\n width: 36px;\n height: 36px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 18px !important;\n height: 18px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 0.9rem !important;\n }\n }\n\n @media (max-width: 320px) {\n .demo-sport-tab {\n width: 32px;\n height: 32px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 16px !important;\n height: 16px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 0.8rem !important;\n }\n }\n\n .demo-sport-tab .tab-logo {\n width: 20px;\n height: 20px;\n object-fit: contain;\n }\n\n @media (min-width: 768px) {\n .demo-sport-tab .tab-logo {\n width: 24px;\n height: 24px;\n }\n }\n\n .demo-sport-tab .sport-emoji {\n font-size: 1rem;\n line-height: 1;\n }\n\n .demo-sport-tab:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .demo-sport-tab.active {\n background: var(--primary-gradient);\n border-color: transparent;\n color: white;\n }\n\n \/* Soccer Leagues Bar - Estilo como tabs deportivos *\/\n .soccer-leagues-bar {\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n background: rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n flex-wrap: wrap;\n }\n\n .soccer-league-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.5rem 0.85rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: transparent;\n color: var(--text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 600;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: inherit;\n }\n\n .soccer-league-tab img {\n width: 20px;\n height: 20px;\n object-fit: contain;\n }\n\n .soccer-league-tab:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .soccer-league-tab.active {\n background: var(--primary-gradient);\n border-color: transparent;\n color: white;\n }\n\n .soccer-league-tab .league-name {\n display: inline;\n }\n\n @media (max-width: 767px) {\n .soccer-league-tab {\n width: 44px;\n height: 44px;\n padding: 0;\n border-radius: 50%;\n gap: 0;\n }\n \n .soccer-league-tab .league-name {\n display: none !important;\n }\n \n .soccer-league-tab img {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n @media (min-width: 768px) {\n .soccer-league-tab img {\n width: 24px;\n height: 24px;\n }\n }\n\n\n \/* Games Container *\/\n .demo-games-container {\n padding: 1rem;\n max-height: 420px;\n overflow-y: auto;\n }\n\n .demo-games-container::-webkit-scrollbar {\n width: 4px;\n }\n\n .demo-games-container::-webkit-scrollbar-thumb {\n background: rgba(0, 102, 255, 0.3);\n border-radius: 2px;\n }\n\n .demo-games {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n\n \/* Game Card - Dise\u00f1o compacto como app real *\/\n .demo-game-card {\n background: linear-gradient(135deg, rgba(0, 20, 40, 0.4) 0%, rgba(0, 10, 25, 0.6) 100%);\n border-radius: 12px;\n border: 1px solid rgba(0, 102, 255, 0.15);\n padding: 0.85rem;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .demo-game-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, rgba(0, 212, 255, 0.5) 50%, transparent 100%);\n }\n\n .demo-game-card:hover {\n border-color: rgba(0, 212, 255, 0.4);\n background: linear-gradient(135deg, rgba(0, 20, 40, 0.5) 0%, rgba(0, 10, 25, 0.7) 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.15);\n }\n\n .game-card-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.65rem;\n }\n\n .game-league-logo {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n background: rgba(0, 102, 255, 0.1);\n border: 1px solid rgba(0, 102, 255, 0.2);\n padding: 0.2rem 0.5rem 0.2rem 0.3rem;\n border-radius: 15px;\n }\n\n .game-league-logo img {\n width: 16px;\n height: 16px;\n object-fit: contain;\n }\n\n .game-league-logo span {\n font-size: 0.6rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .game-time-badge {\n font-size: 0.65rem;\n opacity: 0.6;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n color: rgba(255, 255, 255, 0.7);\n }\n\n \/* Game Matchup - Dise\u00f1o horizontal compacto *\/\n .game-matchup {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n padding: 0.5rem 0;\n }\n\n .game-matchup .team {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .game-matchup .team.away {\n flex-direction: row-reverse;\n text-align: right;\n }\n\n .team-logo-img {\n width: 32px;\n height: 32px;\n min-width: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 8px;\n padding: 3px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .team-logo-img img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .team-info {\n display: flex;\n flex-direction: column;\n gap: 0.1rem;\n }\n\n .team-name {\n font-size: 0.8rem;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.95);\n line-height: 1;\n }\n\n .team-record {\n font-size: 0.65rem;\n opacity: 0.5;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1;\n }\n\n .matchup-center {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.3rem;\n padding: 0 0.5rem;\n border-left: 1px solid rgba(255, 255, 255, 0.08);\n border-right: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .vs-text {\n font-size: 0.7rem;\n font-weight: 700;\n opacity: 0.4;\n color: rgba(255, 255, 255, 0.5);\n line-height: 1;\n }\n\n .game-odds-mini {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.15rem;\n }\n\n .game-odds-mini span {\n font-size: 0.65rem;\n font-weight: 600;\n color: var(--accent-cyan);\n opacity: 0.8;\n line-height: 1;\n }\n\n \/* Pick Button - Estilo app real *\/\n .demo-pick-btn {\n width: 100%;\n background: linear-gradient(90deg, #0066FF 0%, #00D4FF 100%);\n border: none;\n border-radius: 8px;\n padding: 0.7rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 700;\n font-size: 0.8rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .demo-pick-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\n transition: left 0.5s ease;\n }\n\n .demo-pick-btn:hover::before {\n left: 100%;\n }\n\n .demo-pick-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);\n }\n\n .demo-pick-btn i {\n font-size: 1rem;\n }\n\n .pick-cost {\n background: rgba(57, 255, 20, 0.2);\n padding: 0.15rem 0.5rem;\n border-radius: 10px;\n font-size: 0.65rem;\n font-weight: 700;\n color: var(--accent-green);\n border: 1px solid rgba(57, 255, 20, 0.3);\n }\n\n\n \/* Pick Modal *\/\n .demo-pick-modal {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(10, 14, 39, 0.98);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 10;\n border-radius: 20px;\n }\n\n .demo-pick-modal.active {\n display: flex;\n }\n\n .pick-modal-content {\n width: 100%;\n height: 100%;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-y: auto;\n }\n\n .pick-close-btn {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.1);\n color: white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n z-index: 5;\n }\n\n .pick-close-btn:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--accent-purple);\n }\n\n \/* Loading State *\/\n .pick-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n gap: 2rem;\n }\n\n .loading-spinner {\n width: 60px;\n height: 60px;\n border: 3px solid rgba(0, 102, 255, 0.2);\n border-top-color: var(--accent-purple);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n .loading-steps {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .loading-step {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.85rem;\n opacity: 0.3;\n transition: all 0.3s ease;\n }\n\n .loading-step.active {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n .loading-step.complete {\n opacity: 0.7;\n color: var(--success-green);\n }\n\n .loading-step.complete i::before {\n content: \"\\f00c\";\n }\n\n \/* Pick Result *\/\n .pick-result {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .pick-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .pick-matchup {\n font-weight: 700;\n font-size: 1rem;\n }\n\n .pick-league {\n padding: 0.25rem 0.6rem;\n border-radius: 15px;\n font-size: 0.65rem;\n font-weight: 700;\n background: var(--primary-gradient);\n }\n\n \/* Confidence Meter *\/\n .confidence-meter {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 12px;\n padding: 1rem;\n }\n\n .confidence-label {\n font-size: 0.75rem;\n opacity: 0.7;\n margin-bottom: 0.5rem;\n }\n\n .confidence-bar-container {\n height: 10px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 5px;\n overflow: hidden;\n margin-bottom: 0.4rem;\n }\n\n .confidence-bar-fill {\n height: 100%;\n background: var(--primary-gradient);\n border-radius: 5px;\n width: 0%;\n transition: width 1s ease;\n }\n\n .confidence-value {\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--accent-cyan);\n text-align: right;\n }\n\n \/* Recommended Pick *\/\n .recommended-pick {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.15), rgba(0, 102, 255, 0.15));\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 12px;\n padding: 1rem;\n text-align: center;\n }\n\n .pick-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-bottom: 0.4rem;\n }\n\n .pick-value {\n font-size: 1.25rem;\n font-weight: 800;\n color: var(--success-green);\n }\n\n \/* Pick Breakdown *\/\n .pick-breakdown {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 12px;\n padding: 0.75rem;\n }\n\n .breakdown-title {\n font-size: 0.7rem;\n opacity: 0.6;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .breakdown-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .breakdown-item:last-child {\n border-bottom: none;\n }\n\n .breakdown-label {\n font-size: 0.75rem;\n opacity: 0.7;\n }\n\n .breakdown-value {\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .breakdown-conf {\n font-size: 0.7rem;\n color: var(--success-green);\n background: rgba(0, 102, 255, 0.15);\n padding: 0.15rem 0.4rem;\n border-radius: 10px;\n }\n\n \/* Pick Summary *\/\n .pick-summary {\n font-size: 0.8rem;\n line-height: 1.6;\n opacity: 0.8;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 10px;\n padding: 0.75rem;\n border-left: 3px solid var(--accent-purple);\n }\n\n \/* Pick Actions *\/\n .pick-actions {\n display: flex;\n gap: 0.75rem;\n }\n\n .action-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.6rem;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.05);\n color: white;\n font-size: 0.8rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: inherit;\n }\n\n .action-btn:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--accent-purple);\n }\n\n .action-btn.copied {\n background: rgba(0, 102, 255, 0.2);\n border-color: var(--success-green);\n color: var(--success-green);\n }\n\n .action-btn.saved {\n background: rgba(0, 102, 255, 0.2);\n border-color: var(--accent-purple);\n color: var(--accent-cyan);\n }\n\n \/* Demo Label *\/\n .demo-label {\n position: absolute;\n bottom: -35px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--accent-cyan);\n opacity: 0.9;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(-5px); }\n }\n\n @media (max-width: 991px) {\n .hero-visual {\n margin-bottom: 2.5rem;\n }\n }\n\n \/* Mobile Responsive - Tablets and below *\/\n @media (max-width: 768px) {\n .app-demo {\n border-radius: 15px;\n }\n \n .demo-header {\n padding: 0.75rem 1rem;\n }\n \n .demo-title {\n font-size: 0.9rem;\n }\n \n .demo-picks {\n padding: 0.35rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .demo-sports-tabs {\n padding: 0.6rem 0.75rem;\n gap: 0.6rem;\n }\n \n .demo-games-container {\n padding: 0.75rem;\n max-height: 380px;\n }\n \n .demo-game-card {\n padding: 0.85rem;\n border-radius: 12px;\n }\n \n .team-logo {\n font-size: 1.25rem;\n width: 35px;\n height: 35px;\n border-radius: 8px;\n }\n \n .team-logo-img {\n width: 35px;\n height: 35px;\n border-radius: 8px;\n padding: 3px;\n }\n \n .soccer-leagues-bar {\n gap: 0.4rem;\n padding: 0.4rem 0.5rem;\n }\n \n .soccer-league-tab {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n padding: 4px;\n }\n \n .team-name {\n font-size: 0.75rem;\n }\n \n .team-record {\n font-size: 0.6rem;\n }\n \n .demo-pick-btn {\n padding: 0.6rem;\n font-size: 0.75rem;\n border-radius: 8px;\n }\n \n .pick-modal-content {\n padding: 1.25rem;\n }\n \n .pick-matchup {\n font-size: 0.9rem;\n }\n \n .confidence-meter {\n padding: 0.85rem;\n }\n \n .confidence-value {\n font-size: 1.25rem;\n }\n \n .recommended-pick {\n padding: 0.85rem;\n }\n \n .pick-value {\n font-size: 1.1rem;\n }\n \n .pick-summary {\n font-size: 0.75rem;\n padding: 0.6rem;\n }\n \n .demo-label {\n font-size: 0.7rem;\n bottom: -30px;\n }\n }\n\n \/* Mobile Responsive - Small phones (375px and below) *\/\n @media (max-width: 375px) {\n .app-demo {\n border-radius: 12px;\n }\n \n .demo-header {\n padding: 0.6rem 0.75rem;\n }\n \n .demo-title {\n font-size: 0.8rem;\n gap: 0.35rem;\n }\n \n .demo-logo {\n font-size: 1rem;\n }\n \n .demo-picks {\n padding: 0.3rem 0.5rem;\n font-size: 0.7rem;\n gap: 0.25rem;\n }\n \n .demo-picks i {\n font-size: 0.85rem;\n }\n \n .demo-sports-tabs {\n padding: 0.5rem 0.5rem;\n gap: 0.5rem;\n }\n \n .demo-games-container {\n padding: 0.5rem;\n max-height: 350px;\n }\n \n .demo-games {\n gap: 0.5rem;\n }\n \n .demo-game-card {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .game-card-header {\n margin-bottom: 0.5rem;\n }\n \n .game-league-badge {\n padding: 0.2rem 0.45rem;\n font-size: 0.55rem;\n }\n \n .game-league-logo {\n padding: 0.2rem 0.45rem 0.2rem 0.25rem;\n gap: 0.25rem;\n }\n \n .game-league-logo img {\n width: 14px;\n height: 14px;\n }\n \n .game-league-logo span {\n font-size: 0.5rem;\n }\n \n .game-time-badge {\n font-size: 0.6rem;\n }\n \n .game-matchup {\n margin-bottom: 0.5rem;\n }\n \n .team-logo {\n font-size: 1.1rem;\n width: 30px;\n height: 30px;\n border-radius: 6px;\n }\n \n .team-logo-img {\n width: 30px;\n height: 30px;\n border-radius: 6px;\n padding: 2px;\n }\n \n .soccer-leagues-bar {\n gap: 0.3rem;\n padding: 0.35rem 0.4rem;\n }\n \n .soccer-league-tab {\n width: 26px;\n height: 26px;\n border-radius: 6px;\n padding: 3px;\n border-width: 1.5px;\n }\n \n .team-name {\n font-size: 0.65rem;\n }\n \n .team-record {\n font-size: 0.55rem;\n }\n \n .matchup-center {\n padding: 0 0.25rem;\n }\n \n .vs-text {\n font-size: 0.6rem;\n }\n \n .game-odds-mini {\n font-size: 0.55rem;\n }\n \n .demo-pick-btn {\n padding: 0.5rem;\n font-size: 0.65rem;\n gap: 0.35rem;\n }\n \n .demo-pick-btn i {\n font-size: 0.85rem;\n }\n \n .pick-cost {\n font-size: 0.55rem;\n padding: 0.1rem 0.3rem;\n }\n \n .pick-modal-content {\n padding: 1rem 0.75rem;\n }\n \n .pick-close-btn {\n width: 28px;\n height: 28px;\n font-size: 0.95rem;\n top: 0.75rem;\n right: 0.75rem;\n }\n \n .loading-spinner {\n width: 45px;\n height: 45px;\n }\n \n .loading-step {\n font-size: 0.75rem;\n gap: 0.5rem;\n }\n \n .pick-result {\n gap: 0.75rem;\n }\n \n .pick-header {\n padding-bottom: 0.5rem;\n }\n \n .pick-matchup {\n font-size: 0.8rem;\n }\n \n .pick-league {\n padding: 0.2rem 0.45rem;\n font-size: 0.55rem;\n }\n \n .confidence-meter {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .confidence-label {\n font-size: 0.65rem;\n }\n \n .confidence-bar-container {\n height: 8px;\n }\n \n .confidence-value {\n font-size: 1.1rem;\n }\n \n .recommended-pick {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .pick-label {\n font-size: 0.65rem;\n }\n \n .pick-value {\n font-size: 1rem;\n }\n \n .pick-breakdown {\n padding: 0.6rem;\n border-radius: 10px;\n }\n \n .breakdown-title {\n font-size: 0.6rem;\n }\n \n .breakdown-item {\n padding: 0.3rem 0;\n }\n \n .breakdown-label {\n font-size: 0.65rem;\n }\n \n .breakdown-value {\n font-size: 0.7rem;\n }\n \n .breakdown-conf {\n font-size: 0.6rem;\n padding: 0.1rem 0.3rem;\n }\n \n .pick-summary {\n font-size: 0.7rem;\n padding: 0.5rem;\n line-height: 1.5;\n border-radius: 8px;\n }\n \n .pick-actions {\n gap: 0.5rem;\n }\n \n .action-btn {\n padding: 0.5rem;\n font-size: 0.7rem;\n border-radius: 8px;\n }\n \n .demo-label {\n font-size: 0.65rem;\n bottom: -28px;\n gap: 0.35rem;\n }\n }\n\n \/* Mobile Responsive - Extra small phones (320px) *\/\n @media (max-width: 320px) {\n .demo-header {\n padding: 0.5rem 0.6rem;\n }\n \n .demo-title {\n font-size: 0.7rem;\n }\n \n .demo-logo {\n font-size: 0.9rem;\n }\n \n .demo-picks {\n padding: 0.25rem 0.4rem;\n font-size: 0.6rem;\n }\n \n .demo-sports-tabs {\n padding: 0.4rem;\n gap: 0.4rem;\n }\n \n .demo-games-container {\n padding: 0.4rem;\n max-height: 300px;\n }\n \n .demo-game-card {\n padding: 0.6rem;\n }\n \n .game-league-logo {\n padding: 0.15rem 0.35rem 0.15rem 0.2rem;\n gap: 0.2rem;\n }\n \n .game-league-logo img {\n width: 12px;\n height: 12px;\n }\n \n .game-league-logo span {\n font-size: 0.45rem;\n }\n \n .team-logo {\n font-size: 1rem;\n width: 26px;\n height: 26px;\n }\n \n .team-logo-img {\n width: 26px;\n height: 26px;\n border-radius: 5px;\n padding: 2px;\n }\n \n .soccer-leagues-bar {\n gap: 0.25rem;\n padding: 0.3rem;\n }\n \n .soccer-league-tab {\n width: 22px;\n height: 22px;\n border-radius: 5px;\n padding: 2px;\n border-width: 1px;\n }\n \n .team-name {\n font-size: 0.6rem;\n }\n \n .team-record {\n font-size: 0.5rem;\n }\n \n .demo-pick-btn {\n padding: 0.45rem;\n font-size: 0.6rem;\n }\n \n .pick-modal-content {\n padding: 0.75rem 0.6rem;\n }\n \n .pick-close-btn {\n width: 24px;\n height: 24px;\n font-size: 0.85rem;\n top: 0.5rem;\n right: 0.5rem;\n }\n \n .loading-spinner {\n width: 40px;\n height: 40px;\n }\n \n .loading-step {\n font-size: 0.65rem;\n }\n \n .pick-matchup {\n font-size: 0.7rem;\n }\n \n .confidence-value {\n font-size: 1rem;\n }\n \n .pick-value {\n font-size: 0.9rem;\n }\n \n .pick-summary {\n font-size: 0.65rem;\n }\n \n .action-btn {\n padding: 0.4rem;\n font-size: 0.6rem;\n }\n \n .demo-label {\n font-size: 0.6rem;\n bottom: -25px;\n }\n }\n\n \/* Leagues Marquee *\/\n .leagues-marquee {\n padding: 2.5rem 0 2rem;\n background: linear-gradient(180deg, rgba(0, 102, 255, 0.04) 0%, rgba(0, 212, 255, 0.04) 100%);\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n overflow: hidden;\n position: relative;\n }\n\n @media (max-width: 375px) {\n .leagues-marquee {\n padding: 1.75rem 0 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .leagues-marquee {\n padding: 1.25rem 0 1rem;\n }\n }\n\n .marquee-label {\n text-align: center;\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--accent-cyan);\n margin-bottom: 1.5rem;\n opacity: 0.9;\n }\n\n @media (max-width: 375px) {\n .marquee-label {\n font-size: 0.65rem;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .marquee-label {\n font-size: 0.55rem;\n letter-spacing: 1.5px;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (min-width: 768px) {\n .marquee-label {\n font-size: 0.85rem;\n letter-spacing: 4px;\n }\n }\n\n .marquee-container {\n overflow: hidden;\n width: 100%;\n padding: 10px 0;\n mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n }\n\n .marquee-track {\n display: flex;\n gap: 2rem;\n animation: scroll-left 40s linear infinite;\n width: max-content;\n }\n\n @media (max-width: 375px) {\n .marquee-track {\n gap: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .marquee-track {\n gap: 0.85rem;\n }\n }\n\n @media (min-width: 768px) {\n .marquee-track {\n gap: 3rem;\n }\n }\n\n @keyframes scroll-left {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .league-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n min-width: 80px;\n transition: transform 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-item {\n min-width: 60px;\n gap: 0.4rem;\n }\n }\n\n @media (max-width: 320px) {\n .league-item {\n min-width: 50px;\n gap: 0.3rem;\n }\n }\n\n @media (min-width: 768px) {\n .league-item {\n min-width: 100px;\n }\n }\n\n .league-item:hover {\n transform: scale(1.05);\n }\n\n .league-logo {\n width: 55px;\n height: 55px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 8px;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-logo {\n width: 42px;\n height: 42px;\n border-radius: 10px;\n padding: 6px;\n }\n }\n\n @media (max-width: 320px) {\n .league-logo {\n width: 35px;\n height: 35px;\n border-radius: 8px;\n padding: 5px;\n }\n }\n\n @media (min-width: 768px) {\n .league-logo {\n width: 70px;\n height: 70px;\n border-radius: 15px;\n padding: 10px;\n }\n }\n\n .league-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .league-item:hover .league-logo {\n border-color: var(--accent-purple);\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.3);\n background: rgba(255, 255, 255, 0.12);\n }\n\n .league-item span {\n font-size: 0.65rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n opacity: 0.7;\n white-space: nowrap;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-item span {\n font-size: 0.5rem;\n letter-spacing: 0.3px;\n }\n }\n\n @media (max-width: 320px) {\n .league-item span {\n font-size: 0.45rem;\n letter-spacing: 0.2px;\n }\n }\n\n @media (min-width: 768px) {\n .league-item span {\n font-size: 0.7rem;\n }\n }\n\n .league-item:hover span {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n \/* Pause animation on hover *\/\n .marquee-container:hover .marquee-track {\n animation-play-state: paused;\n }\n\n \/* Sports Section *\/\n .sports-section {\n padding: 5rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 102, 255, 0.03) 50%, transparent 100%);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .sports-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .sports-section {\n padding: 2.5rem 0;\n }\n }\n\n .sports-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .sports-grid .sport-card:last-child {\n grid-column: 1 \/ -1;\n }\n\n @media (max-width: 375px) {\n .sports-grid {\n gap: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .sports-grid {\n gap: 0.6rem;\n }\n }\n\n @media (min-width: 768px) {\n .sports-grid {\n grid-template-columns: repeat(5, 1fr);\n gap: 2rem;\n }\n\n .sports-grid .sport-card:last-child {\n grid-column: auto;\n }\n }\n\n .sport-card {\n background: var(--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 }\n\n @media (max-width: 375px) {\n .sport-card {\n padding: 1.25rem 1rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .sport-card {\n padding: 1rem 0.75rem;\n border-radius: 12px;\n }\n }\n\n .sport-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--sport-color, var(--primary-gradient));\n }\n\n .sport-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(0, 102, 255, 0.2);\n border-color: var(--accent-purple);\n }\n\n .sport-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n @media (max-width: 375px) {\n .sport-icon {\n font-size: 2.25rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .sport-name {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .sport-name {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-name {\n font-size: 0.9rem;\n margin-bottom: 0.35rem;\n }\n }\n\n .sport-leagues {\n font-size: 0.85rem;\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .sport-leagues {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-leagues {\n font-size: 0.65rem;\n }\n }\n\n \/* Features Section *\/\n .features-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .features-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .features-section {\n padding: 2.5rem 0;\n }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (max-width: 375px) {\n .features-grid {\n gap: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .features-grid {\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 1024px) {\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n .feature-card {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .feature-card {\n padding: 1.25rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .feature-card {\n padding: 1rem;\n border-radius: 12px;\n }\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-purple);\n box-shadow: 0 20px 50px rgba(0, 102, 255, 0.2);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.75rem;\n margin-bottom: 1.5rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .feature-icon {\n width: 45px;\n height: 45px;\n font-size: 1.35rem;\n border-radius: 12px;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .feature-icon {\n width: 40px;\n height: 40px;\n font-size: 1.15rem;\n border-radius: 10px;\n margin-bottom: 0.75rem;\n }\n }\n\n .feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.75rem;\n }\n\n @media (max-width: 375px) {\n .feature-title {\n font-size: 1rem;\n margin-bottom: 0.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .feature-title {\n font-size: 0.9rem;\n margin-bottom: 0.4rem;\n }\n }\n\n .feature-desc {\n font-size: 0.95rem;\n opacity: 0.8;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .feature-desc {\n font-size: 0.8rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .feature-desc {\n font-size: 0.7rem;\n line-height: 1.45;\n }\n }\n\n \/* How It Works *\/\n .how-it-works {\n padding: 5rem 0;\n background: rgba(0, 102, 255, 0.03);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .how-it-works {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .how-it-works {\n padding: 2.5rem 0;\n }\n }\n\n .steps-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n @media (max-width: 375px) {\n .steps-container {\n gap: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .steps-container {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 768px) {\n .steps-container {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n .step-card {\n text-align: center;\n position: relative;\n }\n\n .step-number {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 800;\n margin: 0 auto 1.5rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .step-number {\n width: 45px;\n height: 45px;\n font-size: 1.15rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-number {\n width: 38px;\n height: 38px;\n font-size: 1rem;\n margin-bottom: 0.75rem;\n }\n }\n\n .step-title {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .step-title {\n font-size: 0.9rem;\n margin-bottom: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-title {\n font-size: 0.8rem;\n margin-bottom: 0.25rem;\n }\n }\n\n .step-desc {\n font-size: 0.9rem;\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .step-desc {\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-desc {\n font-size: 0.65rem;\n }\n }\n\n \/* Reviews Section *\/\n .reviews-section {\n padding: 5rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 102, 255, 0.03) 50%, transparent 100%);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .reviews-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .reviews-section {\n padding: 2.5rem 0;\n }\n }\n\n .reviews-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .reviews-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 992px) {\n .reviews-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @media (max-width: 375px) {\n .reviews-grid {\n gap: 1rem;\n margin-top: 1.5rem;\n }\n }\n\n .review-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n padding: 1.75rem;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .review-card:hover {\n border-color: rgba(0, 102, 255, 0.3);\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 102, 255, 0.15);\n }\n\n @media (max-width: 375px) {\n .review-card {\n padding: 1.25rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .review-card {\n padding: 1rem;\n border-radius: 12px;\n }\n }\n\n .review-stars {\n display: flex;\n gap: 0.25rem;\n margin-bottom: 1rem;\n }\n\n .review-stars i {\n color: var(--gold);\n font-size: 1rem;\n }\n\n @media (max-width: 375px) {\n .review-stars i {\n font-size: 0.85rem;\n }\n }\n\n .review-text {\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--text-light);\n margin-bottom: 1.25rem;\n font-style: italic;\n }\n\n @media (max-width: 375px) {\n .review-text {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .review-text {\n font-size: 0.75rem;\n }\n }\n\n .review-author {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .author-avatar {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n background: var(--primary-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .author-avatar {\n width: 38px;\n height: 38px;\n font-size: 0.85rem;\n }\n }\n\n .author-info {\n display: flex;\n flex-direction: column;\n }\n\n .author-name {\n font-weight: 600;\n font-size: 0.9rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .author-name {\n font-size: 0.8rem;\n }\n }\n\n .author-sport {\n font-size: 0.75rem;\n color: var(--accent-cyan);\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n @media (max-width: 375px) {\n .author-sport {\n font-size: 0.65rem;\n }\n }\n\n .review-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n color: var(--success-green);\n font-size: 0.65rem;\n font-weight: 600;\n padding: 0.25rem 0.5rem;\n border-radius: 10px;\n text-transform: uppercase;\n }\n\n @media (max-width: 375px) {\n .review-badge {\n font-size: 0.55rem;\n padding: 0.2rem 0.4rem;\n top: 0.75rem;\n right: 0.75rem;\n }\n }\n\n .reviews-stats {\n display: flex;\n justify-content: center;\n gap: 3rem;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .reviews-stats .stat-item {\n text-align: center;\n padding: 0;\n background: none;\n border: none;\n border-radius: 0;\n min-width: auto;\n }\n\n .reviews-stats .stat-number {\n font-size: 2rem;\n font-weight: 800;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n white-space: nowrap;\n }\n\n .reviews-stats .stat-label {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0.25rem;\n white-space: nowrap;\n }\n\n @media (max-width: 576px) {\n .reviews-stats {\n gap: 1.25rem;\n margin-top: 2rem;\n padding-top: 1.5rem;\n }\n .reviews-stats .stat-number {\n font-size: 1.5rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 375px) {\n .reviews-stats {\n gap: 0.75rem;\n }\n .reviews-stats .stat-number {\n font-size: 1.25rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.6rem;\n }\n }\n\n @media (max-width: 320px) {\n .reviews-stats .stat-number {\n font-size: 1.1rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.55rem;\n }\n }\n\n \/* Pricing Section *\/\n .pricing-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .pricing-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .pricing-section {\n padding: 2.5rem 0;\n }\n }\n\n .free-tier {\n max-width: 700px;\n margin: 0 auto;\n background: linear-gradient(135deg, rgba(57, 255, 20, 0.06), rgba(124, 255, 91, 0.03));\n border: 2px solid rgba(57, 255, 20, 0.4);\n border-radius: 30px;\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .free-tier {\n padding: 2rem 1.25rem;\n border-radius: 20px;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier {\n padding: 1.5rem 0.85rem;\n border-radius: 15px;\n border-width: 1.5px;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier {\n padding: 3.5rem;\n }\n }\n\n .free-tier::before {\n content: '5 DAYS FREE';\n position: absolute;\n top: 20px;\n right: -30px;\n background: linear-gradient(135deg, #10B981 0%, #39FF14 100%);\n color: #021a0f;\n padding: 0.4rem 3rem;\n font-size: 0.75rem;\n font-weight: 700;\n transform: rotate(45deg);\n box-shadow: 0 2px 15px rgba(57, 255, 20, 0.4);\n }\n\n @media (max-width: 375px) {\n .free-tier::before {\n font-size: 0.55rem;\n padding: 0.3rem 2.5rem;\n top: 15px;\n right: -35px;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier::before {\n font-size: 0.5rem;\n padding: 0.25rem 2rem;\n top: 12px;\n right: -40px;\n }\n }\n\n .free-tier h3 {\n font-size: 1.75rem;\n font-weight: 800;\n margin-bottom: 0.5rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 375px) {\n .free-tier h3 {\n font-size: 1.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier h3 {\n font-size: 1.15rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier h3 {\n font-size: 2rem;\n }\n }\n\n .free-tier .picks-display {\n font-size: 3rem;\n font-weight: 900;\n background: linear-gradient(135deg, #10B981 0%, #39FF14 50%, #7CFF5B 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin: 1rem 0;\n }\n\n @media (max-width: 375px) {\n .free-tier .picks-display {\n font-size: 2.25rem;\n margin: 0.75rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier .picks-display {\n font-size: 1.85rem;\n margin: 0.5rem 0;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier .picks-display {\n font-size: 4rem;\n }\n }\n\n .free-tier p {\n opacity: 0.9;\n margin-bottom: 1.5rem;\n font-size: 1rem;\n line-height: 1.7;\n }\n\n @media (max-width: 375px) {\n .free-tier p {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier p {\n font-size: 0.7rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier p {\n font-size: 1.1rem;\n }\n }\n\n .no-card {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n color: var(--success-green);\n margin-top: 1rem;\n }\n\n @media (max-width: 375px) {\n .no-card {\n font-size: 0.7rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .no-card {\n font-size: 0.6rem;\n gap: 0.25rem;\n margin-top: 0.75rem;\n }\n }\n\n .free-features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 2rem;\n text-align: left;\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .free-features {\n gap: 0.5rem;\n margin-top: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-features {\n gap: 0.4rem;\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-features {\n grid-template-columns: repeat(2, 1fr);\n max-width: 500px;\n }\n }\n\n .free-feature-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n }\n\n @media (max-width: 375px) {\n .free-feature-item {\n font-size: 0.7rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-feature-item {\n font-size: 0.6rem;\n gap: 0.25rem;\n }\n }\n\n .free-feature-item i {\n color: var(--accent-cyan);\n font-size: 1.1rem;\n }\n\n @media (max-width: 375px) {\n .free-feature-item i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-feature-item i {\n font-size: 0.75rem;\n }\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.08), rgba(0, 212, 255, 0.08));\n text-align: center;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .cta-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .cta-section {\n padding: 2.5rem 0;\n }\n }\n\n .cta-title {\n font-size: clamp(1.5rem, 4vw, 3rem);\n font-weight: 800;\n margin-bottom: 1rem;\n }\n\n @media (max-width: 320px) {\n .cta-title {\n font-size: 1.25rem;\n margin-bottom: 0.75rem;\n }\n }\n\n .cta-title span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .cta-subtitle {\n font-size: 1.1rem;\n opacity: 0.8;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .cta-subtitle {\n font-size: 0.85rem;\n margin-bottom: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .cta-subtitle {\n font-size: 0.75rem;\n margin-bottom: 1.25rem;\n }\n }\n\n .cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: center;\n align-items: center;\n }\n\n @media (max-width: 375px) {\n .cta-buttons {\n gap: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .cta-buttons {\n gap: 0.5rem;\n }\n }\n\n @media (min-width: 576px) {\n .cta-buttons {\n flex-direction: row;\n }\n }\n\n \/* Footer *\/\n .footer {\n background: rgba(10, 14, 26, 0.95);\n padding: 3rem 0 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .footer {\n padding: 2rem 0 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer {\n padding: 1.5rem 0 1rem;\n }\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n @media (max-width: 375px) {\n .footer-content {\n gap: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-content {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 768px) {\n .footer-content {\n grid-template-columns: 2fr 1fr 1fr;\n text-align: left;\n }\n }\n\n .footer-brand p {\n font-size: 0.9rem;\n opacity: 0.7;\n margin-top: 1rem;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .footer-brand p {\n font-size: 0.75rem;\n margin-top: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-brand p {\n font-size: 0.65rem;\n margin-top: 0.5rem;\n line-height: 1.5;\n }\n }\n\n .footer-links h4 {\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--accent-cyan);\n }\n\n @media (max-width: 375px) {\n .footer-links h4 {\n font-size: 0.85rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-links h4 {\n font-size: 0.75rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .footer-links a {\n display: block;\n color: var(--text-light);\n text-decoration: none;\n opacity: 0.7;\n font-size: 0.9rem;\n padding: 0.4rem 0;\n transition: opacity 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .footer-links a {\n font-size: 0.75rem;\n padding: 0.3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .footer-links a {\n font-size: 0.65rem;\n padding: 0.25rem 0;\n }\n }\n\n .footer-links a:hover {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n .footer-bottom {\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n }\n\n @media (max-width: 375px) {\n .footer-bottom {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-bottom {\n margin-top: 1rem;\n padding-top: 1rem;\n }\n }\n\n .footer-disclaimer {\n font-size: 0.8rem;\n opacity: 0.5;\n max-width: 800px;\n margin: 0 auto 1rem;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .footer-disclaimer {\n font-size: 0.65rem;\n margin-bottom: 0.75rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .footer-disclaimer {\n font-size: 0.55rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .footer-trademark {\n font-size: 0.7rem;\n opacity: 0.4;\n max-width: 900px;\n margin: 0 auto 1rem;\n line-height: 1.5;\n font-style: italic;\n }\n\n @media (max-width: 375px) {\n .footer-trademark {\n font-size: 0.55rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-trademark {\n font-size: 0.5rem;\n margin-bottom: 0.5rem;\n line-height: 1.4;\n }\n }\n\n .footer-copyright {\n font-size: 0.8rem;\n opacity: 0.5;\n }\n\n @media (max-width: 375px) {\n .footer-copyright {\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-copyright {\n font-size: 0.55rem;\n }\n }\n\n \/* Scroll Behavior *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Estilos mejorados para picks *\/\n .live-picks .pick-card {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(0, 212, 255, 0.05) 100%);\n border: 1px solid rgba(0, 102, 255, 0.2);\n border-radius: 20px;\n padding: 1.5rem;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n .live-picks .pick-card:hover {\n transform: translateY(-5px);\n border-color: rgba(57, 255, 20, 0.4);\n box-shadow: 0 10px 30px rgba(57, 255, 20, 0.2);\n }\n \n .pick-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n }\n \n .pick-matchup {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--text-light);\n }\n \n .pick-confidence {\n background: var(--cta-gradient);\n color: #030712;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n font-weight: 700;\n font-size: 0.9rem;\n }\n \n .pick-details {\n display: flex;\n gap: 1rem;\n margin: 1rem 0;\n }\n \n .pick-stat {\n flex: 1;\n text-align: center;\n padding: 0.8rem;\n background: rgba(0, 102, 255, 0.1);\n border-radius: 10px;\n }\n \n .pick-stat-label {\n font-size: 0.75rem;\n color: var(--text-muted);\n text-transform: uppercase;\n }\n \n .pick-stat-value {\n font-size: 1rem;\n font-weight: 700;\n color: var(--accent-cyan);\n margin-top: 0.3rem;\n }\n\n \n \/* \u2500\u2500 Pricing Section \u2500\u2500 *\/\n .pricing-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) { .pricing-section { padding: 3rem 0; } }\n @media (max-width: 320px) { .pricing-section { padding: 2.5rem 0; } }\n\n .pricing-wrapper {\n max-width: 520px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n \/* Plan Cards *\/\n .plan-cards {\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n }\n\n .plan-card {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: 1.25rem 1.5rem;\n cursor: pointer;\n transition: all 0.25s ease;\n position: relative;\n }\n\n .plan-card:hover {\n border-color: rgba(57,255,20,0.35);\n background: rgba(57,255,20,0.04);\n }\n\n .plan-card.selected {\n border-color: var(--accent-green);\n background: linear-gradient(135deg, rgba(57,255,20,0.08) 0%, rgba(16,185,129,0.05) 100%);\n box-shadow: 0 0 0 1px rgba(57,255,20,0.2), 0 8px 30px rgba(57,255,20,0.12);\n }\n\n .plan-card.selected::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 2px;\n background: var(--money-gradient);\n border-radius: 16px 16px 0 0;\n }\n\n .plan-info h3 {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-light);\n margin-bottom: 0.2rem;\n }\n\n .plan-info p {\n font-size: 0.8rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .plan-price {\n font-size: 1.15rem;\n font-weight: 800;\n color: var(--accent-green);\n white-space: nowrap;\n }\n\n .plan-badge {\n position: absolute;\n top: -10px;\n right: 1.25rem;\n background: var(--money-gradient);\n color: #030712;\n font-size: 0.6rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n padding: 0.2rem 0.6rem;\n border-radius: 20px;\n }\n\n \/* Trial Summary Card *\/\n .trial-summary {\n background: linear-gradient(145deg, rgba(5,15,35,0.95), rgba(3,7,18,0.98));\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n .trial-summary-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.25rem;\n }\n\n .trial-summary-header h3 {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-light);\n }\n\n .trial-plan-badge {\n background: linear-gradient(135deg, rgba(57,255,20,0.15), rgba(16,185,129,0.15));\n border: 1px solid rgba(57,255,20,0.4);\n color: var(--accent-green);\n font-size: 0.75rem;\n font-weight: 700;\n padding: 0.3rem 0.85rem;\n border-radius: 20px;\n transition: all 0.3s ease;\n }\n\n .trial-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.9rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.07);\n }\n\n .trial-row:last-of-type {\n border-bottom: none;\n padding-bottom: 1rem;\n }\n\n .trial-row-label {\n font-size: 0.85rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .trial-row-value {\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--text-light);\n text-align: right;\n transition: all 0.3s ease;\n }\n\n .trial-row-value.free {\n color: var(--text-light);\n }\n\n .trial-nuvei {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n padding: 1rem 1.1rem;\n margin-top: 0.25rem;\n }\n\n .trial-nuvei-title {\n font-size: 0.85rem;\n font-weight: 700;\n color: var(--accent-green);\n margin-bottom: 0.35rem;\n }\n\n .trial-nuvei p {\n font-size: 0.78rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .pricing-cta-btn {\n width: 100%;\n padding: 1rem;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-top: 0.25rem;\n }\n\n \/* Pick Analysis Styles *\/\n .pick-analysis-header {\n padding: 1.25rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n }\n\n .matchup-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n width: 100%;\n }\n\n .matchup-team {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .matchup-team-logo {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n padding: 4px;\n background: rgba(255, 255, 255, 0.05);\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));\n }\n\n .matchup-team-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .matchup-team-name {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-light);\n }\n\n .matchup-vs {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--text-muted);\n opacity: 0.5;\n }\n\n .matchup-subtitle {\n font-size: 0.75rem;\n opacity: 0.6;\n color: var(--text-muted);\n text-align: center;\n }\n\n .pick-predictions-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 1rem;\n }\n\n .prediction-card {\n border-radius: 12px;\n padding: 0.85rem;\n border-left: 4px solid;\n background: rgba(255, 255, 255, 0.03);\n transition: all 0.3s ease;\n }\n\n .prediction-card.low-risk {\n border-left-color: var(--accent-green);\n background: linear-gradient(90deg, rgba(16, 185, 129, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card.medium-risk {\n border-left-color: #FFD700;\n background: linear-gradient(90deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card.high-risk {\n border-left-color: #EF4444;\n background: linear-gradient(90deg, rgba(239, 68, 68, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card:hover {\n background: rgba(255, 255, 255, 0.06);\n transform: translateX(4px);\n }\n\n .risk-badge {\n display: inline-block;\n padding: 0.25rem 0.6rem;\n border-radius: 12px;\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 0.6rem;\n }\n\n .risk-badge.low {\n background: rgba(16, 185, 129, 0.2);\n color: var(--accent-green);\n border: 1px solid rgba(16, 185, 129, 0.3);\n }\n\n .risk-badge.medium {\n background: rgba(255, 215, 0, 0.2);\n color: #FFD700;\n border: 1px solid rgba(255, 215, 0, 0.3);\n }\n\n .risk-badge.high {\n background: rgba(239, 68, 68, 0.2);\n color: #EF4444;\n border: 1px solid rgba(239, 68, 68, 0.3);\n }\n\n .prediction-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .prediction-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .pick-icon {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: rgba(16, 185, 129, 0.2);\n color: var(--accent-green);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n font-weight: 700;\n }\n\n .pick-title {\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--text-light);\n }\n\n .pick-meta {\n font-size: 0.7rem;\n color: var(--text-muted);\n margin-left: auto;\n }\n\n .prediction-reason {\n font-size: 0.75rem;\n line-height: 1.4;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .prediction-reason strong {\n color: var(--accent-cyan);\n font-weight: 600;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VIDEO HERO SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .video-hero {\n position: relative;\n width: 100vw;\n max-width: 100vw;\n min-height: 100vh;\n min-height: 100svh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 70px;\n box-sizing: border-box !important;\n margin-left: calc(-50vw + 50%);\n overflow-x: clip;\n }\n\n \/* Elementor: let parent section handle full-width *\/\n .elementor-widget-html {\n overflow: visible !important;\n }\n .elementor-widget-html .elementor-widget-container {\n overflow: visible !important;\n }\n\n \/* Video background *\/\n .video-hero__video-wrap {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .video-hero__video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n }\n\n \/* Dark overlay *\/\n .video-hero__overlay {\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n background: linear-gradient(\n 180deg,\n rgba(3, 7, 18, 0.55) 0%,\n rgba(3, 7, 18, 0.65) 40%,\n rgba(3, 7, 18, 0.80) 100%\n );\n }\n\n \/* Centered content *\/\n .video-hero__content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n .video-hero__badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: linear-gradient(135deg, rgba(0, 68, 204, 0.25), rgba(0, 212, 255, 0.18));\n border: 1px solid rgba(0, 102, 255, 0.45);\n padding: 0.55rem 1.4rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--accent-cyan);\n backdrop-filter: blur(8px);\n animation: fadeInDown 0.8s ease both;\n }\n\n .video-hero__badge i {\n font-size: 1rem;\n }\n\n .video-hero__title {\n font-size: clamp(2rem, 5.5vw, 4.5rem);\n font-weight: 900;\n line-height: 1.08;\n color: #fff;\n animation: fadeInDown 0.8s 0.15s ease both;\n }\n\n .video-hero__title span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .video-hero__subtitle {\n font-size: clamp(0.95rem, 1.8vw, 1.35rem);\n line-height: 1.65;\n color: rgba(255, 255, 255, 0.85);\n max-width: 680px;\n animation: fadeInDown 0.8s 0.3s ease both;\n }\n\n .video-hero__cta-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n animation: fadeInDown 0.8s 0.45s ease both;\n }\n\n .video-hero__cta-group .btn-free {\n font-size: 1.2rem;\n padding: 1.25rem 3.25rem;\n font-weight: 800;\n }\n\n .video-hero__trust {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n flex-wrap: wrap;\n opacity: 0.7;\n font-size: 0.8rem;\n color: var(--text-light);\n animation: fadeInDown 0.8s 0.55s ease both;\n }\n\n .video-hero__trust span {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n .video-hero__trust i {\n color: var(--accent-green);\n font-size: 1rem;\n }\n\n \/* Scroll indicator *\/\n .video-hero__scroll {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n animation: fadeInDown 0.8s 0.7s ease both;\n pointer-events: none;\n }\n\n .video-hero__scroll-line {\n width: 1px;\n height: 40px;\n background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);\n animation: scrollPulse 2s ease infinite;\n }\n\n @keyframes scrollPulse {\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\n 50% { opacity: 1; transform: scaleY(1.2); }\n }\n\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Responsive \u2014 video hero *\/\n @media (max-width: 768px) {\n .video-hero {\n min-height: 85vh;\n min-height: 85svh;\n }\n .video-hero__content {\n gap: 1.25rem;\n padding: 1.5rem 1rem 2.5rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 1rem;\n padding: 1rem 2.5rem;\n }\n .video-hero__scroll {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .video-hero {\n min-height: 80vh;\n min-height: 80svh;\n }\n .video-hero__badge {\n font-size: 0.75rem;\n padding: 0.45rem 1rem;\n }\n .video-hero__content {\n gap: 1rem;\n padding: 1.5rem 1rem 2rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.95rem;\n padding: 0.9rem 2rem;\n }\n .video-hero__trust {\n gap: 0.75rem;\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 375px) {\n .video-hero__badge {\n font-size: 0.65rem;\n padding: 0.4rem 0.85rem;\n gap: 0.35rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.85rem;\n padding: 0.85rem 1.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .video-hero__badge {\n font-size: 0.6rem;\n padding: 0.35rem 0.7rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.8rem;\n padding: 0.75rem 1.5rem;\n }\n }\n\n \/* \u2500\u2500 Play Button (inside hero) \u2500\u2500 *\/\n .video-hero__play-btn {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 50px;\n padding: 0.6rem 1.5rem 0.6rem 0.6rem;\n cursor: pointer;\n transition: all 0.35s ease;\n animation: fadeInDown 0.8s 0.65s ease both;\n color: #fff;\n font-family: inherit;\n }\n\n .video-hero__play-btn:hover {\n background: rgba(255, 255, 255, 0.18);\n border-color: rgba(0, 212, 255, 0.5);\n transform: scale(1.04);\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.2);\n }\n\n .video-hero__play-icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--primary-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 20px rgba(0, 102, 255, 0.5);\n position: relative;\n pointer-events: none;\n }\n\n \/* Pulsing ring *\/\n .video-hero__play-icon::before {\n content: '';\n position: absolute;\n inset: -6px;\n border-radius: 50%;\n border: 2px solid rgba(0, 102, 255, 0.4);\n animation: playPulse 2s ease-in-out infinite;\n }\n\n @keyframes playPulse {\n 0%, 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.15); opacity: 0; }\n }\n\n .video-hero__play-icon i {\n font-size: 1.3rem;\n margin-left: 3px; \/* optical center for play triangle *\/\n color: #fff;\n }\n\n .video-hero__play-label {\n display: flex;\n flex-direction: column;\n line-height: 1.2;\n pointer-events: none;\n }\n\n .video-hero__play-label strong {\n font-size: 0.9rem;\n font-weight: 700;\n }\n\n .video-hero__play-label span {\n font-size: 0.7rem;\n opacity: 0.6;\n font-weight: 500;\n }\n\n @media (max-width: 480px) {\n .video-hero__play-icon {\n width: 40px;\n height: 40px;\n }\n .video-hero__play-icon i {\n font-size: 1.1rem;\n }\n .video-hero__play-label strong {\n font-size: 0.8rem;\n }\n .video-hero__play-label span {\n font-size: 0.65rem;\n }\n .video-hero__play-btn {\n padding: 0.5rem 1.25rem 0.5rem 0.5rem;\n gap: 0.6rem;\n }\n }\n\n @media (max-width: 375px) {\n .video-hero__play-icon {\n width: 36px;\n height: 36px;\n }\n .video-hero__play-icon i {\n font-size: 1rem;\n margin-left: 2px;\n }\n .video-hero__play-label strong {\n font-size: 0.75rem;\n }\n .video-hero__play-label span {\n font-size: 0.6rem;\n }\n }\n\n \/* \u2500\u2500 Video Lightbox Modal \u2500\u2500 *\/\n .video-lightbox {\n position: fixed;\n inset: 0;\n z-index: 10000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.35s ease, visibility 0.35s ease;\n\n \/* Ensure it escapes Elementor containers *\/\n width: 100vw !important;\n height: 100vh !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n left: 0 !important;\n top: 0 !important;\n }\n\n .video-lightbox.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .video-lightbox__backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.92);\n cursor: pointer;\n }\n\n .video-lightbox__container {\n position: relative;\n z-index: 1;\n width: 92%;\n max-width: 1100px;\n aspect-ratio: 16 \/ 9;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08);\n transform: scale(0.9) translateY(20px);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .video-lightbox.active .video-lightbox__container {\n transform: scale(1) translateY(0);\n }\n\n .video-lightbox__container video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n background: #000;\n }\n\n .video-lightbox__close {\n position: absolute;\n top: -50px;\n right: 0;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.25);\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(8px);\n color: #fff;\n font-size: 1.3rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.25s ease;\n }\n\n .video-lightbox__close:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--accent-cyan);\n transform: rotate(90deg);\n }\n\n @media (max-width: 768px) {\n .video-lightbox__container {\n width: 96%;\n border-radius: 12px;\n }\n .video-lightbox__close {\n top: -44px;\n right: 2%;\n width: 36px;\n height: 36px;\n font-size: 1.1rem;\n }\n }\n\n @media (max-width: 480px) {\n .video-lightbox__container {\n width: 100%;\n border-radius: 0;\n }\n .video-lightbox__close {\n top: auto;\n bottom: calc(100% + 12px);\n right: 12px;\n width: 34px;\n height: 34px;\n }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CURRENT HERO \u2192 DEMO SECTION OVERRIDES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero.demo-section {\n min-height: auto;\n padding: 4rem 0 5rem;\n }\n\n @media (max-width: 375px) {\n .hero.demo-section {\n padding: 3rem 0 3.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero.demo-section {\n padding: 2.5rem 0 3rem;\n }\n }\n\n @media (min-width: 1400px) {\n .hero.demo-section {\n padding: 5rem 0 6rem;\n }\n }\n\n <\/style>\n<\/head>\n<body>\n <!-- Background Animation -->\n <div class=\"bg-animation\"><\/div>\n\n <!-- Header -->\n <header id=\"header\">\n <nav>\n <a href=\"https:\/\/nuvix.com\/es\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Untitled-design-2025-12-19T170655.292.png\" alt=\"Nuvix\">\n <\/a>\n \n <div class=\"nav-links\">\n <a href=\"#sports\">Deportes<\/a>\n <a href=\"#features\">Caracter\u00edsticas<\/a>\n <a href=\"#how-it-works\">C\u00f3mo funciona<\/a>\n <a href=\"#reviews\">Rese\u00f1as<\/a>\n <a href=\"#pricing\">Precios<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">Iniciar prueba gratuita<\/a>\n <\/div>\n \n <div class=\"mobile-nav-container\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" style=\"padding: 0.5rem 1rem; font-size: 0.8rem;\">Empezar gratis<\/a>\n <button class=\"hamburger\" id=\"hamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <\/div>\n <\/nav>\n <\/header>\n\n <!-- Mobile Menu -->\n <div class=\"mobile-menu\" id=\"mobile-menu\">\n <div class=\"mobile-menu-content\">\n <div class=\"mobile-menu-links\">\n <a href=\"#sports\" onclick=\"closeMobileMenu()\">Deportes<\/a>\n <a href=\"#features\" onclick=\"closeMobileMenu()\">Caracter\u00edsticas<\/a>\n <a href=\"#how-it-works\" onclick=\"closeMobileMenu()\">C\u00f3mo funciona<\/a>\n <a href=\"#reviews\" onclick=\"closeMobileMenu()\">Rese\u00f1as<\/a>\n <a href=\"#pricing\" onclick=\"closeMobileMenu()\">Precios<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" onclick=\"closeMobileMenu()\">Iniciar prueba gratuita<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"main-wrapper\">\n\n <!-- \u2550\u2550\u2550 VIDEO HERO \u2550\u2550\u2550 -->\n <section class=\"video-hero\">\n <!-- Video Background -->\n <div class=\"video-hero__video-wrap\">\n <video id=\"hero-bg-video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"\">\n <source src=\"https:\/\/streamable.com\/l\/h620tb\/mp4.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n\n <!-- Dark Overlay -->\n <div class=\"video-hero__overlay\"><\/div>\n\n <!-- Centered Content -->\n <div class=\"video-hero__content\">\n <div class=\"video-hero__badge\">\n <i class=\"las la-bolt\"><\/i>\n Predicciones deportivas basadas en inteligencia artificial\n <\/div>\n\n <h1 class=\"video-hero__title\">\n Selecciones m\u00e1s inteligentes.<br><span>Desarrollado por Nuvix AI.<\/span>\n <\/h1>\n\n <p class=\"video-hero__subtitle\">\n Predicciones de IA en tiempo real para la NFL, la NBA, la MLB, la NHL y el f\u00fatbol, basadas en miles de puntos de datos para que nunca pierdas ninguna ventaja.\n <\/p>\n\n <div class=\"video-hero__cta-group\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">COMIENZA TU PRUEBA GRATUITA DE 5 D\u00cdAS<\/a>\n <div class=\"age-badge\" style=\"margin-top: 0.25rem;\">\n <i class=\"las la-user-check\"><\/i>\n Mayores de 21 a\u00f1os\n <\/div>\n <\/div>\n\n <div class=\"video-hero__trust\">\n <span><i class=\"las la-check-circle\"><\/i> 5 d\u00edas gratis<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Cancele en cualquier momento<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Los 5 deportes incluidos<\/span>\n <\/div>\n\n <!-- Play Video Button -->\n <button class=\"video-hero__play-btn\" id=\"video-play-btn\" aria-label=\"Reproducir video con audio\">\n <div class=\"video-hero__play-icon\">\n <i class=\"las la-play\"><\/i>\n <\/div>\n <div class=\"video-hero__play-label\">\n <strong>Ver video<\/strong>\n <span>Reproducir con audio<\/span>\n <\/div>\n <\/button>\n <\/div>\n\n <!-- Scroll Indicator -->\n <div class=\"video-hero__scroll\">\n <div class=\"video-hero__scroll-line\"><\/div>\n Explorar\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550 VIDEO LIGHTBOX MODAL \u2550\u2550\u2550 -->\n <div class=\"video-lightbox\" id=\"video-lightbox\">\n <div class=\"video-lightbox__backdrop\" id=\"video-lightbox-backdrop\"><\/div>\n <div class=\"video-lightbox__container\">\n <button class=\"video-lightbox__close\" id=\"video-lightbox-close\" aria-label=\"Cerrar video\">\n <i class=\"las la-times\"><\/i>\n <\/button>\n <video id=\"lightbox-video\" controls playsinline preload=\"none\">\n <source src=\"https:\/\/streamable.com\/l\/h620tb\/mp4.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550 DEMO \/ INFO SECTION (former hero) \u2550\u2550\u2550 -->\n <section class=\"hero demo-section\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\">\n <i class=\"las la-bolt\"><\/i>\n V\u00e9alo en acci\u00f3n\n <\/div>\n <h1>Informaci\u00f3n detallada de nivel experto para <span>Cada juego<\/span><\/h1>\n <p>Nuestra IA analiza las estad\u00edsticas de los equipos, el rendimiento de los jugadores, las lesiones, el clima y las tendencias hist\u00f3ricas, y luego ofrece pron\u00f3sticos con \u00edndices de confianza para que sepas exactamente d\u00f3nde est\u00e1 la ventaja.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">5<\/div>\n <div class=\"stat-label\">Grandes deportes<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Selecciones AI<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">En directo<\/div>\n <div class=\"stat-label\">Actualizaciones de probabilidades<\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-cta\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" style=\"font-size: 1.3rem; padding: 1.5rem 3.5rem; font-weight: 800;\">5 D\u00cdAS DE PRUEBA GRATUITA - \u00a1AHORA!<\/a>\n\n <div class=\"age-badge\" style=\"margin-top: 0.5rem;\">\n <i class=\"las la-user-check\"><\/i>\n Mayores de 21 a\u00f1os\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"app-demo\">\n <!-- App Header -->\n <div class=\"demo-header\">\n <div class=\"demo-title\">\n <span class=\"demo-logo\">\ud83c\udfc6<\/span>\n <span>Nuvix elige la IA<\/span>\n <\/div>\n <div class=\"demo-picks\">\n <i class=\"las la-trophy\"><\/i>\n <span>\u221e<\/span>\n <\/div>\n <\/div>\n \n <!-- Sports Tabs -->\n <div class=\"demo-sports-tabs\">\n <button class=\"demo-sport-tab active\" data-sport=\"nfl\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nfl.png\" alt=\"NFL\" class=\"tab-logo\">\n <span class=\"sport-name\">NFL<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"nba\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nba.png\" alt=\"NBA\" class=\"tab-logo\">\n <span class=\"sport-name\">NBA<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"mlb\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/mlb.png\" alt=\"MLB\" class=\"tab-logo\">\n <span class=\"sport-name\">MLB<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"soccer\">\n <span class=\"sport-emoji\">\u26bd<\/span>\n <span class=\"sport-name\">F\u00fatbol<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"nhl\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nhl.png\" alt=\"NHL\" class=\"tab-logo\">\n <span class=\"sport-name\">NHL<\/span>\n <\/button>\n <\/div>\n \n <!-- Soccer Leagues Sub-tabs -->\n <div class=\"soccer-leagues-bar\" id=\"soccer-leagues-bar\" style=\"display: none;\">\n <button class=\"soccer-league-tab active\" data-league=\"premier\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Premier-League.png\" alt=\"Premier League\">\n <span class=\"league-name\">Premier League<\/span>\n <\/button>\n <button class=\"soccer-league-tab\" data-league=\"laliga\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <span class=\"league-name\">La Liga<\/span>\n <\/button>\n <button class=\"soccer-league-tab\" data-league=\"champions\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\" style=\"background: white; border-radius: 4px; padding: 2px;\">\n <span class=\"league-name\">Campeones<\/span>\n <\/button>\n <button class=\"soccer-league-tab\" data-league=\"ligamx\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <span class=\"league-name\">Liga MX<\/span>\n <\/button>\n <\/div>\n \n \n <!-- Games Container con Picks Analizados -->\n <div class=\"demo-games-container\">\n <!-- NFL Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-nfl\" style=\"display: block;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nfl\/500\/phi.png\" alt=\"Eagles\">\n <\/div>\n <span class=\"matchup-team-name\">\u00c1guilas<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Cowboys<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nfl\/500\/dal.png\" alt=\"Cowboys\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">NFL - Hoy 20:20<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <!-- Bajo Riesgo -->\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Eagles -3.5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 78%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> R\u00e9cord de 6-1 en casa. Fuerte l\u00ednea defensiva.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Riesgo Medio -->\n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">M\u00e1s de 48,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Ambos equipos promedian m\u00e1s de 24 PPG. Se espera un partido con muchos goles.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Alto Riesgo -->\n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">\u00c1guilas 1H -2.5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Eagles fuertes en las primeras mitades en casa. Dallas lento de inicio.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- NBA Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-nba\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nba\/500\/bos.png\" alt=\"Celtics\">\n <\/div>\n <span class=\"matchup-team-name\">Celtics<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Lakers<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nba\/500\/lal.png\" alt=\"Lakers\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">NBA - Hoy 19:30<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Celtics -6.5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 82%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> 12-1 en casa. Defensa de \u00e9lite. Lakers 4-6 en la carretera.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">M\u00e1s de 224,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Ofensivas de alta potencia. Tatum + Brown contra LeBron + AD.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Tatum M\u00e1s de 28,5 pts<\/div>\n <div class=\"pick-meta\">@-115 - Conf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Tatum promedia 31 PPG en casa. D\u00e9bil defensa perimetral de los Lakers.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- MLB Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-mlb\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/mlb\/500\/lad.png\" alt=\"Dodgers\">\n <\/div>\n <span class=\"matchup-team-name\">Dodgers<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Gigantes<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/mlb\/500\/sf.png\" alt=\"Giants\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">MLB - Hoy 22:10<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Dodgers ML -165<\/div>\n <div class=\"pick-meta\">Conf: 75%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Lanzador as 2.45 ERA en casa. Los Giants batean .218 contra LHP.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Menos de 8,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Un duelo de lanzadores de \u00e9lite. Ambos equipos luchan contra los ases.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Dodgers -1.5<\/div>\n <div class=\"pick-meta\">@+135 - Conf: 62%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Los Dodgers aplastan a sus rivales LHP por m\u00e1s de 2 carreras en casa.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- NHL Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-nhl\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nhl\/500\/bos.png\" alt=\"Bruins\">\n <\/div>\n <span class=\"matchup-team-name\">Bruins<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Guardabosques<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nhl\/500\/nyr.png\" alt=\"Rangers\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">NHL \u2022 Esta noche, 7:00 p. m. ET<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Bruins ML -130<\/div>\n <div class=\"pick-meta\">Conf: 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> 8-2 en casa. Excelente defensa en inferioridad num\u00e9rica (87%). Rangers 3-5 como visitantes.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Menos de 5.5 goles<\/div>\n <div class=\"pick-meta\">@-110 \u2022 Conf: 70%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Ambos porteros son de \u00e9lite. Los Bruins han encajado 2,3 goles por partido en casa esta temporada.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Bruins -1,5 (l\u00ednea de disco)<\/div>\n <div class=\"pick-meta\">@+175 \u2022 Conf: 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Los Bruins ganaron por m\u00e1s de dos puntos en seis de los \u00faltimos nueve partidos en casa contra sus rivales de la Divisi\u00f3n Atl\u00e1ntico.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Soccer Pick Analysis - Premier League -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-premier\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/364.png\" alt=\"Liverpool\">\n <\/div>\n <span class=\"matchup-team-name\">Liverpool<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Man City<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/382.png\" alt=\"Man City\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Liga Premier \u2022 Domingo, 11:30 a. m.<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Victoria del Liverpool<\/div>\n <div class=\"pick-meta\">@+105 \u2022 Conf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Sin conocer la derrota en Anfield. Salah, 12 goles en 10 partidos.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">M\u00e1s de 3,5 goles<\/div>\n <div class=\"pick-meta\">@+120 - Conf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Ambos equipos en la \u00e9lite del ataque. Promedio de 3,8 goles en H2H.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Liverpool -0.5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> D\u00e9bil defensa visitante del City. El Liverpool domina en casa.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Soccer Pick Analysis - La Liga -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-laliga\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/86.png\" alt=\"Real Madrid\">\n <\/div>\n <span class=\"matchup-team-name\">Real Madrid<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Barcelona<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/83.png\" alt=\"Barcelona\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">La Liga - S\u00e1bado 15:00<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Victoria del Real Madrid<\/div>\n <div class=\"pick-meta\">@+110 - Conf: 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Ventaja Bernab\u00e9u. Vin\u00edcius + Bellingham 28 goles.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">M\u00e1s de 3,0 goles<\/div>\n <div class=\"pick-meta\">@-105 - Conf: 79%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> El Cl\u00e1sico siempre es muy goleador. 4,2 goles de media en los \u00faltimos partidos.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Real Madrid -0.5<\/div>\n <div class=\"pick-meta\">@+135 - Conf: 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Bar\u00e7a 3-4 a domicilio. El Madrid est\u00e1 invicto en casa esta temporada.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Soccer Pick Analysis - Champions League -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-champions\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/132.png\" alt=\"Bayern\">\n <\/div>\n <span class=\"matchup-team-name\">Bayern<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">PSG<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/160.png\" alt=\"PSG\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Liga de Campeones - Mi\u00e9rcoles 15:00<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">M\u00e1s de 3,5 goles<\/div>\n <div class=\"pick-meta\">@-105 - Conf: 69%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Talento ofensivo de \u00e9lite en ambos bandos. Media de 4,2 goles en las \u00faltimas 5 UCL.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Victoria del Bayern<\/div>\n <div class=\"pick-meta\">@-115 - Conf: 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> R\u00e9cord excepcional del Bayern en casa. 12-1 en el Allianz Arena.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Bayern -0.5<\/div>\n <div class=\"pick-meta\">@+125 - Conf: 62%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Kane marca a placer. Mbapp\u00e9 dudoso por lesi\u00f3n.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Soccer Pick Analysis - Liga MX -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-ligamx\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/ssl.gstatic.com\/onebox\/media\/sports\/logos\/1Fvcy9vn1RKtJJ_42MGkkA_48x48.png\" alt=\"America\">\n <\/div>\n <span class=\"matchup-team-name\">Am\u00e9rica<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Chivas<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/ssl.gstatic.com\/onebox\/media\/sports\/logos\/fUAKB3TO7VazxakPka_1dg_48x48.png\" alt=\"Chivas\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Liga MX - S\u00e1bado 20:00<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RIESGO BAJO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Am\u00e9rica Win<\/div>\n <div class=\"pick-meta\">@-120 - Conf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Invicto en el Azteca. Mejor defensa de la liga.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RIESGO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Menos de 2,5 goles<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> El Cl\u00e1sico Nacional t\u00edpicamente defensivo. Rivalidad con pocos goles.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RIESGO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Am\u00e9rica -0,5<\/div>\n <div class=\"pick-meta\">@+105 - Conf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>\u00bfPor qu\u00e9?<\/strong> Chivas 2-4 fuera. Am\u00e9rica domina en casa.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Demo Label -->\n <div class=\"demo-label\">\n <i class=\"las la-hand-pointer\"><\/i>\n Demostraci\u00f3n interactiva - \u00a1Pru\u00e9bela!\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Leagues Marquee -->\n <section class=\"leagues-marquee\">\n <p class=\"marquee-label\">Ligas y deportes que cubrimos<\/p>\n <div class=\"marquee-container\">\n <div class=\"marquee-track\">\n <!-- First set of leagues -->\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nfl.png\" alt=\"NFL\">\n <\/div>\n <span>NFL<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nba.png\" alt=\"NBA\">\n <\/div>\n <span>NBA<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/mlb.png\" alt=\"MLB\">\n <\/div>\n <span>MLB<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Premier-League.png\" alt=\"Premier League\">\n <\/div>\n <span>Premier League<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <\/div>\n <span>La Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\" style=\"background: white; border-radius: 8px;\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\">\n <\/div>\n <span>Liga de Campeones<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/MLS.png\" alt=\"MLS\">\n <\/div>\n <span>MLS<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <\/div>\n <span>Liga MX<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/World-Cup.png\" alt=\"World Cup\">\n <\/div>\n <span>Copa del Mundo<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nhl.png\" alt=\"NHL\">\n <\/div>\n <span>NHL<\/span>\n <\/div>\n <!-- Duplicate set for seamless loop -->\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nfl.png\" alt=\"NFL\">\n <\/div>\n <span>NFL<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nba.png\" alt=\"NBA\">\n <\/div>\n <span>NBA<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/mlb.png\" alt=\"MLB\">\n <\/div>\n <span>MLB<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Premier-League.png\" alt=\"Premier League\">\n <\/div>\n <span>Premier League<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <\/div>\n <span>La Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\" style=\"background: white; border-radius: 8px;\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\">\n <\/div>\n <span>Liga de Campeones<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/MLS.png\" alt=\"MLS\">\n <\/div>\n <span>MLS<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <\/div>\n <span>Liga MX<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/World-Cup.png\" alt=\"World Cup\">\n <\/div>\n <span>Copa del Mundo<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nhl.png\" alt=\"NHL\">\n <\/div>\n <span>NHL<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Sports Section -->\n <section class=\"sports-section\" id=\"sports\">\n <div class=\"container\">\n <h2 class=\"section-title\">Los principales deportes cubiertos<\/h2>\n <p class=\"section-subtitle\">Consigue pron\u00f3sticos basados en inteligencia artificial para todos los partidos, todos los d\u00edas<\/p>\n \n <div class=\"sports-grid\">\n <div class=\"sport-card\" style=\"--sport-color: #013369;\">\n <div class=\"sport-icon\">\ud83c\udfc8<\/div>\n <h3 class=\"sport-name\">NFL<\/h3>\n <p class=\"sport-leagues\">Todos los partidos de la NFL<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #1d428a;\">\n <div class=\"sport-icon\">\ud83c\udfc0<\/div>\n <h3 class=\"sport-name\">NBA<\/h3>\n <p class=\"sport-leagues\">Todos los partidos de la NBA<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #002d72;\">\n <div class=\"sport-icon\">\u26be<\/div>\n <h3 class=\"sport-name\">MLB<\/h3>\n <p class=\"sport-leagues\">Todos los partidos de la MLB<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #10B981;\">\n <div class=\"sport-icon\">\u26bd<\/div>\n <h3 class=\"sport-name\">F\u00fatbol<\/h3>\n <p class=\"sport-leagues\">Grandes Ligas de todo el mundo<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #000000;\">\n <div class=\"sport-icon\">\ud83c\udfd2<\/div>\n <h3 class=\"sport-name\">NHL<\/h3>\n <p class=\"sport-leagues\">Todos los partidos de la NHL<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA despu\u00e9s de Sports -->\n <section class=\"cta-section\" style=\"padding: 4rem 0; text-align: center; background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(0, 212, 255, 0.05) 100%);\">\n <div class=\"container\">\n <!-- T\u00edtulo de la secci\u00f3n -->\n <h2 class=\"section-title\">Empiece gratis<\/h2>\n <p class=\"section-subtitle\" style=\"margin-bottom: 3rem;\">Sin cargos ocultos. Solo reg\u00edstrate y empieza a explorar.<\/p>\n \n <div class=\"trial-card\" style=\"position: relative; background: linear-gradient(135deg, rgba(5, 150, 105, 0.15) 0%, rgba(16, 185, 129, 0.15) 100%); border: 2px solid rgba(57, 255, 20, 0.4); border-radius: 30px; padding: 3rem 2rem; max-width: 600px; margin: 0 auto; overflow: hidden;\">\n <!-- Badge en la esquina -->\n <div style=\"position: absolute; top: 20px; right: -45px; background: var(--cta-gradient); color: #030712; padding: 0.5rem 3.5rem; transform: rotate(45deg); font-weight: 700; font-size: 0.75rem; text-transform: uppercase; box-shadow: 0 4px 10px rgba(57, 255, 20, 0.3); text-align: center; letter-spacing: 0.5px;\">\n 5 D\u00cdAS GRATIS\n <\/div>\n \n <!-- Icono y t\u00edtulo -->\n <div style=\"margin-bottom: 1.5rem;\">\n <span style=\"font-size: 3rem;\">\ud83c\udf89<\/span>\n <h3 style=\"font-size: 1.8rem; font-weight: 800; color: var(--accent-green); margin-top: 0.5rem;\">5 d\u00edas de prueba gratis<\/h3>\n <\/div>\n \n <!-- T\u00edtulo principal -->\n <h2 style=\"font-size: 3rem; font-weight: 900; color: var(--accent-green); line-height: 1.1; margin-bottom: 1.5rem;\">5 d\u00edas gratis<\/h2>\n \n <!-- Descripci\u00f3n -->\n <p style=\"font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem; line-height: 1.6;\">Crea tu cuenta gratis y obt\u00e9n 5 d\u00edas de picks ilimitados. Sin restricciones, acceso completo a todos los deportes y funciones.<\/p>\n \n <!-- Bot\u00f3n -->\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" style=\"font-size: 1.1rem; padding: 1.1rem 2.5rem; display: inline-block; margin-bottom: 1.5rem;\">CREAR CUENTA GRATUITA<\/a>\n \n\n \n <!-- Features en dos columnas -->\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; text-align: left;\">\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Los 5 deportes (NFL, NBA, MLB, NHL, f\u00fatbol)<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Predicciones basadas en IA<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Probabilidades en tiempo real<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">\u00cdndices de confianza<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Guarda tus favoritos<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Funciona en cualquier dispositivo<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Features Section -->\n <section class=\"features-section\" id=\"features\">\n <div class=\"container\">\n <h2 class=\"section-title\">Potentes funciones de inteligencia artificial<\/h2>\n <p class=\"section-subtitle\">Todo lo que necesitas para hacer pron\u00f3sticos deportivos m\u00e1s inteligentes<\/p>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Selecciones con IA<\/h3>\n <p class=\"feature-desc\">El aprendizaje autom\u00e1tico avanzado analiza miles de datos, como las estad\u00edsticas del equipo, el rendimiento de los jugadores, el tiempo y las tendencias hist\u00f3ricas.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Probabilidades en tiempo real<\/h3>\n <p class=\"feature-desc\">Comparaci\u00f3n de cuotas en directo de m\u00faltiples casas de apuestas deportivas para que siempre obtengas las mejores l\u00edneas disponibles.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-percentage\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">\u00cdndices de confianza<\/h3>\n <p class=\"feature-desc\">Cada pron\u00f3stico viene con un \u00edndice de confianza de la IA para que sepas qu\u00e9 predicciones tienen la mayor probabilidad.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-clock\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Selecciones previas al partido<\/h3>\n <p class=\"feature-desc\">Obtenga pron\u00f3sticos detallados 2 horas antes del partido con actualizaciones de \u00faltima hora sobre lesiones y movimientos de l\u00edneas.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-star\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Guardar favoritos<\/h3>\n <p class=\"feature-desc\">Sigue a tus equipos y partidos favoritos. Accede r\u00e1pidamente a los partidos que m\u00e1s te interesan.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-mobile\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Preparado para m\u00f3viles<\/h3>\n <p class=\"feature-desc\">Acceda a los picks desde cualquier lugar y en cualquier momento. Nuestra plataforma funciona perfectamente en cualquier dispositivo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- How It Works -->\n <section class=\"how-it-works\" id=\"how-it-works\">\n <div class=\"container\">\n <h2 class=\"section-title\">C\u00f3mo funciona<\/h2>\n <p class=\"section-subtitle\">Empieza a obtener predicciones de IA en 4 sencillos pasos<\/p>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Reg\u00edstrate gratis<\/h3>\n <p class=\"step-desc\">Crea tu cuenta en segundos.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">5 d\u00edas gratis<\/h3>\n <p class=\"step-desc\">Empieza tu prueba gratuita de 5 d\u00edas con picks AI ilimitados.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Elige tus juegos<\/h3>\n <p class=\"step-desc\">Consulta los partidos de hoy y obt\u00e9n pron\u00f3sticos de IA para cualquier encuentro.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Obtener informaci\u00f3n<\/h3>\n <p class=\"step-desc\">Utilice selecciones basadas en IA para tomar decisiones informadas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Reviews Section -->\n <section class=\"reviews-section\" id=\"reviews\">\n <div class=\"container\">\n <h2 class=\"section-title\">Lo que dicen los aficionados al deporte<\/h2>\n <p class=\"section-subtitle\">\u00danase a los miles de usuarios que consiguen selecciones m\u00e1s inteligentes con la IA<\/p>\n \n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"Los picks de la IA son incre\u00edbles. Captur\u00f3 un movimiento de l\u00ednea que me habr\u00eda perdido y salv\u00f3 mi parlay del domingo. Ya he ganado 3 unidades este mes\".<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">MJ<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Marcus J.<\/span>\n <span class=\"author-sport\">\ud83c\udfc8 Fan de la NFL<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"Por fin una aplicaci\u00f3n que explica POR QU\u00c9 una elecci\u00f3n es buena, no s\u00f3lo qu\u00e9 elegir. Los datos de lesiones y los datos hist\u00f3ricos de enfrentamientos son del siguiente nivel\".<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">SR<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Sarah R.<\/span>\n <span class=\"author-sport\">\ud83c\udfc0 Fan de la NBA<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"Lo uso para la Premier League cada fin de semana. Las puntuaciones de confianza me ayudan a saber cu\u00e1ndo confiar en un pick y cu\u00e1ndo es una moneda al aire. Me encanta\".<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">DT<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">David T.<\/span>\n <span class=\"author-sport\">Aficionado al f\u00fatbol<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star-half-alt\"><\/i>\n <\/div>\n <p class=\"review-text\">\"Empec\u00e9 con la prueba gratuita y me enganch\u00e9 en una semana. Los pron\u00f3sticos de la MLB dan en el clavo. Mi amigo y yo lo usamos para cada juego ahora \".<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">KC<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Kevin C.<\/span>\n <span class=\"author-sport\">\u26be Fan de la MLB<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"La interfaz de la aplicaci\u00f3n es limpia y los picks se cargan r\u00e1pidamente. Nada de palabrer\u00eda, s\u00f3lo informaci\u00f3n real basada en datos. La mejor herramienta de inteligencia artificial que he usado\".<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">AM<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Alex M.<\/span>\n <span class=\"author-sport\">\ud83c\udfc8 Fan de la NFL<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"La cobertura de la Liga MX es dif\u00edcil de encontrar, \u00a1pero Nuvix la tiene! El pick del Am\u00e9rica vs Chivas de la semana pasada fue perfecto. Genial para los fan\u00e1ticos del f\u00fatbol\".<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">RG<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Roberto G.<\/span>\n <span class=\"author-sport\">\u26bd Aficionado Liga MX<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"reviews-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">4.8\u2605<\/div>\n <div class=\"stat-label\">Valoraci\u00f3n media<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">10K+<\/div>\n <div class=\"stat-label\">Usuarios activos<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">500K+<\/div>\n <div class=\"stat-label\">Selecciones realizadas<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Pricing Section -->\n <section class=\"pricing-section\" id=\"pricing\">\n <div class=\"container\">\n <h2 class=\"section-title\">Elige tu plan<\/h2>\n <p class=\"section-subtitle\">Empieza gratis durante 5 d\u00edas, sin cargo alguno hasta que finalice tu periodo de prueba.<\/p>\n\n <div class=\"pricing-wrapper\">\n\n <!-- Plan Selector Cards -->\n <div class=\"plan-cards\">\n\n <div class=\"plan-card\" data-plan=\"basic\" data-price=\"$9.99\" data-picks=\"10\" data-charge=\"$9.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-info\">\n <h3>B\u00e1sico<\/h3>\n <p>10 selecciones al mes<\/p>\n <\/div>\n <div class=\"plan-price\">$9,99 $\/mes<\/div>\n <\/div>\n\n <div class=\"plan-card\" data-plan=\"pro\" data-price=\"$29.99\" data-picks=\"50\" data-charge=\"$29.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-info\">\n <h3>Pro<\/h3>\n <p>50 selecciones al mes<\/p>\n <\/div>\n <div class=\"plan-price\">$ 29,99 $\/mes<\/div>\n <\/div>\n\n <div class=\"plan-card selected\" data-plan=\"elite\" data-price=\"$49.99\" data-picks=\"Unlimited\" data-charge=\"$49.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-badge\">M\u00e1s populares<\/div>\n <div class=\"plan-info\">\n <h3>Elite<\/h3>\n <p>Selecciones ilimitadas<\/p>\n <\/div>\n <div class=\"plan-price\">$49,99 $\/mes<\/div>\n <\/div>\n\n <\/div>\n\n <!-- Trial Summary Card -->\n <div class=\"trial-summary\">\n <div class=\"trial-summary-header\">\n <h3>Tu prueba gratuita<\/h3>\n <span class=\"trial-plan-badge\" id=\"trial-plan-badge\">Elite<\/span>\n <\/div>\n\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Hoy<\/span>\n <span class=\"trial-row-value free\">$0.00 cobrado<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Acceso de prueba<\/span>\n <span class=\"trial-row-value\" id=\"trial-access-value\">5 d\u00edas de selecciones ilimitadas<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Plan despu\u00e9s del juicio<\/span>\n <span class=\"trial-row-value\" id=\"trial-plan-name\">Elite<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Primer cargo<\/span>\n <span class=\"trial-row-value\" id=\"trial-first-charge\">El 17 de marzo de 2026: $49.99<\/span>\n <\/div>\n\n <div class=\"trial-nuvei\">\n <div class=\"trial-nuvei-title\">Entrada segura con tarjeta gracias a Nuvei<\/div>\n <p>Se requiere tu tarjeta para activar la prueba. Puedes cancelarla antes del primer cargo.<\/p>\n <\/div>\n\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free pricing-cta-btn\" style=\"margin-top: 1.25rem; text-align: center;\">COMIENCE UNA PRUEBA GRATUITA<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"container\">\n <h2 class=\"cta-title\">Listo para <span>\u00bfAumentar el nivel de sus selecciones?<\/span><\/h2>\n <p class=\"cta-subtitle\">\u00danete a miles de aficionados al deporte que utilizan la IA para obtener pron\u00f3sticos de nivel experto. Empieza tu prueba gratuita de 5 d\u00edas hoy mismo.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div><!-- End main-wrapper -->\n\n <!-- Footer -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-brand\">\n <a href=\"https:\/\/nuvix.com\/es\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Untitled-design-2025-12-19T170655.292.png\" alt=\"Nuvix\" style=\"height: 40px;\">\n <\/a>\n <p>Nuvix Sports Picks AI proporciona predicciones y pron\u00f3sticos deportivos basados en IA para ayudar a los entusiastas del deporte a tomar decisiones informadas.<\/p>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Producto<\/h4>\n <a href=\"#sports\">Deportes<\/a>\n <a href=\"#features\">Caracter\u00edsticas<\/a>\n <a href=\"#pricing\">Precios<\/a>\n <a href=\"#how-it-works\">C\u00f3mo funciona<\/a>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Cuenta<\/h4>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\">Reg\u00edstrate gratis<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\">Iniciar sesi\u00f3n<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/\">Nuvix Inicio<\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p class=\"footer-disclaimer\">\n <strong>Aviso legal:<\/strong> Esta plataforma s\u00f3lo tiene fines informativos y de entretenimiento. Todas las predicciones y selecciones son generadas por IA y no deben considerarse como asesoramiento financiero. Resultados pasados no garantizan resultados futuros. Los usuarios deben ser mayores de 18 a\u00f1os para utilizar este servicio.\n <\/p>\n <p class=\"footer-trademark\">\n Todos los logotipos de ligas y equipos, marcas comerciales y marcas que aparecen en este sitio son propiedad de sus respectivos due\u00f1os. NFL\u00ae, NBA\u00ae, MLB\u00ae, NHL\u00ae, Premier League\u2122, La Liga\u2122, UEFA Champions League\u2122, MLS\u00ae, Liga MX\u2122 y FIFA World Cup\u2122 son marcas registradas de sus respectivas organizaciones. Nuvix no est\u00e1 afiliado, respaldado ni vinculado a ninguna de estas organizaciones. El uso de estos logotipos es solo con fines informativos.\n <\/p>\n <p class=\"footer-copyright\">2025 Nuvix by iEvolution. Todos los derechos reservados.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ \u2500\u2500 Video Lightbox + Mobile Fullscreen \u2500\u2500\n (function() {\n var playBtn = document.getElementById('video-play-btn');\n var lightbox = document.getElementById('video-lightbox');\n var backdrop = document.getElementById('video-lightbox-backdrop');\n var closeBtn = document.getElementById('video-lightbox-close');\n var lightboxVideo = document.getElementById('lightbox-video');\n\n \/\/ Detect mobile \/ touch device\n function isMobile() {\n return \/Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent)\n || (navigator.maxTouchPoints && navigator.maxTouchPoints > 1 && window.innerWidth <= 1024);\n }\n\n \/\/ \u2500\u2500 Mobile: native fullscreen video \u2500\u2500\n function openMobileFullscreen() {\n lightboxVideo.currentTime = 0;\n lightboxVideo.muted = false;\n\n \/\/ iOS Safari uses webkitEnterFullscreen on the video element\n if (lightboxVideo.webkitEnterFullscreen) {\n lightboxVideo.play().then(function() {\n lightboxVideo.webkitEnterFullscreen();\n }).catch(function() {\n \/\/ Fallback: just play inline\n lightboxVideo.play();\n });\n }\n \/\/ Android \/ standard Fullscreen API\n else if (lightboxVideo.requestFullscreen) {\n lightboxVideo.play();\n lightboxVideo.requestFullscreen();\n }\n else if (lightboxVideo.webkitRequestFullscreen) {\n lightboxVideo.play();\n lightboxVideo.webkitRequestFullscreen();\n }\n else {\n \/\/ Fallback: open lightbox modal\n openLightbox();\n return;\n }\n\n \/\/ Clean up when fullscreen exits\n function onFsExit() {\n if (!document.fullscreenElement && !document.webkitFullscreenElement) {\n lightboxVideo.pause();\n lightboxVideo.currentTime = 0;\n document.removeEventListener('fullscreenchange', onFsExit);\n document.removeEventListener('webkitfullscreenchange', onFsExit);\n }\n }\n document.addEventListener('fullscreenchange', onFsExit);\n document.addEventListener('webkitfullscreenchange', onFsExit);\n\n \/\/ iOS fires 'webkitendfullscreen' on the video itself\n lightboxVideo.addEventListener('webkitendfullscreen', function handler() {\n lightboxVideo.pause();\n lightboxVideo.currentTime = 0;\n lightboxVideo.removeEventListener('webkitendfullscreen', handler);\n });\n }\n\n \/\/ \u2500\u2500 Desktop: lightbox modal \u2500\u2500\n function openLightbox() {\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden';\n lightboxVideo.currentTime = 0;\n lightboxVideo.muted = false;\n lightboxVideo.play();\n }\n\n function closeLightbox() {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n lightboxVideo.pause();\n lightboxVideo.currentTime = 0;\n }\n\n \/\/ \u2500\u2500 Bind events \u2500\u2500\n if (playBtn) {\n playBtn.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n if (isMobile()) {\n openMobileFullscreen();\n } else {\n openLightbox();\n }\n });\n }\n\n if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\n if (backdrop) backdrop.addEventListener('click', closeLightbox);\n\n \/\/ Close on Escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n closeLightbox();\n }\n });\n })();\n\n \/\/ \u2500\u2500 iOS \/ Safari Autoplay Fix \u2500\u2500\n (function() {\n const bgVideo = document.getElementById('hero-bg-video');\n if (!bgVideo) return;\n\n \/\/ Ensure muted attribute is set (iOS requires it programmatically too)\n bgVideo.muted = true;\n bgVideo.setAttribute('muted', '');\n bgVideo.setAttribute('playsinline', '');\n\n function tryPlay() {\n var playPromise = bgVideo.play();\n if (playPromise !== undefined) {\n playPromise.catch(function() {\n \/\/ Autoplay blocked \u2014 try again on first user interaction\n var events = ['touchstart', 'click', 'scroll'];\n function onInteraction() {\n bgVideo.muted = true;\n bgVideo.play().catch(function() {});\n events.forEach(function(evt) {\n document.removeEventListener(evt, onInteraction);\n });\n }\n events.forEach(function(evt) {\n document.addEventListener(evt, onInteraction, { once: false, passive: true });\n });\n });\n }\n }\n\n \/\/ Try on load\n if (bgVideo.readyState >= 2) {\n tryPlay();\n } else {\n bgVideo.addEventListener('loadeddata', tryPlay, { once: true });\n }\n\n \/\/ Also try when page becomes visible (tab switch back)\n document.addEventListener('visibilitychange', function() {\n if (!document.hidden && bgVideo.paused) {\n bgVideo.play().catch(function() {});\n }\n });\n })();\n\n \/\/ Create floating particles\n (function() {\n const bgAnimation = document.querySelector('.bg-animation');\n const particleCount = window.innerWidth > 768 ? 15 : 8;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.width = Math.random() * 4 + 2 + '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() * 15 + 20 + 's';\n bgAnimation.appendChild(particle);\n }\n })();\n\n \/\/ Mobile Navigation\n (function() {\n const hamburger = document.getElementById('hamburger');\n const mobileMenu = document.getElementById('mobile-menu');\n \n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function() {\n hamburger.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n });\n\n mobileMenu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n }\n })();\n\n function closeMobileMenu() {\n const hamburger = document.getElementById('hamburger');\n const mobileMenu = document.getElementById('mobile-menu');\n if (hamburger && mobileMenu) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n }\n }\n\n \/\/ Header scroll\n (function() {\n const header = document.getElementById('header');\n window.addEventListener('scroll', function() {\n if (window.pageYOffset > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n }, { passive: true });\n })();\n\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const target = document.querySelector(targetId);\n if (target) {\n const headerOffset = 80;\n const elementPosition = target.getBoundingClientRect().top;\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n window.scrollTo({\n top: offsetPosition,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ Intersection Observer for animations\n (function() {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n })();\n\n \/\/ Demo Sports Tab Switching\n document.querySelectorAll('.demo-sport-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n \/\/ Remove active from all tabs\n document.querySelectorAll('.demo-sport-tab').forEach(t => t.classList.remove('active'));\n \/\/ Add active to clicked tab\n this.classList.add('active');\n \n \/\/ Hide all game containers\n document.querySelectorAll('.demo-games').forEach(g => g.style.display = 'none');\n \n \/\/ Show selected sport games\n const sport = this.getAttribute('data-sport');\n \n \/\/ Show\/hide soccer leagues bar\n const soccerLeaguesBar = document.getElementById('soccer-leagues-bar');\n if (sport === 'soccer') {\n soccerLeaguesBar.style.display = 'flex';\n \/\/ Show first soccer league by default (premier)\n document.getElementById('demo-soccer-premier').style.display = 'block';\n } else {\n soccerLeaguesBar.style.display = 'none';\n document.getElementById('demo-' + sport).style.display = 'block';\n }\n });\n });\n\n \/\/ Soccer League Tab Switching\n document.querySelectorAll('.soccer-league-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n \/\/ Remove active from all soccer league tabs\n document.querySelectorAll('.soccer-league-tab').forEach(t => t.classList.remove('active'));\n \/\/ Add active to clicked tab\n this.classList.add('active');\n \n \/\/ Hide all soccer leagues\n document.querySelectorAll('.demo-soccer-league').forEach(g => g.style.display = 'none');\n \n \/\/ Show selected league\n const league = this.getAttribute('data-league');\n const leagueElement = document.getElementById('demo-soccer-' + league);\n if (leagueElement) {\n leagueElement.style.display = 'block';\n }\n });\n });\n\n \/\/ Pick Data\n const pickData = {\n nfl1: {\n matchup: 'Eagles vs Cowboys',\n league: 'NFL',\n confidence: 78,\n pick: 'Eagles -3.5',\n spread: { value: 'Eagles -3.5', conf: '78%' },\n total: { value: 'Over 48.5', conf: '72%' },\n ml: { value: 'Eagles', conf: '81%' },\n summary: '6-1 home record. Strong defensive line. Dallas struggles on road (3-4).'\n },\n nfl2: {\n matchup: 'Lions vs Bears',\n league: 'NFL',\n confidence: 85,\n pick: 'Lions -7.0',\n spread: { value: 'Lions -7.0', conf: '85%' },\n total: { value: 'Over 51.5', conf: '74%' },\n ml: { value: 'Lions', conf: '92%' },\n summary: '11-game win streak. Leads NFL in scoring. Chicago ranks 28th in defense.'\n },\n nba1: {\n matchup: 'Celtics vs Lakers',\n league: 'NBA',\n confidence: 82,\n pick: 'Celtics -6.5',\n spread: { value: 'Celtics -6.5', conf: '82%' },\n total: { value: 'Over 224.5', conf: '76%' },\n ml: { value: 'Celtics', conf: '88%' },\n summary: '12-1 at home. Elite defense. Lakers 4-6 on road vs top East teams.'\n },\n nba2: {\n matchup: 'Suns vs Mavericks',\n league: 'NBA',\n confidence: 68,\n pick: 'Over 219.0',\n spread: { value: 'Suns -2.5', conf: '58%' },\n total: { value: 'Over 219.0', conf: '68%' },\n ml: { value: 'Suns', conf: '62%' },\n summary: 'Top 10 pace. High offensive efficiency. Recent H2H avg 228 pts.'\n },\n mlb1: {\n matchup: 'Dodgers vs Giants',\n league: 'MLB',\n confidence: 75,\n pick: 'Dodgers -165',\n spread: { value: 'Dodgers -1.5', conf: '62%' },\n total: { value: 'Under 8.5', conf: '71%' },\n ml: { value: 'Dodgers', conf: '75%' },\n summary: 'Ace pitcher 2.45 ERA at home. Giants bat .218 vs LHP.'\n },\n mlb2: {\n matchup: 'Cardinals vs Cubs',\n league: 'MLB',\n confidence: 55,\n pick: 'Over 9.0',\n spread: { value: 'Cubs -120', conf: '52%' },\n total: { value: 'Over 9.0', conf: '55%' },\n ml: { value: 'Cubs', conf: '54%' },\n summary: 'Both starters 5.00+ ERA. Wind blowing out at Wrigley (+1.5 runs).'\n },\n soccer1: {\n matchup: 'Liverpool vs Man City',\n league: 'Premier League',\n confidence: 71,\n pick: 'Liverpool Win',\n spread: { value: 'Liverpool -0.5', conf: '71%' },\n total: { value: 'Over 3.5', conf: '68%' },\n ml: { value: 'Liverpool', conf: '71%' },\n summary: 'Unbeaten at Anfield. Salah 12 goals in 10 games. City weak away defense.'\n },\n soccer2: {\n matchup: 'Real Madrid vs Barcelona',\n league: 'La Liga',\n confidence: 74,\n pick: 'Real Madrid Win',\n spread: { value: 'Real Madrid -0.5', conf: '74%' },\n total: { value: 'Over 3.0', conf: '79%' },\n ml: { value: 'Real Madrid', conf: '74%' },\n summary: 'Bernab\u00e9u advantage. Vin\u00edcius + Bellingham 28 goals. Bar\u00e7a 3-4 on road.'\n },\n soccer3: {\n matchup: 'Bayern Munich vs PSG',\n league: 'Champions League',\n confidence: 69,\n pick: 'Over 3.5 Goals',\n spread: { value: 'Bayern -0.5', conf: '62%' },\n total: { value: 'Over 3.5', conf: '69%' },\n ml: { value: 'Bayern', conf: '58%' },\n summary: 'Elite attacking talent both sides. Last 5 UCL meetings avg 4.2 goals.'\n },\n soccer4: {\n matchup: 'Club America vs Chivas',\n league: 'Liga MX',\n confidence: 72,\n pick: 'Club America Win',\n spread: { value: 'America -0.5', conf: '72%' },\n total: { value: 'Under 2.5', conf: '65%' },\n ml: { value: 'America', conf: '72%' },\n summary: 'Unbeaten at Azteca. Best defense in league. Chivas 2-4 away.'\n },\n nhl1: {\n matchup: 'Bruins vs Rangers',\n league: 'NHL',\n confidence: 76,\n pick: 'Bruins ML -130',\n spread: { value: 'Bruins -1.5', conf: '58%' },\n total: { value: 'Under 5.5', conf: '70%' },\n ml: { value: 'Bruins', conf: '76%' },\n summary: '8-2 at home this season. Elite penalty kill (87%). Rangers 3-5 on road.'\n },\n nhl2: {\n matchup: 'Oilers vs Avalanche',\n league: 'NHL',\n confidence: 71,\n pick: 'Over 6.0 Goals',\n spread: { value: 'Oilers -0.5', conf: '64%' },\n total: { value: 'Over 6.0', conf: '71%' },\n ml: { value: 'Oilers', conf: '67%' },\n summary: 'McDavid + Draisaitl avg 4.8 pts\/game combined. Both teams rank top-5 in shots on goal.'\n }\n };\n\n \/\/ Start Pick\n function startPick(gameId) {\n const modal = document.getElementById('pick-modal');\n const loading = document.getElementById('pick-loading');\n const result = document.getElementById('pick-result');\n \n \/\/ Show modal with loading\n modal.classList.add('active');\n loading.style.display = 'flex';\n result.style.display = 'none';\n \n \/\/ Reset loading steps\n document.querySelectorAll('.loading-step').forEach(step => {\n step.classList.remove('active', 'complete');\n });\n document.getElementById('step1').classList.add('active');\n \n \/\/ Animate loading steps\n setTimeout(() => {\n document.getElementById('step1').classList.remove('active');\n document.getElementById('step1').classList.add('complete');\n document.getElementById('step2').classList.add('active');\n }, 800);\n \n setTimeout(() => {\n document.getElementById('step2').classList.remove('active');\n document.getElementById('step2').classList.add('complete');\n document.getElementById('step3').classList.add('active');\n }, 1600);\n \n setTimeout(() => {\n document.getElementById('step3').classList.remove('active');\n document.getElementById('step3').classList.add('complete');\n }, 2400);\n \n \/\/ Show result\n setTimeout(() => {\n showPickResult(gameId);\n }, 2800);\n }\n\n \/\/ Show Pick Result\n function showPickResult(gameId) {\n const loading = document.getElementById('pick-loading');\n const result = document.getElementById('pick-result');\n const data = pickData[gameId];\n \n if (!data) return;\n \n \/\/ Hide loading, show result\n loading.style.display = 'none';\n result.style.display = 'flex';\n \n \/\/ Populate data\n document.getElementById('result-matchup').textContent = data.matchup;\n document.getElementById('result-league').textContent = data.league;\n document.getElementById('pick-value').textContent = data.pick;\n document.getElementById('spread-pick').textContent = data.spread.value;\n document.getElementById('spread-conf').textContent = data.spread.conf;\n document.getElementById('total-pick').textContent = data.total.value;\n document.getElementById('total-conf').textContent = data.total.conf;\n document.getElementById('ml-pick').textContent = data.ml.value;\n document.getElementById('ml-conf').textContent = data.ml.conf;\n document.getElementById('pick-summary').textContent = data.summary;\n \n \/\/ Animate confidence bar\n setTimeout(() => {\n document.getElementById('confidence-bar').style.width = data.confidence + '%';\n animateConfidenceValue(0, data.confidence);\n }, 200);\n }\n\n \/\/ Animate confidence value\n function animateConfidenceValue(start, end) {\n const element = document.getElementById('confidence-value');\n const duration = 1000;\n const startTime = performance.now();\n \n function update(currentTime) {\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n const current = Math.floor(start + (end - start) * progress);\n element.textContent = current + '%';\n \n if (progress < 1) {\n requestAnimationFrame(update);\n }\n }\n \n requestAnimationFrame(update);\n }\n\n \/\/ Close Pick\n function closePick() {\n const modal = document.getElementById('pick-modal');\n modal.classList.remove('active');\n \n \/\/ Reset confidence bar\n document.getElementById('confidence-bar').style.width = '0%';\n document.getElementById('confidence-value').textContent = '0%';\n \n \/\/ Reset action buttons\n document.querySelectorAll('.action-btn').forEach(btn => {\n btn.classList.remove('copied', 'saved');\n });\n }\n\n \/\/ Copy Pick\n function copyPick() {\n const matchup = document.getElementById('result-matchup').textContent;\n const pick = document.getElementById('pick-value').textContent;\n const confidence = document.getElementById('confidence-value').textContent;\n \n const text = `\ud83c\udfc6 ${matchup}\\n\ud83c\udfaf Pick: ${pick}\\n\ud83d\udcca Confidence: ${confidence}\\n\\nPowered by Nuvix Sports Picks AI`;\n \n navigator.clipboard.writeText(text).then(() => {\n const btn = document.querySelector('.copy-btn');\n btn.classList.add('copied');\n btn.innerHTML = '<i class=\"las la-check\"><\/i> Copied!';\n \n setTimeout(() => {\n btn.classList.remove('copied');\n btn.innerHTML = '<i class=\"las la-copy\"><\/i> Copy';\n }, 2000);\n });\n }\n\n \/\/ Toggle Favorite\n function toggleFavorite() {\n const btn = document.querySelector('.favorite-btn');\n btn.classList.toggle('saved');\n \n if (btn.classList.contains('saved')) {\n btn.innerHTML = '<i class=\"las la-star\"><\/i> Saved!';\n } else {\n btn.innerHTML = '<i class=\"las la-star\"><\/i> Save';\n }\n }\n \/\/ Pricing Plan Selector\n function selectPlan(card) {\n \/\/ Deselect all\n document.querySelectorAll('.plan-card').forEach(c => c.classList.remove('selected'));\n \/\/ Select clicked\n card.classList.add('selected');\n\n const plan = card.getAttribute('data-plan');\n const price = card.getAttribute('data-charge');\n const picks = card.getAttribute('data-picks');\n\n \/\/ Capitalise plan name\n const planName = plan.charAt(0).toUpperCase() + plan.slice(1);\n\n \/\/ Compute date 5 days from today\n const chargeDate = new Date();\n chargeDate.setDate(chargeDate.getDate() + 5);\n const opts = { month: 'long', day: 'numeric', year: 'numeric' };\n const dateStr = chargeDate.toLocaleDateString('en-US', opts);\n\n \/\/ Update trial summary\n document.getElementById('trial-plan-badge').textContent = planName;\n document.getElementById('trial-plan-name').textContent = planName;\n document.getElementById('trial-access-value').textContent =\n picks === 'Unlimited' ? '5 days of unlimited picks' : `5 days \u00b7 ${picks} picks\/mo plan`;\n document.getElementById('trial-first-charge').textContent =\n `On ${dateStr}: $${parseFloat(price.replace('$','')).toFixed(2)}`;\n }\n\n \/\/ Init with Elite selected on load\n (function() {\n const eliteCard = document.querySelector('.plan-card[data-plan=\"elite\"]');\n if (eliteCard) selectPlan(eliteCard);\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6c1ece e-flex e-con-boxed e-con e-parent\" data-id=\"e6c1ece\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef82706 elementor-widget elementor-widget-shortcode\" data-id=\"ef82706\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"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\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Sports Picks AI \u2013 Selecciones y Predicciones Deportivas con IA. Funciones Deportivas. C\u00f3mo Funciona. Opiniones. Precios. Iniciar Sesi\u00f3n. Prueba Gratis. Iniciar Prueba Gratis. Deportes. Funciones. C\u00f3mo Funciona. Opiniones. Precios. Iniciar Sesi\u00f3n. Prueba Gratis. Predicciones Deportivas con IA. Selecciones M\u00e1s Inteligentes. Impulsado por Nuvix AI. Predicciones en tiempo real con IA para NFL, NBA, MLB, NHL y F\u00fatbol \u2014 [...]","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-45598","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/45598","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=45598"}],"version-history":[{"count":178,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/45598\/revisions"}],"predecessor-version":[{"id":46265,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/45598\/revisions\/46265"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/media?parent=45598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}