{"product_id":"puma-park-unisex-tallas-35-a-43","title":"PUMA PARK UNISEX TALLAS 35 A 43","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e👟 Puma Park – Tenis Unisex Premium | LUMA Colombia\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Raleway:wght@300;400;600;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { width: 100%; overflow-x: hidden; scroll-behavior: smooth; }\n        body {\n            width: 100%; max-width: 100%; overflow-x: hidden;\n            font-family: 'Raleway', sans-serif; line-height: 1.6;\n            color: #2c2c2c;\n            background: #ffffff;\n            margin: 0; padding: 0;\n        }\n        section { width: 100%; max-width: 100%; overflow-x: hidden; position: relative; }\n        img, video { max-width: 100%; height: auto; display: block; }\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; }\n\n        \/* ── ANIMATION CLASSES ── *\/\n        .fade-in { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .fade-in.visible { opacity: 1; transform: translateY(0); }\n        .slide-in-left { opacity: 0; transform: translateX(-100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .slide-in-left.visible { opacity: 1; transform: translateX(0); }\n        .slide-in-right { opacity: 0; transform: translateX(100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .slide-in-right.visible { opacity: 1; transform: translateX(0); }\n        .scale-in { opacity: 0; transform: scale(0.8); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .scale-in.visible { opacity: 1; transform: scale(1); }\n\n        \/* ── KEYFRAMES ── *\/\n        @keyframes slideInTop { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } }\n        @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }\n        @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n        @keyframes logoReveal { 0% { opacity: 0; transform: scale(0) rotate(-180deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } }\n        @keyframes textReveal { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } }\n        @keyframes titleReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.9); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n        @keyframes subtitleReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n        @keyframes paragraphReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n        @keyframes buttonReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.8); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n        @keyframes shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n        @keyframes glowDark { from { filter: drop-shadow(0 0 8px rgba(44,44,44,0.4)); } to { filter: drop-shadow(0 0 22px rgba(44,44,44,0.7)); } }\n        @keyframes highlightGlow { 0%, 100% { text-shadow: 0 0 8px rgba(80,80,80,0.2); } 50% { text-shadow: 0 0 18px rgba(80,80,80,0.5); } }\n        @keyframes pulseGlowGray { 0%, 100% { box-shadow: 0 0 20px rgba(150,150,150,0.3), 0 0 40px rgba(150,150,150,0.1), inset 0 0 10px rgba(200,200,200,0.05); } 50% { box-shadow: 0 0 40px rgba(150,150,150,0.5), 0 0 80px rgba(150,150,150,0.2), inset 0 0 20px rgba(200,200,200,0.08); } }\n        @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n        @keyframes scanLine { 0% { top: -5%; } 100% { top: 105%; } }\n        @keyframes particleDrift { 0% { transform: translateY(0) translateX(0) scale(1); opacity: 0.5; } 100% { transform: translateY(-120vh) translateX(20px) scale(0); opacity: 0; } }\n        @keyframes borderPulse { 0%, 100% { border-color: rgba(100,100,100,0.25); } 50% { border-color: rgba(100,100,100,0.6); } }\n\n        \/* ── SCROLL PROGRESS ── *\/\n        .scroll-progress {\n            position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n            background: linear-gradient(90deg, #2c2c2c, #888888, #2c2c2c);\n            z-index: 1000; transition: width 0.1s ease;\n            box-shadow: 0 0 8px rgba(80,80,80,0.5); max-width: 100%;\n        }\n\n        \/* ── HERO ── *\/\n        .hero {\n            background:\n                radial-gradient(ellipse at 15% 50%, rgba(200,200,200,0.25) 0%, transparent 60%),\n                radial-gradient(ellipse at 85% 20%, rgba(180,180,180,0.15) 0%, transparent 50%),\n                linear-gradient(160deg, #ffffff 0%, #f5f5f5 40%, #eeeeee 100%);\n            color: #1a1a1a;\n            padding: 80px 0; text-align: center;\n            position: relative; overflow: hidden;\n            min-height: 100vh; display: flex; align-items: center;\n            width: 100%; max-width: 100%;\n        }\n        .hero::before {\n            content: '';\n            position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n            background:\n                repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(80,80,80,0.025) 40px, rgba(80,80,80,0.025) 41px),\n                repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(80,80,80,0.025) 40px, rgba(80,80,80,0.025) 41px);\n            pointer-events: none;\n        }\n        .hero-scan {\n            position: absolute; left: 0; right: 0; height: 3px;\n            background: linear-gradient(90deg, transparent, rgba(80,80,80,0.2), transparent);\n            animation: scanLine 6s linear infinite; pointer-events: none;\n        }\n        .particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }\n        .particle {\n            position: absolute; width: 3px; height: 3px; border-radius: 50%;\n            background: #aaaaaa;\n            box-shadow: 0 0 6px #cccccc;\n            animation: particleDrift linear infinite;\n        }\n\n        \/* ── PRICE BANNER ── *\/\n        .price-banner {\n            background: linear-gradient(45deg, #2c2c2c, #555555, #2c2c2c);\n            color: #fff; padding: 15px 30px; border-radius: 50px;\n            display: inline-block; margin-bottom: 30px;\n            font-size: 1.2em; font-weight: bold;\n            box-shadow: 0 8px 25px rgba(44,44,44,0.25), 0 0 20px rgba(80,80,80,0.1);\n            border: 1px solid rgba(80,80,80,0.3);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: pulse 2s infinite, slideInTop 1s ease-out;\n            max-width: 100%; letter-spacing: 0.5px;\n        }\n\n        \/* ── HERO LAYOUT ── *\/\n        .hero-content {\n            display: flex; align-items: center; justify-content: center;\n            gap: 50px; flex-wrap: wrap; margin-bottom: 40px;\n            position: relative; z-index: 2; width: 100%; max-width: 100%;\n        }\n        .hero-logo {\n            width: 360px; height: 360px; object-fit: contain;\n            border-radius: 50%;\n            background: #ffffff;\n            padding: 30px;\n            box-shadow: 0 15px 50px rgba(0,0,0,0.12), 0 0 40px rgba(100,100,100,0.15);\n            border: 2px solid rgba(100,100,100,0.2);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, pulseGlowGray 3s ease-in-out infinite;\n            max-width: 90%;\n        }\n        .hero-logo:hover {\n            transform: scale(1.06) rotate(2deg) translateY(-12px);\n            box-shadow: 0 25px 60px rgba(0,0,0,0.18), 0 0 50px rgba(80,80,80,0.2);\n        }\n        .hero-text {\n            flex: 1; max-width: 600px;\n            animation: textReveal 1.2s ease-out 1s both;\n            width: 100%; text-align: left;\n        }\n        .brand-eyebrow {\n            font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700;\n            letter-spacing: 4px; color: #888888; text-transform: uppercase;\n            margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both;\n        }\n        .hero h1 {\n            font-family: 'Bebas Neue', sans-serif; font-size: 5em;\n            margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92;\n            color: #1a1a1a;\n            animation: titleReveal 1s ease-out 1.2s both;\n            word-wrap: break-word;\n        }\n        .hero .subtitle {\n            font-size: 1em; margin-bottom: 18px; color: #555555;\n            font-weight: 700; letter-spacing: 2px;\n            animation: subtitleReveal 1s ease-out 1.4s both;\n            word-wrap: break-word;\n        }\n        .hero p {\n            font-size: 1.2em; margin-bottom: 22px; color: #333333;\n            animation: paragraphReveal 1s ease-out 1.6s both;\n            word-wrap: break-word; font-weight: 500;\n        }\n        .highlight-text {\n            color: #1a1a1a; font-weight: 900; font-style: italic;\n            position: relative; animation: highlightGlow 3s ease-in-out infinite;\n        }\n\n        \/* ── CTA BUTTON ── *\/\n        .cta-button {\n            background: linear-gradient(45deg, #1a1a1a, #444444, #1a1a1a, #666666, #1a1a1a);\n            background-size: 200% 200%;\n            color: #fff; padding: 20px 55px; border: none; border-radius: 50px;\n            font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif;\n            letter-spacing: 2px; cursor: pointer; text-decoration: none;\n            display: inline-block;\n            box-shadow: 0 8px 30px rgba(44,44,44,0.35), 0 0 20px rgba(80,80,80,0.1);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both;\n            margin: 10px; max-width: 90%;\n        }\n        .cta-button:hover {\n            transform: translateY(-5px) scale(1.08);\n            box-shadow: 0 18px 50px rgba(44,44,44,0.45), 0 0 35px rgba(80,80,80,0.2);\n        }\n\n        \/* ── SECCIONES ── *\/\n        .visual-banner {\n            background: linear-gradient(160deg, #f8f8f8 0%, #ffffff 50%, #f3f3f3 100%);\n            padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n            width: 100%; max-width: 100%;\n        }\n        .section-title {\n            font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n            color: #1a1a1a; margin-bottom: 15px; text-align: center;\n            position: relative; z-index: 2; word-wrap: break-word;\n            padding: 0 10px; letter-spacing: 3px;\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.08);\n        }\n        .section-subtitle {\n            font-size: 1.1em; color: #777777; text-align: center;\n            margin-bottom: 50px; position: relative; z-index: 2;\n            word-wrap: break-word; padding: 0 10px;\n            font-weight: 500; letter-spacing: 1px;\n        }\n        .divider {\n            width: 80px; height: 2px;\n            background: linear-gradient(90deg, transparent, #888888, transparent);\n            margin: 15px auto 30px;\n            box-shadow: 0 0 10px rgba(100,100,100,0.3);\n        }\n\n        \/* ── PRODUCT CARDS ── *\/\n        .product-showcase {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 40px; margin-top: 60px; position: relative; z-index: 2;\n            width: 100%; max-width: 100%;\n        }\n        .product-card {\n            background: #ffffff;\n            border-radius: 25px; padding: 30px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.07);\n            text-align: center;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1.5px solid rgba(100,100,100,0.12);\n            position: relative; overflow: hidden;\n            transform: translateY(30px); opacity: 0;\n            width: 100%; max-width: 100%;\n        }\n        .product-card.visible { transform: translateY(0); opacity: 1; }\n        .product-card::before {\n            content: ''; position: absolute; top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(150,150,150,0.06), transparent);\n            transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .product-card:hover::before { left: 100%; }\n        .product-card:hover {\n            box-shadow: 0 0 25px rgba(100,100,100,0.18), 0 25px 70px rgba(0,0,0,0.1);\n            transform: translateY(-15px) scale(1.02);\n            border-color: rgba(80,80,80,0.35);\n        }\n        .product-card img, .product-card video {\n            width: 100%; max-width: 100%; max-height: 340px; object-fit: cover;\n            border-radius: 18px; margin-bottom: 22px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(100,100,100,0.1);\n        }\n        .product-card:hover img, .product-card:hover video {\n            transform: scale(1.06) rotate(1deg);\n            filter: brightness(1.04) saturate(1.1);\n            border-color: rgba(80,80,80,0.3);\n        }\n        .product-card h3 {\n            color: #1a1a1a; margin-bottom: 12px;\n            font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n            letter-spacing: 2px; transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n        .product-card:hover h3 { transform: translateY(-3px); color: #444444; }\n        .product-card p { color: #666666; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; font-size: 0.95em; }\n        .product-card:hover p { color: #333333; }\n\n        \/* ── BENEFITS ── *\/\n        .benefits {\n            background: linear-gradient(160deg, #f0f0f0 0%, #f8f8f8 50%, #ebebeb 100%);\n            color: #1a1a1a; padding: 100px 0; position: relative; overflow: hidden;\n            width: 100%; max-width: 100%;\n        }\n        .benefits-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 40px; margin-top: 60px; position: relative; z-index: 2;\n            width: 100%; max-width: 100%;\n        }\n        .benefit-card {\n            background: #ffffff;\n            padding: 50px 30px; border-radius: 25px; text-align: center;\n            border: 1.5px solid rgba(100,100,100,0.12);\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            backdrop-filter: blur(10px); position: relative; overflow: hidden;\n            width: 100%; max-width: 100%;\n            box-shadow: 0 8px 30px rgba(0,0,0,0.05);\n        }\n        .benefit-card::after {\n            content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n            background: radial-gradient(circle at center, rgba(100,100,100,0.05) 0%, transparent 70%);\n            opacity: 0; transition: opacity 0.6s ease;\n        }\n        .benefit-card:hover::after { opacity: 1; }\n        .benefit-card:hover {\n            transform: scale(1.08) translateY(-10px);\n            border-color: rgba(80,80,80,0.35);\n            box-shadow: 0 0 25px rgba(100,100,100,0.15), 0 20px 60px rgba(0,0,0,0.1);\n        }\n        .benefit-icon {\n            font-size: 3.5em; margin-bottom: 25px; display: block;\n            filter: drop-shadow(0 0 8px rgba(100,100,100,0.3));\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .benefit-card:hover .benefit-icon {\n            transform: scale(1.2) rotateY(360deg);\n            filter: drop-shadow(0 0 16px rgba(80,80,80,0.5));\n        }\n        .benefit-card h3 {\n            margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.5em; letter-spacing: 2px; color: #1a1a1a;\n            transition: all 0.3s ease; word-wrap: break-word;\n        }\n        .benefit-card:hover h3 { transform: translateY(-4px); color: #444444; }\n        .benefit-card p { color: #666666; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n        .benefit-card:hover p { color: #333333; }\n\n        \/* ── SPECS ── *\/\n        .specifications {\n            background: #ffffff;\n            padding: 100px 0; position: relative; width: 100%; max-width: 100%;\n        }\n        .specs-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px; margin-top: 60px; width: 100%; max-width: 100%;\n        }\n        .spec-item {\n            background: #fafafa;\n            padding: 28px; border-radius: 18px;\n            border-left: 4px solid #2c2c2c;\n            border-top: 1px solid rgba(80,80,80,0.08);\n            border-right: 1px solid rgba(80,80,80,0.04);\n            border-bottom: 1px solid rgba(80,80,80,0.04);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            box-shadow: 0 6px 20px rgba(0,0,0,0.04);\n            position: relative; overflow: hidden;\n            width: 100%; max-width: 100%;\n        }\n        .spec-item::before {\n            content: ''; position: absolute; top: 0; left: 0;\n            width: 4px; height: 0;\n            background: linear-gradient(to bottom, #888888, #2c2c2c, #555555);\n            transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .spec-item:hover::before { height: 100%; }\n        .spec-item:hover {\n            transform: translateX(12px) scale(1.01);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.08), -8px 0 20px rgba(80,80,80,0.1);\n        }\n        .spec-item strong {\n            color: #1a1a1a; font-size: 0.85em; font-weight: 700;\n            letter-spacing: 1.5px; text-transform: uppercase;\n            display: block; margin-bottom: 8px;\n            transition: all 0.3s ease; word-wrap: break-word;\n        }\n        .spec-item:hover strong { transform: translateX(8px); }\n        .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n\n        \/* ── TESTIMONIALS ── *\/\n        .testimonials {\n            background: linear-gradient(160deg, #f3f3f3 0%, #fafafa 50%, #eeeeee 100%);\n            color: #1a1a1a; padding: 100px 0; position: relative; width: 100%; max-width: 100%;\n        }\n        .testimonials-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 40px; margin-top: 60px; width: 100%; max-width: 100%;\n        }\n        .testimonial-card {\n            background: #ffffff;\n            border-radius: 25px;\n            border: 1.5px solid rgba(100,100,100,0.12);\n            overflow: hidden;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative; width: 100%; max-width: 100%;\n            box-shadow: 0 8px 30px rgba(0,0,0,0.06);\n        }\n        .testimonial-card::before {\n            content: ''; position: absolute; top: -50%; left: -50%;\n            width: 200%; height: 200%;\n            background: radial-gradient(circle, rgba(80,80,80,0.04) 0%, transparent 70%);\n            opacity: 0; transition: all 0.8s ease; transform: scale(0);\n        }\n        .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n        .testimonial-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 0 30px rgba(80,80,80,0.15), 0 25px 70px rgba(0,0,0,0.1);\n            border-color: rgba(80,80,80,0.3);\n        }\n        .testimonial-image {\n            width: 100%; max-height: 300px; object-fit: cover; display: block;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .testimonial-card:hover .testimonial-image {\n            transform: scale(1.06); filter: brightness(1.05) saturate(1.1);\n        }\n        .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n        .testimonial-rating {\n            color: #2c2c2c; font-size: 1.5em; margin-bottom: 16px;\n            filter: drop-shadow(0 0 4px rgba(0,0,0,0.15));\n            transition: all 0.3s ease;\n        }\n        .testimonial-card:hover .testimonial-rating {\n            transform: scale(1.1); filter: drop-shadow(0 0 8px rgba(0,0,0,0.25));\n        }\n        .testimonial-text {\n            font-style: italic; margin-bottom: 20px; line-height: 1.8;\n            color: #555555; transition: color 0.3s ease;\n            position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em;\n        }\n        .testimonial-card:hover .testimonial-text { color: #333333; }\n        .testimonial-author {\n            font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px;\n            color: #1a1a1a; font-size: 1.05em; transition: all 0.3s ease;\n            position: relative; z-index: 2; word-wrap: break-word;\n        }\n        .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n\n        \/* ── FINAL CTA ── *\/\n        .final-cta {\n            background:\n                radial-gradient(ellipse at center, rgba(150,150,150,0.12) 0%, transparent 70%),\n                linear-gradient(160deg, #f5f5f5, #ffffff, #f0f0f0);\n            color: #1a1a1a; padding: 100px 0; text-align: center;\n            position: relative; overflow: hidden; width: 100%; max-width: 100%;\n        }\n        .final-cta::before {\n            content: '';\n            position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n            background:\n                repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(80,80,80,0.02) 40px, rgba(80,80,80,0.02) 41px),\n                repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(80,80,80,0.02) 40px, rgba(80,80,80,0.02) 41px);\n            pointer-events: none;\n        }\n        .final-cta h2 {\n            font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n            margin-bottom: 20px; color: #1a1a1a; position: relative; z-index: 2;\n            word-wrap: break-word; padding: 0 10px;\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.08);\n        }\n        .final-cta p {\n            font-size: 1.25em; margin-bottom: 45px; color: #666666;\n            position: relative; z-index: 2; word-wrap: break-word;\n            padding: 0 10px; font-weight: 500; font-style: italic;\n        }\n\n        \/* ── PAYMENT INFO ── *\/\n        .payment-info {\n            background: linear-gradient(135deg, rgba(80,80,80,0.04), rgba(120,120,120,0.08));\n            padding: 40px; border-radius: 25px; margin: 50px 0;\n            border: 1.5px solid rgba(80,80,80,0.2);\n            position: relative; z-index: 2;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            width: 100%; max-width: 100%; overflow: hidden;\n        }\n        .payment-info::before {\n            content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(100,100,100,0.06), transparent);\n            transition: left 0.8s ease;\n        }\n        .payment-info:hover::before { left: 100%; }\n        .payment-info:hover {\n            transform: scale(1.02);\n            box-shadow: 0 0 25px rgba(80,80,80,0.1), 0 20px 50px rgba(0,0,0,0.06);\n            border-color: rgba(80,80,80,0.4);\n        }\n        .payment-info h3 {\n            margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.8em; letter-spacing: 3px; color: #1a1a1a;\n            transition: all 0.3s ease; word-wrap: break-word;\n            position: relative; z-index: 2;\n        }\n        .payment-info:hover h3 { transform: translateY(-3px); }\n        .payment-features {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2;\n        }\n        .payment-feature {\n            display: flex; align-items: center; font-size: 1.05em;\n            color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            padding: 10px 0; word-wrap: break-word; font-weight: 600;\n        }\n        .payment-feature:hover { transform: translateX(10px); color: #1a1a1a; }\n        .payment-feature::before {\n            content: '✓'; margin-right: 15px; font-weight: bold;\n            color: #2c2c2c; font-size: 1.3em; flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n        .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n\n        \/* ── PRICE COMPARISON ── *\/\n        .price-comparison {\n            background: linear-gradient(135deg, rgba(80,80,80,0.04), rgba(100,100,100,0.08));\n            padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n            border: 1.5px solid rgba(80,80,80,0.25); position: relative; z-index: 2;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            overflow: hidden; width: 100%; max-width: 100%;\n        }\n        .price-comparison::before {\n            content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(100,100,100,0.08), transparent);\n            transition: left 0.8s ease;\n        }\n        .price-comparison:hover::before { left: 100%; }\n        .price-comparison:hover {\n            transform: scale(1.04);\n            box-shadow: 0 0 30px rgba(80,80,80,0.12), 0 20px 50px rgba(0,0,0,0.07);\n            border-color: rgba(80,80,80,0.45);\n        }\n        .new-price {\n            color: #1a1a1a; font-family: 'Bebas Neue', sans-serif;\n            font-size: 3.5em; letter-spacing: 3px;\n            text-shadow: 0 0 15px rgba(80,80,80,0.2);\n            transition: all 0.3s ease; position: relative; z-index: 2;\n            word-wrap: break-word; display: block;\n        }\n        .price-comparison:hover .new-price {\n            transform: scale(1.06); text-shadow: 0 0 25px rgba(80,80,80,0.35);\n        }\n        .savings {\n            color: #444444; font-size: 1.1em; font-weight: 700; margin-top: 12px;\n            transition: all 0.3s ease; word-wrap: break-word;\n        }\n        .price-comparison:hover .savings { transform: translateY(-3px) scale(1.05); }\n\n        \/* ── DISCOUNT BADGE ── *\/\n        .discount-badge {\n            background: linear-gradient(135deg, #1a1a1a, #444444);\n            color: #fff; font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.3em; letter-spacing: 2px;\n            padding: 12px 28px; border-radius: 50px;\n            display: inline-block; margin-bottom: 20px;\n            box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n            position: relative; z-index: 2;\n        }\n\n        \/* ── FOOTER ── *\/\n        .footer {\n            background: linear-gradient(135deg, #1a1a1a, #2c2c2c);\n            color: #cccccc; padding: 80px 0; text-align: center;\n            border-top: 1px solid rgba(255,255,255,0.06);\n            position: relative; overflow: hidden; width: 100%; max-width: 100%;\n        }\n        .footer-content {\n            display: flex; align-items: center; justify-content: center;\n            gap: 50px; flex-wrap: wrap; margin-bottom: 40px;\n            position: relative; z-index: 2; width: 100%; max-width: 100%;\n        }\n        .footer-logo {\n            width: 200px; height: 200px; border-radius: 50%; object-fit: contain;\n            background: #ffffff; padding: 25px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.4), 0 0 30px rgba(200,200,200,0.1);\n            border: 2px solid rgba(200,200,200,0.3);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            max-width: 90%;\n            animation: pulseGlowGray 3s ease-in-out infinite, float 4s ease-in-out infinite;\n        }\n        .footer-logo:hover {\n            transform: scale(1.08) rotate(3deg);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 40px rgba(200,200,200,0.2);\n        }\n        .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n        .footer-text .tagline {\n            font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px;\n            color: #aaaaaa; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n        }\n        .footer-text:hover .tagline { transform: translateX(10px); color: #ffffff; }\n        .footer-text .store-name {\n            font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px;\n            color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word;\n        }\n        .footer-text:hover .store-name { transform: translateX(10px); }\n        .footer-text p { font-size: 1em; color: #777777; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n        .footer-text:hover p { color: #aaaaaa; }\n\n        \/* ── RESPONSIVE ── *\/\n        @media (max-width: 768px) {\n            body { overflow-x: hidden; width: 100vw; max-width: 100%; }\n            .hero h1 { font-size: 3.2em; }\n            .hero-content { flex-direction: column; gap: 30px; width: 100%; padding: 0 10px; text-align: center; }\n            .hero-text { text-align: center; }\n            .hero-logo { width: 260px; height: 260px; }\n            .section-title { font-size: 2.2em; }\n            .product-showcase { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .benefits-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .specs-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .testimonials-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .footer-content { flex-direction: column; gap: 30px; }\n            .footer-text { text-align: center; }\n            .footer-logo { width: 160px; height: 160px; }\n            .cta-button { font-size: 1.1em; padding: 18px 35px; }\n            .payment-features { grid-template-columns: 1fr; }\n            .container { padding: 0 15px; max-width: 100%; }\n            .hero { padding: 60px 0; }\n            .hero p { font-size: 1.05em; }\n            .price-banner { font-size: 1em; padding: 12px 22px; }\n            .new-price { font-size: 2.5em; }\n        }\n        @media (max-width: 480px) {\n            .hero h1 { font-size: 2.5em; }\n            .section-title { font-size: 1.9em; }\n            .product-showcase, .benefits-grid, .specs-grid, .testimonials-grid { gap: 20px; }\n            .product-card, .benefit-card, .testimonial-card { padding: 25px 16px; }\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- HERO                                                          --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"particles\" id=\"particles\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hero-scan\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRAENTREGA \u0026amp; PSE \u0026amp; NEQUI  •  🚚 ENVÍO GRATIS A TODO COLOMBIA 🇨🇴\u003c\/div\u003e\n\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003cimg class=\"hero-logo\" alt=\"LUMA – Puma Park Unisex\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/puma-logo.png?v=1781562525\"\u003e\n\n                \u003cdiv class=\"hero-text\"\u003e\n                    \u003cdiv class=\"brand-eyebrow\"\u003e✦ LUMA Calzado Colombia ✦\u003c\/div\u003e\n                    \u003ch1\u003ePUMA\u003cbr\u003ePARK\u003c\/h1\u003e\n                    \u003cp class=\"subtitle\"\u003e✦ UNISEX · NEGRO · TALCO · TALCO \u0026amp; NEGRO ✦\u003c\/p\u003e\n                    \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El tenis que combina con todo tu estilo.\"\u003c\/span\u003e\u003c\/p\u003e\n                    \u003cp\u003e✨ Comodidad premium, diseño versátil · Tallas 35 a 43 ✨\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MIS PUMA · $129.000 CON ENVÍO GRATIS\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- GALERÍA – MODELOS + COLORES                                   --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"visual-banner\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e✨ PUMA PARK – EL TENIS QUE TODOS QUIEREN CALZAR ✨\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n            \u003cp class=\"section-subtitle fade-in\"\u003eDiseño Unisex · Tres Colores Exclusivos · Bordado 1.1 de Alta Calidad\u003c\/p\u003e\n\n            \u003c!-- Fila 1: Modelos usando los tenis --\u003e\n            \u003cdiv class=\"product-showcase\"\u003e\n\n                \u003cdiv class=\"product-card scale-in\" style=\"grid-column: 1 \/ -1; max-width: 700px; margin: 0 auto;\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.12_PM_1.jpg?v=1781562504\" alt=\"Modelos hombre y mujer usando los Puma Park\" style=\"max-height: 480px;\"\u003e\n                    \u003ch3\u003e👟 Para Ellos y Para Ellas\u003c\/h3\u003e\n                    \u003cp\u003eEl Puma Park es un tenis 100% unisex con un diseño que se adapta perfectamente a cualquier figura y estilo. Desde la calle hasta el gym, siempre impecable.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003c!-- Fila 2: Los tres colores --\u003e\n            \u003cdiv class=\"product-showcase\" style=\"margin-top: 40px;\"\u003e\n\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.12_PM.jpg?v=1781562503\" alt=\"Puma Park Color Negro con Bordado 1.1\"\u003e\n                    \u003ch3\u003e⚫ Color Negro – Bordado 1.1\u003c\/h3\u003e\n                    \u003cp\u003eEl clásico negro que nunca falla. Acabado limpio con bordado de primera calidad que le da ese toque de distinción y personalidad a cada paso que das.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.14_PM_1.jpg?v=1781562504\" alt=\"Puma Park Color Talco con Bordado 1.1\"\u003e\n                    \u003ch3\u003e🤍 Color Talco – Bordado 1.1\u003c\/h3\u003e\n                    \u003cp\u003eElegancia en su versión más pura. El talco es el color que más combina y el que más se nota en cualquier outfit. Fresco, limpio y siempre a la moda.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.14_PM.jpg?v=1781562504\" alt=\"Puma Park Color Talco con Negro – Bordado 1.1\"\u003e\n                    \u003ch3\u003e🖤🤍 Talco \u0026amp; Negro – Bordado 1.1\u003c\/h3\u003e\n                    \u003cp\u003eLa combinación ganadora. Dos tonos que se complementan para crear un contraste visual que no pasa desapercibido. El favorito de quienes buscan estilo sin complicaciones.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- BENEFICIOS                                                    --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"benefits\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Elegir el Puma Park? ✨\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"benefits-grid\"\u003e\n\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🎽\u003c\/span\u003e\n                    \u003ch3\u003eDiseño Unisex\u003c\/h3\u003e\n                    \u003cp\u003eUn tenis pensado para todos. Silueta versátil que se adapta perfectamente al pie masculino y femenino con la misma elegancia y comodidad.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🧵\u003c\/span\u003e\n                    \u003ch3\u003eBordado 1.1 Premium\u003c\/h3\u003e\n                    \u003cp\u003eBordado de alta definición que no se desgasta ni se despega con el uso. Un acabado de calidad que mantiene el tenis impecable por mucho más tiempo.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🎨\u003c\/span\u003e\n                    \u003ch3\u003eTres Colores Disponibles\u003c\/h3\u003e\n                    \u003cp\u003eNegro, Talco y Talco con Negro. Elige el que más va con tu estilo o pídelos todos. Cada color tiene su propio carácter y personalidad única.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e📐\u003c\/span\u003e\n                    \u003ch3\u003eTallas 35 a 43\u003c\/h3\u003e\n                    \u003cp\u003eAmplio rango de tallas en numeración colombiana para que encuentres exactamente la tuya. Sin excusas para no estrenar los tenis que querías.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🚚\u003c\/span\u003e\n                    \u003ch3\u003eEnvío Gratis\u003c\/h3\u003e\n                    \u003cp\u003eEnvío sin costo adicional a todo Colombia. Lo que pagas es lo que ves: $129.000 y listo, los Puma llegan directo a tu puerta.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e💳\u003c\/span\u003e\n                    \u003ch3\u003eMúltiples Formas de Pago\u003c\/h3\u003e\n                    \u003cp\u003ePaga como prefieras: contraentrega, PSE, PayPal, Nequi, Bancolombia o Llave Bree. Y si pagas por transferencia, recibes un \u003cstrong style=\"color:#1a1a1a;\"\u003e8% de descuento\u003c\/strong\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- ESPECIFICACIONES                                              --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"specifications\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e📋 Especificaciones del Producto\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n            \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber antes de pedirlos\u003c\/p\u003e\n\n            \u003cdiv class=\"specs-grid\"\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🏷️ Producto\u003c\/strong\u003e\n                    \u003cspan\u003eTenis Puma Park – Edición Unisex Premium con Bordado 1.1\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e🎨 Colores Disponibles\u003c\/strong\u003e\n                    \u003cspan\u003eNegro · Talco · Talco con Negro – Tres opciones de color con bordado de alta calidad\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🧵 Acabado\u003c\/strong\u003e\n                    \u003cspan\u003eBordado 1.1 de alta definición – resistente al uso diario, sin desgaste ni desprendimiento\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e📐 Tallas Disponibles\u003c\/strong\u003e\n                    \u003cspan\u003eTallas 35 a 43 en numeración tradicional colombiana – disponible para hombre y mujer\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🎯 Uso Ideal\u003c\/strong\u003e\n                    \u003cspan\u003eUso urbano, casual, deportivo y lifestyle – versátil para cualquier momento del día\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e💵 Precio\u003c\/strong\u003e\n                    \u003cspan\u003e$129.000 COP con envío gratis incluido · Descuento del 8% pagando por transferencia\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e💳 Formas de Pago\u003c\/strong\u003e\n                    \u003cspan\u003eContraentrega · PSE · PayPal · Nequi · Bancolombia · Llave Bree – Paga como prefieras\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e🚚 Envío\u003c\/strong\u003e\n                    \u003cspan\u003eGratis a todo Colombia 🇨🇴 – entrega rápida y segura directamente en tu domicilio\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- TESTIMONIOS                                                   --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"testimonials\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e⭐ Lo Que Dicen Nuestros Clientes ⭐\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n            \u003cp class=\"section-subtitle fade-in\"\u003eColombianos reales con experiencias reales\u003c\/p\u003e\n\n            \u003cdiv class=\"testimonials-grid\"\u003e\n\n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.13_PM_2.jpg?v=1781562504\" alt=\"Reseña tenis color talco\" class=\"testimonial-image\"\u003e\n                    \u003cdiv class=\"testimonial-body\"\u003e\n                        \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-text\"\u003e\"Los pedí en talco y quedé enamorada. Son súper cómodos desde el primer día, no tuve que amoldarlos ni nada. Ya me los han preguntado en el trabajo varias veces. 100% los volvería a pedir.\"\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-author\"\u003e— Valentina R. · Medellín, Colombia\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.13_PM_1.jpg?v=1781562504\" alt=\"Reseña tenis talco con negro\" class=\"testimonial-image\"\u003e\n                    \u003cdiv class=\"testimonial-body\"\u003e\n                        \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-text\"\u003e\"Pedí los de talco con negro para mi novio y a él le encantaron. Llegaron rapidísimo y bien empacados. El bordado se ve de muy buena calidad, nada de esos que se despegan al mes. Muy buena compra.\"\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-author\"\u003e— Daniela M. · Bogotá, Colombia\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.13_PM.jpg?v=1781562504\" alt=\"Reseña tenis negros\" class=\"testimonial-image\"\u003e\n                    \u003cdiv class=\"testimonial-body\"\u003e\n                        \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-text\"\u003e\"Los negros son una berraquera. Los uso para todo: para salir, para ir al gym, para trabajar. Súper cómodos y el envío llegó antes de lo que esperaba. LUMA no defrauda, pa' la próxima pido otros colores.\"\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-author\"\u003e— Andrés F. · Cali, Colombia\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- URGENCIA – NO TE QUEDES SIN LOS TUYOS                        --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"benefits\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"product-card scale-in\" style=\"max-width: 650px; margin: 0 auto; padding: 50px 40px; opacity:1; transform:none; border: 2px solid rgba(80,80,80,0.25); box-shadow: 0 0 35px rgba(80,80,80,0.12);\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.13_PM_3.jpg?v=1781562504\" alt=\"No te quedes sin tus Puma Park\" style=\"max-height: 420px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n                \u003ch2 style=\"color:#1a1a1a; font-family:'Bebas Neue',sans-serif; font-size:2em; letter-spacing:3px; margin-bottom:18px; text-align:center; animation: alertPulse 2s ease-in-out infinite;\"\u003e\n                    🚨 ¡NO TE QUEDES SIN LOS TUYOS! 🚨\n                \u003c\/h2\u003e\n                \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003e\n                    Los que ya los tienen saben que un buen tenis lo cambia todo.\u003cbr\u003e\n                    \u003cspan style=\"color:#1a1a1a; font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa con envío gratis.\u003c\/span\u003e\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- FINAL CTA                                                     --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"fade-in\"\u003e✨ ¡Lleva Tus Puma Park Hoy! ✨\u003c\/h2\u003e\n            \u003cp class=\"fade-in\"\u003e\"Porque mereces un tenis que combine comodidad real, estilo versátil y calidad que dura\"\u003c\/p\u003e\n\n            \u003cdiv class=\"payment-info fade-in\"\u003e\n                \u003ch3\u003e🛡️ Compra 100% Segura y Sin Riesgos 🛡️\u003c\/h3\u003e\n                \u003cdiv class=\"payment-features\"\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e💳 Pago Contraentrega\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🏦 PSE y PayPal\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e📱 Nequi · Bancolombia · Llave Bree\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🎁 8% Dto. por Transferencia\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🚚 Envío Gratis Colombia\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e📐 Tallas 35 a 43\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🎨 3 Colores Disponibles\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e⚡ Entrega Rápida y Segura\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"price-comparison fade-in\"\u003e\n                \u003cdiv class=\"discount-badge\"\u003e🎁 8% DE DESCUENTO PAGANDO POR TRANSFERENCIA\u003c\/div\u003e\n                \u003cspan class=\"new-price\"\u003e$129.000 COP · ENVÍO GRATIS\u003c\/span\u003e\n                \u003cdiv class=\"savings\"\u003e💎 Sin costos ocultos · El precio que ves es el precio que pagas 💎\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003e✨ QUIERO MIS PUMA PARK AHORA ✨\u003c\/a\u003e\n\n            \u003cp style=\"margin-top:30px; font-size:1.05em; color:#aaaaaa; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n                ⏰ \u003cstrong style=\"color:#555555;\"\u003eAviso:\u003c\/strong\u003e Los colores y tallas se están agotando rápidamente. Asegura el tuyo antes de que se acabe tu número.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- FOOTER                                                        --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003cfooter class=\"footer\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"footer-content\"\u003e\n                \u003cimg class=\"footer-logo\" alt=\"LUMA – Puma Park Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/puma-logo.png?v=1781562525\"\u003e\n                \u003cdiv class=\"footer-text\"\u003e\n                    \u003cdiv class=\"tagline\"\u003e✦ Comodidad y estilo en cada paso. ✦\u003c\/div\u003e\n                    \u003cdiv class=\"store-name\"\u003ePUMA PARK – LUMA CALZADO COLOMBIA\u003c\/div\u003e\n                    \u003cp\u003eEl tenis unisex con bordado 1.1 de alta calidad que Colombia eligió. Tres colores, tallas del 35 al 43, envío gratis a todo el país y múltiples formas de pago para que estrenes sin complicaciones.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cp style=\"color:#555555;\"\u003e© 2026 LUMA Calzado. Todos los derechos reservados.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- JAVASCRIPT                                                    --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003cscript\u003e\n        function updateScrollProgress() {\n            const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n            document.getElementById('scrollProgress').style.width = scrolled + '%';\n        }\n\n        function revealOnScroll() {\n            const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card');\n            for (let i = 0; i \u003c reveals.length; i++) {\n                const elementTop = reveals[i].getBoundingClientRect().top;\n                if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible');\n            }\n        }\n\n        function smoothScroll() {\n            const links = document.querySelectorAll('a[href^=\"#\"]');\n            for (let link of links) {\n                link.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const target = document.querySelector(this.getAttribute('href'));\n                    if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                });\n            }\n        }\n\n        function handleImageLoading() {\n            document.querySelectorAll('img').forEach(img =\u003e {\n                if (img.complete) { img.style.opacity = '1'; }\n                else {\n                    img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease';\n                    img.addEventListener('load', function() { this.style.opacity = '1'; });\n                }\n            });\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\n        });\n\n        let ticking = false;\n        window.addEventListener('scroll', function() {\n            updateScrollProgress();\n            if (!ticking) {\n                requestAnimationFrame(function() { revealOnScroll(); ticking = false; });\n                ticking = true;\n            }\n        });\n\n        function addStaggerDelay() {\n            [\n                { selector: '.product-showcase .product-card', delay: 100 },\n                { selector: '.benefits-grid .benefit-card', delay: 150 },\n                { selector: '.specs-grid .spec-item', delay: 80 },\n                { selector: '.testimonials-grid .testimonial-card', delay: 200 }\n            ].forEach(grid =\u003e {\n                document.querySelectorAll(grid.selector).forEach((item, i) =\u003e {\n                    item.style.transitionDelay = `${i * grid.delay}ms`;\n                });\n            });\n        }\n        document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n        document.querySelectorAll('.cta-button').forEach(button =\u003e {\n            button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; });\n            button.addEventListener('mouseleave', function() { this.style.transform = ''; });\n            button.addEventListener('mousedown',  function() { this.style.transform = 'translateY(-2px) scale(1.05)'; });\n            button.addEventListener('mouseup',    function() { this.style.transform = 'translateY(-5px) scale(1.08)'; });\n        });\n\n        const container = document.getElementById('particles');\n        for (let i = 0; i \u003c 25; i++) {\n            const p = document.createElement('div');\n            p.classList.add('particle');\n            p.style.left = Math.random() * 100 + '%';\n            p.style.bottom = '-5px';\n            const s = Math.random() * 3 + 1;\n            p.style.width = p.style.height = s + 'px';\n            p.style.animationDuration = (Math.random() * 8 + 5) + 's';\n            p.style.animationDelay = (Math.random() * 6) + 's';\n            p.style.opacity = Math.random() * 0.5 + 0.2;\n            container.appendChild(p);\n        }\n\n        document.querySelectorAll('img, video').forEach(media =\u003e {\n            media.addEventListener('error', function() {\n                console.warn('Media failed to load:', this.src);\n                this.style.display = 'none';\n            });\n        });\n\n        if ('ontouchstart' in window) {\n            document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e {\n                card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; });\n            });\n        }\n\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); }\n                });\n            }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n            document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el));\n        }\n\n        document.addEventListener('keydown', e =\u003e { if (e.key === 'Tab') document.body.classList.add('keyboard-navigation'); });\n        document.addEventListener('mousedown', () =\u003e document.body.classList.remove('keyboard-navigation'));\n\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            const style = document.createElement('style');\n            style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }';\n            document.head.appendChild(style);\n        }\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Luma","offers":[{"title":"Talco \/ 35","offer_id":48852980007168,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 36","offer_id":48871733690624,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 37","offer_id":48871733723392,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 38","offer_id":48871733756160,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 39","offer_id":48871733788928,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 40","offer_id":48871733821696,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 41","offer_id":48871733854464,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 42","offer_id":48871733887232,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Talco \/ 43","offer_id":48871733920000,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 35","offer_id":48852980334848,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 36","offer_id":48871733952768,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 37","offer_id":48871733985536,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 38","offer_id":48871734018304,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 39","offer_id":48871734051072,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 40","offer_id":48871734083840,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 41","offer_id":48871734116608,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 42","offer_id":48871734149376,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro x Talco \/ 43","offer_id":48871734182144,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 35","offer_id":48852980433152,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 36","offer_id":48871734214912,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 37","offer_id":48871734247680,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 38","offer_id":48871734280448,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 39","offer_id":48871734313216,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 40","offer_id":48871734345984,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 41","offer_id":48871734378752,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 42","offer_id":48871734411520,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 43","offer_id":48871734444288,"sku":null,"price":129000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0834\/9116\/0320\/files\/WhatsApp_Image_2026-06-15_at_5.03.14_PM_1.jpg?v=1781562504","url":"https:\/\/lumaone.net\/products\/puma-park-unisex-tallas-35-a-43","provider":"Luma","version":"1.0","type":"link"}