{"id":5674,"date":"2025-12-14T21:12:23","date_gmt":"2025-12-15T05:12:23","guid":{"rendered":"https:\/\/ievolutionclub.com\/?page_id=5674"},"modified":"2026-04-10T19:12:02","modified_gmt":"2026-04-11T02:12:02","slug":"wholesale-vsl","status":"publish","type":"page","link":"https:\/\/stage.ievolutionclub.com\/es\/wholesale-vsl\/","title":{"rendered":"venta al por mayor"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Unlock 500%+ Profit Margins | iEvolution Wholesale<\/title>\n    <meta name=\"description\" content=\"Watch this exclusive presentation to discover how entrepreneurs are earning $100-$200+ daily with factory-direct wellness products.\">\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <!-- Google Fonts - Modern Professional Typography -->\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=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            \/* Money Greens *\/\n            --money-green: #1A7F64;\n            --money-green-light: #2AAD8A;\n            --money-green-dark: #0F5C47;\n            --emerald: #10B981;\n            \/* Wealth Accents *\/\n            --gold: #D4A853;\n            --gold-light: #F4D58D;\n            \/* Sophisticated Neutrals *\/\n            --obsidian: #0A0F0D;\n            --charcoal: #1C2420;\n            --slate: #2D3A35;\n            --ash: #4A5D54;\n            --silver: #94A3A0;\n            --pearl: #E8EDEB;\n            --ivory: #FAFCFB;\n            \/* Gradients *\/\n            --gradient-money: linear-gradient(135deg, #1A7F64 0%, #2AAD8A 50%, #10B981 100%);\n            --gradient-gold: linear-gradient(135deg, #D4A853 0%, #F4D58D 50%, #D4A853 100%);\n            \/* Shadows *\/\n            --shadow-glow-green: 0 0 60px rgba(26, 127, 100, 0.25);\n            \/* Typography *\/\n            --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n            --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        }\n        *, *::before, *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        html { scroll-behavior: smooth; }\n        body {\n            font-family: var(--font-body);\n            background: var(--obsidian);\n            color: var(--pearl);\n            line-height: 1.6;\n            min-height: 100vh;\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n        }\n        \/* Prevent TranslatePress flickering *\/\n        .notranslate,\n        [translate=\"no\"],\n        [data-no-translation] {\n            -webkit-transform: translateZ(0);\n            transform: translateZ(0);\n            will-change: contents;\n        }\n        \/* Lead Capture Modal *\/\n        .modal-overlay {\n            position: fixed;\n            inset: 0;\n            background: rgba(10, 15, 13, 0.9);\n            backdrop-filter: blur(10px);\n            z-index: 2000;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            padding: 1.5rem;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .modal-overlay.active {\n            display: flex;\n            opacity: 1;\n        }\n        .modal-content {\n            background: var(--charcoal);\n            border: 1px solid rgba(26, 127, 100, 0.3);\n            border-radius: 20px;\n            max-width: 440px;\n            width: 100%;\n            padding: 2.5rem;\n            position: relative;\n            animation: fadeInUp 0.4s ease;\n        }\n        .modal-close {\n            position: absolute;\n            top: 1rem;\n            right: 1rem;\n            width: 36px;\n            height: 36px;\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            color: var(--silver);\n        }\n        .modal-close:hover {\n            background: rgba(255, 255, 255, 0.1);\n            color: var(--pearl);\n        }\n        .modal-icon {\n            width: 60px;\n            height: 60px;\n            background: rgba(26, 127, 100, 0.15);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1.5rem;\n        }\n        .modal-icon i {\n            font-size: 1.5rem;\n            color: var(--money-green-light);\n        }\n        .modal-title {\n            font-family: var(--font-display);\n            font-size: 1.75rem;\n            font-weight: 700;\n            color: var(--ivory);\n            text-align: center;\n            margin-bottom: 0.5rem;\n            letter-spacing: -0.02em;\n        }\n        .modal-subtitle {\n            font-size: 0.95rem;\n            color: var(--silver);\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n        .form-group {\n            margin-bottom: 1.25rem;\n        }\n        .form-label {\n            display: block;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #FFFFFF;\n            margin-bottom: 0.5rem;\n        }\n        .form-input {\n            width: 100%;\n            padding: 0.875rem 1rem;\n            background-color: rgba(255, 255, 255, 0.08);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            border-radius: 10px;\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: var(--ivory);\n            transition: all 0.3s ease;\n        }\n        .form-input:focus {\n            outline: none;\n            border-color: var(--money-green);\n            background-color: rgba(26, 127, 100, 0.15);\n        }\n        .form-input::placeholder {\n            color: var(--silver);\n        }\n        .form-row {\n            display: flex;\n            gap: 0.75rem;\n        }\n        .form-row .form-group:first-child {\n            flex: 0 0 145px;\n            min-width: 145px;\n        }\n        .form-row .form-group:last-child {\n            flex: 1;\n        }\n        @media (max-width: 500px) {\n            .form-row {\n                flex-direction: column;\n                gap: 1rem;\n            }\n            .form-row .form-group:first-child {\n                flex: 1;\n                min-width: 100%;\n            }\n            .form-row .form-group:last-child {\n                flex: 1;\n            }\n            .modal-content {\n                padding: 2rem 1.5rem;\n            }\n            .modal-title {\n                font-size: 1.5rem;\n            }\n            .modal-subtitle {\n                font-size: 0.9rem;\n                margin-bottom: 1.5rem;\n            }\n        }\n        .form-select {\n            width: 100%;\n            height: 52px;\n            padding: 0 2rem 0 0.75rem;\n            background-color: rgba(255, 255, 255, 0.08);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            border-radius: 10px;\n            font-family: var(--font-body);\n            font-size: 0.95rem;\n            color: var(--ivory);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            appearance: none;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23FAFCFB' d='M5 6L0 0h10z'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: calc(100% - 10px) center;\n            line-height: 52px;\n        }\n        .form-select:focus {\n            outline: none;\n            border-color: var(--money-green);\n            background-color: rgba(26, 127, 100, 0.15);\n        }\n        .form-select option {\n            background: var(--charcoal);\n            color: var(--ivory);\n            padding: 0.5rem;\n        }\n        .modal-submit {\n            width: 100%;\n            padding: 1rem;\n            background: var(--gradient-money);\n            border: none;\n            border-radius: 12px;\n            font-family: var(--font-body);\n            font-size: 1rem;\n            font-weight: 600;\n            color: var(--ivory);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            margin-top: 1.5rem;\n        }\n        .modal-submit:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-glow-green);\n        }\n        .modal-submit:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .modal-submit.loading {\n            pointer-events: none;\n        }\n        .modal-submit.loading .btn-text {\n            display: none;\n        }\n        .modal-submit .btn-loader {\n            display: none;\n        }\n        .modal-submit.loading .btn-loader {\n            display: block;\n            width: 20px;\n            height: 20px;\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            border-top-color: var(--ivory);\n            border-radius: 50%;\n            animation: spin 0.8s linear infinite;\n        }\n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n        .form-error {\n            font-size: 0.8rem;\n            color: #ef4444;\n            margin-top: 0.4rem;\n            display: none;\n        }\n        .form-group.error .form-input,\n        .form-group.error .form-select {\n            border-color: #ef4444;\n        }\n        .form-group.error .form-error {\n            display: block;\n        }\n        .modal-privacy {\n            font-size: 0.75rem;\n            color: var(--ash);\n            text-align: center;\n            margin-top: 1rem;\n        }\n        .modal-privacy i {\n            color: var(--money-green);\n            margin-right: 0.25rem;\n        }\n        \/* Animations *\/\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n        @keyframes shimmer {\n            0% { background-position: -200% center; }\n            100% { background-position: 200% center; }\n        }\n        @keyframes glow {\n            0%, 100% { \n                box-shadow: 0 0 30px rgba(26, 127, 100, 0.4),\n                            0 0 60px rgba(26, 127, 100, 0.2),\n                            0 8px 32px rgba(0, 0, 0, 0.3);\n            }\n            50% { \n                box-shadow: 0 0 50px rgba(26, 127, 100, 0.6),\n                            0 0 100px rgba(26, 127, 100, 0.3),\n                            0 8px 32px rgba(0, 0, 0, 0.3);\n            }\n        }\n        @keyframes borderPulse {\n            0%, 100% { opacity: 1; }\n        }\n        \/* Page Structure *\/\n        .page-wrapper {\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n        }\n        .bg-pattern {\n            position: fixed;\n            inset: 0;\n            background-image: \n                radial-gradient(ellipse at 20% 20%, rgba(26, 127, 100, 0.08) 0%, transparent 50%),\n                radial-gradient(ellipse at 80% 80%, rgba(212, 168, 83, 0.05) 0%, transparent 50%),\n                radial-gradient(circle at 50% 50%, rgba(26, 127, 100, 0.03) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 0;\n        }\n        .bg-grid {\n            position: fixed;\n            inset: 0;\n            background-image: \n                linear-gradient(rgba(26, 127, 100, 0.02) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(26, 127, 100, 0.02) 1px, transparent 1px);\n            background-size: 60px 60px;\n            pointer-events: none;\n            z-index: 0;\n        }\n        \/* Header *\/\n        .header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            padding: 1rem 2rem;\n            background: rgba(10, 15, 13, 0.85);\n            backdrop-filter: blur(20px);\n            border-bottom: 1px solid rgba(26, 127, 100, 0.1);\n            animation: fadeInUp 0.6s ease;\n        }\n        .header-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .logo {\n            height: 44px;\n            width: 180px;\n            max-width: 180px;\n            object-fit: contain;\n            filter: brightness(1.1);\n            transition: all 0.3s ease;\n        }\n        .logo:hover {\n            filter: brightness(1.2);\n            transform: scale(1.02);\n        }\n        .header-tag {\n            display: flex;\n            align-items: center;\n            gap: 0.6rem;\n            padding: 0.5rem 1.25rem;\n            background: linear-gradient(135deg, rgba(212, 168, 83, 0.15) 0%, rgba(212, 168, 83, 0.05) 100%);\n            border: 1px solid rgba(212, 168, 83, 0.3);\n            border-radius: 100px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            color: var(--gold);\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n        .header-tag i { font-size: 0.7rem; }\n        \/* Main Content *\/\n        .main {\n            position: relative;\n            z-index: 1;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 110px 1.5rem 4rem;\n        }\n        .container {\n            max-width: 1000px;\n            width: 100%;\n        }\n        \/* Hero Section *\/\n        .hero {\n            text-align: center;\n            margin-bottom: 3rem;\n            animation: fadeInUp 0.8s ease;\n        }\n        .eyebrow {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.75rem;\n            margin-bottom: 1.5rem;\n            font-size: 0.8rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            color: var(--gold);\n        }\n        .eyebrow::before,\n        .eyebrow::after {\n            content: '';\n            width: 40px;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--gold), transparent);\n        }\n        .headline {\n            font-family: var(--font-display);\n            font-size: clamp(2rem, 5vw, 3.25rem);\n            font-weight: 700;\n            line-height: 1.2;\n            color: var(--ivory);\n            margin-bottom: 1.5rem;\n            letter-spacing: -0.03em;\n        }\n        .headline-accent {\n            background: var(--gradient-money);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        .subheadline {\n            font-size: clamp(1rem, 2vw, 1.15rem);\n            font-weight: 400;\n            color: var(--silver);\n            max-width: 640px;\n            margin: 0 auto;\n            line-height: 1.7;\n        }\n        \/* Video Section *\/\n        .video-section {\n            margin-bottom: 2.5rem;\n            animation: fadeInUp 0.8s ease 0.15s both;\n        }\n        .video-wrapper {\n            position: relative;\n            max-width: 880px;\n            margin: 0 auto;\n        }\n        .video-frame-outer {\n            position: relative;\n            padding: 3px;\n            border-radius: 20px;\n            background: linear-gradient(135deg, \n                rgba(26, 127, 100, 0.6) 0%, \n                rgba(212, 168, 83, 0.4) 25%,\n                rgba(26, 127, 100, 0.6) 50%,\n                rgba(212, 168, 83, 0.4) 75%,\n                rgba(26, 127, 100, 0.6) 100%);\n        }\n        .video-frame {\n            position: relative;\n            background: var(--charcoal);\n            border-radius: 18px;\n            overflow: hidden;\n        }\n        #vslVideo {\n            width: 100%;\n            height: auto;\n            display: block;\n            background: #000;\n        }\n        \/* Play Overlay *\/\n        .play-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(10, 15, 13, 0.7);\n            backdrop-filter: blur(8px);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            z-index: 10;\n        }\n        .play-overlay.hidden {\n            opacity: 0;\n            pointer-events: none;\n        }\n        .play-btn {\n            position: relative;\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            background: var(--gradient-money);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: var(--shadow-glow-green);\n            transition: all 0.3s ease;\n            animation: pulse 2.5s ease-in-out infinite;\n        }\n        .play-btn::before {\n            content: '';\n            position: absolute;\n            inset: -8px;\n            border-radius: 50%;\n            border: 2px solid rgba(26, 127, 100, 0.3);\n            animation: pulse 2.5s ease-in-out infinite 0.5s;\n        }\n        .play-btn:hover { transform: scale(1.08); }\n        .play-btn i {\n            font-size: 2.25rem;\n            color: var(--ivory);\n            margin-left: 6px;\n        }\n        .play-text {\n            margin-top: 1.25rem;\n            font-size: 1rem;\n            font-weight: 500;\n            color: var(--pearl);\n            letter-spacing: 0.5px;\n        }\n        \/* Video Status *\/\n        .video-status {\n            position: absolute;\n            top: 1rem;\n            left: 1rem;\n            right: 1rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            z-index: 15;\n            pointer-events: none;\n        }\n        .status-badge {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.6rem 1rem;\n            background: rgba(10, 15, 13, 0.85);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 100px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            pointer-events: auto;\n        }\n        .status-badge.locked { color: var(--gold); }\n        .status-badge.locked i { color: var(--gold); }\n        .status-badge.unlocked {\n            color: var(--emerald);\n            border-color: rgba(16, 185, 129, 0.3);\n            background: rgba(16, 185, 129, 0.1);\n        }\n        .status-badge.unlocked i { color: var(--emerald); }\n        .live-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.5rem 1rem;\n            background: rgba(10, 15, 13, 0.85);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 100px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            color: var(--pearl);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        .live-dot {\n            width: 8px;\n            height: 8px;\n            background: var(--emerald);\n            border-radius: 50%;\n            animation: pulse 1.5s ease-in-out infinite;\n        }\n        \/* Hide live indicator when overlay is showing *\/\n        .play-overlay:not(.hidden) ~ .video-status .live-indicator {\n            display: none;\n        }\n        \/* Video Controls *\/\n        .video-controls {\n            position: absolute;\n            bottom: 1.25rem;\n            right: 1rem;\n            display: flex;\n            gap: 0.5rem;\n            z-index: 15;\n        }\n        .video-ctrl-btn {\n            width: 46px;\n            height: 46px;\n            background: rgba(10, 15, 13, 0.85);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .video-ctrl-btn:hover {\n            background: rgba(26, 127, 100, 0.2);\n            border-color: rgba(26, 127, 100, 0.4);\n        }\n        .video-ctrl-btn i {\n            font-size: 1.1rem;\n            color: var(--pearl);\n        }\n        \/* Skip Warning *\/\n        .skip-warning {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            padding: 1rem 1.75rem;\n            background: rgba(10, 15, 13, 0.95);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(212, 168, 83, 0.4);\n            border-radius: 12px;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--gold);\n            z-index: 25;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n        .skip-warning.visible { opacity: 1; }\n        \/* Progress Bar *\/\n        .progress-track {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: rgba(255, 255, 255, 0.1);\n            z-index: 15;\n        }\n        .progress-fill {\n            height: 100%;\n            background: var(--gradient-money);\n            width: 0%;\n            transition: width 0.3s linear;\n            position: relative;\n        }\n        .progress-fill::after {\n            content: '';\n            position: absolute;\n            right: -1px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 12px;\n            height: 12px;\n            background: var(--ivory);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(26, 127, 100, 0.8);\n        }\n        \/* Timer & Progress *\/\n        .progress-section {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 2rem;\n            margin-bottom: 2rem;\n            flex-wrap: wrap;\n            animation: fadeInUp 0.8s ease 0.3s both;\n        }\n        .timer-block {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n        .timer-label {\n            font-size: 0.85rem;\n            color: var(--silver);\n            font-weight: 500;\n        }\n        .timer-value {\n            display: flex;\n            align-items: center;\n            gap: 0.4rem;\n            padding: 0.6rem 1.25rem;\n            background: rgba(26, 127, 100, 0.1);\n            border: 1px solid rgba(26, 127, 100, 0.2);\n            border-radius: 10px;\n        }\n        .timer-current {\n            font-size: 1.35rem;\n            font-weight: 700;\n            color: var(--money-green-light);\n            font-variant-numeric: tabular-nums;\n        }\n        .timer-divider {\n            color: var(--ash);\n            font-weight: 300;\n        }\n        .timer-target {\n            font-size: 0.9rem;\n            color: var(--silver);\n        }\n        .unlock-progress {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n        }\n        .progress-ring-wrap {\n            position: relative;\n            width: 52px;\n            height: 52px;\n        }\n        .progress-ring { transform: rotate(-90deg); }\n        .progress-ring-bg {\n            fill: transparent;\n            stroke: rgba(255, 255, 255, 0.08);\n            stroke-width: 4;\n        }\n        .progress-ring-fill {\n            fill: transparent;\n            stroke: var(--money-green);\n            stroke-width: 4;\n            stroke-linecap: round;\n            stroke-dasharray: 138;\n            stroke-dashoffset: 138;\n            transition: stroke-dashoffset 0.5s ease;\n        }\n        .progress-percent {\n            position: absolute;\n            inset: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--pearl);\n        }\n        .unlock-text {\n            font-size: 0.85rem;\n            color: var(--silver);\n        }\n        .unlock-text span {\n            color: var(--gold);\n            font-weight: 600;\n        }\n        \/* CTA Section *\/\n        .cta-section {\n            text-align: center;\n            animation: fadeInUp 0.8s ease 0.45s both;\n        }\n        .cta-btn {\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.875rem;\n            padding: 1.25rem 3rem;\n            font-family: var(--font-body);\n            font-size: 1.1rem;\n            font-weight: 600;\n            text-decoration: none;\n            border-radius: 14px;\n            border: none;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            overflow: hidden;\n        }\n        .cta-btn.locked {\n            background: var(--slate);\n            color: var(--ash);\n            border: 2px solid rgba(255, 255, 255, 0.06);\n            cursor: not-allowed;\n        }\n        .cta-btn.locked::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: repeating-linear-gradient(\n                -55deg,\n                transparent,\n                transparent 8px,\n                rgba(255, 255, 255, 0.015) 8px,\n                rgba(255, 255, 255, 0.015) 16px\n            );\n        }\n        .cta-btn.unlocked {\n            background: var(--gradient-money);\n            color: var(--ivory);\n            border: none;\n            box-shadow: var(--shadow-glow-green);\n            animation: glow 3s ease-in-out infinite;\n        }\n        .cta-btn.unlocked:hover {\n            transform: translateY(-3px) scale(1.02);\n        }\n        .cta-btn.unlocked::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(\n                90deg,\n                transparent,\n                rgba(255, 255, 255, 0.25),\n                transparent\n            );\n            animation: shimmer 2.5s infinite;\n        }\n        .cta-icon {\n            font-size: 1.2rem;\n            transition: transform 0.3s ease;\n        }\n        .cta-btn.unlocked:hover .cta-icon {\n            transform: translateX(4px);\n        }\n        .cta-helper {\n            margin-top: 1rem;\n            font-size: 0.875rem;\n            color: var(--silver);\n        }\n        .cta-helper.hidden { display: none; }\n        .cta-helper span {\n            color: var(--gold);\n            font-weight: 600;\n        }\n        .cta-success {\n            display: none;\n            margin-top: 1rem;\n            font-size: 0.95rem;\n            color: var(--emerald);\n            font-weight: 600;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n        }\n        .cta-success.visible {\n            display: flex;\n            animation: fadeIn 0.5s ease;\n        }\n        \/* Social Proof *\/\n        .social-proof {\n            margin-top: 3rem;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            animation: fadeInUp 0.8s ease 0.6s both;\n        }\n        .proof-items {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 3rem;\n            flex-wrap: wrap;\n        }\n        .proof-item {\n            display: flex;\n            align-items: center;\n            gap: 0.6rem;\n            font-size: 0.875rem;\n            color: var(--silver);\n            font-weight: 500;\n        }\n        .proof-item i { font-size: 1rem; }\n        .proof-item:nth-child(1) i { color: var(--money-green-light); }\n        .proof-item:nth-child(2) i { color: var(--gold); }\n        .proof-item:nth-child(3) i { color: var(--emerald); }\n        \/* Value Props *\/\n        .value-section {\n            margin-top: 3.5rem;\n            animation: fadeInUp 0.8s ease 0.75s both;\n        }\n        .value-header {\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n        .value-title {\n            font-family: var(--font-display);\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--ivory);\n            margin-bottom: 0.5rem;\n            letter-spacing: -0.02em;\n        }\n        .value-subtitle {\n            font-size: 0.9rem;\n            color: var(--silver);\n        }\n        .value-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 1.25rem;\n        }\n        .value-card {\n            padding: 1.5rem;\n            background: rgba(255, 255, 255, 0.02);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n        .value-card:hover {\n            background: rgba(26, 127, 100, 0.05);\n            border-color: rgba(26, 127, 100, 0.2);\n            transform: translateY(-4px);\n        }\n        .value-icon {\n            width: 48px;\n            height: 48px;\n            margin: 0 auto 1rem;\n            background: rgba(26, 127, 100, 0.1);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .value-icon i {\n            font-size: 1.25rem;\n            color: var(--money-green-light);\n        }\n        .value-label {\n            font-size: 0.8rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--silver);\n            margin-bottom: 0.4rem;\n        }\n        .value-stat {\n            font-family: var(--font-display);\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--ivory);\n            letter-spacing: -0.02em;\n        }\n        \/* Footer *\/\n        .footer {\n            margin-top: auto;\n            padding: 2rem;\n            text-align: center;\n            font-size: 0.8rem;\n            color: var(--ash);\n        }\n        \/* Responsive *\/\n        @media (max-width: 900px) {\n            .value-grid { grid-template-columns: repeat(2, 1fr); }\n        }\n        @media (max-width: 768px) {\n            .header { padding: 0.875rem 1.25rem; }\n            .logo { height: 38px; width: 150px; max-width: 150px; }\n            .header-tag { display: none; }\n            .main { padding: 95px 1rem 3rem; }\n            .hero { margin-bottom: 2rem; }\n            .eyebrow::before, .eyebrow::after { width: 25px; }\n            .headline { font-size: 1.85rem; }\n            .subheadline { font-size: 0.95rem; }\n            .video-frame-outer { border-radius: 16px; }\n            .video-frame { border-radius: 14px; }\n            \/* Cleaner mobile video overlay *\/\n            .play-btn { width: 70px; height: 70px; }\n            .play-btn i { font-size: 1.5rem; }\n            .play-btn::before { inset: -6px; }\n            .play-text { \n                margin-top: 1rem; \n                font-size: 0.9rem; \n            }\n            \/* Simplify status on mobile *\/\n            .video-status { \n                top: 0.75rem; \n                left: 0.75rem; \n                right: 0.75rem; \n            }\n            .status-badge {\n                padding: 0.4rem 0.75rem;\n                font-size: 0.7rem;\n            }\n            .live-indicator {\n                display: none;\n            }\n            \/* Move controls to not overlap with play button *\/\n            .video-controls {\n                bottom: 0.75rem;\n                right: 0.75rem;\n                gap: 0.4rem;\n            }\n            .video-ctrl-btn {\n                width: 38px;\n                height: 38px;\n            }\n            .video-ctrl-btn i {\n                font-size: 0.9rem;\n            }\n            .progress-section { flex-direction: column; gap: 1.25rem; }\n            .cta-btn { padding: 1.1rem 2.25rem; font-size: 1rem; width: 100%; max-width: 340px; }\n            .proof-items { gap: 1.5rem; }\n            .value-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }\n            .value-card { padding: 1.25rem; }\n        }\n        @media (max-width: 480px) {\n            .headline { font-size: 1.6rem; }\n            .proof-items { flex-direction: column; gap: 1rem; }\n            .value-grid { grid-template-columns: 1fr; }\n            \/* Even simpler on small phones *\/\n            .play-btn { width: 60px; height: 60px; }\n            .play-btn i { font-size: 1.25rem; }\n            .play-text { font-size: 0.85rem; }\n            .status-badge {\n                padding: 0.35rem 0.6rem;\n                font-size: 0.65rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n        <!-- Lead Capture Modal -->\n                <button id=\"modalClose\" type=\"button\">\n                <\/button>\n                <h2>Almost There!<\/h2>\n                <p>Enter your details to get instant access to wholesale pricing<\/p>\n                <form id=\"leadForm\">\n                        <label for=\"fullName\" style=\"color: #FFFFFF !important;\">Full Name<\/label>\n                        <input type=\"text\" id=\"fullName\" name=\"fullName\" placeholder=\"Enter your full name\" required>\n                        Please enter your full name\n                            <label for=\"countryCode\" style=\"color: #FFFFFF !important;\">Country<\/label>\n                            <select id=\"countryCode\" name=\"countryCode\" required>\n                                <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 +1<\/option>\n                                <option value=\"+52\">\ud83c\uddf2\ud83c\uddfd +52<\/option>\n                            <\/select>\n                            Required\n                            <label for=\"phoneNumber\" style=\"color: #FFFFFF !important;\">Phone Number<\/label>\n                            <input type=\"tel\" id=\"phoneNumber\" name=\"phoneNumber\" placeholder=\"Phone number\" required inputmode=\"numeric\" pattern=\"[0-9]*\">\n                            Please enter a valid phone number\n                    <button type=\"submit\" id=\"submitBtn\">\n                        Get Wholesale Access\n                    <\/button>\n                <\/form>\n                <p>\n                    Your information is secure and will never be shared\n                <\/p>\n        <header>\n                <img decoding=\"async\" src=\"https:\/\/stage.ievolutionclub.com\/wp-content\/uploads\/2025\/02\/Result-24.webp\" alt=\"iEvolution Global\">\n                    Exclusive Presentation\n        <\/header>\n        <main>\n                <section>\n                    <p>Wholesale Opportunity<\/p>\n                    <h1>\n                        Unlock 500%+ Profit Margins on Premium Wellness Products\n                    <\/h1>\n                    <p>\n                        Watch this exclusive presentation to discover how entrepreneurs across the USA and Mexico are building profitable businesses with factory-direct pricing\n                    <\/p>\n                <\/section>\n                <section>\n                                <video id=\"vslVideo\" preload=\"auto\" playsinline webkit-playsinline>\n                                    <source src=\"https:\/\/streamable.com\/l\/m678g4\/mp4-high.mp4\" type=\"video\/mp4\">\n                                    Your browser does not support video playback.\n                                <\/video>\n                                    <p>Click to Play<\/p>\n                                        4:00 left\n                                    <button id=\"soundBtn\" title=\"Toggle Sound\">\n                                    <\/button>\n                                    <button id=\"fullscreenBtn\" title=\"Fullscreen\">\n                                    <\/button>\n                                    Fast-forwarding is disabled\n                <\/section>\n                <section>\n                        Watch Time\n                            0:00\n                            \/\n                            4:00\n                            <svg width=\"52\" height=\"52\">\n                                <circle cx=\"26\" cy=\"26\" r=\"22\"\/>\n                                <circle id=\"ringFill\" cx=\"26\" cy=\"26\" r=\"22\"\/>\n                            <\/svg>\n                            0%\n                        Unlocks in 4:00\n                <\/section>\n                <section>\n                        <a href=\"#\" id=\"ctaBtn\" onclick=\"handleCTA(event)\">\n                            Watch Video to Unlock\n                            Get Wholesale Access Now\n                        <\/a>\n                    <p id=\"ctaHelper\">\n                        Access unlocks after watching 4:00 of the video\n                    <\/p>\n                    <p id=\"ctaSuccess\">\n                        Unlocked! Click to continue\n                    <\/p>\n                <\/section>\n                <section>\n                            USA & Mexico Shipping\n                            FDA Registered Facility\n                            500%+ Profit Margins\n                <\/section>\n                <section>\n                        <h2>What You'll Discover<\/h2>\n                        <p>Key insights from this exclusive presentation<\/p>\n                            <p>Wholesale Price<\/p>\n                            <p>50% Off<\/p>\n                            <p>Daily Potential<\/p>\n                            <p>$ 500-1000+ USD<\/p>\n                            <p>Products<\/p>\n                            <p>25+ Items<\/p>\n                            <p>Training<\/p>\n                            <p>Included<\/p>\n                <\/section>\n        <\/main>\n        <footer>\n            <p>\u00a9 2025 iEvolution Global. All rights reserved.<\/p>\n        <\/footer>\n<\/body>\n<\/html>\t\t\t\t\n\t\t        <div class=\"ulcs-widget dark-style\"\n        data-position=\"inline\"\n        data-type=\"language\"\n        data-mode=\"hover\">\n        <button class=\"ulcs-trigger notranslate trp-no-translate\" translate=\"no\" data-no-translation=\"1\" aria-haspopup=\"dialog\" aria-label=\"Change language\">\n                                        <span class=\"ulcs-trigger-flag\">\ud83c\uddfa\ud83c\uddf8<\/span>\n                        <svg class=\"ulcs-trigger-chevron\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\">\n                <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n            <\/svg>\n        <\/button>\n\n        <!-- Inline hover dropdown (desktop only) -->\n        <div class=\"ulcs-dropdown notranslate trp-no-translate\" translate=\"no\" data-no-translation=\"1\" aria-hidden=\"true\">\n            <div class=\"ulcs-dropdown-inner\">\n                                    <div class=\"ulcs-dd-section\">\n                        <div class=\"ulcs-dd-label\">Country<\/div>\n                        <div class=\"ulcs-dd-options\">\n                                                            <button class=\"ulcs-dd-option ulcs-country-option\" data-country=\"US\">\n                                    <span class=\"ulcs-dd-flag\">\ud83c\uddfa\ud83c\uddf8<\/span>\n                                    <span class=\"ulcs-dd-name\">Estados Unidos (EEUU)<\/span>\n                                    <span class=\"ulcs-dd-code\">US<\/span>\n                                <\/button>\n                                                            <button class=\"ulcs-dd-option ulcs-country-option\" data-country=\"MX\">\n                                    <span class=\"ulcs-dd-flag\">\ud83c\uddf2\ud83c\uddfd<\/span>\n                                    <span class=\"ulcs-dd-name\">M\u00e9xico<\/span>\n                                    <span class=\"ulcs-dd-code\">MX<\/span>\n                                <\/button>\n                                                            <button class=\"ulcs-dd-option ulcs-country-option\" data-country=\"GLOBAL\">\n                                    <span class=\"ulcs-dd-flag\">\ud83c\udf0d<\/span>\n                                    <span class=\"ulcs-dd-name\">Rest of the World<\/span>\n                                    <span class=\"ulcs-dd-code\">GLOBAL<\/span>\n                                <\/button>\n                                                    <\/div>\n                    <\/div>\n                \n                                    <div class=\"ulcs-dd-section ulcs-dd-section-border\">\n                        <div class=\"ulcs-dd-label\">Language<\/div>\n                        <div class=\"ulcs-dd-options\">\n                                                            <button class=\"ulcs-dd-option ulcs-dd-lang \" data-lang=\"en\">\n                                    <span class=\"ulcs-dd-flag\">\ud83c\uddfa\ud83c\uddf8<\/span>\n                                    <span class=\"ulcs-dd-name\">English<\/span>\n                                    <span class=\"ulcs-dd-code\">EN<\/span>\n                                <\/button>\n                                                            <button class=\"ulcs-dd-option ulcs-dd-lang active\" data-lang=\"es\">\n                                    <span class=\"ulcs-dd-flag\">\ud83c\uddf2\ud83c\uddfd<\/span>\n                                    <span class=\"ulcs-dd-name\">Espa\u00f1ol<\/span>\n                                    <span class=\"ulcs-dd-code\">ES<\/span>\n                                <\/button>\n                                                    <\/div>\n                    <\/div>\n                \n                                \n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Unlock 500%+ Profit Margins | iEvolution Wholesale Almost There! Enter your details to get instant access to wholesale pricing Full Name Please enter your full name Country \ud83c\uddfa\ud83c\uddf8 +1 \ud83c\uddf2\ud83c\uddfd +52 Required Phone Number Please enter a valid phone number Get Wholesale Access Your information is secure and will never be shared Exclusive Presentation Wholesale [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"spb-canvas.php","meta":{"footnotes":""},"wf_page_folders":[],"class_list":["post-5674","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/pages\/5674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/comments?post=5674"}],"version-history":[{"count":74,"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/pages\/5674\/revisions"}],"predecessor-version":[{"id":9891,"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/pages\/5674\/revisions\/9891"}],"wp:attachment":[{"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/media?parent=5674"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/stage.ievolutionclub.com\/es\/wp-json\/wp\/v2\/wf_page_folders?post=5674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}