{"title":"Home page","description":null,"products":[{"product_id":"x10-supreme-guia-nutricional-aumenta-tu-testosterona-💥","title":"X10 SUPREME - 500ml Tarro","description":"\u003cstyle\u003e\n        \/* ==========================================================================\n           1. VARIABLES GLOBALES Y RESETEO (LIGHT THEME)\n           ========================================================================== *\/\n        :root {\n            \/* Colores de Fondo Claros *\/\n            --bg-base: #ffffff; \n            --bg-card: #ffffff; \n            --bg-card-hover: #f9fafb;\n            --bg-accent: #f3f4f6; \/* Gris muy sutil para dividir secciones *\/\n            --border-color: #e5e7eb;\n            \n            \/* Colores Principales (Brand) *\/\n            --primary: #e63946;\n            --primary-dark: #b71c1c;\n            --primary-glow: rgba(230, 57, 70, 0.15);\n            \n            \/* Secondary ajustado ligeramente para contraste en fondo blanco *\/\n            --secondary: #d97706; \n            --secondary-dark: #b45309;\n            --secondary-glow: rgba(217, 119, 6, 0.15);\n            \n            \/* Textos Oscuros para Legibilidad Máxima *\/\n            --text-main: #111827; \n            --text-muted: #4b5563; \n            --text-dark: #000000;\n            \n            \/* Colores de Estado *\/\n            --success: #059669;\n            \n            \/* Tipografía *\/\n            --font-heading: 'Impact', 'Segoe UI Black', 'Arial Black', sans-serif;\n            --font-body: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            \n            \/* Transiciones *\/\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        \/* Scope resetting to avoid breaking Shopify's main theme *\/\n        .x10-landing-wrapper {\n            background-color: var(--bg-base);\n            color: var(--text-main);\n            font-family: var(--font-body);\n            line-height: 1.7;\n            overflow-x: hidden;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-size: 16px;\n        }\n\n        .x10-landing-wrapper * {\n            box-sizing: border-box;\n        }\n\n        .x10-landing-wrapper img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            object-fit: contain;\n        }\n\n        .x10-landing-wrapper a {\n            text-decoration: none;\n            color: inherit;\n            transition: var(--transition);\n        }\n\n        .x10-landing-wrapper p {\n            margin-bottom: 24px;\n            color: var(--text-muted);\n            font-size: clamp(15px, 2vw, 17px);\n        }\n\n        .x10-landing-wrapper p strong, .x10-landing-wrapper span strong {\n            color: var(--text-main);\n            font-weight: 700;\n        }\n\n        \/* ==========================================================================\n           2. UTILITIES \u0026 REUSABLE COMPONENTS\n           ========================================================================== *\/\n        .x10-container {\n            width: 100%;\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        .text-center { text-align: center; }\n        .text-primary { color: var(--primary) !important; }\n        .text-secondary { color: var(--secondary) !important; }\n\n        .x10-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 16px 32px;\n            font-size: clamp(14px, 2vw, 16px);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-radius: 8px;\n            border: none;\n            cursor: pointer;\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n            width: 100%;\n            max-width: 350px;\n        }\n        \n        .btn-inline { width: auto; }\n\n        .btn-secondary {\n            background: linear-gradient(135deg, #f59e0b, var(--secondary));\n            color: #ffffff !important;\n            box-shadow: 0 4px 15px var(--secondary-glow);\n        }\n\n        .btn-secondary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(217, 119, 6, 0.3);\n        }\n\n        .x10-badge {\n            background-color: rgba(230, 57, 70, 0.08);\n            border: 1px solid rgba(230, 57, 70, 0.2);\n            color: var(--primary);\n            padding: 8px 20px;\n            border-radius: 50px;\n            font-size: clamp(11px, 1.5vw, 14px);\n            font-weight: 700;\n            text-transform: uppercase;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            letter-spacing: 1px;\n        }\n\n        .section-padding {\n            padding: clamp(60px, 8vw, 100px) 0;\n        }\n\n        .section-title {\n            font-family: var(--font-heading);\n            font-size: clamp(28px, 5vw, 42px);\n            color: var(--text-main);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 20px;\n            line-height: 1.1;\n        }\n\n        .section-subtitle {\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 50px auto;\n        }\n\n        \/* ==========================================================================\n           3. HERO SECTION\n           ========================================================================== *\/\n        .hero {\n            position: relative;\n            padding: clamp(60px, 8vw, 100px) 0;\n            background: radial-gradient(circle at 80% 20%, rgba(230, 57, 70, 0.03) 0%, transparent 50%), \n                        radial-gradient(circle at 20% 80%, rgba(217, 119, 6, 0.03) 0%, transparent 50%),\n                        var(--bg-base);\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .hero-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));\n            gap: 48px;\n            align-items: center;\n        }\n\n        .hero-content h1 {\n            font-family: var(--font-heading);\n            font-size: clamp(36px, 5vw, 58px);\n            color: var(--text-main);\n            line-height: 1.1;\n            text-transform: uppercase;\n            margin-bottom: 24px;\n            letter-spacing: -1px;\n        }\n\n        .hero-content h1 span.highlight {\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .hero-description {\n            font-size: clamp(16px, 2.5vw, 18px);\n            margin-bottom: 32px;\n            max-width: 620px;\n        }\n\n        .hero-bullets {\n            margin-bottom: 40px;\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .hero-bullet-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 16px;\n        }\n\n        .hero-bullet-item p { margin-bottom: 0; }\n\n        .hero-bullet-item .icon-wrapper {\n            background-color: rgba(230, 57, 70, 0.08);\n            border-radius: 50%;\n            padding: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            border: 1px solid rgba(230, 57, 70, 0.15);\n        }\n\n        .hero-bullet-item svg {\n            width: 18px;\n            height: 18px;\n            fill: var(--primary);\n        }\n\n        .hero-guarantee-text {\n            font-size: 14px;\n            color: var(--text-muted);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            margin-top: 16px;\n            font-weight: 500;\n        }\n\n        .product-display-shield {\n            background: #ffffff;\n            border: 1px solid var(--border-color);\n            border-radius: 24px;\n            padding: clamp(30px, 4vw, 50px);\n            width: 100%;\n            max-width: 380px;\n            margin: 0 auto;\n            text-align: center;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.04);\n            position: relative;\n        }\n\n        .product-display-shield img {\n            max-height: 400px; \n            margin: 0 auto; \n            filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15)); \n            position: relative; \n            z-index: 2;\n        }\n\n        .invima-badge-inline {\n            background: linear-gradient(135deg, #fef08a, #f59e0b);\n            color: #713f12;\n            font-size: 12px;\n            font-weight: 800;\n            padding: 6px 14px;\n            border-radius: 6px;\n            display: inline-block;\n            margin-top: 24px;\n            text-transform: uppercase;\n            box-shadow: 0 4px 10px rgba(245, 158, 11, 0.2);\n            position: relative;\n            z-index: 3;\n            border: 1px solid rgba(217, 119, 6, 0.2);\n        }\n\n        \/* ==========================================================================\n           4. PROOF \u0026 TRUST SEGMENT\n           ========================================================================== *\/\n        .trust-bar {\n            background-color: var(--bg-accent);\n            padding: 35px 0;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .trust-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 24px;\n            text-align: center;\n        }\n\n        .trust-item h3 {\n            font-family: var(--font-heading);\n            font-size: clamp(24px, 4vw, 32px);\n            color: var(--secondary);\n            margin-bottom: 4px;\n            letter-spacing: 0;\n        }\n\n        .trust-item p {\n            font-size: 13px;\n            color: var(--text-main);\n            text-transform: uppercase;\n            font-weight: 700;\n            letter-spacing: 0.5px;\n            margin-bottom: 0;\n        }\n\n        \/* ==========================================================================\n           5. THE DOUBLE SELLING ANGLES\n           ========================================================================== *\/\n        .angle-section {\n            background-color: var(--bg-base);\n        }\n\n        .angle-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 32px;\n        }\n\n        .angle-card {\n            background-color: var(--bg-card);\n            border: 1px solid var(--border-color);\n            border-radius: 16px;\n            padding: clamp(32px, 4vw, 48px);\n            transition: var(--transition);\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n        }\n\n        .angle-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.05);\n        }\n\n        .angle-card.angle-sport { border-left: 5px solid var(--secondary); }\n        .angle-card.angle-sexual { border-left: 5px solid var(--primary); }\n        .angle-card.angle-sport:hover { border-color: var(--secondary); }\n        .angle-card.angle-sexual:hover { border-color: var(--primary); }\n\n        .angle-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 32px;\n        }\n\n        .angle-number {\n            font-family: var(--font-heading);\n            font-size: clamp(40px, 6vw, 56px);\n            line-height: 1;\n            opacity: 0.1;\n            color: var(--text-main);\n        }\n\n        .angle-title {\n            font-size: clamp(20px, 3vw, 24px);\n            font-family: var(--font-heading);\n            color: var(--text-main);\n            margin-bottom: 0;\n        }\n\n        .angle-features-list {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .angle-feature-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 14px;\n        }\n\n        .angle-feature-item span {\n            font-size: clamp(15px, 2vw, 16px);\n            color: var(--text-muted);\n            line-height: 1.6;\n        }\n\n        .angle-feature-item svg {\n            width: 22px;\n            height: 22px;\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        .angle-sport .angle-feature-item svg { fill: var(--secondary); }\n        .angle-sexual .angle-feature-item svg { fill: var(--primary); }\n\n        \/* ==========================================================================\n           6. INTERACTIVE INGREDIENTS SECTION\n           ========================================================================== *\/\n        .ingredients-section {\n            background-color: var(--bg-accent);\n            border-top: 1px solid var(--border-color);\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .ingredients-tabs-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));\n            gap: 30px;\n            background-color: var(--bg-base);\n            border: 1px solid var(--border-color);\n            border-radius: 16px;\n            padding: clamp(20px, 3vw, 32px);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n        }\n\n        .ingredients-nav {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .ingredient-btn {\n            background-color: var(--bg-base);\n            border: 1px solid var(--border-color);\n            padding: clamp(14px, 2vw, 18px) clamp(16px, 3vw, 24px);\n            border-radius: 10px;\n            color: var(--text-muted);\n            font-size: clamp(14px, 2vw, 16px);\n            font-weight: 700;\n            text-transform: uppercase;\n            text-align: left;\n            cursor: pointer;\n            transition: var(--transition);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .ingredient-btn:hover {\n            background-color: var(--bg-card-hover);\n            border-color: #d1d5db;\n        }\n\n        .ingredient-btn.active {\n            background: var(--bg-base);\n            border-color: var(--border-color);\n            border-left: 4px solid var(--primary);\n            color: var(--primary);\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n        }\n\n        .ingredient-btn .arrow-indicator {\n            font-size: 18px;\n            transition: var(--transition);\n            opacity: 0;\n            transform: translateX(-10px);\n        }\n\n        .ingredient-btn.active .arrow-indicator {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .ingredients-content-pane {\n            background-color: var(--bg-base);\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: clamp(24px, 4vw, 40px);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 350px;\n            position: relative;\n        }\n\n        .ingredient-pane {\n            display: none;\n            animation: fadeIn 0.4s ease;\n        }\n\n        .ingredient-pane.active { display: block; }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(5px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .pane-title-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 20px;\n            border-bottom: 1px solid var(--border-color);\n            padding-bottom: 16px;\n        }\n\n        .pane-icon {\n            width: 45px;\n            height: 45px;\n            background-color: rgba(230, 57, 70, 0.08);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(230, 57, 70, 0.15);\n            flex-shrink: 0;\n        }\n\n        .pane-icon svg { width: 22px; height: 22px; fill: var(--primary); }\n\n        .pane-title {\n            font-size: clamp(20px, 4vw, 24px);\n            font-family: var(--font-heading);\n            color: var(--text-main);\n            margin-bottom: 0;\n        }\n\n        .pane-highlights {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 16px;\n        }\n\n        .pane-highlight-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--text-main);\n            background-color: var(--bg-accent);\n            padding: 12px 16px;\n            border-radius: 8px;\n            border: 1px solid var(--border-color);\n        }\n\n        .pane-highlight-item svg {\n            width: 16px;\n            height: 16px;\n            fill: var(--primary);\n            flex-shrink: 0;\n        }\n\n        \/* ==========================================================================\n           7. INTERACTIVE ROULETTE\n           ========================================================================== *\/\n        .roulette-section {\n            background: var(--bg-base);\n        }\n\n        .roulette-container {\n            background-color: #ffffff;\n            border: 1px solid var(--border-color);\n            border-radius: 24px;\n            padding: clamp(32px, 5vw, 48px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.06);\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));\n            gap: clamp(32px, 5vw, 48px);\n            align-items: center;\n        }\n\n        .roulette-info {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        .roulette-info h2 {\n            font-family: var(--font-heading);\n            font-size: clamp(26px, 4vw, 36px);\n            color: var(--text-main);\n            margin-bottom: 16px;\n        }\n\n        .roulette-benefits-mini {\n            margin-bottom: 32px;\n            width: 100%;\n        }\n\n        .roulette-benefit-row {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 12px;\n            font-size: clamp(14px, 2vw, 15px);\n            color: var(--text-main);\n            font-weight: 600;\n        }\n\n        .roulette-benefit-row svg {\n            width: 18px;\n            height: 18px;\n            fill: var(--success);\n            flex-shrink: 0;\n        }\n\n        .wheel-box {\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n            padding: 20px 0;\n        }\n\n        .wheel-outer {\n            width: 100%;\n            max-width: 320px;\n            aspect-ratio: 1 \/ 1;\n            border-radius: 50%;\n            border: 12px solid #1c1c24; \/* Oscuro *\/\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.5);\n            position: relative;\n            overflow: hidden;\n            transition: transform 4s cubic-bezier(0.1, 0.8, 0.1, 1);\n            background-color: #0d0d11; \/* Oscuro *\/\n        }\n\n        .wheel-pointer {\n            position: absolute;\n            top: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 0;\n            border-left: clamp(12px, 2vw, 18px) solid transparent;\n            border-right: clamp(12px, 2vw, 18px) solid transparent;\n            border-top: clamp(20px, 3vw, 28px) solid var(--primary);\n            z-index: 10;\n            filter: drop-shadow(0 4px 4px rgba(0,0,0,0.2));\n        }\n\n        .wheel-center-pin {\n            position: absolute;\n            width: clamp(40px, 8vw, 55px);\n            height: clamp(40px, 8vw, 55px);\n            background: #ffffff;\n            border-radius: 50%;\n            z-index: 5;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n            border: 5px solid #1c1c24; \/* Oscuro *\/\n        }\n\n        .wheel-svg {\n            width: 100%;\n            height: 100%;\n            transform: rotate(-45deg);\n        }\n\n        \/* Colores oscuros para la ruleta *\/\n        .slice-bg-1 { fill: #16161e; }\n        .slice-bg-2 { fill: #22222e; }\n        .slice-bg-win { fill: #9f1239; }\n\n        .wheel-text {\n            font-size: 7px;\n            font-weight: 800;\n            fill: #ffffff;\n            text-anchor: middle;\n            text-transform: uppercase;\n            letter-spacing: 0.3px;\n        }\n        .wheel-text-win {\n            fill: var(--secondary);\n            font-weight: 900;\n        }\n\n        .wheel-reward-card {\n            display: none;\n            background: #ffffff;\n            border: 2px solid var(--success);\n            border-radius: 12px;\n            padding: 24px;\n            margin-top: 24px;\n            text-align: center;\n            animation: scaleUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n            width: 100%;\n            box-shadow: 0 10px 20px rgba(5, 150, 105, 0.1);\n        }\n\n        @keyframes scaleUp {\n            from { transform: scale(0.9); opacity: 0; }\n            to { transform: scale(1); opacity: 1; }\n        }\n\n        .reward-title {\n            font-size: clamp(16px, 3vw, 20px);\n            font-weight: 800;\n            color: var(--success);\n            text-transform: uppercase;\n            margin-bottom: 8px;\n        }\n\n        .reward-code {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            background-color: rgba(5, 150, 105, 0.05);\n            border: 1px dashed var(--success);\n            padding: 12px 20px;\n            font-weight: 700;\n            border-radius: 6px;\n            margin-top: 12px;\n            width: 100%;\n        }\n\n        \/* ==========================================================================\n           8. MODE OF USE\n           ========================================================================== *\/\n        .usage-section {\n            background-color: var(--bg-accent);\n            border-top: 1px solid var(--border-color);\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .usage-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 32px;\n        }\n\n        .usage-box {\n            background-color: #ffffff;\n            border: 1px solid var(--border-color);\n            border-radius: 16px;\n            padding: clamp(32px, 4vw, 40px);\n            position: relative;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.02);\n        }\n\n        .usage-box::before {\n            content: '';\n            position: absolute;\n            top: -1px;\n            left: -1px;\n            width: calc(100% + 2px);\n            height: 6px;\n            border-radius: 16px 16px 0 0;\n        }\n\n        .usage-daily::before { background-color: var(--secondary); }\n        .usage-punc::before { background-color: var(--primary); }\n\n        .usage-tag {\n            font-size: 12px;\n            font-weight: 800;\n            text-transform: uppercase;\n            padding: 6px 14px;\n            border-radius: 6px;\n            display: inline-block;\n            margin-bottom: 20px;\n        }\n\n        .usage-daily .usage-tag { background-color: rgba(217, 119, 6, 0.1); color: var(--secondary); border: 1px solid rgba(217, 119, 6, 0.2); }\n        .usage-punc .usage-tag { background-color: rgba(230, 57, 70, 0.1); color: var(--primary); border: 1px solid rgba(230, 57, 70, 0.2); }\n\n        .usage-box h3 {\n            font-size: clamp(20px, 3vw, 24px);\n            color: var(--text-main);\n            margin-bottom: 8px;\n            text-transform: none;\n            font-family: var(--font-body);\n            font-weight: 800;\n        }\n\n        .usage-dosage {\n            font-family: var(--font-heading);\n            font-size: clamp(32px, 4vw, 40px);\n            margin-bottom: 24px;\n            line-height: 1;\n        }\n\n        .usage-daily .usage-dosage { color: var(--secondary); }\n        .usage-punc .usage-dosage { color: var(--primary); }\n\n        .usage-steps {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .usage-step-item {\n            display: flex;\n            gap: 16px;\n            align-items: flex-start;\n        }\n\n        .step-num {\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            background-color: var(--bg-accent);\n            color: var(--text-main);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 14px;\n            font-weight: 800;\n            flex-shrink: 0;\n            border: 1px solid var(--border-color);\n        }\n\n        \/* ==========================================================================\n           9. BONUS SECTION\n           ========================================================================== *\/\n        .bonus-section {\n            background-color: #ffffff;\n        }\n\n        .bonus-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 32px;\n        }\n\n        .bonus-card {\n            background-color: #ffffff;\n            border: 1px solid var(--border-color);\n            border-radius: 16px;\n            padding: clamp(24px, 4vw, 36px);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n            transition: var(--transition);\n        }\n\n        .bonus-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.06);\n            border-color: rgba(217, 119, 6, 0.3);\n        }\n\n        .bonus-icon-box {\n            background: var(--bg-accent);\n            border: 1px solid var(--border-color);\n            border-radius: 50%;\n            width: 80px;\n            height: 80px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n        }\n\n        .bonus-icon-box svg { width: 36px; height: 36px; fill: var(--secondary); }\n\n        .bonus-info h3 {\n            font-size: clamp(18px, 2.5vw, 20px);\n            color: var(--text-main);\n            font-family: var(--font-body);\n            font-weight: 800;\n            text-transform: none;\n            margin-bottom: 12px;\n        }\n\n        .bonus-value {\n            font-size: 12px;\n            font-weight: 800;\n            color: var(--success);\n            background-color: rgba(5, 150, 105, 0.1);\n            padding: 4px 12px;\n            border-radius: 6px;\n            display: inline-block;\n            margin-top: auto;\n        }\n\n        \/* ==========================================================================\n           10. FAQ SYSTEM\n           ========================================================================== *\/\n        .faq-section {\n            background-color: var(--bg-accent);\n            border-top: 1px solid var(--border-color);\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .faq-wrapper {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            background-color: #ffffff;\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            margin-bottom: 16px;\n            overflow: hidden;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.02);\n        }\n\n        .faq-trigger {\n            width: 100%;\n            padding: clamp(16px, 3vw, 24px);\n            background: none;\n            border: none;\n            color: var(--text-main);\n            font-size: clamp(15px, 2vw, 17px);\n            font-family: var(--font-body);\n            font-weight: 700;\n            text-align: left;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: var(--transition);\n        }\n\n        .faq-trigger:hover { background-color: var(--bg-card-hover); }\n\n        .faq-icon-indicator {\n            font-size: 24px;\n            font-weight: 300;\n            color: var(--primary);\n            transition: transform 0.3s ease;\n        }\n\n        .faq-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            background-color: #ffffff;\n        }\n\n        .faq-content-inner {\n            padding: 0 24px 24px 24px;\n        }\n\n        .faq-content-inner p { margin-bottom: 0; }\n\n        .faq-item.active .faq-content { max-height: 500px; }\n        .faq-item.active .faq-icon-indicator { transform: rotate(45deg); }\n\n        \/* ==========================================================================\n           11. RESPONSIVE MEDIA QUERIES (OPTIMIZED FOR MOBILE)\n           ========================================================================== *\/\n        @media (max-width: 992px) {\n            .hero-content { text-align: center; display: flex; flex-direction: column; align-items: center; }\n            .hero-bullets { text-align: left; max-width: 500px; }\n            .ingredients-nav { flex-direction: row; flex-wrap: wrap; justify-content: center; }\n            .ingredient-btn { flex: 1 1 calc(50% - 15px); justify-content: center; text-align: center; }\n            .ingredient-btn .arrow-indicator { display: none; }\n            .roulette-info { text-align: center; align-items: center; }\n        }\n\n        @media (max-width: 768px) {\n            .angle-header { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 24px; }\n            .pane-highlights { grid-template-columns: 1fr; }\n        }\n\n        @media (max-width: 576px) {\n            .x10-container { padding: 0 16px; }\n            .trust-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\n            .ingredient-btn { flex: 1 1 100%; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"x10-landing-wrapper\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"hero-grid\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"x10-badge\"\u003ePotencializador Físico y Masculino\u003c\/span\u003e\n\u003ch1\u003eDesata tu Máxima Energía y \u003cspan class=\"highlight\"\u003eRendimiento Supremo\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eDescubre el poder de \u003cstrong\u003eX10 Supreme\u003c\/strong\u003e, un suplemento líquido avanzado de 500 ml formulado científicamente con extractos exóticos naturales para revolucionar tu vitalidad diaria y tus momentos más íntimos.\u003c\/p\u003e\n\u003cdiv class=\"hero-bullets\"\u003e\n\u003cdiv class=\"hero-bullet-item\"\u003e\n\u003cdiv class=\"icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eAumento de resistencia:\u003c\/strong\u003e Ideal para superar tus límites en el día a día o entrenamientos exigentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-bullet-item\"\u003e\n\u003cdiv class=\"icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eDoble Angulo de Acción:\u003c\/strong\u003e Optimiza tu enfoque mental cotidiano y tu potencia íntima con absorción rápida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-bullet-item\"\u003e\n\u003cdiv class=\"icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.5 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eSeguridad Absoluta:\u003c\/strong\u003e Recupera la confianza en ti mismo con resultados consistentes y duraderos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-guarantee-text\"\u003e\n\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"var(--success)\"\u003e\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.5 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Garantía de originalidad directa de fábrica\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image-wrapper\"\u003e\n\u003cdiv class=\"product-display-shield\"\u003e\n\u003cimg src=\"https:\/\/assets.cdn.filesafe.space\/EesRvfe1NrhhuACbTwQy\/media\/6a4feaf0eada8c1f45a5fbde.jpeg\" alt=\"X10 Supreme Envase\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003cdiv class=\"invima-badge-inline\"\u003eFórmula Certificada Premium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TRUST SECTION --\u003e\n\u003csection class=\"trust-bar\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"trust-grid\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ch3\u003e100%\u003c\/h3\u003e\n\u003cp\u003eFórmula Natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ch3\u003e500ml\u003c\/h3\u003e\n\u003cp\u003eEnvase Rendidor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ch3\u003e0%\u003c\/h3\u003e\n\u003cp\u003eEfectos Adversos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ch3\u003e2 en 1\u003c\/h3\u003e\n\u003cp\u003eDía + Noche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ANGLES SECTION --\u003e\n\u003csection class=\"angle-section section-padding\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"text-center\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn Producto, Múltiples Beneficios\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eX10 Supreme no es un energizante común. Su diseño líquido ataca dos frentes vitales del hombre moderno mediante absorción complementaria.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-grid\"\u003e\n\u003cdiv class=\"angle-card angle-sport\"\u003e\n\u003cdiv class=\"angle-header\"\u003e\n\u003cdiv class=\"angle-number\"\u003e01\u003c\/div\u003e\n\u003ch3 class=\"angle-title\"\u003eRendimiento Físico Diario\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-features-list\"\u003e\n\u003cdiv class=\"angle-feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2zm0 3.99L19.53 19H4.47L12 5.99zM13 16h-2v2h2v-2zm0-6h-2v4h2v-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eEnergía crónica:\u003c\/strong\u003e Elimina el cansancio acumulado tras largas jornadas.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2zm0 3.99L19.53 19H4.47L12 5.99zM13 16h-2v2h2v-2zm0-6h-2v4h2v-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eEnfoque mental agudo:\u003c\/strong\u003e Complejo B que optimiza el sistema cognitivo.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2zm0 3.99L19.53 19H4.47L12 5.99zM13 16h-2v2h2v-2zm0-6h-2v4h2v-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eAlta exigencia:\u003c\/strong\u003e Optimiza el uso de oxígeno celular durante el ejercicio.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-card angle-sexual\"\u003e\n\u003cdiv class=\"angle-header\"\u003e\n\u003cdiv class=\"angle-number\"\u003e02\u003c\/div\u003e\n\u003ch3 class=\"angle-title\"\u003ePotencia y Vigor Íntimo\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-features-list\"\u003e\n\u003cdiv class=\"angle-feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.5 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eDeseo sexual:\u003c\/strong\u003e Revitaliza los niveles hormonales de forma natural.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.5 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eFirmeza:\u003c\/strong\u003e El Chontaduro promueve el flujo sanguíneo óptimo a zonas clave.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"angle-feature-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.5 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eControl de fatiga:\u003c\/strong\u003e Retrasa el agotamiento para encuentros prolongados.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INGREDIENTS SECTION --\u003e\n\u003csection class=\"ingredients-section section-padding\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"text-center\"\u003e\n\u003cspan class=\"x10-badge\"\u003eComponentes Activos\u003c\/span\u003e\n\u003ch2 class=\"section-title\"\u003e¿Qué contiene cada gota?\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eHaz clic en cada ingrediente para descubrir su respaldo científico.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-tabs-container\"\u003e\n\u003cdiv class=\"ingredients-nav\"\u003e\n\u003cbutton class=\"ingredient-btn active\"\u003e \u003cspan\u003eMaca Peruana\u003c\/span\u003e \u003cspan class=\"arrow-indicator\"\u003e➔\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ingredient-btn\"\u003e \u003cspan\u003eGuaraná\u003c\/span\u003e \u003cspan class=\"arrow-indicator\"\u003e➔\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ingredient-btn\"\u003e \u003cspan\u003eBorojó Amazónico\u003c\/span\u003e \u003cspan class=\"arrow-indicator\"\u003e➔\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ingredient-btn\"\u003e \u003cspan\u003eChontaduro\u003c\/span\u003e \u003cspan class=\"arrow-indicator\"\u003e➔\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"ingredient-btn\"\u003e \u003cspan\u003eComplejo B\u003c\/span\u003e \u003cspan class=\"arrow-indicator\"\u003e➔\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content-pane\"\u003e\n\u003c!-- Maca --\u003e\n\u003cdiv id=\"maca\" class=\"ingredient-pane active\"\u003e\n\u003cdiv class=\"pane-title-wrapper\"\u003e\n\u003cdiv class=\"pane-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"pane-title\"\u003eMaca Peruana\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"pane-description\"\u003eSuperalimento adaptógeno milenario. Su función principal consiste en regular y apoyar el balance hormonal saludable, contribuyendo de manera directa a elevar la resistencia, disminuir el estrés diario y encender el deseo.\u003c\/p\u003e\n\u003cdiv class=\"pane-highlights\"\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Regula balance hormonal\u003c\/div\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Eleva resistencia innata\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guarana --\u003e\n\u003cdiv id=\"guarana\" class=\"ingredient-pane\"\u003e\n\u003cdiv class=\"pane-title-wrapper\"\u003e\n\u003cdiv class=\"pane-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"pane-title\"\u003eGuaraná Natural\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"pane-description\"\u003eFuente excepcional de energía limpia y sostenida. A diferencia de sintéticos, libera sus propiedades de forma progresiva, reduciendo fatiga mental mientras mejora tiempos de reacción sin bajones drásticos.\u003c\/p\u003e\n\u003cdiv class=\"pane-highlights\"\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Energía sin bajones\u003c\/div\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Enfoque prolongado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Borojo --\u003e\n\u003cdiv id=\"borojo\" class=\"ingredient-pane\"\u003e\n\u003cdiv class=\"pane-title-wrapper\"\u003e\n\u003cdiv class=\"pane-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"pane-title\"\u003eBorojó Amazónico\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"pane-description\"\u003eFruto exótico energizante conocido por sus propiedades afrodisíacas. Alta concentración de fósforo y aminoácidos que apoyan el vigor general y la reposición energética tras esfuerzos intensificados.\u003c\/p\u003e\n\u003cdiv class=\"pane-highlights\"\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Fósforo biodisponible\u003c\/div\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Potenciador ancestral\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Chontaduro --\u003e\n\u003cdiv id=\"chontaduro\" class=\"ingredient-pane\"\u003e\n\u003cdiv class=\"pane-title-wrapper\"\u003e\n\u003cdiv class=\"pane-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"pane-title\"\u003eChontaduro Premium\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"pane-description\"\u003eAporta ácidos grasos, minerales clave y antioxidantes que optimizan la circulación periférica. Al favorecer una óptima vasodilatación, se convierte en el aliado para asegurar firmeza y excelente respuesta a estímulos.\u003c\/p\u003e\n\u003cdiv class=\"pane-highlights\"\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Mejora microcirculación\u003c\/div\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Rico en minerales puros\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complex B --\u003e\n\u003cdiv id=\"complexb\" class=\"ingredient-pane\"\u003e\n\u003cdiv class=\"pane-title-wrapper\"\u003e\n\u003cdiv class=\"pane-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 22h20L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"pane-title\"\u003eVitamina Complejo B\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"pane-description\"\u003eLa base celular del metabolismo energético. Vitales para transformar de manera eficiente los alimentos en energía disponible para tus músculos, combatiendo la debilidad y regulando el sistema nervioso.\u003c\/p\u003e\n\u003cdiv class=\"pane-highlights\"\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Metabolismo celular\u003c\/div\u003e\n\u003cdiv class=\"pane-highlight-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Disminuye fatiga nerviosa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ROULETTE SECTION --\u003e\n\u003csection class=\"roulette-section section-padding\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"roulette-container\"\u003e\n\u003cdiv class=\"roulette-info\"\u003e\n\u003cspan class=\"x10-badge\" style=\"color: var(--secondary); border-color: var(--secondary);\"\u003eBeneficio Adicional\u003c\/span\u003e\n\u003ch2\u003e¡Gira la Ruleta del Éxito!\u003c\/h2\u003e\n\u003cp\u003eQueremos premiar tu decisión de transformar tu vida hoy mismo. Gira nuestra ruleta exclusiva y descubre un beneficio extra aplicable a tu orden en la tienda.\u003c\/p\u003e\n\u003cdiv class=\"roulette-benefits-mini\"\u003e\n\u003cdiv class=\"roulette-benefit-row\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eParticipación 100% Gratuita\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"roulette-benefit-row\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eVálido solo por los próximos 15 minutos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton id=\"spin-button\" class=\"x10-btn btn-secondary btn-inline\"\u003e¡Girar Ruleta Ahora!\u003c\/button\u003e\n\u003cdiv id=\"reward-card\" class=\"wheel-reward-card\"\u003e\n\u003cdiv class=\"reward-title\"\u003e🎉 ¡FELICITACIONES GANADOR! 🎉\u003c\/div\u003e\n\u003cp style=\"color: var(--text-main); font-size: 15px; margin-bottom: 4px;\"\u003eHas obtenido la recompensa máxima:\u003c\/p\u003e\n\u003cp style=\"font-weight: 900; color: var(--secondary); font-size: 20px; margin-bottom: 12px;\"\u003eENVÍO TOTALMENTE GRATIS\u003c\/p\u003e\n\u003cdiv class=\"reward-code\"\u003e\n\u003cspan style=\"font-size: 14px; color: var(--text-muted); font-weight: normal;\"\u003eEste beneficio expira en:\u003c\/span\u003e \u003cspan id=\"countdown-timer\" style=\"font-size: 32px; font-weight: 900; color: var(--success); letter-spacing: 2px; line-height: 1;\"\u003e08:00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 12px; color: var(--text-muted); margin-top: 12px; line-height: 1.4;\"\u003e*Tu envío gratis está activado. Continúa y selecciona tu plan arriba o abajo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wheel-box\"\u003e\n\u003cdiv class=\"wheel-pointer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv id=\"wheel\" class=\"wheel-outer\"\u003e\u003csvg class=\"wheel-svg\" viewbox=\"0 0 100 100\"\u003e\n                            \n                            \u003cpath d=\"M50,50 L50,0 A50,50 0 0,1 100,50 Z\" class=\"slice-bg-1\"\u003e\u003c\/path\u003e\n                            \u003ctext x=\"75\" y=\"25\" class=\"wheel-text\" transform=\"rotate(45, 75, 25)\"\u003e5% OFF\u003c\/text\u003e\n                            \n                            \u003cpath d=\"M50,50 L100,50 A50,50 0 0,1 50,100 Z\" class=\"slice-bg-2\"\u003e\u003c\/path\u003e\n                            \u003ctext x=\"75\" y=\"75\" class=\"wheel-text\" transform=\"rotate(135, 75, 75)\"\u003e8% OFF\u003c\/text\u003e\n                            \n                            \u003cpath d=\"M50,50 L50,100 A50,50 0 0,1 0,50 Z\" class=\"slice-bg-1\"\u003e\u003c\/path\u003e\n                            \u003ctext x=\"25\" y=\"75\" class=\"wheel-text\" transform=\"rotate(225, 25, 75)\"\u003e5% OFF\u003c\/text\u003e\n                            \n                            \u003cpath d=\"M50,50 L0,50 A50,50 0 0,1 50,0 Z\" class=\"slice-bg-win\"\u003e\u003c\/path\u003e\n                            \u003ctext x=\"25\" y=\"25\" class=\"wheel-text wheel-text-win\" transform=\"rotate(315, 25, 25)\" style=\"font-size:4.5px;\"\u003eENVÍO GRATIS\u003c\/text\u003e\n                        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"wheel-center-pin\"\u003e⚡\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- USAGE SECTION --\u003e\n\u003csection class=\"usage-section section-padding\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"text-center\"\u003e\n\u003cspan class=\"x10-badge\"\u003eDoble Protocolo de Consumo\u003c\/span\u003e\n\u003ch2 class=\"section-title\"\u003eMétodo de Toma Rápido\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eAdapta el uso de X10 Supreme según tus requerimientos individuales cotidianos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-box usage-daily\"\u003e\n\u003cspan class=\"usage-tag\"\u003eUso Continuo Tónico Diario\u003c\/span\u003e\n\u003ch3\u003eEnergía Todo el Día\u003c\/h3\u003e\n\u003cdiv class=\"usage-dosage\"\u003e15 mL \u003cspan style=\"font-size: 16px; font-weight: 500; color: var(--text-muted);\"\u003e\/ Al Día\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step-item\"\u003e\n\u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eAgitar bien:\u003c\/strong\u003e Homogeniza perfectamente los extractos orgánicos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step-item\"\u003e\n\u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eMedir:\u003c\/strong\u003e Usa la tapa dosificadora para servir 15 ml por la mañana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step-item\"\u003e\n\u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eConsumo:\u003c\/strong\u003e Mantiene saturados tus niveles energéticos basales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-box usage-punc\"\u003e\n\u003cspan class=\"usage-tag\"\u003eUso Puntual Intensivo\u003c\/span\u003e\n\u003ch3\u003ePara Momentos Especiales\u003c\/h3\u003e\n\u003cdiv class=\"usage-dosage\"\u003e30 mL \u003cspan style=\"font-size: 16px; font-weight: 500; color: var(--text-muted);\"\u003e\/ Previo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step-item\"\u003e\n\u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eDoble dosis:\u003c\/strong\u003e Sirve una porción reforzada de 30 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step-item\"\u003e\n\u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eTiming:\u003c\/strong\u003e Consume el líquido 30 minutos antes de la actividad física o íntima.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step-item\"\u003e\n\u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eAcción:\u003c\/strong\u003e Siente el pico de potencia circulatoria y control óptimo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BONUS SECTION --\u003e\n\u003csection class=\"bonus-section section-padding\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"text-center\"\u003e\n\u003ch2 class=\"section-title\"\u003eConoce Tus Regalos Exclusivos\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eDependiendo de tu plan de la tienda, te dotamos de las mejores herramientas de estilo de vida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bonus-grid\"\u003e\n\u003cdiv class=\"bonus-card\"\u003e\n\u003cdiv class=\"bonus-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5.47 12.33L12 15.91l6.53-3.58-6.53-3.56-6.53 3.56z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"bonus-info\"\u003e\n\u003ch3\u003eGuía Nutricional: Aumenta tu Testosterona 🥑\u003c\/h3\u003e\n\u003cp\u003eManual estratégico con selección de alimentos y pautas de biohacking para amplificar tu producción de manera paralela al suplemento.\u003c\/p\u003e\n\u003cspan class=\"bonus-value\"\u003eHOY: INCLUIDO GRATIS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bonus-card\"\u003e\n\u003cdiv class=\"bonus-icon-box\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.5 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"bonus-info\"\u003e\n\u003ch3\u003eCartas Kamasutra de Regalo 👑\u003c\/h3\u003e\n\u003cp\u003eJuego diseñado para romper la rutina. Explora nuevas dinámicas que llevarán tu confianza renovada y tu resistencia al siguiente nivel.\u003c\/p\u003e\n\u003cspan class=\"bonus-value\"\u003eHOY: INCLUIDO (Packs de 2 o 3)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ SECTION --\u003e\n\u003csection class=\"faq-section section-padding\"\u003e\n\u003cdiv class=\"x10-container\"\u003e\n\u003cdiv class=\"text-center\"\u003e\n\u003cspan class=\"x10-badge\"\u003eResolución de Dudas\u003c\/span\u003e\n\u003ch2 class=\"section-title\"\u003ePreguntas Frecuentes\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003ePreguntas comunes sobre el uso, políticas de envío discretas y seguridad de X10 Supreme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-wrapper\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-trigger\"\u003e \u003cspan\u003e¿El envío es totalmente discreto?\u003c\/span\u003e \u003cspan class=\"faq-icon-indicator\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cdiv class=\"faq-content-inner\"\u003e\n\u003cp\u003eAbsolutamente. Entendemos la importancia de tu privacidad. Todas las órdenes se despachan en cajas o bolsas de seguridad completamente selladas, sin logotipos comprometedores ni descripciones explícitas del contenido exterior. Nadie sabrá lo que hay dentro excepto tú.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-trigger\"\u003e \u003cspan\u003e¿Cuánto tiempo tarda en hacer efecto el uso puntual?\u003c\/span\u003e \u003cspan class=\"faq-icon-indicator\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cdiv class=\"faq-content-inner\"\u003e\n\u003cp\u003ePara el protocolo puntual intensivo de 30 ml, el suplemento líquido comienza su asimilación inmediata en el tracto digestivo. Recomendamos consumirlo 30 minutos antes para permitir que los componentes activos optimicen la vasodilatación circulatoria al máximo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-trigger\"\u003e \u003cspan\u003e¿Tiene contraindicaciones o efectos secundarios?\u003c\/span\u003e \u003cspan class=\"faq-icon-indicator\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cdiv class=\"faq-content-inner\"\u003e\n\u003cp\u003eX10 Supreme está formulado estrictamente con compuestos naturales certificados (Maca, Guaraná, Borojó, Chontaduro y Complejo B), por lo que está exento de los efectos secundarios peligrosos comunes de los fármacos químicos artificiales (como dolores de cabeza fuertes o taquicardia severa).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-trigger\"\u003e \u003cspan\u003e¿Cuentan con disponibilidad real en toda Colombia?\u003c\/span\u003e \u003cspan class=\"faq-icon-indicator\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cdiv class=\"faq-content-inner\"\u003e\n\u003cp\u003eSí, contamos con centros de almacenamiento y distribución estratégicos integrados mediante pasarelas logísticas en toda Colombia, lo que garantiza tiempos de entrega óptimos y seguros a tu dirección de destino.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SCRIPTS --\u003e \u003cscript\u003e\n        function switchTab(event, tabId) {\n            const buttons = document.querySelectorAll('.ingredient-btn');\n            const panes = document.querySelectorAll('.ingredient-pane');\n            \n            buttons.forEach(btn =\u003e btn.classList.remove('active'));\n            panes.forEach(pane =\u003e pane.classList.remove('active'));\n            \n            event.currentTarget.classList.add('active');\n            document.getElementById(tabId).classList.add('active');\n        }\n\n        let hasSpun = sessionStorage.getItem('x10_spun') === 'true';\n\n        window.addEventListener('DOMContentLoaded', () =\u003e {\n            if (hasSpun) {\n                const spinBtn = document.getElementById('spin-button');\n                const wheel = document.getElementById('wheel');\n                const rewardCard = document.getElementById('reward-card');\n                \n                if(wheel) {\n                    wheel.style.transition = 'none';\n                    wheel.style.transform = `rotate(${5*360 + 90}deg)`; \n                }\n                \n                if(spinBtn) {\n                    spinBtn.disabled = true;\n                    spinBtn.innerText = \"¡Beneficio Obtenido!\";\n                    spinBtn.style.opacity = \"0.5\";\n                    spinBtn.style.cursor = \"not-allowed\";\n                }\n                \n                if(rewardCard) {\n                    rewardCard.style.display = \"block\";\n                }\n                \n                startTimer(true);\n            }\n        });\n\n        function spinWheel() {\n            if (hasSpun) return; \n            hasSpun = true;\n            sessionStorage.setItem('x10_spun', 'true');\n            \n            const wheel = document.getElementById('wheel');\n            const spinBtn = document.getElementById('spin-button');\n            const rewardCard = document.getElementById('reward-card');\n            \n            const targetWinnerAngle = 90; \n            const totalRotations = 5 * 360; \n            const finalSpinAngle = totalRotations + targetWinnerAngle;\n            \n            if(wheel) wheel.style.transform = `rotate(${finalSpinAngle}deg)`;\n            \n            if(spinBtn) {\n                spinBtn.disabled = true;\n                spinBtn.innerText = \"¡Procesando Beneficio...!\";\n                spinBtn.style.opacity = \"0.5\";\n                spinBtn.style.cursor = \"not-allowed\";\n            }\n            \n            setTimeout(() =\u003e {\n                if(rewardCard) rewardCard.style.display = \"block\";\n                if(spinBtn) spinBtn.innerText = \"¡Beneficio Obtenido Con Éxito!\";\n                startTimer(false);\n            }, 4000);\n        }\n\n        function startTimer(isResume) {\n            let timeInSecs = 8 * 60;\n            if(isResume \u0026\u0026 sessionStorage.getItem('x10_time')) {\n                timeInSecs = parseInt(sessionStorage.getItem('x10_time'));\n            }\n            \n            const timerEl = document.getElementById('countdown-timer');\n            if(!timerEl) return;\n\n            const interval = setInterval(() =\u003e {\n                if(timeInSecs \u003c= 0) {\n                    clearInterval(interval);\n                    timerEl.innerText = \"00:00\";\n                    return;\n                }\n                timeInSecs--;\n                sessionStorage.setItem('x10_time', timeInSecs);\n                let m = Math.floor(timeInSecs \/ 60);\n                let s = timeInSecs % 60;\n                timerEl.innerText = `${m}:${s \u003c 10 ? '0' : ''}${s}`;\n            }, 1000);\n        }\n\n        function toggleFaq(button) {\n            const item = button.parentElement;\n            const isActive = item.classList.contains('active');\n            \n            document.querySelectorAll('.faq-item').forEach(faqItem =\u003e {\n                faqItem.classList.remove('active');\n            });\n            \n            if (!isActive) {\n                item.classList.add('active');\n            }\n        }\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"My Store 3","offers":[{"title":"Default Title","offer_id":45804966314028,"sku":"0001","price":129800.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/7396\/7660\/files\/IMGPRODUCTO.png?v=1784134379"}],"url":"https:\/\/www.mannutrition.fit\/collections\/frontpage.oembed","provider":"Man Nutrition","version":"1.0","type":"link"}