{"title":"CALZADO","description":"\u003cp\u003e\u003cstrong\u003eEn Zahariq Shop camina con estilo y distinción\u003c\/strong\u003e. Calzado de tendencia, materiales de alta gama y detalles que marcan la diferencia.\u003c\/p\u003e","products":[{"product_id":"jordan-coral-azul-cielo","title":"JORDAN CORAL AZUL CIELO TALLA 34 A 40","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Jordan Mujer Coral Azul Cielo – Edición Premium | Zahariq Shop 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: #1a1a1a;\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 \/* ── 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 \/* ── 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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n \/* ── CSS VARIABLES · CORAL \/ SKY ── *\/\n :root {\n --ink: #141414;\n --graphite: #2b2b2b;\n --stone: #6f6f6f;\n --smoke: #f5f5f5;\n --line: rgba(20,20,20,0.12);\n --mid: #555555;\n --accent: #e8657d;\n --accent-deep: #c23a54;\n --sky: #5cc3dd;\n --star: #f5b301;\n }\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, var(--accent), var(--sky), var(--accent));\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(232,101,125,0.4); max-width: 100%;\n }\n \/* ── HERO · BLANCO MINIMALISTA ── *\/\n .hero {\n background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff;\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 \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #e8657d, #f28fa3, #e8657d);\n color: #ffffff; 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(232,101,125,0.4);\n border: 1px solid rgba(0,0,0,0.08);\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 \/* ── 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n border: 2px solid rgba(20,20,20,0.12);\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, inkGlow 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.16);\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: var(--stone); 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: #141414;\n animation: titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n }\n .hero h1 span.accent-word {\n color: #ffffff;\n -webkit-text-stroke: 1px var(--accent);\n text-stroke: 1px var(--accent);\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: var(--accent); font-weight: 900; font-style: italic;\n position: relative;\n }\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #e8657d, #f28fa3, #e8657d);\n background-size: 200% 200%;\n color: #ffffff; 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(232,101,125,0.45);\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(232,101,125,0.6);\n }\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-dark {\n background: linear-gradient(135deg, #141414, #2b2b2b);\n color: #fff; border: 1px solid rgba(0,0,0,0.2);\n }\n .badge-soft {\n background: linear-gradient(135deg, #ececec, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\n }\n \/* ══════════════════════════════════════════════════ *\/\n \/* ── MARQUEE \/ SLIDER STRIPS · MOTOR ULTRA-FLUIDO ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n \/* ══════════════════════════════════════════════════ *\/\n .marquee {\n position: relative; overflow: hidden; padding: 20px 0;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n }\n .marquee.dark {\n background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d);\n border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .marquee.light {\n background: #ffffff;\n border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12);\n }\n .marquee__track {\n display: flex; width: max-content;\n will-change: transform; backface-visibility: hidden;\n transform: translate3d(0,0,0);\n }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group {\n display: flex; align-items: center; flex: 0 0 auto;\n }\n .marquee__group .m-item {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em;\n letter-spacing: 3px; padding: 0 6px; white-space: nowrap;\n }\n .marquee__group .m-sep {\n display: inline-block; padding: 0 22px; font-style: normal;\n font-size: 1.1em; line-height: 1;\n }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) {\n .marquee { padding: 15px 0; }\n .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; }\n .marquee__group .m-sep { padding: 0 15px; }\n }\n \/* ── SECCIONES ── *\/\n .visual-banner {\n background: #ffffff;\n padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n width: 100%; max-width: 100%;\n }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n color: #141414; margin-bottom: 15px; text-align: center;\n position: relative; z-index: 2; word-wrap: break-word;\n padding: 0 10px; letter-spacing: 3px;\n }\n .section-title.dark-title { color: #141414; }\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, var(--accent), transparent);\n margin: 15px auto 30px;\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.06);\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(20,20,20,0.1);\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(232,101,125,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(232,101,125,0.12), 0 25px 70px rgba(0,0,0,0.1);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(232,101,125,0.4);\n }\n .product-card img, .product-card video {\n width: 100%; max-width: 100%; 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(20,20,20,0.08);\n }\n .img-frame {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; border-radius: 18px; margin-bottom: 22px;\n border: 1px solid rgba(20,20,20,0.08);\n }\n .img-frame img {\n width: 100%; height: 100%; object-fit: cover;\n border-radius: 0; margin-bottom: 0; border: none;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 {\n color: #141414; margin-bottom: 12px;\n font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .product-card:hover h3 { transform: translateY(-3px); }\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 \/* ── BENEFITS ── *\/\n .benefits {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n 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(232,101,125,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(232,101,125,0.4);\n box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 60px rgba(0,0,0,0.1);\n }\n .benefit-icon {\n font-size: 2.4em; margin-bottom: 20px; display: block;\n color: var(--accent); line-height: 1;\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.15) rotate(180deg);\n color: var(--accent-deep);\n }\n .benefit-card h3 {\n margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.5em; letter-spacing: 2px; color: #141414;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 \/* ── 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: #f6f6f6;\n padding: 28px; border-radius: 18px;\n border-left: 4px solid var(--accent);\n border-top: 1px solid rgba(20,20,20,0.06);\n border-right: 1px solid rgba(20,20,20,0.04);\n border-bottom: 1px solid rgba(20,20,20,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, var(--accent), var(--sky), var(--accent-deep));\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.07), -8px 0 20px rgba(232,101,125,0.1);\n }\n .spec-item strong {\n color: #141414; 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); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n \/* ── TESTIMONIALS ── *\/\n .testimonials {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\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(232,101,125,0.05) 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(232,101,125,0.1), 0 25px 70px rgba(0,0,0,0.1);\n border-color: rgba(232,101,125,0.35);\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 { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.15em; margin-bottom: 16px; color: var(--star);\n letter-spacing: 4px;\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\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: #141414; 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 \/* ── TRUST ── *\/\n .trust {\n background: #ffffff; padding: 90px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n width: 100%; max-width: 100%;\n }\n .verification-image {\n max-width: 620px; width: 90%; height: auto; border-radius: 20px;\n box-shadow: 0 15px 45px rgba(0,0,0,0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: block; margin: 34px auto 0;\n border: 1px solid rgba(20,20,20,0.1);\n }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n \/* ── FINAL CTA ── *\/\n .final-cta {\n background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(232,101,125,0.06) 0%, transparent 70%), #ffffff;\n color: #141414; padding: 100px 0; text-align: center;\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .final-cta h2 {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n margin-bottom: 20px; color: #141414; position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\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 \/* ── PAYMENT INFO ── *\/\n .payment-info {\n background: #f6f6f6;\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(20,20,20,0.12);\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(232,101,125,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(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(232,101,125,0.3);\n }\n .payment-info h3 {\n margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8em; letter-spacing: 3px; color: #141414;\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: #141414; }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: #141414; 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 \/* ── PRICE COMPARISON ── *\/\n .price-comparison {\n background: #f6f6f6;\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(20,20,20,0.15); 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(232,101,125,0.06), 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(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(232,101,125,0.35);\n }\n .old-price {\n text-decoration: line-through; color: #aaaaaa;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\n }\n .new-price {\n color: var(--accent); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\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 { transform: scale(1.06); }\n .savings {\n color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n \/* ── CHIPS SECTION ── *\/\n .colors-section {\n background: #ffffff;\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-coral { background: linear-gradient(135deg, #e8657d, #f28fa3); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(232,101,125,0.25); }\n .chip-sky { background: linear-gradient(135deg, #5cc3dd, #8fdcef); color: #0a3a45; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(92,195,221,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-coral { background: radial-gradient(circle, #ff8fa3, #c23a54); box-shadow: 0 0 8px rgba(232,101,125,0.4); }\n .dot-sky { background: radial-gradient(circle, #aee9f5, #3aa5c2); box-shadow: 0 0 8px rgba(92,195,221,0.45); }\n \/* ── FOOTER (full-bleed) ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n .footer {\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(255,255,255,0.08);\n position: relative; overflow: hidden;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: inkGlow 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.6);\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: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n \/* ── RESPONSIVE ── *\/\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- HERO · FONDO BLANCO MINIMALISTA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Nike Jordan Mujer Coral Azul Cielo – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251028_225447_0000.png?v=1761711393\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eJORDAN\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eCORAL\u003c\/span\u003e\u003cbr\u003eMUJER\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM · CORAL \u0026amp; AZUL CIELO ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El tenis que combina con todo y te hace brillar en cada paso.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eDiseño femenino · Coral, turquesa y blanco · Tallas 34 a 40\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eMUJER\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS JORDAN · $129.900\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 1 · DESEO \/ PRODUCTO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO FEMENINO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCORAL Y AZUL CIELO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMODIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMBINA CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eESTILO ÚNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO FEMENINO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCORAL Y AZUL CIELO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMODIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMBINA CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eESTILO ÚNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CHIPS · COLORES --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCoral y Azul Cielo, Una Sola Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eUna combinación única pensada para mujeres que marcan la diferencia\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-coral\"\u003e\n \u003cdiv class=\"chip-dot dot-coral\"\u003e\u003c\/div\u003e CORAL VIBRANTE\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-sky\"\u003e\n \u003cdiv class=\"chip-dot dot-sky\"\u003e\u003c\/div\u003e AZUL CIELO\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA PRINCIPAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEl Tenis que Todas Voltean a Ver\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño exclusivo · Cómodo · Versátil · Hecho para robar miradas\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPTImage28oct2025_10_35_25p.m.png?v=1761711272\" alt=\"Jordan Coral – Diseño Exclusivo\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eDiseño Exclusivo Premium\u003c\/h3\u003e\n \u003cp\u003eCombinación perfecta de coral, turquesa y blanco. Un diseño que captura todas las miradas y refleja tu personalidad única con cada paso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251028_225447_0002.png?v=1761711326\" alt=\"Jordan Coral – Combina con Jeans\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eCombina con Todo\u003c\/h3\u003e\n \u003cp\u003ePerfectos con jeans, shorts, faldas o vestidos. Tan versátiles que elevan cualquier outfit de casual a extraordinario sin esfuerzo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251028_225448_0003.png?v=1761711326\" alt=\"Jordan Coral – Estilo Deportivo Chic\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eEstilo Deportivo Chic\u003c\/h3\u003e\n \u003cp\u003eEl balance perfecto entre comodidad deportiva y elegancia urbana. Ideal para el gym, salidas casuales o eventos donde quieres lucir impecable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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é Estos Jordan Coral?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eDiseño Exclusivo\u003c\/h3\u003e\n \u003cp\u003ePaleta única de coral, turquesa y blanco con detalles multicolor. Un diseño que no encontrarás en cualquier lugar y que te hace destacar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eComodidad Superior\u003c\/h3\u003e\n \u003cp\u003ePlantilla acolchada y suela ergonómica que se adapta a tu pie. Camina todo el día sin cansancio, perfectos para largas jornadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eCombina con Todo\u003c\/h3\u003e\n \u003cp\u003eDel look deportivo al casual y urbano. Un solo par de tenis para múltiples ocasiones y estilos diferentes, siempre a la moda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eCalidad Premium\u003c\/h3\u003e\n \u003cp\u003eMaterial sintético de alta calidad con costuras reforzadas y suela de PVC resistente. Acabados impecables que garantizan durabilidad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTallas 34 a 40\u003c\/h3\u003e\n \u003cp\u003eAmplio rango con ajuste por cordones y ojales reforzados. Se acomoda al ancho de tu pie para un calce perfecto y cómodo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eDe $179.000 a solo \u003cstrong style=\"color:#141414\"\u003e$129.900\u003c\/strong\u003e. Ahorras $50.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 2 · PERSUASIÓN \/ PRUEBA SOCIAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS MÁS DESEADO DE LA TEMPORADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMILES DE MUJERES YA LOS LLEVAN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eELEVA TU ESTILO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS MÁS DESEADO DE LA TEMPORADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMILES DE MUJERES YA LOS LLEVAN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eELEVA TU ESTILO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eProducto\u003c\/strong\u003e\n \u003cspan\u003eJordan Mujer – Edición Premium · Calzado deportivo casual femenino\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eColores\u003c\/strong\u003e\n \u003cspan\u003eCombinación exclusiva de coral, turquesa y blanco con detalles multicolor\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003eTallas 34 a 40 en numeración colombiana – ajuste con cordones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\n \u003cspan\u003eCordones blancos resistentes con ojales reforzados – ajuste personalizado\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\n \u003cspan\u003eSintético premium resistente y duradero – fácil de limpiar y mantener\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\n \u003cspan\u003eTextil suave y transpirable que mantiene los pies frescos todo el día\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eSuela\u003c\/strong\u003e\n \u003cspan\u003ePVC de alta resistencia con diseño antideslizante – excelente tracción\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eUso Ideal\u003c\/strong\u003e\n \u003cspan\u003eDía a día, gym, salidas casuales y eventos donde quieres lucir impecable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\n \u003cspan\u003eAntes $179.000 → Hoy solo $129.900 COP · Ahorra $50.000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEnvío\u003c\/strong\u003e\n \u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\"\u003eLo Que Dicen Nuestras Clientas\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260213_150602_Gallery.jpg?v=1771013227\" alt=\"Reseña clienta – Jordan Coral\" 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\"Pedimos dos pares mi prima y yo. Los colores son aún más hermosos en persona, el coral y el turquesa combinan perfecto. La suela es súper cómoda. Llegaron rápido y bien empacados.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Valentina M. · Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_28_oct_2025_11_08_48_p.m.png?v=1761711330\" alt=\"Reseña clienta – Regalo Jordan Coral\" 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 compré como regalo sorpresa para mi novia y quedó fascinada. Dice que son los tenis más cómodos que ha tenido, y eso que tiene varios pares de marcas conocidas. 100% recomendados.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Carlos A. · Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_28_oct_2025_11_08_41_p.m.png?v=1761711329\" alt=\"Reseña clienta – Calidad Jordan Coral\" 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\"Quedé impresionada con la calidad por el precio que tienen. El material es excelente y las costuras perfectas. El pago contraentrega me dio confianza y el envío fue súper rápido.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Andrea P. · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 3 · OFERTA \/ CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- URGENCIA --\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(232,101,125,0.25); box-shadow: 0 0 35px rgba(232,101,125,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPTImage28oct2025_10_35_25p.m.png?v=1761711272\" alt=\"No te quedes sin tus Jordan Coral\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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 Las mujeres con estilo ya tienen sus Jordan Coral. Un buen tenis le cambia la cara a cualquier outfit.\u003cbr\u003e\n \u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla. 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\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 Jordan Coral Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con estilo, comodidad real y la mejor calidad en cada paso\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 34 a 40\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eDiseño Femenino\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEdición Premium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $179.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $129.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $50.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS JORDAN AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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=\"Nike Jordan Mujer Coral – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251028_225447_0000.png?v=1761711393\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo y comodidad en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eJORDAN CORAL – Edición Premium\u003c\/div\u003e\n \u003cp\u003eTenis femeninos de edición exclusiva en coral y azul cielo. Tallas 34 a 40, envío gratis a todo el país y pago contra entrega. Diseño que te hace brillar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\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 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 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 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 document.addEventListener('DOMContentLoaded', function() {\n smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\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 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 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 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 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 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 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","brand":"zahariq","offers":[{"title":"40","offer_id":47301259723000,"sku":"-6","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"39","offer_id":47301259755768,"sku":"-5","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"38","offer_id":47301259788536,"sku":"-4","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"37","offer_id":47301259821304,"sku":"-3","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"36","offer_id":47301259854072,"sku":"-2","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"35","offer_id":47301259886840,"sku":"-1","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"34","offer_id":47301259919608,"sku":"-0","price":129900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/20_20251128_111431_0019.png?v=1771013858"},{"product_id":"jordan-ninos","title":"JORDAN NIÑOS TALLA 21 A 33","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Jordan Infantil – Tenis para Niños y Niñas | Zahariq Shop 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: #1a1a1a;\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 \/* ── 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 \/* ── 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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n \/* ── CSS VARIABLES · KIDS RED ── *\/\n :root {\n --ink: #141414;\n --graphite: #2b2b2b;\n --stone: #6f6f6f;\n --smoke: #f5f5f5;\n --line: rgba(20,20,20,0.12);\n --mid: #555555;\n --accent: #e02424;\n --accent-deep: #a51616;\n --star: #f5b301;\n }\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, var(--accent), #ff7a7a, var(--accent));\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(224,36,36,0.4); max-width: 100%;\n }\n \/* ── HERO · BLANCO MINIMALISTA ── *\/\n .hero {\n background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff;\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 \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #e02424, #ff5252, #e02424);\n color: #ffffff; 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(224,36,36,0.4);\n border: 1px solid rgba(0,0,0,0.08);\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 \/* ── 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n border: 2px solid rgba(20,20,20,0.12);\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, inkGlow 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.16);\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: var(--stone); 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: #141414;\n animation: titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n }\n .hero h1 span.accent-word {\n color: #ffffff;\n -webkit-text-stroke: 1px var(--accent);\n text-stroke: 1px var(--accent);\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: var(--accent); font-weight: 900; font-style: italic;\n position: relative;\n }\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #e02424, #ff5252, #e02424);\n background-size: 200% 200%;\n color: #ffffff; 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(224,36,36,0.45);\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(224,36,36,0.6);\n }\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-dark {\n background: linear-gradient(135deg, #141414, #2b2b2b);\n color: #fff; border: 1px solid rgba(0,0,0,0.2);\n }\n .badge-soft {\n background: linear-gradient(135deg, #ececec, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\n }\n \/* ══════════════════════════════════════════════════ *\/\n \/* ── MARQUEE \/ SLIDER STRIPS · MOTOR ULTRA-FLUIDO ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n \/* ══════════════════════════════════════════════════ *\/\n .marquee {\n position: relative; overflow: hidden; padding: 20px 0;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n }\n .marquee.dark {\n background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d);\n border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .marquee.light {\n background: #ffffff;\n border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12);\n }\n .marquee__track {\n display: flex; width: max-content;\n will-change: transform; backface-visibility: hidden;\n transform: translate3d(0,0,0);\n }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group {\n display: flex; align-items: center; flex: 0 0 auto;\n }\n .marquee__group .m-item {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em;\n letter-spacing: 3px; padding: 0 6px; white-space: nowrap;\n }\n .marquee__group .m-sep {\n display: inline-block; padding: 0 22px; font-style: normal;\n font-size: 1.1em; line-height: 1;\n }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) {\n .marquee { padding: 15px 0; }\n .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; }\n .marquee__group .m-sep { padding: 0 15px; }\n }\n \/* ── SECCIONES ── *\/\n .visual-banner {\n background: #ffffff;\n padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n width: 100%; max-width: 100%;\n }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n color: #141414; margin-bottom: 15px; text-align: center;\n position: relative; z-index: 2; word-wrap: break-word;\n padding: 0 10px; letter-spacing: 3px;\n }\n .section-title.dark-title { color: #141414; }\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, var(--accent), transparent);\n margin: 15px auto 30px;\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.06);\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(20,20,20,0.1);\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(20,20,20,0.04), 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(0,0,0,0.1), 0 25px 70px rgba(0,0,0,0.1);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(20,20,20,0.35);\n }\n .product-card img, .product-card video {\n width: 100%; max-width: 100%; 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(20,20,20,0.08);\n }\n .img-frame {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; border-radius: 18px; margin-bottom: 22px;\n border: 1px solid rgba(20,20,20,0.08);\n }\n .img-frame img {\n width: 100%; height: 100%; object-fit: cover;\n border-radius: 0; margin-bottom: 0; border: none;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 {\n color: #141414; margin-bottom: 12px;\n font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .product-card:hover h3 { transform: translateY(-3px); }\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 \/* ── BENEFITS ── *\/\n .benefits {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n 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(20,20,20,0.04) 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(20,20,20,0.35);\n box-shadow: 0 0 25px rgba(0,0,0,0.08), 0 20px 60px rgba(0,0,0,0.1);\n }\n .benefit-icon {\n font-size: 2.4em; margin-bottom: 20px; display: block;\n color: var(--accent); line-height: 1;\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.15) rotate(180deg);\n color: var(--accent-deep);\n }\n .benefit-card h3 {\n margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.5em; letter-spacing: 2px; color: #141414;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 \/* ── 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: #f6f6f6;\n padding: 28px; border-radius: 18px;\n border-left: 4px solid var(--accent);\n border-top: 1px solid rgba(20,20,20,0.06);\n border-right: 1px solid rgba(20,20,20,0.04);\n border-bottom: 1px solid rgba(20,20,20,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, var(--accent), #ff7a7a, var(--accent-deep));\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.07), -8px 0 20px rgba(0,0,0,0.08);\n }\n .spec-item strong {\n color: #141414; 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); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n \/* ── TESTIMONIALS ── *\/\n .testimonials {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\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(20,20,20,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(0,0,0,0.08), 0 25px 70px rgba(0,0,0,0.1);\n border-color: rgba(20,20,20,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 { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.15em; margin-bottom: 16px; color: var(--star);\n letter-spacing: 4px;\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\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: #141414; 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 \/* ── TRUST ── *\/\n .trust {\n background: #ffffff; padding: 90px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n width: 100%; max-width: 100%;\n }\n .trust-card {\n max-width: 760px; margin: 0 auto;\n background: #f6f6f6; border: 1.5px solid rgba(20,20,20,0.12);\n border-radius: 22px; padding: 48px 40px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n }\n .trust-card h3 {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px;\n color: #141414; margin-bottom: 16px;\n }\n .trust-card p { color: #555555; font-size: 1.05em; line-height: 1.9; }\n .trust-card p strong { color: #141414; }\n .trust-line {\n margin-top: 22px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.25em; letter-spacing: 3px; color: #141414;\n }\n .verification-image {\n max-width: 620px; width: 90%; height: auto; border-radius: 20px;\n box-shadow: 0 15px 45px rgba(0,0,0,0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: block; margin: 34px auto 0;\n border: 1px solid rgba(20,20,20,0.1);\n }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n \/* ── FINAL CTA ── *\/\n .final-cta {\n background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(20,20,20,0.05) 0%, transparent 70%), #ffffff;\n color: #141414; padding: 100px 0; text-align: center;\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .final-cta h2 {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n margin-bottom: 20px; color: #141414; position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\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 \/* ── PAYMENT INFO ── *\/\n .payment-info {\n background: #f6f6f6;\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(20,20,20,0.12);\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(20,20,20,0.05), 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(0,0,0,0.08), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(20,20,20,0.3);\n }\n .payment-info h3 {\n margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8em; letter-spacing: 3px; color: #141414;\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: #141414; }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: #141414; 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 \/* ── PRICE COMPARISON ── *\/\n .price-comparison {\n background: #f6f6f6;\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(20,20,20,0.15); 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(20,20,20,0.05), 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(0,0,0,0.08), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(20,20,20,0.35);\n }\n .old-price {\n text-decoration: line-through; color: #aaaaaa;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\n }\n .new-price {\n color: var(--accent); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\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 { transform: scale(1.06); }\n .savings {\n color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n \/* ── CHIPS SECTION ── *\/\n .colors-section {\n background: #ffffff;\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-soft { background: #f0f0f0; color: #333; border: 1px solid rgba(0,0,0,0.1); }\n .chip-red { background: linear-gradient(135deg, #e02424, #ff5252); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(224,36,36,0.25); }\n .chip-pink { background: linear-gradient(135deg, #ff8fb1, #ffc2d4); color: #4a1c2c; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(255,143,177,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-soft { background: radial-gradient(circle, #f0f0f0, #888888); border: 1px solid rgba(0,0,0,0.1); }\n .dot-red { background: radial-gradient(circle, #ff6b6b, #b81c1c); box-shadow: 0 0 8px rgba(224,36,36,0.4); }\n .dot-pink { background: radial-gradient(circle, #ffd3e0, #ff8fb1); box-shadow: 0 0 8px rgba(255,143,177,0.45); }\n \/* ── FOOTER (full-bleed) ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n .footer {\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(255,255,255,0.08);\n position: relative; overflow: hidden;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: inkGlow 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.6);\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: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n \/* ── RESPONSIVE ── *\/\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- HERO · FONDO BLANCO MINIMALISTA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Jordan Infantil – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251101_172710_0000.png?v=1762039865\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eJORDAN\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eINFANTIL\u003c\/span\u003e\u003cbr\u003eNIÑOS Y NIÑAS\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM LIMITADA · 3 COLORES ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Los tenis que tu hijo se pone y no se los quiere quitar.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eSuela antideslizante · Interior acolchado · Tallas 21 a 33\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003e3 COLORES\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eNIÑO Y NIÑA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LOS JORDAN · $129.900\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 1 · DESEO \/ PRODUCTO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eSUELA ANTIDESLIZANTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eNIÑO Y NIÑA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eINTERIOR ACOLCHADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLISTOS PARA JUGAR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eSUELA ANTIDESLIZANTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eNIÑO Y NIÑA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eINTERIOR ACOLCHADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLISTOS PARA JUGAR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CHIPS · COLORES --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTres Colores, Una Sola Calidad\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eElige el que más va con la personalidad de tu pequeño\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-red\"\u003e\n \u003cdiv class=\"chip-dot dot-red\"\u003e\u003c\/div\u003e ROJO CON BLANCO\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-pink\"\u003e\n \u003cdiv class=\"chip-dot dot-pink\"\u003e\u003c\/div\u003e BLANCO CON ROSA\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n \u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e BLANCO CON NEGRO\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA PRINCIPAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEl Tenis que Todos los Niños Quieren\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCómodos · Resistentes · Con diseño que ellos mismos escogen\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ZahariqShop_20251101_172710_0005.png?v=1762116122\" alt=\"Jordan Infantil – Modelo Rojo\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eModelo Rojo con Blanco\u003c\/h3\u003e\n \u003cp\u003eEl clásico que nunca falla. Un rojo vivo que combina con el uniforme, con el jean y con el plan del fin de semana.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251128_105705_0000.png?v=1768327182\" alt=\"Jordan Infantil – Modelo Blanco con Rosa\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eModelo Blanco con Rosa\u003c\/h3\u003e\n \u003cp\u003ePara las niñas que quieren destacar. Rosa vibrante sobre blanco, con el mismo acolchado y la misma suela segura.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ZahariqShop_20251101_172711_0006.png?v=1764786220\" alt=\"Jordan Infantil – Modelo Blanco con Negro\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eModelo Blanco con Negro\u003c\/h3\u003e\n \u003cp\u003eEl más versátil de los tres. Sintético de alta calidad, fácil de limpiar y listo para el colegio todos los días.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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é Estos Jordan Infantiles?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eSuela Antideslizante\u003c\/h3\u003e\n \u003cp\u003eSuela de PVC con diseño antideslizante. Agarre real en piso de colegio, cancha o parque — para que corra tranquilo y tú también.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eInterior Acolchado\u003c\/h3\u003e\n \u003cp\u003eForro textil suave y transpirable. Aguanta la jornada escolar completa sin ampollas, sin roces y sin quejas al llegar a casa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eMaterial que Resiste\u003c\/h3\u003e\n \u003cp\u003eSintético premium con costuras reforzadas. Diseñado para el ritmo de un niño: se limpia fácil y se ve nuevo mucho más tiempo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTres Colores para Elegir\u003c\/h3\u003e\n \u003cp\u003eRojo con blanco, blanco con rosa y blanco con negro. Tu hijo escoge el suyo y lo usa con orgullo todos los días.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTallas 21 a 33\u003c\/h3\u003e\n \u003cp\u003eAmplio rango de tallas con ajuste por cordones. Se acomoda al ancho del pie y al crecimiento del niño sin quedar apretado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eDe $169.900 a solo \u003cstrong style=\"color:#141414\"\u003e$129.900\u003c\/strong\u003e. Ahorras $40.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 2 · PERSUASIÓN \/ PRUEBA SOCIAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eMILES DE MAMÁS YA LOS PIDIERON\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE NOTA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSE LOS PONE Y NO SE LOS QUITA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eMILES DE MAMÁS YA LOS PIDIERON\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE NOTA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSE LOS PONE Y NO SE LOS QUITA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eProducto\u003c\/strong\u003e\n \u003cspan\u003eJordan Infantil – Edición Premium Limitada · Calzado deportivo casual para niños y niñas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eColores\u003c\/strong\u003e\n \u003cspan\u003eTres opciones: rojo con blanco, blanco con rosa y blanco con negro\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003eTallas 21 a 33 en numeración colombiana – para niños y niñas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\n \u003cspan\u003eCordones resistentes con ojales reforzados – ajuste personalizado según el crecimiento\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\n \u003cspan\u003eSintético premium resistente y duradero – fácil de limpiar y mantener como nuevo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\n \u003cspan\u003eForro textil suave y transpirable – mantiene los pies frescos durante toda la jornada\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eSuela\u003c\/strong\u003e\n \u003cspan\u003ePVC de alta resistencia con diseño antideslizante – excelente tracción y durabilidad\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eUso Ideal\u003c\/strong\u003e\n \u003cspan\u003eColegio, parque, salidas en familia y actividad deportiva ligera del día a día\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\n \u003cspan\u003eAntes $169.900 → Hoy solo $129.900 COP · Ahorra $40.000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEnvío\u003c\/strong\u003e\n \u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\"\u003eLo Que Dicen Mamás y Papás\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251101-WA0015.jpg?v=1762039865\" alt=\"Reseña cliente – Niño feliz con sus Jordan\" 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\"Mi hijo está feliz con sus tenis nuevos, no se los quiere quitar ni para dormir. La calidad es excelente y el precio súper accesible. Llegaron rápido y bien empacados.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— María González · Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251211-WA0099.jpg?v=1765944625\" alt=\"Reseña cliente – Modelo rosa\" 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\"Compré los rosados para mi hija y quedó encantada. Son muy cómodos y la suela antideslizante me da mucha tranquilidad. Perfectos para cualquier outfit.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Andrea Morales · Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251204-WA0161.jpg?v=1765944625\" alt=\"Reseña cliente – Modelo blanco\" 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\"Llegaron muy bien empacados. Los tenis rosa son hermosos y combinan con todo. Mi hija los usa mucho y siguen como nuevos. La calidad es increíble, los recomiendo.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Carlos Ramírez · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 3 · OFERTA \/ CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $40.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $40.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- URGENCIA --\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(20,20,20,0.2); box-shadow: 0 0 35px rgba(0,0,0,0.08);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1762989842photo_4947468112571861822_y.jpg?v=1768327182\" alt=\"No te quedes sin los Jordan Infantiles\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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 la Talla!\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 Las mamás que ya los pidieron saben que un buen tenis le cambia el día a un niño.\u003cbr\u003e\n \u003cspan style=\"color:#141414; 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\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 Jordan Infantiles Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque los pequeños campeones merecen lo mejor: estilo, comodidad y calidad que aguanta el ritmo\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 21 a 33\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eNiño y Niña\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e3 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $169.900 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $129.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $40.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LOS JORDAN AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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=\"Jordan Infantil – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251101_172710_0000.png?v=1762039865\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo y comodidad para los pequeños campeones. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eJORDAN INFANTIL – Edición Premium\u003c\/div\u003e\n \u003cp\u003eTenis infantiles con suela antideslizante e interior acolchado. Tres colores, tallas 21 a 33, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\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 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 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 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 document.addEventListener('DOMContentLoaded', function() {\n smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\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 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 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 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 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 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 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","brand":"zahariq","offers":[{"title":"NEGRO \/ 31","offer_id":47814231851256,"sku":"JORDANKIDSBOTA-10","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 32","offer_id":47814231884024,"sku":"JORDANKIDSBOTA-11","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 29","offer_id":47814231916792,"sku":"JORDANKIDSBOTA-8","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 21","offer_id":47814231949560,"sku":"JORDANKIDSBOTA-0","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 22","offer_id":47814231982328,"sku":"JORDANKIDSBOTA-1","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 33","offer_id":47814232015096,"sku":"JORDANKIDSBOTA-25","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 24","offer_id":47814232047864,"sku":"JORDANKIDSBOTA-3","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 28","offer_id":47814232080632,"sku":"JORDANKIDSBOTA-7","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 32","offer_id":47814232113400,"sku":"JORDANKIDSBOTA-24","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 27","offer_id":47814232146168,"sku":"JORDANKIDSBOTA-6","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 25","offer_id":47814232178936,"sku":"JORDANKIDSBOTA-30","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 25","offer_id":47814232211704,"sku":"JORDANKIDSBOTA-17","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 29","offer_id":47814232244472,"sku":"JORDANKIDSBOTA-21","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 21","offer_id":47814232277240,"sku":"JORDANKIDSBOTA-26","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 29","offer_id":47814232310008,"sku":"JORDANKIDSBOTA-34","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 28","offer_id":47814232342776,"sku":"JORDANKIDSBOTA-33","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 27","offer_id":47814232375544,"sku":"JORDANKIDSBOTA-32","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 26","offer_id":47814232408312,"sku":"JORDANKIDSBOTA-31","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 31","offer_id":47814232441080,"sku":"JORDANKIDSBOTA-36","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 32","offer_id":47814232473848,"sku":"JORDANKIDSBOTA-37","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 24","offer_id":47814232506616,"sku":"JORDANKIDSBOTA-29","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 30","offer_id":47814232539384,"sku":"JORDANKIDSBOTA-22","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 25","offer_id":47814232572152,"sku":"JORDANKIDSBOTA-4","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 26","offer_id":47814232604920,"sku":"JORDANKIDSBOTA-5","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 33","offer_id":47814232637688,"sku":"JORDANKIDSBOTA-12","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 21","offer_id":47814232670456,"sku":"JORDANKIDSBOTA-13","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 22","offer_id":47814232703224,"sku":"JORDANKIDSBOTA-14","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 23","offer_id":47814232735992,"sku":"JORDANKIDSBOTA-15","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 24","offer_id":47814232768760,"sku":"JORDANKIDSBOTA-16","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 27","offer_id":47814232801528,"sku":"JORDANKIDSBOTA-19","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 28","offer_id":47814232834296,"sku":"JORDANKIDSBOTA-20","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 26","offer_id":47814232867064,"sku":"JORDANKIDSBOTA-18","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 30","offer_id":47814232899832,"sku":"JORDANKIDSBOTA-35","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 33","offer_id":47814232932600,"sku":"JORDANKIDSBOTA-38","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 23","offer_id":47814232965368,"sku":"JORDANKIDSBOTA-28","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 23","offer_id":47814232998136,"sku":"JORDANKIDSBOTA-2","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 30","offer_id":47814233030904,"sku":"JORDANKIDSBOTA-9","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 22","offer_id":47814233063672,"sku":"JORDANKIDSBOTA-27","price":129900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 31","offer_id":47814233096440,"sku":"JORDANKIDSBOTA-23","price":129900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ZahariqShop_20251101_172710_0005.png?v=1762116122"},{"product_id":"jordan-colores-acidos","title":"JORDAN UNISEX COLORES NEÓN TALLA 34 A 43","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eJordan Urban – Sneakers Streetwear Unisex | Zahariq Shop 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: #1a1a1a;\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 \/* ── 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 \/* ── 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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n \/* ── CSS VARIABLES · URBAN MONO ── *\/\n :root {\n --ink: #141414;\n --graphite: #2b2b2b;\n --stone: #6f6f6f;\n --smoke: #f5f5f5;\n --line: rgba(20,20,20,0.12);\n --mid: #555555;\n --accent: #1e5bff;\n --accent-deep: #123fce;\n --star: #f5b301;\n }\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, var(--accent), #6fa0ff, var(--accent));\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(30,91,255,0.4); max-width: 100%;\n }\n \/* ── HERO · BLANCO MINIMALISTA ── *\/\n .hero {\n background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff;\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 \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #f2b800, #ffd400, #f2b800);\n color: #141414; 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(242,184,0,0.4);\n border: 1px solid rgba(0,0,0,0.08);\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 \/* ── 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n border: 2px solid rgba(20,20,20,0.12);\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, inkGlow 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.16);\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: var(--stone); 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: #141414;\n animation: titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n }\n .hero h1 span.accent-word {\n color: #ffffff;\n -webkit-text-stroke: 1px var(--accent);\n text-stroke: 1px var(--accent);\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: var(--accent); font-weight: 900; font-style: italic;\n position: relative;\n }\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #f2b800, #ffd400, #f2b800);\n background-size: 200% 200%;\n color: #141414; 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(242,184,0,0.45);\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(242,184,0,0.6);\n }\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-dark {\n background: linear-gradient(135deg, #141414, #2b2b2b);\n color: #fff; border: 1px solid rgba(0,0,0,0.2);\n }\n .badge-soft {\n background: linear-gradient(135deg, #ececec, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\n }\n \/* ══════════════════════════════════════════════════ *\/\n \/* ── MARQUEE \/ SLIDER STRIPS · MOTOR ULTRA-FLUIDO ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n \/* ══════════════════════════════════════════════════ *\/\n .marquee {\n position: relative; overflow: hidden; padding: 20px 0;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n }\n .marquee.dark {\n background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d);\n border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .marquee.light {\n background: #ffffff;\n border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12);\n }\n .marquee__track {\n display: flex; width: max-content;\n will-change: transform; backface-visibility: hidden;\n transform: translate3d(0,0,0);\n }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group {\n display: flex; align-items: center; flex: 0 0 auto;\n }\n .marquee__group .m-item {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em;\n letter-spacing: 3px; padding: 0 6px; white-space: nowrap;\n }\n .marquee__group .m-sep {\n display: inline-block; padding: 0 22px; font-style: normal;\n font-size: 1.1em; line-height: 1;\n }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) {\n .marquee { padding: 15px 0; }\n .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; }\n .marquee__group .m-sep { padding: 0 15px; }\n }\n \/* ── SECCIONES ── *\/\n .visual-banner {\n background: #ffffff;\n padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n width: 100%; max-width: 100%;\n }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n color: #141414; margin-bottom: 15px; text-align: center;\n position: relative; z-index: 2; word-wrap: break-word;\n padding: 0 10px; letter-spacing: 3px;\n }\n .section-title.dark-title { color: #141414; }\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, var(--accent), transparent);\n margin: 15px auto 30px;\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.06);\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(20,20,20,0.1);\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(20,20,20,0.04), 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(0,0,0,0.1), 0 25px 70px rgba(0,0,0,0.1);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(20,20,20,0.35);\n }\n .product-card img, .product-card video {\n width: 100%; max-width: 100%; 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(20,20,20,0.08);\n }\n .img-frame {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; border-radius: 18px; margin-bottom: 22px;\n border: 1px solid rgba(20,20,20,0.08);\n }\n .img-frame img {\n width: 100%; height: 100%; object-fit: cover;\n border-radius: 0; margin-bottom: 0; border: none;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 {\n color: #141414; margin-bottom: 12px;\n font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .product-card:hover h3 { transform: translateY(-3px); }\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 \/* ── BENEFITS ── *\/\n .benefits {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n 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(20,20,20,0.04) 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(20,20,20,0.35);\n box-shadow: 0 0 25px rgba(0,0,0,0.08), 0 20px 60px rgba(0,0,0,0.1);\n }\n .benefit-icon {\n font-size: 2.4em; margin-bottom: 20px; display: block;\n color: var(--accent); line-height: 1;\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.15) rotate(180deg);\n color: var(--accent-deep);\n }\n .benefit-card h3 {\n margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.5em; letter-spacing: 2px; color: #141414;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 \/* ── 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: #f6f6f6;\n padding: 28px; border-radius: 18px;\n border-left: 4px solid var(--accent);\n border-top: 1px solid rgba(20,20,20,0.06);\n border-right: 1px solid rgba(20,20,20,0.04);\n border-bottom: 1px solid rgba(20,20,20,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, var(--accent), #6fa0ff, var(--accent-deep));\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.07), -8px 0 20px rgba(0,0,0,0.08);\n }\n .spec-item strong {\n color: #141414; 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); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n \/* ── TESTIMONIALS ── *\/\n .testimonials {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\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(20,20,20,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(0,0,0,0.08), 0 25px 70px rgba(0,0,0,0.1);\n border-color: rgba(20,20,20,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 { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.15em; margin-bottom: 16px; color: var(--star);\n letter-spacing: 4px;\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\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: #141414; 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 \/* ── TRUST ── *\/\n .trust {\n background: #ffffff; padding: 90px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n width: 100%; max-width: 100%;\n }\n .trust-card {\n max-width: 760px; margin: 0 auto;\n background: #f6f6f6; border: 1.5px solid rgba(20,20,20,0.12);\n border-radius: 22px; padding: 48px 40px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n }\n .trust-card h3 {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px;\n color: #141414; margin-bottom: 16px;\n }\n .trust-card p { color: #555555; font-size: 1.05em; line-height: 1.9; }\n .trust-card p strong { color: #141414; }\n .trust-line {\n margin-top: 22px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.25em; letter-spacing: 3px; color: #141414;\n }\n .verification-image {\n max-width: 620px; width: 90%; height: auto; border-radius: 20px;\n box-shadow: 0 15px 45px rgba(0,0,0,0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: block; margin: 34px auto 0;\n border: 1px solid rgba(20,20,20,0.1);\n }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n \/* ── FINAL CTA ── *\/\n .final-cta {\n background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(20,20,20,0.05) 0%, transparent 70%), #ffffff;\n color: #141414; padding: 100px 0; text-align: center;\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .final-cta h2 {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n margin-bottom: 20px; color: #141414; position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\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 \/* ── PAYMENT INFO ── *\/\n .payment-info {\n background: #f6f6f6;\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(20,20,20,0.12);\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(20,20,20,0.05), 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(0,0,0,0.08), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(20,20,20,0.3);\n }\n .payment-info h3 {\n margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8em; letter-spacing: 3px; color: #141414;\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: #141414; }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: #141414; 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 \/* ── PRICE COMPARISON ── *\/\n .price-comparison {\n background: #f6f6f6;\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(20,20,20,0.15); 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(20,20,20,0.05), 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(0,0,0,0.08), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(20,20,20,0.35);\n }\n .old-price {\n text-decoration: line-through; color: #aaaaaa;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\n }\n .new-price {\n color: var(--accent); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\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 { transform: scale(1.06); }\n .savings {\n color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n \/* ── CHIPS SECTION ── *\/\n .colors-section {\n background: #ffffff;\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-soft { background: #f0f0f0; color: #333; border: 1px solid rgba(0,0,0,0.1); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-soft { background: radial-gradient(circle, #f0f0f0, #888888); border: 1px solid rgba(0,0,0,0.1); }\n \/* ── FOOTER (full-bleed) ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n .footer {\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(255,255,255,0.08);\n position: relative; overflow: hidden;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: inkGlow 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.6);\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: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n \/* ── RESPONSIVE ── *\/\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- HERO · FONDO BLANCO MINIMALISTA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Jordan Urban – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251102_164906_0000.png?v=1762120190\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eJORDAN\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eURBAN\u003c\/span\u003e\u003cbr\u003eUNISEX\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN STREET STYLE · DISEÑO EXCLUSIVO ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El sneaker que eleva tu look y le pone actitud a cada paso.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eEstilo urbano · Unisex · Tallas 34 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eSTREET STYLE\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS JORDAN · $139.900\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 1 · DESEO \/ PRODUCTO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eESTILO URBANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMODIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTENDENCIA STREET\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMBINA CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eACTITUD ÚNICA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eESTILO URBANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMODIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTENDENCIA STREET\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMBINA CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eACTITUD ÚNICA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CHIPS · ESTILO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eUn Solo Estilo, Toda la Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eSneakers pensados para la calle — para hombres y mujeres que marcan tendencia\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n \u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e ESTILO URBANO\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-soft\"\u003e\n \u003cdiv class=\"chip-dot dot-soft\"\u003e\u003c\/div\u003e TOTALMENTE UNISEX\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA PRINCIPAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEl Sneaker que Todos Voltean a Ver\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño urbano · Cómodo · Versátil · Hecho para robar miradas\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/WhatsApp_Image_2026-07-01_at_7.31.49_PM.jpg?v=1782960036\" alt=\"Jordan Urban – Hombre y Mujer\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eUnisex para Hombre y Mujer\u003c\/h3\u003e\n \u003cp\u003eUn diseño urbano que luce increíble en cualquier pie. Del jean al jogger, estos sneakers le suben el nivel a tu outfit sin esfuerzo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/WhatsApp_Image_2026-07-01_at_7.31.49_PM_2.jpg?v=1782960036\" alt=\"Jordan Urban – Mujer\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eEstilo Femenino con Actitud\u003c\/h3\u003e\n \u003cp\u003eCómodos, atrevidos y con personalidad. El sneaker que combina con leggins, jean o falda y siempre te hace destacar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/WhatsApp_Image_2026-07-01_at_7.31.49_PM_1.jpg?v=1782960036\" alt=\"Jordan Urban – Hombre\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eEstilo Urbano Masculino\u003c\/h3\u003e\n \u003cp\u003eEl tenis que hace que la gente pregunte dónde lo compraste. Diseño exclusivo, en tendencia y con acabado premium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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é los Jordan Urban?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eDiseño Urbano Exclusivo\u003c\/h3\u003e\n \u003cp\u003eInspirado en la tendencia streetwear. Un sneaker con carácter que le pone estilo y actitud a tu día a día en la ciudad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eComodidad Incomparable\u003c\/h3\u003e\n \u003cp\u003eCómodos desde el primer uso. Amortiguación que se adapta a tu pie y te acompaña de la mañana a la noche sin cansarte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eCombina con Todo\u003c\/h3\u003e\n \u003cp\u003eDel look casual al deportivo, de la universidad al plan de noche. Versátiles para armar cualquier outfit sin pensarlo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTotalmente Unisex\u003c\/h3\u003e\n \u003cp\u003ePensados para todos. Hombres y mujeres lucen increíbles con estos sneakers. Tallas de la 34 a la 43 para todos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eEnvío Gratis a Colombia\u003c\/h3\u003e\n \u003cp\u003eLlegan a tu puerta sin costo de envío. Pago contra entrega para que compres con total tranquilidad y sin ningún riesgo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eDe $189.900 a solo \u003cstrong style=\"color:#141414\"\u003e$139.900\u003c\/strong\u003e. Ahorra $50.000 en un sneaker exclusivo que vale mucho más.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 2 · PERSUASIÓN \/ PRUEBA SOCIAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL SNEAKER MÁS DESEADO DE LA CALLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMILES YA LOS LLEVAN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eELEVA TU ESTILO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL SNEAKER MÁS DESEADO DE LA CALLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMILES YA LOS LLEVAN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eELEVA TU ESTILO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eProducto\u003c\/strong\u003e\n \u003cspan\u003eJordan Urban – Edición Street Style · Diseño Exclusivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEstilo\u003c\/strong\u003e\n \u003cspan\u003eDiseño urbano en tendencia, streetwear – pensado para destacar en la ciudad\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eUso\u003c\/strong\u003e\n \u003cspan\u003eTotalmente Unisex – diseñado para hombres y mujeres con actitud\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eComodidad\u003c\/strong\u003e\n \u003cspan\u003eAmortiguación premium que se adapta a tu pie – cómodos desde el primer uso\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eVersatilidad\u003c\/strong\u003e\n \u003cspan\u003eCombinan con jeans, joggers, shorts y faldas – del look casual al urbano\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSuela\u003c\/strong\u003e\n \u003cspan\u003eSuela de alto rendimiento con tracción superior – ligera, duradera y resistente\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003eTallas 34 a 43 en numeración colombiana – disponible para hombres y mujeres\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eUso Ideal\u003c\/strong\u003e\n \u003cspan\u003eDía a día, salidas, universidad, plan urbano – el sneaker para cada momento\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\n \u003cspan\u003eAntes $189.900 → Hoy solo $139.900 COP · Ahorra $50.000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEnvío\u003c\/strong\u003e\n \u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260108-WA0003_b3be7d9f-31f6-46f6-ae05-ce3fb2a3d724.jpg?v=1777170659\" alt=\"Reseña cliente Hombre\" 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\"Me llegaron en dos días y quedé encantado. Combinan con todo, del jean al jogger. Bien cómodos y el pago contra entrega me dio confianza.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Carlos A. · Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260120-WA0020_00a97061-bde0-4635-b605-d3b9e18bdf0a.jpg?v=1777170659\" alt=\"Reseña cliente Mujer\" 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\"No me los quito. Me los pongo con leggins o jean y siempre me preguntan de dónde son. Muy cómodos y bonitos, valió la pena.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Mariana T. · Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260117-WA0011_bf5d1ca8-a2fe-4af4-8ce6-5901b98ac3cf.jpg?v=1777170659\" alt=\"Reseña cliente Hombre 2\" 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í talla 42 y quedaron perfectos. Llegaron rápido y en buen estado. El diseño es diferente, no se ven en todo lado. Ya pedí otro par.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Felipe O. · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 3 · OFERTA \/ CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- URGENCIA --\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(20,20,20,0.2); box-shadow: 0 0 35px rgba(0,0,0,0.08);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/WhatsApp_Image_2026-05-15_at_5.24.10_PM.jpg?v=1778883966\" alt=\"No te quedes sin tus Jordan Urban\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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 sneaker le cambia la cara a cualquier outfit.\u003cbr\u003e\n \u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla. 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\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 Jordan Urban Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un sneaker que combine estilo urbano, comodidad real y esa actitud que te hace destacar a donde vayas\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 34 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTotalmente Unisex\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEdición Street Style\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.900 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $139.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $50.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS JORDAN AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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=\"Jordan Urban – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251102_164906_0000.png?v=1762120190\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo urbano en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eJORDAN URBAN – Edición Street Style\u003c\/div\u003e\n \u003cp\u003eSneakers de edición exclusiva con diseño urbano. Unisex, tallas 34 a 43, envío gratis a todo el país y pago contra entrega. Ponle actitud a tu estilo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\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 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 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 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 document.addEventListener('DOMContentLoaded', function() {\n smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\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 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 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 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 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 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 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","brand":"zahariq","offers":[{"title":"37","offer_id":47351558865144,"sku":"-3","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"36","offer_id":47351558897912,"sku":"-2","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"35","offer_id":47351558930680,"sku":"-1","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"34","offer_id":47351558963448,"sku":"-0","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"43","offer_id":47351558996216,"sku":"-9","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"42","offer_id":47351559028984,"sku":"-8","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"41","offer_id":47351559061752,"sku":"-7","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"40","offer_id":47351559094520,"sku":"-6","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"39","offer_id":47351559127288,"sku":"-5","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"38","offer_id":47351559160056,"sku":"-4","price":139900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251102_153224_0000.png?v=1784861826"},{"product_id":"on-cloud-horizon-tenis-calzado","title":"ON CLOUD HORIZON TENIS CALZADO","description":"INFORMACION IMPORTANTEPOLITICAS VINOTINTO CALZADO  -CONSULTAR DISPONIBILIDAD ANTES DE ESCALAR-NO REALIZAMOS DESPACHOS POR DOMINA-NO REALIZAMOS DESPACHOS POR WIILOG-NO REALIZAMOS DESPACHOS POR VELOCES-NO REALIZAMOS DESPACHOS POR JAMV-DRIVE-TIEMPO DE DESPACHO: 24 A 48 HRS  -CALZADO NACIONAL-DIFERENTES TIPOS DE EMBALAJE No ofrecemos el servicio de envío a través de esas transportadoras, ya que no estan disponibles en la ciudad de Cúcuta, desde donde realizamos nuestros envíos.-GESTIONAMOS CAMBIOS SÓLO EL DÍA SÁBADONuestros productos son elaborados por manos colombianas con los mejores insumos para brindar comodidad y calidad en nuestros acabados. Nuestros despachos son realizados con rapidez y cuidando cada detalle para una experiencia de compra agradable.GARANTIAS DEL PRODUCTO Nuestro calzado tiene 30 días CALENDARIO de garantía por defecto de fábrica, con un tiempo estimado de 20 días hábiles de solución. No se da garantía por mal uso del calzado, los cambios se realizan solo si el producto está en buenas condiciones, en caso de estar usado se realiza garantía sobre el mismo.INFORMACION SOBRE TRANSPORTADORASTe informamos que, lamentablemente, no ofrecemos el servicio de envío a través de la transportadora 99 Minutos, ya que no está disponible en la ciudad de Cúcuta, desde donde realizamos nuestros envíos.Te sugerimos utilizar otras opciones de transporte disponibles en nuestra plataforma para asegurar una entrega rápida y segura de tus productos.","brand":"zahariq","offers":[{"title":"GRIS \/ 35","offer_id":47363062497528,"sku":"HORIZON-0","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 36","offer_id":47363062530296,"sku":"HORIZON-1","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 37","offer_id":47363062563064,"sku":"HORIZON-2","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 38","offer_id":47363062595832,"sku":"HORIZON-3","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 39","offer_id":47363062628600,"sku":"HORIZON-4","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 40","offer_id":47363062661368,"sku":"HORIZON-5","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 41","offer_id":47363062694136,"sku":"HORIZON-6","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 42","offer_id":47363062726904,"sku":"HORIZON-7","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 43","offer_id":47363062759672,"sku":"HORIZON-8","price":139000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1759188219IMG_2526.jpg?v=1762709429"},{"product_id":"tenis-tommy-para-caballero","title":"Tenis Tommy Para Caballero","description":"\"ES UN PLACER SERVIRLE PARA EVITAR LAS DEVOLUCIONES POR FAVOR ANTES DE MONTAR UNA ORDEN VERIFIQUE LA DIRECCION EL TELEFONO DEL CLIENTE Y LA DISPONIBILIDAD DE QUE EL CLIENTE RECIBIRA EL PRODUCTO Y HACER SEGUIMIENTO A LAS TRANSPORTADORAS\"ESTO CON EL FIN DE MINIMIZAR LA TASA DE DEVOLUCION Material : SinteticoSuela ; ligeraModelo ; DeportivaSexo : CaballeroColor : NEgro Hecho : En Cúcuta Norte De Santander2024Store es una empresa líder en la industria deportiva, comprometida con brindar la mejor calidad en todos los productos que ofrecemos. Desde hace más de 3 años, nos hemos consolidado como una empresa confiable y reconocida por entregar productos de alta gama que cumplen con los estándares más exigentes.Nuestro compromiso con la calidad se refleja en cada etapa de nuestro proceso de producción, desde la selección de los materiales hasta la fabricación y el control de calidad. Trabajamos con los mejores proveedores y fabricantes del mercado para garantizar que nuestros productos sean duraderos, funcionales y de la más alta calidad.Uno de los pilares de nuestro éxito es nuestra puntualidad en los envíos. Sabemos lo importante que es para nuestros clientes recibir sus pedidos a tiempo, por lo que nos esforzamos en despachar cada producto de manera eficiente y en los plazos acordados. Además, contamos con un sistema de seguimiento de envíos que permite al cliente estar informado en todo momento sobre el estado de su pedido.Somos una empresa responsable que se preocupa por cumplir con las expectativas de nuestros clientes. Nuestro compromiso con la satisfacción del cliente va más allá de la entrega de productos de calidad y envíos puntuales. Si surge algún problema, nos comprometemos a resolverlo de manera rápida y efectiva, ofreciendo soluciones que superen las expectativas del cliente.Además de ofrecer calidad y responsabilidad, en 2024Store nos enorgullece poder ofrecer a nuestros clientes los mejores precios del mercado. Trabajamos directamente con los fabricantes y eliminamos intermediarios, lo que nos permite ofrecer productos de alta calidad a precios muy competitivos. Nuestro objetivo es hacer accesible la excelencia deportiva a todos nuestros clientes.Además de nuestros servicios tradicionales, también ofrecemos la modalidad de dropshipping, lo que significa que podemos enviar directamente los productos a los clientes finales en nombre de nuestros distribuidores. Esto ofrece una gran ventaja para aquellos que buscan expandir su negocio sin tener que preocuparse por el inventario y la logística.En resumen, en \"2024store encontrarás una empresa con más de 3 años de experiencia en el mercado, comprometida con la calidad, los envíos a tiempo, la responsabilidad y los mejores precios del mercado en los productos que ofrecemos. Trabajamos arduamente para brindar a nuestros clientes una experiencia de compra excepcional y cumplir con sus necesidades deportivas. ¡Únete a la experiencia 2024store y descubre la excelencia deportiva a tu alcance!","brand":"zahariq","offers":[{"title":"Negro \/ 37","offer_id":47363064430840,"sku":"-0","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 38","offer_id":47363064463608,"sku":"-1","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 39","offer_id":47363064496376,"sku":"-2","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 40","offer_id":47363064529144,"sku":"-3","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 41","offer_id":47363064561912,"sku":"-4","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 42","offer_id":47363064594680,"sku":"-5","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 43","offer_id":47363064627448,"sku":"-6","price":157000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1757181508WhatsApp_20Image_202025-09-06_20at_2012.56.48_20PM.jpg?v=1762181858"},{"product_id":"tenis-hugo-boss","title":"Tenis Hugo Boss","description":"Hugo BossCalidad PremiumGenero: UnisexDisponible Talla 35 al 43Material: Textil Interior AcolchonadoSuela: Goma SuaveAjuste Cordones.   Garantías30 Días Mal Funcionamiento30 Días Producto Roto10 Días Orden Imcompleta ","brand":"zahariq","offers":[{"title":"Lila \/ 40","offer_id":47363101753592,"sku":"-41","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Lila \/ 39","offer_id":47363101786360,"sku":"-40","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Lila \/ 38","offer_id":47363101819128,"sku":"-39","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Lila \/ 37","offer_id":47363101851896,"sku":"-38","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Lila \/ 36","offer_id":47363101884664,"sku":"-37","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Lila \/ 35","offer_id":47363101917432,"sku":"-36","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 43","offer_id":47363101950200,"sku":"-35","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 42","offer_id":47363101982968,"sku":"-34","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 41","offer_id":47363102015736,"sku":"-33","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 40","offer_id":47363102048504,"sku":"-32","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 39","offer_id":47363102081272,"sku":"-31","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 38","offer_id":47363102114040,"sku":"-30","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 37","offer_id":47363102146808,"sku":"-29","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 36","offer_id":47363102179576,"sku":"-28","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Blanco \/ 35","offer_id":47363102212344,"sku":"-27","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 43","offer_id":47363102245112,"sku":"-26","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 42","offer_id":47363102277880,"sku":"-25","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 41","offer_id":47363102310648,"sku":"-24","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 40","offer_id":47363102343416,"sku":"-23","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 39","offer_id":47363102376184,"sku":"-22","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 38","offer_id":47363102408952,"sku":"-21","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 37","offer_id":47363102441720,"sku":"-20","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 36","offer_id":47363102474488,"sku":"-19","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 35","offer_id":47363102507256,"sku":"-18","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 43","offer_id":47363102540024,"sku":"-17","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 42","offer_id":47363102572792,"sku":"-16","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 41","offer_id":47363102605560,"sku":"-15","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 40","offer_id":47363102638328,"sku":"-14","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 39","offer_id":47363102671096,"sku":"-13","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 38","offer_id":47363102703864,"sku":"-12","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 37","offer_id":47363102736632,"sku":"-11","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 36","offer_id":47363102769400,"sku":"-10","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 35","offer_id":47363102802168,"sku":"-9","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 43","offer_id":47363102834936,"sku":"-8","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 42","offer_id":47363102867704,"sku":"-7","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 41","offer_id":47363102900472,"sku":"-6","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 40","offer_id":47363102933240,"sku":"-5","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 39","offer_id":47363102966008,"sku":"-4","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 38","offer_id":47363102998776,"sku":"-3","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 37","offer_id":47363103031544,"sku":"-2","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 36","offer_id":47363103064312,"sku":"-1","price":154000.0,"currency_code":"COP","in_stock":true},{"title":"Gris \/ 35","offer_id":47363103097080,"sku":"-0","price":154000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1749555836IMG-20250610-WA0038.jpg?v=1762181935"},{"product_id":"tommy-hilfiger-🚜","title":"Tommy Hilfiger 🚜","description":"Material: CueroSuela; Suela TractorCosidasModelo; CasualesSexo: DamaColor : Blanco Hecho: En Cúcuta Norte De SantanderLegado Shoes es una empresa líder en la industria De calzados, comprometida con brindar la mejor calidad en todos los productos que ofrecemos. Desde hace más de 4 año, nos hemos consolidado como una empresa confiable y reconocida por entregar productos de alta gama que cumplen con los estándares más exigentes.Nuestro compromiso con la calidad se refleja en cada etapa de nuestro proceso de producción, desde la selección de los materiales hasta la fabricación y el control de calidad. Trabajamos con los mejores proveedores y fabricantes del mercado para garantizar que nuestros productos sean duraderos, funcionales y de la más alta calidad.Uno de los pilares de nuestro éxito es nuestra puntualidad en los envíos. Sabemos lo importante que es para nuestros clientes recibir sus pedidos a tiempo, por lo que nos esforzamos en despachar cada producto de manera eficiente y en los plazos acordados. Además, contamos con un sistema de seguimiento de envíos que permite al cliente estar informado en todo momento sobre el estado de su pedido.Somos una empresa responsable que se preocupa por cumplir con las expectativas de nuestros clientes. Nuestro compromiso con la satisfacción del cliente va más allá de la entrega de productos de calidad y envíos puntuales. Si surge algún problema, nos comprometemos a resolverlo de manera rápida y efectiva, ofreciendo soluciones que superen las expectativas del cliente.Además de ofrecer calidad y responsabilidad, en Legado Shoes  nos enorgullece poder ofrecer a nuestros clientes los mejores precios del mercado. Trabajamos directamente con los fabricantes y eliminamos intermediarios, lo que nos permite ofrecer productos de alta calidad a precios muy competitivos. Nuestro objetivo es hacer accesible la excelencia deportiva a todos nuestros clientes.Además de nuestros servicios tradicionales, también ofrecemos la modalidad de dropshipping, lo que significa que podemos enviar directamente los productos a los clientes finales en nombre de nuestros distribuidores. Esto ofrece una gran ventaja para aquellos que buscan expandir su negocio sin tener que preocuparse por el inventario y la logística.En resumen, en \"Legado Shoes encontrarás una empresa con más de 1 años de experiencia en el mercado, comprometida con la calidad, los envíos a tiempo, la responsabilidad y los mejores precios del mercado en los productos que ofrecemos. Trabajamos arduamente para brindar a nuestros clientes una experiencia de compra excepcional y cumplir con sus necesidades deportivas. ¡Únete a la experiencia Legado Shoes  y descubre la excelencia deportiva a tu alcance!!","brand":"zahariq","offers":[{"title":"Blanco \/ 35","offer_id":47363105718520,"sku":"-0","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 36","offer_id":47363105751288,"sku":"-1","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 37","offer_id":47363105784056,"sku":"-2","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 38","offer_id":47363105816824,"sku":"-3","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 39","offer_id":47363105849592,"sku":"-4","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 40","offer_id":47363105882360,"sku":"-5","price":134000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1748629487WhatsApp_20Image_202025-05-30_20at_2010.43.26_20AM_20_2.jpg?v=1762182110"},{"product_id":"tenis-hugo-boss-azul-caballero","title":"Tenis Hugo Boss Azul Caballero","description":"169000","brand":"zahariq","offers":[{"title":"41","offer_id":47363107520760,"sku":"-4","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"42","offer_id":47363107553528,"sku":"-5","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"43","offer_id":47363107586296,"sku":"-6","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"40","offer_id":47363107619064,"sku":"-3","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"39","offer_id":47363107651832,"sku":"-2","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"38","offer_id":47363107684600,"sku":"-1","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"37","offer_id":47363107717368,"sku":"-0","price":65000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1746249724WhatsApp_20Image_202025-05-02_20at_203.48.44_20PM_20_1.jpg?v=1762182180"},{"product_id":"bota-jordan-retro-1","title":"BOTA JORDAN RETRO 1","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBota Jordan Retro 1 – Edición Unisex | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#c0272d; --accent-deep:#8f1a1f; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(192,39,45,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #c0272d, #e0454b, #c0272d); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(192,39,45,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 24px; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(1deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #c0272d, #e0454b, #c0272d); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(192,39,45,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(192,39,45,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(192,39,45,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(192,39,45,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(192,39,45,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(192,39,45,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(192,39,45,0.4); box-shadow: 0 0 25px rgba(192,39,45,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(192,39,45,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(192,39,45,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(192,39,45,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(192,39,45,0.3); }\n .testimonial-body { padding: 34px 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(192,39,45,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(192,39,45,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(192,39,45,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(192,39,45,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-block { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-block::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(192,39,45,0.06), transparent); transition: left 0.8s ease; }\n .price-block:hover::before { left: 100%; }\n .price-block:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(192,39,45,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(192,39,45,0.3); }\n .price-tag { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-block:hover .price-tag { transform: scale(1.06); }\n .price-note { color: var(--stone); font-size: 1.05em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-red { background: linear-gradient(135deg, #c0272d, #e0454b); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(192,39,45,0.25); }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-red { background: radial-gradient(circle, #ff6b6b, #8f1a1f); box-shadow: 0 0 8px rgba(192,39,45,0.4); }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 24px; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(2deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .price-tag { 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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Bota Jordan Retro 1 – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1741290989WhatsApp_20Image_202025-03-06_20at_202.15.12_20PM.jpg?v=1762182252\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eBOTA JORDAN\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eRETRO 1\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ CORTE ALTO · CUERO VEGANO PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El clásico corte alto que combina resistencia, comodidad y estilo en cada paso.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e2 colores · Tallas 35 a 43 · Para dama y caballero\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MI BOTA · $149.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO VEGANO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCORTE ALTO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVU COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDAMA Y CABALLERO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO VEGANO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCORTE ALTO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVU COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDAMA Y CABALLERO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDos Colores, Una Sola Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-red\"\u003e\n\u003cdiv class=\"chip-dot dot-red\"\u003e\u003c\/div\u003e ROJO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eCorte Alto, Acabados 10\/10\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCuero vegano de alta calidad · Bordados de marca · Terminaciones premium\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\" style=\"max-width:600px; margin:60px auto 0;\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1741290989WhatsApp_20Image_202025-03-06_20at_202.15.12_20PM.jpg?v=1762182252\" alt=\"Bota Jordan Retro 1\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño de Corte Alto\u003c\/h3\u003e\n\u003cp\u003eReferencia en corte alto con cuero vegano de alta calidad, excelentes acabados y bordados de marca en lenguas y laterales que le dan un toque distintivo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué la Bota Jordan Retro 1?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCuero Vegano Premium\u003c\/h3\u003e\n\u003cp\u003eMaterial de alta calidad con excelentes acabados y terminaciones 10\/10, resistente y fácil de mantener.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eBordados de Marca\u003c\/h3\u003e\n\u003cp\u003eDetalles en cortes de alta calidad, bordados en lenguas y laterales que aportan un acabado distintivo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela PVU Cosida\u003c\/h3\u003e\n\u003cp\u003eSúper cómoda, versátil y perfecta para los dobleces naturales del pie, con costura que garantiza durabilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eForro en Licrón Importado\u003c\/h3\u003e\n\u003cp\u003eInterior transpirable con cordones en algodón que se adaptan cómodamente a tu pie.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePara Dama y Caballero\u003c\/h3\u003e\n\u003cp\u003eDiseño unisex disponible en tallas 35 a 43, pensado para acompañarte todos los días.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eGarantía Real\u003c\/h3\u003e\n\u003cp\u003eRespondemos por garantías: par incompleto, errores de fábrica o descosido, con 10 días hábiles para gestionarla.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eLA BOTA MÁS VERSÁTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELA EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eLA BOTA MÁS VERSÁTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELA EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 pedirla\u003c\/p\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eBota corte alto para dama y caballero, referencia Jordan Retro 1\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eRojo · Negro\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eCuero vegano de alta calidad con excelentes acabados y terminaciones 10\/10\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eDetalles\u003c\/strong\u003e\u003cspan\u003eBordados de marca en lenguas y laterales, cortes de alta calidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003ePVU cosida, súper cómoda y versátil, perfecta para los dobleces del pie\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones en algodón con forro interno en licrón importado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e35, 36, 37, 38, 39, 40, 41, 42 y 43 (tallas nacionales)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eGarantías\u003c\/strong\u003e\u003cspan\u003eSe cubren: par incompleto en orden compuesta, errores de fábrica o malas terminaciones, y descosidos. 10 días hábiles para solicitarla desde la recepción\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$149.000 COP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí la roja y quedó exacta a las fotos. El cuero se siente de buena calidad y la suela es súper cómoda desde el primer uso.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camila R. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Compré la negra para mi pareja y le quedó perfecta en talla 42. Los bordados se ven muy bien hechos, no parecen baratos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés F. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Muy buena bota para el diario, el forro interno se siente cómodo todo el día. El pago contraentrega me dio confianza para comprar.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura S. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tu Bota Jordan Retro 1 Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces una bota que combine resistencia, comodidad real y estilo en cada paso\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 35 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía Real\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eRojo y Negro\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-block fade-in\"\u003e\n \u003cspan class=\"price-tag\"\u003e$149.000 COP\u003c\/span\u003e\n \u003cdiv class=\"price-note\"\u003ePago contra entrega · Sin anticipos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MI BOTA JORDAN RETRO 1\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se agotan rápido por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Bota Jordan Retro 1 – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1741290989WhatsApp_20Image_202025-03-06_20at_202.15.12_20PM.jpg?v=1762182252\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo y resistencia en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eBOTA JORDAN RETRO 1 – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eBota de corte alto en cuero vegano premium, para dama y caballero, tallas 35 a 43, envío a todo Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"ROJO \/ 41","offer_id":47363109159160,"sku":"RETRO1-15","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 42","offer_id":47363109191928,"sku":"RETRO1-16","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 43","offer_id":47363109224696,"sku":"RETRO1-17","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 40","offer_id":47363109257464,"sku":"RETRO1-14","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 39","offer_id":47363109290232,"sku":"RETRO1-13","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 38","offer_id":47363109323000,"sku":"RETRO1-12","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 37","offer_id":47363109355768,"sku":"RETRO1-11","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 36","offer_id":47363109388536,"sku":"RETRO1-10","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 35","offer_id":47363109421304,"sku":"RETRO1-9","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 43","offer_id":47363109454072,"sku":"RETRO1-8","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 42","offer_id":47363109486840,"sku":"RETRO1-7","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 41","offer_id":47363109519608,"sku":"RETRO1-6","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 40","offer_id":47363109552376,"sku":"RETRO1-5","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 39","offer_id":47363109585144,"sku":"RETRO1-4","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 38","offer_id":47363109617912,"sku":"RETRO1-3","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 37","offer_id":47363109650680,"sku":"RETRO1-2","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 36","offer_id":47363109683448,"sku":"RETRO1-1","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 35","offer_id":47363109716216,"sku":"RETRO1-0","price":149000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1741290989WhatsApp_20Image_202025-03-06_20at_202.15.12_20PM.jpg?v=1762182252"},{"product_id":"hugo-boss-deportivo","title":"HUGO BOSS DEPORTIVO","description":"Referencia para caballero. Deportivo en maya importado con detalles de bordados en 3D super en tendencia, con acabados y terminaciones 10\/10. Detalles en satinado en punteras y costados con suela en pvu sport vulcanziada, muy comoda y liviana. Cordones en algodón y forro interno en licron importado. Talla 37 al 43 (Tallas nacionales)Respondemos por garantías y hacemos cambios por talla y\/o color. Las garantías se cubren en los siguientes casos: 1. Falte algún par de zapatos cuando la orden es compuesta2. Errores de fabrica o malas terminaciones.3. Despegue o descosido del calzado.TENER EN CUENTA: Se cuentan con 10 días hábiles para solicitar garantías por imperfecciones o errores de fabrica después de haber recibido el paquete. Se debe tener en cuenta el buen uso del producto por parte del comprador para poder gestionar las garantías.","brand":"zahariq","offers":[{"title":"BLANCO \/ 37","offer_id":47363114074360,"sku":"HBDEPORTIVO-7","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":47363114107128,"sku":"HBDEPORTIVO-8","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 41","offer_id":47363114139896,"sku":"HBDEPORTIVO-18","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 42","offer_id":47363114172664,"sku":"HBDEPORTIVO-19","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 43","offer_id":47363114205432,"sku":"HBDEPORTIVO-20","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 40","offer_id":47363114238200,"sku":"HBDEPORTIVO-17","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 39","offer_id":47363114270968,"sku":"HBDEPORTIVO-16","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 38","offer_id":47363114303736,"sku":"HBDEPORTIVO-15","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 37","offer_id":47363114336504,"sku":"HBDEPORTIVO-14","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":47363114369272,"sku":"HBDEPORTIVO-13","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":47363114402040,"sku":"HBDEPORTIVO-12","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 41","offer_id":47363114434808,"sku":"HBDEPORTIVO-11","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47363114467576,"sku":"HBDEPORTIVO-10","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47363114500344,"sku":"HBDEPORTIVO-9","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 43","offer_id":47363114533112,"sku":"HBDEPORTIVO-6","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 42","offer_id":47363114565880,"sku":"HBDEPORTIVO-5","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 41","offer_id":47363114598648,"sku":"HBDEPORTIVO-4","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 40","offer_id":47363114631416,"sku":"HBDEPORTIVO-3","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 39","offer_id":47363114664184,"sku":"HBDEPORTIVO-2","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 38","offer_id":47363114696952,"sku":"HBDEPORTIVO-1","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 37","offer_id":47363114729720,"sku":"HBDEPORTIVO-0","price":149000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1738957439WhatsApp_20Image_202025-02-07_20at_202.22.28_20PM_20_2.jpg?v=1762182390"},{"product_id":"adidas-supernova-rise-caja","title":"ADIDAS SUPERNOVA RISE + CAJA","description":"SUPERCÓMODOS. SUPERNOVA.Hemos diseñado los Supernova Rise para ofrecer máxima comodidad en cada paso. Nuestra tecnología Dreamstrike+ amortigua la mediasuela con ​una espuma rediseñada. ¿Sabes qué la hace tan increíble? Ofrece el equilibrio perfecto entre comodidad y soporte para mantenerte cómodo kilómetro tras kilómetro. Además, obtendrás un sistema de varillas de soporte de espuma más densa, lo que significa que tendrás una transición libre de preocupaciones del talón hasta la punta. Por último, nuestro Comfort Heel Fit combina espuma acolchada y tejido suave para un ajuste más seguro que se siente como si el calzado estuviera abrazando tu talón.DetallesAjuste clásicoSistema de amarre de cordonesParte superior de malla acolchadaSistema de varillas de soporteMediasuela Dreamstrike+","brand":"zahariq","offers":[{"title":"NEGRO-GRIS \/ 37","offer_id":47363117547768,"sku":"-7","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 43","offer_id":47363117580536,"sku":"-6","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-GRIS \/ 38","offer_id":47363117613304,"sku":"-8","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 38","offer_id":47363117646072,"sku":"-1","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-GRIS \/ 43","offer_id":47363117678840,"sku":"-20","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-GRIS \/ 41","offer_id":47363117711608,"sku":"-11","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-GRIS \/ 42","offer_id":47363117744376,"sku":"-12","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-GRIS \/ 43","offer_id":47363117777144,"sku":"-13","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-GRIS \/ 37","offer_id":47363117809912,"sku":"-14","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-GRIS \/ 38","offer_id":47363117842680,"sku":"-15","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-GRIS \/ 40","offer_id":47363117875448,"sku":"-17","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-GRIS \/ 41","offer_id":47363117908216,"sku":"-18","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-GRIS \/ 42","offer_id":47363117940984,"sku":"-19","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-VERDE \/ 43","offer_id":47363117973752,"sku":"-27","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-VERDE \/ 42","offer_id":47363118006520,"sku":"-26","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-VERDE \/ 41","offer_id":47363118039288,"sku":"-25","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-VERDE \/ 39","offer_id":47363118072056,"sku":"-23","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-VERDE \/ 38","offer_id":47363118104824,"sku":"-22","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 39","offer_id":47363118137592,"sku":"-2","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 40","offer_id":47363118170360,"sku":"-3","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 41","offer_id":47363118203128,"sku":"-4","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-GRIS \/ 39","offer_id":47363118235896,"sku":"-9","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-GRIS \/ 40","offer_id":47363118268664,"sku":"-10","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 37","offer_id":47363118301432,"sku":"-0","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 42","offer_id":47363118334200,"sku":"-5","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-VERDE \/ 37","offer_id":47363118366968,"sku":"-21","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-VERDE \/ 40","offer_id":47363118399736,"sku":"-24","price":149000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-GRIS \/ 39","offer_id":47363118432504,"sku":"-16","price":149000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1739568620WhatsApp_20Image_202025-02-14_20at_204.15.10_20PM_20_1.jpg?v=1762182525"},{"product_id":"botas-air-jordan-retro-1","title":"Botas Air Jordan Retro 1","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBotas Retro Clásicas – Edición Unisex | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#c0272d; --accent-deep:#8f1a1f; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(192,39,45,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #141414, #2b2b2b, #141414); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(192,39,45,0.3); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 24px; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(1deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #141414, #c0272d, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(192,39,45,0.35); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(192,39,45,0.55); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(192,39,45,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(192,39,45,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(192,39,45,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(192,39,45,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(192,39,45,0.4); box-shadow: 0 0 25px rgba(192,39,45,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(192,39,45,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(192,39,45,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(192,39,45,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(192,39,45,0.3); }\n .testimonial-body { padding: 34px 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(192,39,45,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(192,39,45,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(192,39,45,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(192,39,45,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-block { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-block::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(192,39,45,0.06), transparent); transition: left 0.8s ease; }\n .price-block:hover::before { left: 100%; }\n .price-block:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(192,39,45,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(192,39,45,0.3); }\n .price-tag { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-block:hover .price-tag { transform: scale(1.06); }\n .price-note { color: var(--stone); font-size: 1.05em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 22px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1em; letter-spacing: 1.5px; transition: all 0.3s ease; cursor: default; }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-blue { background: linear-gradient(135deg, #1e5bff, #5a8bff); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(30,91,255,0.25); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-red { background: linear-gradient(135deg, #c0272d, #e0454b); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(192,39,45,0.25); }\n .chip-jean { background: linear-gradient(135deg, #4a6fa5, #7396c4); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(74,111,165,0.25); }\n .chip-dot { width: 15px; height: 15px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-blue { background: radial-gradient(circle, #7ea3ff, #0d3bb8); box-shadow: 0 0 8px rgba(30,91,255,0.4); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-red { background: radial-gradient(circle, #ff6b6b, #8f1a1f); box-shadow: 0 0 8px rgba(192,39,45,0.4); }\n .dot-jean { background: radial-gradient(circle, #a8c0e0, #2e4d78); box-shadow: 0 0 8px rgba(74,111,165,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 24px; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(2deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .price-tag { 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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Botas Retro Clásicas – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1721778943WhatsApp_20Image_202024-07-23_20at_206.46.03_20PM.jpg?v=1762182666\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eBOTAS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eRETRO\u003c\/span\u003e CLÁSICAS\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ 6 COLORWAYS · CALIDAD PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El diseño de corte alto que celebra el calzado clásico que lo inició todo.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e6 colorways · Tallas 35 a 43 · Unisex\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS BOTAS · $159.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eABULLONADO DE ESPUMA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLOGOS REPUJADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e6 COLORWAYS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA GOMA COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eABULLONADO DE ESPUMA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLOGOS REPUJADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e6 COLORWAYS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA GOMA COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eSeis Colorways, Un Solo Ícono\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-blue\"\u003e\n\u003cdiv class=\"chip-dot dot-blue\"\u003e\u003c\/div\u003e NEGRO AZUL\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-red\"\u003e\n\u003cdiv class=\"chip-dot dot-red\"\u003e\u003c\/div\u003e BLANCO ROJO NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-jean\"\u003e\n\u003cdiv class=\"chip-dot dot-jean\"\u003e\u003c\/div\u003e AZUL JEAN\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e CORTE BAJO SUELA CRISTAL\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEl Diseño Que Lo Inició Todo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eMateriales premium · Amortiguación suave · Cuello acolchado en el tobillo\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\" style=\"max-width:600px; margin:60px auto 0;\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1721778943WhatsApp_20Image_202024-07-23_20at_206.46.03_20PM.jpg?v=1762182666\" alt=\"Botas Retro Clásicas\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño Icónico Reinventado\u003c\/h3\u003e\n\u003cp\u003eUna reinterpretación del clásico corte alto con nuevas combinaciones de color. Materiales premium, amortiguación suave y cuello acolchado que brindan máximo soporte en cada paso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estas Botas Retro?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eMateriales Premium\u003c\/h3\u003e\n\u003cp\u003eConstrucción en material sintético de alta calidad con abullonado de espuma para máxima comodidad en cada paso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eLogos Repujados\u003c\/h3\u003e\n\u003cp\u003eDetalles con logos repujados que le dan un acabado distintivo y de calidad superior a cada par.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePlantilla Confort\u003c\/h3\u003e\n\u003cp\u003ePlantilla diseñada para brindar comodidad excepcional durante todo el día, sin sacrificar el estilo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Cosida Antideslizante\u003c\/h3\u003e\n\u003cp\u003eSuela en goma antideslizante cosida a mano, que garantiza durabilidad y máxima tracción en cualquier superficie.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003e6 Colorways Disponibles\u003c\/h3\u003e\n\u003cp\u003eAmplia variedad de combinaciones de color para encontrar el par perfecto que combine con tu estilo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eGarantía Real\u003c\/h3\u003e\n\u003cp\u003e30 días por mal funcionamiento, 30 días por producto roto y 10 días por orden incompleta.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL DISEÑO MÁS ICÓNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELAS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL DISEÑO MÁS ICÓNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELAS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 pedirlas\u003c\/p\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eBota corte alto unisex, referencia clásica reinventada\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColorways\u003c\/strong\u003e\u003cspan\u003eNegro · Negro Azul · Blanco Negro · Blanco Rojo Negro · Azul Jean · Corte Bajo Suela Cristal\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eSintético premium con abullonado de espuma y logos repujados\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePlantilla\u003c\/strong\u003e\u003cspan\u003ePlantilla confort para máxima comodidad durante todo el día\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eGoma antideslizante, cosida para mayor durabilidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones tradicionales\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e35 al 43 (tallas nacionales, varía por colorway)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eGarantías\u003c\/strong\u003e\u003cspan\u003e30 días por mal funcionamiento, 30 días por producto roto, 10 días por orden incompleta\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$159.000 COP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí la versión Blanco Rojo Negro y quedó exacta a las fotos. El cuero se siente de buena calidad y el acolchado en el tobillo es un plus.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camila R. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Compré la Azul Jean para mi pareja y le quedó perfecta en talla 42. Los logos repujados se ven muy bien hechos, no parecen baratos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés F. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Muy buena bota para el diario, la plantilla confort se siente cómoda todo el día. El pago contraentrega me dio confianza para comprar.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura S. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e6 COLORWAYS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e6 COLORWAYS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Botas Retro Clásicas Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces unas botas que combinen resistencia, comodidad real y estilo icónico en cada paso\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 35 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía Real\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e6 Colorways\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-block fade-in\"\u003e\n \u003cspan class=\"price-tag\"\u003e$159.000 COP\u003c\/span\u003e\n \u003cdiv class=\"price-note\"\u003ePago contra entrega · Sin anticipos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS BOTAS RETRO CLÁSICAS\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se agotan rápido por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Botas Retro Clásicas – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1721778943WhatsApp_20Image_202024-07-23_20at_206.46.03_20PM.jpg?v=1762182666\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ El diseño icónico que nunca pasa de moda. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eBOTAS RETRO CLÁSICAS – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eBotas de corte alto en 6 colorways, cuello acolchado, tallas 35 a 43, envío a todo Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"Blanco Rojo Negro \/ 39","offer_id":47363123708152,"sku":"-31","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 41","offer_id":47363123740920,"sku":"null-54","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 43","offer_id":47363123773688,"sku":"null-53","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 42","offer_id":47363123806456,"sku":"null-52","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 40","offer_id":47363123839224,"sku":"null-51","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 39","offer_id":47363123871992,"sku":"null-50","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 38","offer_id":47363123904760,"sku":"null-49","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 37","offer_id":47363123937528,"sku":"null-48","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 36","offer_id":47363123970296,"sku":"null-47","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Corte Bajo Negro Suela Cristal \/ 35","offer_id":47363124003064,"sku":"null-46","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 38","offer_id":47363124035832,"sku":"null-40","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 39","offer_id":47363124068600,"sku":"null-41","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 40","offer_id":47363124101368,"sku":"null-42","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 37","offer_id":47363124134136,"sku":"null-39","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 36","offer_id":47363124166904,"sku":"null-38","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 35","offer_id":47363124199672,"sku":"null-37","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 38","offer_id":47363124232440,"sku":"-21","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 36","offer_id":47363124265208,"sku":"-10","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 37","offer_id":47363124297976,"sku":"-2","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 41","offer_id":47363124330744,"sku":"-6","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 42","offer_id":47363124363512,"sku":"-7","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 43","offer_id":47363124396280,"sku":"-8","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 35","offer_id":47363124429048,"sku":"-9","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 37","offer_id":47363124461816,"sku":"-11","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 38","offer_id":47363124494584,"sku":"-12","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 39","offer_id":47363124527352,"sku":"-13","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 40","offer_id":47363124560120,"sku":"-14","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 41","offer_id":47363124592888,"sku":"-15","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 42","offer_id":47363124625656,"sku":"-16","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 36","offer_id":47363124658424,"sku":"-19","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 37","offer_id":47363124691192,"sku":"-20","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 39","offer_id":47363124723960,"sku":"-22","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 40","offer_id":47363124756728,"sku":"-23","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 41","offer_id":47363124789496,"sku":"-24","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 42","offer_id":47363124822264,"sku":"-25","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 43","offer_id":47363124855032,"sku":"-26","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 35","offer_id":47363124887800,"sku":"-27","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 36","offer_id":47363124920568,"sku":"-28","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 37","offer_id":47363124953336,"sku":"-29","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 43","offer_id":47363124986104,"sku":"-35","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 38","offer_id":47363125018872,"sku":"-30","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 40","offer_id":47363125051640,"sku":"-32","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 41","offer_id":47363125084408,"sku":"-33","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 36","offer_id":47363125117176,"sku":"-1","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Negro \/ 35","offer_id":47363125149944,"sku":"-18","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 35","offer_id":47363125182712,"sku":"-0","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 41","offer_id":47363125215480,"sku":"null-43","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 42","offer_id":47363125248248,"sku":"null-44","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Azul Jean \/ 43","offer_id":47363125281016,"sku":"null-45","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 38","offer_id":47363125313784,"sku":"-3","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 39","offer_id":47363125346552,"sku":"-4","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 40","offer_id":47363125379320,"sku":"-5","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Negro Azul \/ 43","offer_id":47363125412088,"sku":"-17","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rojo Negro \/ 42","offer_id":47363125444856,"sku":"-34","price":159000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1721778943WhatsApp_20Image_202024-07-23_20at_206.46.03_20PM.jpg?v=1762182666"},{"product_id":"deportivo-dama-tommy","title":"Deportivo Dama Tommy","description":"ZAPATO DEPORTIVO DAMAELABORADO EN MATERIAL SINTETICOSUELA EXPANSO COSIDAPLANTILLA CONFORDISPONIBLES 35-40PRODUCTO DE FABRICACION NACIONAL","brand":"zahariq","offers":[{"title":"BLANCO \/ 37","offer_id":47363133276408,"sku":"-2","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 36","offer_id":47363133309176,"sku":"-1","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":47363133341944,"sku":"-3","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47363133374712,"sku":"-4","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47363133407480,"sku":"-5","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 35","offer_id":47363133440248,"sku":"-6","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 36","offer_id":47363133473016,"sku":"-7","price":155000.0,"currency_code":"COP","in_stock":false},{"title":"AZUL \/ 37","offer_id":47363133505784,"sku":"-8","price":155000.0,"currency_code":"COP","in_stock":false},{"title":"AZUL \/ 38","offer_id":47363133538552,"sku":"-9","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 39","offer_id":47363133571320,"sku":"-10","price":155000.0,"currency_code":"COP","in_stock":false},{"title":"AZUL \/ 40","offer_id":47363133604088,"sku":"-11","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 35","offer_id":47363133636856,"sku":"-12","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 36","offer_id":47363133669624,"sku":"-13","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 37","offer_id":47363133702392,"sku":"-14","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 38","offer_id":47363133735160,"sku":"-15","price":155000.0,"currency_code":"COP","in_stock":false},{"title":"ROJO \/ 39","offer_id":47363133767928,"sku":"-16","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 40","offer_id":47363133800696,"sku":"-17","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 35","offer_id":47363133833464,"sku":"-0","price":155000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1716410306WhatsApp_20Image_202024-05-17_20at_204.51.20_20PM.jpg?v=1762182876"},{"product_id":"tenis-tommy","title":"Tenis Tommy","description":null,"brand":"zahariq","offers":[{"title":"Blanco \/ 40","offer_id":47363134849272,"sku":"-5","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 39","offer_id":47363134882040,"sku":"-4","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 38","offer_id":47363134914808,"sku":"-3","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 37","offer_id":47363134947576,"sku":"-2","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 36","offer_id":47363134980344,"sku":"-1","price":157000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 35","offer_id":47363135013112,"sku":"-0","price":157000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1699673685WhatsApp_20Image_202023-11-07_20at_201.28.23_20PM.jpg?v=1762182969"},{"product_id":"nike-air-force-1-corte-bajo","title":"NIKE AIR FORCE 1 CORTE BAJO","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eTenis Force 1 Corte Bajo – Edición Unisex | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#0a6cd4; --accent-deep:#054e9c; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(10,108,212,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #141414, #2b2b2b, #141414); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(10,108,212,0.3); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 24px; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(1deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #141414, #0a6cd4, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(10,108,212,0.35); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(10,108,212,0.55); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(10,108,212,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(10,108,212,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(10,108,212,0.35); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(10,108,212,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(10,108,212,0.35); box-shadow: 0 0 25px rgba(10,108,212,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(10,108,212,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(10,108,212,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(10,108,212,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(10,108,212,0.3); }\n .testimonial-body { padding: 34px 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(10,108,212,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(10,108,212,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(10,108,212,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(10,108,212,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-block { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-block::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(10,108,212,0.06), transparent); transition: left 0.8s ease; }\n .price-block:hover::before { left: 100%; }\n .price-block:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(10,108,212,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(10,108,212,0.3); }\n .price-tag { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-block:hover .price-tag { transform: scale(1.06); }\n .price-note { color: var(--stone); font-size: 1.05em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 24px; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(2deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .price-tag { 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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Tenis Force 1 Corte Bajo – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1739936917NIKE_20FORCE_201_20BLANCO_20CORTE_20BAJO.jpg?v=1762279109\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eCORTE BAJO\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ CLÁSICO BLANCO · CALIDAD PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El blanco clásico que combina con todo, para cualquier ocasión.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eSuela cosida · Forro terry · Tallas 34 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS · $129.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eMATERIAL SINTÉTICO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eFORRO TERRY SUAVE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA 30 DÍAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLÁSICO BLANCO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eMATERIAL SINTÉTICO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eFORRO TERRY SUAVE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA 30 DÍAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLÁSICO BLANCO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEl Clásico que Nunca Falla\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eBlanco impecable, corte bajo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eUn Clásico que Combina con Todo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eMaterial sintético premium · Forro terry suave · Suela espanso liviana\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\" style=\"max-width:600px; margin:60px auto 0;\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1739936917NIKE_20FORCE_201_20BLANCO_20CORTE_20BAJO.jpg?v=1762279109\" alt=\"Tenis Force 1 Corte Bajo – Blanco\"\u003e\u003c\/div\u003e\n\u003ch3\u003eBlanco Impecable\u003c\/h3\u003e\n\u003cp\u003eFabricado en material sintético de muy buena calidad, con interior en forro terry súper suave y plantilla confort que se siente increíble desde el primer uso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Este Corte Bajo?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eMaterial Sintético Premium\u003c\/h3\u003e\n\u003cp\u003eFabricado en material sintético de muy buena calidad, resistente y con excelente acabado que se mantiene impecable con el uso diario.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eForro Terry Súper Suave\u003c\/h3\u003e\n\u003cp\u003eInterior en forro terry de textura suave con plantilla confort, pensado para acompañarte cómodamente todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Espanso Liviana\u003c\/h3\u003e\n\u003cp\u003eSuela ultraliviana, suave y cómoda a la hora de caminar. Además viene cosida, garantizando mayor durabilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003e100% Garantizados\u003c\/h3\u003e\n\u003cp\u003eProducto garantizado con 30 días de garantía. Nuestros productos se entregan en mano con factura.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 34 a 43\u003c\/h3\u003e\n\u003cp\u003eAmplio rango de tallas para toda la familia, en el clásico color blanco que combina con cualquier outfit.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Justo\u003c\/h3\u003e\n\u003cp\u003eCalidad premium a precio accesible: \u003cstrong style=\"color:#141414\"\u003e$129.000\u003c\/strong\u003e. Pago contraentrega para tu tranquilidad total.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL CLÁSICO MÁS BUSCADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL CLÁSICO MÁS BUSCADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eTenis clásico corte bajo unisex – uso diario y casual\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColor\u003c\/strong\u003e\u003cspan\u003eBlanco\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eMaterial sintético de muy buena calidad, resistente y de fácil limpieza\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\u003cspan\u003eForro terry muy suave con plantilla confort para máxima comodidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eEspanso súper liviana, suave y cómoda a la hora de caminar, viene cosida\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e34, 35, 36, 37, 38, 39, 40, 41, 42 y 43 (tallas nacionales)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eGarantía\u003c\/strong\u003e\u003cspan\u003eProducto 100% garantizado, aplica 30 días de garantía\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEntrega\u003c\/strong\u003e\u003cspan\u003eNuestros productos se entregan en mano con factura\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$129.000 COP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí talla 40 y me quedaron perfectos. El blanco es impecable y la suela se siente súper liviana caminando. Muy buena calidad por el precio.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés M. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Me encantó el forro por dentro, se siente muy cómodo. Llegaron con factura como prometieron y el pago contraentrega me dio confianza.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camila R. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Los uso a diario para trabajar y siguen como nuevos. Buena relación calidad-precio, definitivamente los recomiendo.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sebastián C. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA 30 DÍAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA 30 DÍAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Tenis Corte Bajo Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un tenis que combine clásico estilo, comodidad real y calidad garantizada\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 34 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía 30 Días\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEntrega con Factura\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-block fade-in\"\u003e\n \u003cspan class=\"price-tag\"\u003e$129.000 COP\u003c\/span\u003e\n \u003cdiv class=\"price-note\"\u003ePago contra entrega · Sin anticipos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Tenis Force 1 Corte Bajo – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1739936917NIKE_20FORCE_201_20BLANCO_20CORTE_20BAJO.jpg?v=1762279109\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ El clásico que nunca pasa de moda. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eTENIS CORTE BAJO – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eTenis clásico blanco en material sintético premium, forro terry suave, suela cosida, tallas 34 a 43, garantía de 30 días, envío a todo Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"43 \/ BLANCO","offer_id":47366618808568,"sku":"34-43-21","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"42 \/ BLANCO","offer_id":47366618841336,"sku":"34-43-22","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"41 \/ BLANCO","offer_id":47366618874104,"sku":"34-43-23","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"40 \/ BLANCO","offer_id":47366618906872,"sku":"34-43-24","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"39 \/ BLANCO","offer_id":47366618939640,"sku":"34-43-25","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"38 \/ BLANCO","offer_id":47366618972408,"sku":"34-43-26","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"34 \/ BLANCO","offer_id":47366619005176,"sku":"34-43-30","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"35 \/ BLANCO","offer_id":47366619037944,"sku":"34-43-29","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"36 \/ BLANCO","offer_id":47366619070712,"sku":"34-43-28","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"37 \/ BLANCO","offer_id":47366619103480,"sku":"34-43-27","price":129000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1739936917NIKE_20FORCE_201_20BLANCO_20CORTE_20BAJO.jpg?v=1762279109"},{"product_id":"calzado-para-hombre-importado-air-max-dn","title":"Calzado Para Hombre Importado AIR MAX DN","description":"¡ZAPATOS PARA HOMBRE AIR MAX DN IMPORTADO con CAMARA de AIRE!Imágenes HD, Videos, Reseñas, Tabla de Tallas:  Solicitar a Proveedor. 321-221-5665COLORES DISPONIBLES: Blanco y Negro TABLA DE TALLAS PARA LANDING O ENVIAR A CLIENTE (SELECCIONAR TALLA EUR - SOLICITAR TABLA DE TALLAS A PROVEEDOR)🔴 Importado🔴 Calidad 1.1🔴 Talla 38 a 44 EUR🔴 Antideslizante🔴 Material Externo - Malla Transpirable 🔴 Suela: Goma EVA Blando 🔴 Garantía.🔴 Diseño casual.🔴 Diseño cómodo.🔴 Cámara de aire.  GARANTÍASEn el evento de presentarse defectos en la calidad de los productos adquiridos a través de la plataforma de DROPI se podrá hacer uso de la garantía legal en los términos estipulados en la ley y los presentes Términos y Condiciones:RXR SHOP  garantiza la calidad de todos los zapatos que vende a sus clientes hasta 30 días después de efectuada la compra, siempre que se presenten defectos de materiales o fabricación y que el producto haya recibido el uso adecuado. También se acepta cambio de tallas o color del producto.Quedan excluidos de garantía productos que presenten:Rasgones, raspones, pelones y\/o ruptura de materiales, ocasionados por el mal uso del producto.Los cambios en el color, tonalidad y texturas que sean naturales del material del zapato.Pliegues o rugosidad ocasionada por la flexión del empeine.Productos que ya hayan sido manipulados por zapaterías, talleres de calzado u otro tipo de terceros, así como también daños ocasionados por arreglos y\/o limpiezas inadecuadas.Suciedad en alguna parte del producto.El cliente puede realizar la solicitud de cambio, directamente en alguna de nuestras dos bodegas físicas en la ciudad de Bogotá o de lo contrario ya con alguna transportadora. Es importante tener en cuenta que al usar esta modalidad el cliente asumirá el costo de los transportes adicionales. RXR SHOP no asumirá ningún costo de fletes.Adicional el cliente debe enviar fotos del zapato de esta forma: Superior, inferior (suela), frontal, laterales (izquierdo y derecho) de cada zapato. En las fotos debe de verse en una hoja la fecha del mismo día que se vaya a realizar el envío de la devolución, para tener evidencia de las condiciones del zapato al momento de ser enviado. (Cualquier duda frente a esto comunicarse con el Proveedor).","brand":"zahariq","offers":[{"title":"40 \/ NEGRO","offer_id":47367846527224,"sku":"AIR MX DN NEGRO 40","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"41 \/ NEGRO","offer_id":47367846559992,"sku":"AIR MX DN NEGRO 41","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"41 \/ BLANCO","offer_id":47367846592760,"sku":"AIR MX DN BLANCO 41","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"42 \/ NEGRO","offer_id":47367846625528,"sku":"AIR MX DN NEGRO 42","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"42 \/ BLANCO","offer_id":47367846658296,"sku":"AIR MX DN BLANCO 42","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"43 \/ NEGRO","offer_id":47367846691064,"sku":"AIR MX DN NEGRO 43","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"43 \/ BLANCO","offer_id":47367846723832,"sku":"AIR MX DN BLANCO 43","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"38 \/ NEGRO","offer_id":47367846756600,"sku":"AIR MX DN NEGRO 38","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"38 \/ BLANCO","offer_id":47367846789368,"sku":"AIR MX DN BLANCO 38","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"39 \/ BLANCO","offer_id":47367846822136,"sku":"AIR MX DN BLANCO 39","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"39 \/ NEGRO","offer_id":47367846854904,"sku":"AIR MX DN NEGRO 39","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"44 \/ NEGRO","offer_id":47367846887672,"sku":"AIR MX DN NEGRO 44","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"44 \/ BLANCO","offer_id":47367846920440,"sku":"AIR MX DN BLANCO 44","price":164000.0,"currency_code":"COP","in_stock":true},{"title":"40 \/ BLANCO","offer_id":47367846953208,"sku":"AIR MX DN BLANCO 40","price":164000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1748457837GIF_20AIR_20MAX_20DN_20HOMBRE.gif?v=1762316256"},{"product_id":"tenis-nike-air-max-dn-blanco-turquesa","title":"Tenis Nike Air Max Dn Blanco Turquesa","description":null,"brand":"zahariq","offers":[{"title":"35","offer_id":47367851507960,"sku":"-0","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"36","offer_id":47367851540728,"sku":"-1","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"37","offer_id":47367851573496,"sku":"-2","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"38","offer_id":47367851606264,"sku":"-3","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"39","offer_id":47367851639032,"sku":"-4","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"43","offer_id":47367851671800,"sku":"-8","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"42","offer_id":47367851704568,"sku":"-7","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"41","offer_id":47367851737336,"sku":"-6","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"40","offer_id":47367851770104,"sku":"-5","price":159000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1740941778WhatsApp_20Image_202025-02-27_20at_2012.36.09_20PM.jpg?v=1762316443"},{"product_id":"nike-air-max-90","title":"NIKE AIR MAX 90 TALLAS 35 A 43","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Air 90 Unisex – Edición Premium | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#29b6f6; --accent-deep:#0288c4; --gold:#ffa726; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--gold), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(41,182,246,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #29b6f6, #64c9f9, #29b6f6); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(41,182,246,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #29b6f6, #64c9f9, #29b6f6); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(41,182,246,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(41,182,246,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(41,182,246,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(41,182,246,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(41,182,246,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(41,182,246,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(41,182,246,0.4); box-shadow: 0 0 25px rgba(41,182,246,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), var(--gold), var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(41,182,246,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(41,182,246,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(41,182,246,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(41,182,246,0.35); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(41,182,246,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(41,182,246,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(41,182,246,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(41,182,246,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(41,182,246,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(41,182,246,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(41,182,246,0.35); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-multi { background: linear-gradient(135deg, #29b6f6, #ffe27a); color: #14304a; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(41,182,246,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-multi { background: radial-gradient(circle, #ffe27a, #29b6f6); box-shadow: 0 0 8px rgba(41,182,246,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Nike Air 90 Unisex – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/17_20251106_220410_0000.png?v=1762485155\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eNIKE\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eAIR 90\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM UNISEX ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El diseño más versátil que combina con todo tu estilo, con comodidad premium.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eDiseño icónico · 2 colores · Tallas 35 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS AIR 90 · $145.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO ICÓNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAMORTIGUACIÓN CÁPSULA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD TRIPLE A\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO ICÓNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAMORTIGUACIÓN CÁPSULA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD TRIPLE A\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDos Colores, Una Sola Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO TOTAL\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-multi\"\u003e\n\u003cdiv class=\"chip-dot dot-multi\"\u003e\u003c\/div\u003e BLANCO GRIS AMARILLO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eUn Clásico que Nunca Pasa de Moda\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño icónico y moderno · Comodidad todo el día · Perfectos para hombre y mujer\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/21_20251106_233614_0001.png?v=1762490908\" alt=\"Nike Air 90 – Blanco Gris Amarillo\"\u003e\u003c\/div\u003e\n\u003ch3\u003eBlanco Gris Amarillo\u003c\/h3\u003e\n\u003cp\u003eCombinación perfecta de colores neutros con toques vibrantes. Un diseño urbano y deportivo que se adapta a cualquier estilo y ocasión.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/20_20251106_233614_0000.png?v=1762490908\" alt=\"Nike Air 90 – Blanco Total\"\u003e\u003c\/div\u003e\n\u003ch3\u003eBlanco Total\u003c\/h3\u003e\n\u003cp\u003eElegancia minimalista en su máxima expresión. Perfectos para quienes buscan versatilidad absoluta y un look limpio que nunca pasa de moda.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_6_nov_2025_09_39_37_p.m.png?v=1762485158\" alt=\"Nike Air 90 – Para él y para ella\"\u003e\u003c\/div\u003e\n\u003ch3\u003ePara Él y Para Ella\u003c\/h3\u003e\n\u003cp\u003eDiseño versátil que se ve increíble en hombres y mujeres. Combina perfecto con jeans, shorts, joggers, faldas o cualquier outfit que elijas.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estos Nike Air 90?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Triple A\u003c\/h3\u003e\n\u003cp\u003eMateriales de la más alta calidad con acabados perfectos. Capellada en malla sintética respirable y costuras reforzadas que garantizan durabilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDiseño Icónico\u003c\/h3\u003e\n\u003cp\u003eEl clásico Air 90 renovado con colores modernos. Disponible en blanco total o en vibrante combinación blanco-gris-amarillo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eAmortiguación Superior\u003c\/h3\u003e\n\u003cp\u003eSistema de cápsula de aire que absorbe impactos. Plantilla ergonómica que se adapta a tu pie y proporciona soporte en cada paso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eUnisex Versátil\u003c\/h3\u003e\n\u003cp\u003ePerfecto tanto para hombre como para mujer. Se adapta a cualquier estilo: deportivo, casual, urbano o streetwear.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 35 a 43\u003c\/h3\u003e\n\u003cp\u003eAjuste perfecto con sistema de cordones que se adapta cómodamente a diferentes anchos de pie.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $199.000 a solo \u003cstrong style=\"color:#141414\"\u003e$145.000\u003c\/strong\u003e. Ahorras $54.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS UNISEX MÁS VERSÁTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS UNISEX MÁS VERSÁTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eZapato deportivo casual Nike Air 90 unisex – uso diario, entrenamiento ligero y estilo urbano\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e35, 36, 37, 38, 39, 40, 41, 42 y 43 – sistema de cordones para ajuste personalizado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eBlanco Total · Blanco Gris Amarillo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones resistentes con ojales reforzados – ajuste perfecto según el ancho de tu pie\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eMalla sintética respirable de alta calidad triple A – ligero y fácil de limpiar\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\u003cspan\u003eTextil suave y acolchado que mantiene tus pies frescos y cómodos todo el día\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eAntideslizante con amortiguación tipo cápsula – excelente agarre y tracción\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eDía a día, entrenamiento ligero, streetwear y salidas casuales\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $199.000 → Hoy solo $145.000 COP · Ahorra $54.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251106-WA0138.jpg?v=1762485155\" alt=\"Reseña cliente – Nike Air 90 blancos\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Los compré en blanco total y son increíbles. Súper cómodos desde el primer día, no tuve que ablandarlos. Los uso para todo y se ven impecables con cualquier outfit.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés M. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251106-WA0137.jpg?v=1762485155\" alt=\"Reseña cliente – Nike Air 90 blanco gris amarillo\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí los de blanco-gris-amarillo y me encantaron los colores. La calidad es excelente, parecen originales. La suela es súper cómoda y el ajuste perfecto.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carolina P. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251106-WA0139.jpg?v=1762485155\" alt=\"Reseña cliente – Nike Air 90 tenis blancos\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Excelente compra. Los tenis llegaron rápido y bien empacados. Son muy livianos y cómodos, perfectos para el gym y para salir. El pago contraentrega me dio mucha confianza.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Miguel R. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $54.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $54.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(41,182,246,0.25); box-shadow: 0 0 35px rgba(41,182,246,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/21_20251106_233614_0001.png?v=1762490908\" alt=\"No te quedes sin tus Nike Air 90\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin los Tuyos!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLos amantes del estilo urbano ya tienen sus Nike Air 90.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa con envío gratis.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Nike Air 90 Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con estilo, comodidad real y la mejor calidad triple A\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 35 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eDiseño Unisex\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e2 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $199.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $145.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $54.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS AIR 90 AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Nike Air 90 Unisex – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/17_20251106_220410_0000.png?v=1762485155\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo y calidad en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eNIKE AIR 90 – Edición Premium\u003c\/div\u003e\n \u003cp\u003eTenis unisex de calidad triple A, 2 colores, tallas 35 a 43, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"Blanco \/ 35","offer_id":47407668691192,"sku":"-18","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 36","offer_id":47407668723960,"sku":"-19","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 37","offer_id":47407668756728,"sku":"-20","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 38","offer_id":47407668789496,"sku":"-21","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 39","offer_id":47407668822264,"sku":"-22","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 40","offer_id":47407668855032,"sku":"-23","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 41","offer_id":47407668887800,"sku":"-24","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 42","offer_id":47407668920568,"sku":"-25","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco \/ 43","offer_id":47407668953336,"sku":"-26","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 35","offer_id":47407668986104,"sku":"-45","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 36","offer_id":47407669018872,"sku":"-46","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 37","offer_id":47407669051640,"sku":"-47","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 38","offer_id":47407669084408,"sku":"-48","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 39","offer_id":47407669117176,"sku":"-49","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 40","offer_id":47407669149944,"sku":"-50","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 41","offer_id":47407669182712,"sku":"-51","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 42","offer_id":47407669215480,"sku":"-52","price":145000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Gris Amarillo \/ 43","offer_id":47407669248248,"sku":"-53","price":145000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/21_20251106_233614_0001.png?v=1762490908"},{"product_id":"hugo-boss-916","title":"TENIS HUGO BOSS TALLAS 38 A 43","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eHugo Boss Sneakers – Edición Premium | Zahariq Shop 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: #1a1a1a;\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root {\n --ink: #141414; --graphite: #2b2b2b; --stone: #6f6f6f; --smoke: #f5f5f5; --line: rgba(20,20,20,0.12); --mid: #555555;\n --accent: #c9a961; --accent-deep: #a3833f; --navy: #2c3e50; --star: #f5b301;\n }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--navy), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(201,169,97,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #c9a961, #e0c589, #c9a961); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(201,169,97,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #c9a961, #e0c589, #c9a961); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(201,169,97,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(201,169,97,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,97,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(201,169,97,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(201,169,97,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(201,169,97,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(201,169,97,0.4); box-shadow: 0 0 25px rgba(201,169,97,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), var(--navy), var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(201,169,97,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(201,169,97,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(201,169,97,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(201,169,97,0.35); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(201,169,97,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,97,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(201,169,97,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(201,169,97,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,97,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(201,169,97,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(201,169,97,0.35); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-navy { background: linear-gradient(135deg, #2c3e50, #3d5a75); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(44,62,80,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-navy { background: radial-gradient(circle, #4a6b8a, #1a2a3a); box-shadow: 0 0 8px rgba(44,62,80,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Hugo Boss Sneakers – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251107_202951_0000.png?v=1762565659\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eHUGO\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eBOSS\u003c\/span\u003e\u003cbr\u003eSNEAKERS\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El diseño urbano más elegante que combina sofisticación y comodidad excepcional.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eDiseño urbano · 3 colores · Tallas 38 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS HUGO BOSS · $129.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO URBANO SOFISTICADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD NACIONAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO URBANO SOFISTICADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD NACIONAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTres Colores, Una Sola Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO ELEGANTE\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO CLÁSICO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-navy\"\u003e\n\u003cdiv class=\"chip-dot dot-navy\"\u003e\u003c\/div\u003e AZUL MARINO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eElegancia Urbana en Cada Paso\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño sofisticado · Comodidad premium · Perfectos para hombres con estilo\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251107_204510_0000.png?v=1762566399\" alt=\"Hugo Boss Sneakers Negros\"\u003e\u003c\/div\u003e\n \u003ch3\u003eDiseño Negro Elegante\u003c\/h3\u003e\n \u003cp\u003eSofisticación en estado puro con detalles modernos. Perfectos para quienes buscan un look urbano elegante que destaque en cualquier ocasión, desde casual hasta semi-formal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251107_204510_0002.png?v=1762566399\" alt=\"Hugo Boss Sneakers Blancos\"\u003e\u003c\/div\u003e\n \u003ch3\u003eDiseño Blanco Clásico\u003c\/h3\u003e\n \u003cp\u003eElegancia minimalista con toques en negro. Los blancos son perfectos para versatilidad absoluta y un look sofisticado que nunca pasa de moda en cualquier temporada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1758579857Imagen_de_WhatsApp_2025-09-22_a_las_17.16.52_c11532ae_1.jpg?v=1762569217\" alt=\"Hugo Boss Sneakers Azules\"\u003e\u003c\/div\u003e\n \u003ch3\u003eDiseño Azul Marino\u003c\/h3\u003e\n \u003cp\u003eDistinción y estilo con detalles modernos. El azul marino aporta personalidad y clase, perfecto para quienes quieren diferenciarse con elegancia urbana contemporánea.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estos Hugo Boss?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Premium\u003c\/h3\u003e\n\u003cp\u003eMateriales de la más alta calidad con acabados impecables. Combinación de textil respirable y sintético tipo gamuza con costuras reforzadas que garantizan durabilidad excepcional.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDiseño Urbano Sofisticado\u003c\/h3\u003e\n\u003cp\u003eEstilo contemporáneo que refleja elegancia y distinción. Disponible en negro, blanco y azul marino con detalles modernos que elevan cualquier outfit urbano o casual.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Premium\u003c\/h3\u003e\n\u003cp\u003eBase de goma bicolor de alta tracción y flexibilidad. Entresuela robusta que aporta altura y estilo, perfecta para caminar con confianza en cualquier superficie urbana.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eEstilo Versátil\u003c\/h3\u003e\n\u003cp\u003eDiseño elegante que se adapta perfectamente a estilos urbanos, casuales, semi-formales o streetwear con la misma sofisticación.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 38 a 43\u003c\/h3\u003e\n\u003cp\u003eSistema de cordones que permite ajuste personalizado y cómodo, adaptándose a diferentes anchos de pie con facilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $179.000 a solo \u003cstrong style=\"color:#141414\"\u003e$129.000\u003c\/strong\u003e. Ahorras $50.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL SNEAKER MÁS ELEGANTE DE LA TEMPORADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL SNEAKER MÁS ELEGANTE DE LA TEMPORADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eSneaker urbano Hugo Boss – uso diario, outfits casuales elegantes y estilo contemporáneo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e38, 39, 40, 41, 42 y 43 con cordones para ajuste personalizado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eNegro (detalles blancos) · Blanco (toques negros) · Azul Marino (acentos blancos)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones resistentes con ojales reforzados – ajuste perfecto y seguro\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eCombinación de textil respirable y sintético tipo gamuza de alta calidad – ligero y duradero\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\u003cspan\u003ePlantilla interna acolchada – mantiene tus pies frescos y cómodos durante todo el día\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eBase de goma bicolor de alta tracción – entresuela robusta que aporta altura y estilo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eDía a día, streetwear, salidas casuales y looks semi-formales\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $179.000 → Hoy solo $129.000 COP · Ahorra $50.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251107-WA0066.jpg?v=1762565659\" alt=\"Reseña cliente – Hugo Boss blancos\" 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\"Compré los blancos y son hermosos. La calidad es increíble, se sienten muy bien. Los uso todos los días y siguen impecables, súper cómodos desde el primer momento.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Juan C. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251107-WA0060.jpg?v=1762565660\" alt=\"Reseña cliente – Hugo Boss azules\" 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 azules y llegaron perfectos. El diseño es muy elegante y la suela es súper cómoda. Se ven caros y combinan con todo, totalmente recomendados para uso diario.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carlos J. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1758579857Imagen_20de_20WhatsApp_202025-09-22_20a_20las_2017.16.51_46c6d655.jpg?v=1762522820\" alt=\"Reseña cliente – Hugo Boss 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 espectaculares. Excelente calidad de materiales y muy bien hechos. Llegaron rápido con el pago contraentrega, me siento muy seguro con esta compra, los recomiendo.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés P. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(201,169,97,0.25); box-shadow: 0 0 35px rgba(201,169,97,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251107_204510_0001.png?v=1762566399\" alt=\"No te quedes sin tus Hugo Boss\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin los Tuyos!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLos amantes del estilo urbano elegante ya tienen sus Hugo Boss.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa con envío gratis.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Hugo Boss Sneakers Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con elegancia, comodidad real y la mejor calidad\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 38 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eDiseño Elegante\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e3 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $179.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $129.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $50.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS HUGO BOSS AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Hugo Boss Sneakers – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251107_202951_0000.png?v=1762565659\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Elegancia y calidad en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eHUGO BOSS SNEAKERS – Edición Premium\u003c\/div\u003e\n \u003cp\u003eSneakers urbanos de calidad premium en 3 colores, tallas 38 a 43, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"NEGRO \/ 41","offer_id":47387883045112,"sku":"916-9","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 42","offer_id":47387883077880,"sku":"916-10","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 43","offer_id":47387883110648,"sku":"916-11","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 38","offer_id":47387882946808,"sku":"916-6","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 39","offer_id":47387882979576,"sku":"916-7","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 40","offer_id":47387883012344,"sku":"916-8","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 41","offer_id":47387883241720,"sku":"916-15","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 42","offer_id":47387883274488,"sku":"916-16","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 43","offer_id":47387883307256,"sku":"916-17","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 38","offer_id":47387883143416,"sku":"916-12","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 39","offer_id":47387883176184,"sku":"916-13","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 40","offer_id":47387883208952,"sku":"916-14","price":129000.0,"currency_code":"COP","in_stock":false},{"title":"BLANCO \/ 41","offer_id":47387882717432,"sku":"916-21","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":47387883372792,"sku":"916-22","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":47387882619128,"sku":"916-23","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":47387883340024,"sku":"916-18","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47387882651896,"sku":"916-19","price":129000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47387882684664,"sku":"916-20","price":129000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251107_204510_0001.png?v=1762566399"},{"product_id":"jordan-hiperdunk","title":"JORDAN HYPERDUNK TALLAS 38 A 43","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Jordan Hyperdunk – Edición Premium | Zahariq Shop 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: #1a1a1a;\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 \/* ── 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 \/* ── 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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n \/* ── CSS VARIABLES · ELECTRIC BLUE \/ PURPLE ── *\/\n :root {\n --ink: #141414;\n --graphite: #2b2b2b;\n --stone: #6f6f6f;\n --smoke: #f5f5f5;\n --line: rgba(20,20,20,0.12);\n --mid: #555555;\n --accent: #0080ff;\n --accent-deep: #0058b3;\n --purple: #8b00ff;\n --star: #f5b301;\n }\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, var(--accent), var(--purple), var(--accent));\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(0,128,255,0.4); max-width: 100%;\n }\n \/* ── HERO · BLANCO MINIMALISTA ── *\/\n .hero {\n background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff;\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 \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #0080ff, #3ba1ff, #0080ff);\n color: #ffffff; 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(0,128,255,0.4);\n border: 1px solid rgba(0,0,0,0.08);\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 \/* ── 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n border: 2px solid rgba(20,20,20,0.12);\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, inkGlow 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.16);\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: var(--stone); 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: #141414;\n animation: titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n }\n .hero h1 span.accent-word {\n color: #ffffff;\n -webkit-text-stroke: 1px var(--accent);\n text-stroke: 1px var(--accent);\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: var(--accent); font-weight: 900; font-style: italic;\n position: relative;\n }\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #0080ff, #3ba1ff, #0080ff);\n background-size: 200% 200%;\n color: #ffffff; 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(0,128,255,0.45);\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(0,128,255,0.6);\n }\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-dark {\n background: linear-gradient(135deg, #141414, #2b2b2b);\n color: #fff; border: 1px solid rgba(0,0,0,0.2);\n }\n .badge-soft {\n background: linear-gradient(135deg, #ececec, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\n }\n \/* ══════════════════════════════════════════════════ *\/\n \/* ── MARQUEE \/ SLIDER STRIPS · MOTOR ULTRA-FLUIDO ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n \/* ══════════════════════════════════════════════════ *\/\n .marquee {\n position: relative; overflow: hidden; padding: 20px 0;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n }\n .marquee.dark {\n background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d);\n border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .marquee.light {\n background: #ffffff;\n border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12);\n }\n .marquee__track {\n display: flex; width: max-content;\n will-change: transform; backface-visibility: hidden;\n transform: translate3d(0,0,0);\n }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group {\n display: flex; align-items: center; flex: 0 0 auto;\n }\n .marquee__group .m-item {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em;\n letter-spacing: 3px; padding: 0 6px; white-space: nowrap;\n }\n .marquee__group .m-sep {\n display: inline-block; padding: 0 22px; font-style: normal;\n font-size: 1.1em; line-height: 1;\n }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) {\n .marquee { padding: 15px 0; }\n .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; }\n .marquee__group .m-sep { padding: 0 15px; }\n }\n \/* ── SECCIONES ── *\/\n .visual-banner {\n background: #ffffff;\n padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n width: 100%; max-width: 100%;\n }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n color: #141414; margin-bottom: 15px; text-align: center;\n position: relative; z-index: 2; word-wrap: break-word;\n padding: 0 10px; letter-spacing: 3px;\n }\n .section-title.dark-title { color: #141414; }\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, var(--accent), transparent);\n margin: 15px auto 30px;\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.06);\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(20,20,20,0.1);\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(0,128,255,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(0,128,255,0.12), 0 25px 70px rgba(0,0,0,0.1);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(0,128,255,0.4);\n }\n .product-card img, .product-card video {\n width: 100%; max-width: 100%; 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(20,20,20,0.08);\n }\n .img-frame {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; border-radius: 18px; margin-bottom: 22px;\n border: 1px solid rgba(20,20,20,0.08);\n }\n .img-frame img {\n width: 100%; height: 100%; object-fit: cover;\n border-radius: 0; margin-bottom: 0; border: none;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 {\n color: #141414; margin-bottom: 12px;\n font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .product-card:hover h3 { transform: translateY(-3px); }\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 \/* ── BENEFITS ── *\/\n .benefits {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n 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(0,128,255,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(0,128,255,0.4);\n box-shadow: 0 0 25px rgba(0,128,255,0.1), 0 20px 60px rgba(0,0,0,0.1);\n }\n .benefit-icon {\n font-size: 2.4em; margin-bottom: 20px; display: block;\n color: var(--accent); line-height: 1;\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.15) rotate(180deg);\n color: var(--accent-deep);\n }\n .benefit-card h3 {\n margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.5em; letter-spacing: 2px; color: #141414;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 \/* ── 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: #f6f6f6;\n padding: 28px; border-radius: 18px;\n border-left: 4px solid var(--accent);\n border-top: 1px solid rgba(20,20,20,0.06);\n border-right: 1px solid rgba(20,20,20,0.04);\n border-bottom: 1px solid rgba(20,20,20,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, var(--accent), var(--purple), var(--accent-deep));\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.07), -8px 0 20px rgba(0,128,255,0.1);\n }\n .spec-item strong {\n color: #141414; 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); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n \/* ── TESTIMONIALS ── *\/\n .testimonials {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\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(0,128,255,0.05) 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(0,128,255,0.1), 0 25px 70px rgba(0,0,0,0.1);\n border-color: rgba(0,128,255,0.35);\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 { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.15em; margin-bottom: 16px; color: var(--star);\n letter-spacing: 4px;\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\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: #141414; 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 \/* ── TRUST ── *\/\n .trust {\n background: #ffffff; padding: 90px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n width: 100%; max-width: 100%;\n }\n .verification-image {\n max-width: 620px; width: 90%; height: auto; border-radius: 20px;\n box-shadow: 0 15px 45px rgba(0,0,0,0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: block; margin: 34px auto 0;\n border: 1px solid rgba(20,20,20,0.1);\n }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n \/* ── FINAL CTA ── *\/\n .final-cta {\n background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(0,128,255,0.06) 0%, transparent 70%), #ffffff;\n color: #141414; padding: 100px 0; text-align: center;\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .final-cta h2 {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n margin-bottom: 20px; color: #141414; position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\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 \/* ── PAYMENT INFO ── *\/\n .payment-info {\n background: #f6f6f6;\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(20,20,20,0.12);\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(0,128,255,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(0,128,255,0.1), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(0,128,255,0.3);\n }\n .payment-info h3 {\n margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8em; letter-spacing: 3px; color: #141414;\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: #141414; }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: #141414; 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 \/* ── PRICE COMPARISON ── *\/\n .price-comparison {\n background: #f6f6f6;\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(20,20,20,0.15); 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(0,128,255,0.06), 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(0,128,255,0.1), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(0,128,255,0.35);\n }\n .old-price {\n text-decoration: line-through; color: #aaaaaa;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\n }\n .new-price {\n color: var(--accent); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\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 { transform: scale(1.06); }\n .savings {\n color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n \/* ── CHIPS SECTION ── *\/\n .colors-section {\n background: #ffffff;\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n \/* ── FOOTER (full-bleed) ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n .footer {\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(255,255,255,0.08);\n position: relative; overflow: hidden;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: inkGlow 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.6);\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: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n \/* ── RESPONSIVE ── *\/\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- HERO · FONDO BLANCO MINIMALISTA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Nike Jordan Hyperdunk – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251109_165939_0000.png?v=1762727125\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eJORDAN\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eHYPERDUNK\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El tenis de básquet que define tu estilo con diseño premium y tecnología superior.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eUnisex · Blanco o Negro · Tallas 38 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS HYPERDUNK · $156.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 1 · DESEO \/ PRODUCTO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO PREMIUM 2025\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSOPORTE DE TOBILLO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD NACIONAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO PREMIUM 2025\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSOPORTE DE TOBILLO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD NACIONAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CHIPS · COLORES --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDos Colores, Una Sola Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n \u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO PREMIUM\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n \u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO EXCLUSIVO\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA PRINCIPAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eCalidad Nacional, Estilo Deportivo Premium\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño premium deportivo · Comodidad excepcional · Estilo versátil unisex\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251109_172424_0002.png?v=1762727126\" alt=\"Nike Jordan Hyperdunk Blanco\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eVersión Blanca Premium\u003c\/h3\u003e\n \u003cp\u003eDiseño elegante en blanco con detalles morados y azules vibrantes. Perfecta combinación de estilo deportivo y sofisticación urbana que te hace destacar con clase.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251109_172424_0000.png?v=1762727126\" alt=\"Nike Jordan Hyperdunk Negro\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eVersión Negra Exclusiva\u003c\/h3\u003e\n \u003cp\u003eDiseño audaz en negro con acentos morados y azules que irradian energía. Look deportivo versátil que combina con todo y nunca pasa de moda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/175366862750c7dcb8-764a-4886-af5f-e5dc54df366e.jpg?v=1762709826\" alt=\"Nike Hyperdunk Blanco en Exhibición\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eCalidad Visual Comprobada\u003c\/h3\u003e\n \u003cp\u003eVersión blanca en exhibición mostrando cada detalle premium. Calidad nacional verificada con acabados impecables y materiales de primera categoría.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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é Estos Nike Jordan Hyperdunk?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eCalidad Nacional\u003c\/h3\u003e\n \u003cp\u003eMaterial sintético premium de alta gama con tecnología de respiración avanzada. Costuras reforzadas y acabados perfectos para uso intensivo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eDos Colores Premium\u003c\/h3\u003e\n \u003cp\u003eDisponible en blanco o negro, ambos con acentos vibrantes. Diseños versátiles que combinan con cualquier estilo y ocasión.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eComodidad Superior\u003c\/h3\u003e\n \u003cp\u003ePlantilla acolchada tipo memory foam y suela ergonómica de alta resistencia. Soporte de tobillo superior ideal para básquet y uso todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\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\u003eEstilo deportivo perfecto para hombre y mujer. Se adapta a cualquier personalidad, desde atletas hasta amantes del estilo urbano deportivo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTallas 38 a 43\u003c\/h3\u003e\n \u003cp\u003eAjuste perfecto tipo botín con cordones resistentes y sistema de soporte de tobillo alto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eDe $189.000 a solo \u003cstrong style=\"color:#141414\"\u003e$156.000\u003c\/strong\u003e. Ahorras $37.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 2 · PERSUASIÓN \/ PRUEBA SOCIAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DE LA CANCHA Y LA CALLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DE LA CANCHA Y LA CALLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eProducto\u003c\/strong\u003e\n \u003cspan\u003eZapato deportivo tipo botín Nike Jordan Hyperdunk unisex – básquet, gym y estilo urbano premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003e38, 39, 40, 41, 42 y 43 (tallaje colombiano). Soporte de tobillo alto tipo botín\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eColores\u003c\/strong\u003e\n \u003cspan\u003eBlanco con detalles morados y azul eléctrico · Negro con los mismos acentos vibrantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\n \u003cspan\u003eCordones deportivos resistentes con ojales reforzados – diseño tipo botín que abraza el tobillo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\n \u003cspan\u003eSintético de malla transpirable de alta calidad – resistente al desgaste, ventilación avanzada\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\n \u003cspan\u003eTextil suave con acolchado en el collar del tobillo – mantiene los pies frescos en actividad intensa\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eSuela\u003c\/strong\u003e\n \u003cspan\u003ePVC de alta densidad con patrón antideslizante profesional – tracción y absorción de impacto\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eUso Ideal\u003c\/strong\u003e\n \u003cspan\u003eBásquet, gym, entrenamiento y estilo urbano deportivo del día a día\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\n \u003cspan\u003eAntes $189.000 → Hoy solo $156.000 COP · Ahorra $37.000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEnvío\u003c\/strong\u003e\n \u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_nov_2025_05_47_04_p.m.png?v=1762728467\" alt=\"Reseña cliente – Hyperdunk blanco\" 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\"Me fascinaron estos Hyperdunk. El soporte del tobillo es increíble y se sienten súper cómodos. Los uso en la cancha y en la calle, se ven brutales y la calidad sorprende mucho.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Carolina P. · Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_nov_2025_04_39_08_p.m.png?v=1762727127\" alt=\"Reseña cliente – Hyperdunk 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\"Excelentes para entrenar. Los negros se ven muy elegantes y el agarre en cancha es perfecto. La amortiguación es top y no cansan los pies. Totalmente recomendados.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Daniel M. · Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_nov_2025_04_39_04_p.m.png?v=1762727127\" alt=\"Reseña cliente – Hyperdunk\" 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 compré en blanco y quedé enamorada. Son lindísimos y cómodos. Los uso con todo tipo de ropa y siempre me siento deportiva y con estilo. El pago contraentrega me dio confianza.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Melissa G. · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 3 · OFERTA \/ CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $37.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 38 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $37.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- URGENCIA --\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(0,128,255,0.25); box-shadow: 0 0 35px rgba(0,128,255,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251109_172424_0002.png?v=1762727126\" alt=\"No te quedes sin tus Nike Jordan Hyperdunk\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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 ¡Asegura los Tuyos Antes que se Agoten!\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 amantes del básquet y el estilo deportivo ya tienen sus Hyperdunk.\u003cbr\u003e\n \u003cspan style=\"color:#141414; 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\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 Nike Jordan Hyperdunk Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con estilo deportivo premium, comodidad profesional y la mejor calidad\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 38 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eDiseño Unisex\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e2 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $156.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $37.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS HYPERDUNK AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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=\"Nike Jordan Hyperdunk – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251109_165939_0000.png?v=1762727125\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo deportivo premium en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eJORDAN HYPERDUNK – Edición Premium\u003c\/div\u003e\n \u003cp\u003eTenis unisex de básquet en calidad nacional, tallas 38 a 43, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\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 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 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 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 document.addEventListener('DOMContentLoaded', function() {\n smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\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 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 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 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 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 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 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","brand":"zahariq","offers":[{"title":"negro azul morado \/ 40","offer_id":47671395516664,"sku":"-8","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"negro azul morado \/ 43","offer_id":47671395418360,"sku":"-11","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"negro azul morado \/ 38","offer_id":47671395582200,"sku":"-6","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"negro azul morado \/ 41","offer_id":47671395483896,"sku":"-9","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"negro azul morado \/ 42","offer_id":47671395451128,"sku":"-10","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"negro azul morado \/ 39","offer_id":47671395549432,"sku":"-7","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul morado \/ 40","offer_id":47671395713272,"sku":"-2","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul morado \/ 43","offer_id":47671395614968,"sku":"-5","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul morado \/ 38","offer_id":47671395778808,"sku":"-0","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul morado \/ 41","offer_id":47671395680504,"sku":"-3","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul morado \/ 42","offer_id":47671395647736,"sku":"-4","price":156000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul morado \/ 39","offer_id":47671395746040,"sku":"-1","price":156000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251109_172424_0000.png?v=1762739482"},{"product_id":"tennis-air-force-one-cosidos","title":"NIKE AIR FORCE ONE COLOR CORAL LILA TALLAS 34 A 40","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Force One Mujer – Edición Premium | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#e8657d; --accent-deep:#c23a54; --lila:#c8a2d6; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--lila), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(232,101,125,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #e8657d, #c8a2d6, #e8657d); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(232,101,125,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #e8657d, #c8a2d6, #e8657d); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(232,101,125,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(232,101,125,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(232,101,125,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(232,101,125,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(232,101,125,0.4); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), var(--lila), var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(232,101,125,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(232,101,125,0.35); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(232,101,125,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(232,101,125,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(232,101,125,0.35); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-coral { background: linear-gradient(135deg, #e8657d, #c8a2d6); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(232,101,125,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-coral { background: radial-gradient(circle, #ff8fa3, #a582c4); box-shadow: 0 0 8px rgba(232,101,125,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Nike Force One Mujer – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251113_212659_0000.png?v=1763087436\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eFORCE\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eONE\u003c\/span\u003e\u003cbr\u003eMUJER\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Estilo icónico, máxima comodidad y calidad premium.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eCoral y Lila · Suela cosida · Tallas 34 a 40\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eMUJER\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS FORCE ONE · $139.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO CLÁSICO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCORAL Y LILA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN MUJER\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO CLÁSICO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA COSIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCORAL Y LILA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN MUJER\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eUn Clásico, Dos Tonos Irresistibles\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCoral y lila en un mismo diseño elegante\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-coral\"\u003e\n\u003cdiv class=\"chip-dot dot-coral\"\u003e\u003c\/div\u003e BLANCO ROSA LILA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eUn Clásico que Nunca Pasa de Moda\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño clásico mejorado · Costura reforzada · Comodidad superior\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251113_212700_0002.png?v=1763089185\" alt=\"Nike Force One Mujer\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño Clásico Premium\u003c\/h3\u003e\n\u003cp\u003eLos legendarios Nike Force One en su versión para mujer con colores Coral y Lila que reflejan elegancia y personalidad. Un clásico renovado que nunca pasa de moda.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/082df71b-5930-4097-8600-bc4a962dc082.png?v=1763087438\" alt=\"Nike Force One Detalle\"\u003e\u003c\/div\u003e\n\u003ch3\u003ePerfección en Cada Detalle\u003c\/h3\u003e\n\u003cp\u003eSuela cosida que garantiza durabilidad excepcional. Combinación perfecta de materiales textil y sintético para máxima resistencia y estilo duradero.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/2ece5a34-525e-43d7-a925-796a74cdf4f2.png?v=1763087438\" alt=\"Nike Force One Street Style\"\u003e\u003c\/div\u003e\n\u003ch3\u003eComodidad Todo el Día\u003c\/h3\u003e\n\u003cp\u003eDiseñados para acompañarte desde la mañana hasta la noche. Perfectos para el trabajo, universidad, salidas casuales o entrenamientos ligeros.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estos Nike Force One?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Cosida Premium\u003c\/h3\u003e\n\u003cp\u003eTecnología de costura reforzada que garantiza una unión perfecta y duradera. La suela de goma plástica ofrece tracción superior y resistencia al desgaste.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDiseño Icónico\u003c\/h3\u003e\n\u003cp\u003eEl diseño clásico Force One en colores Coral y Lila que nunca pasa de moda. Un estilo atemporal que se adapta a cualquier tendencia y ocasión.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eMáxima Comodidad\u003c\/h3\u003e\n\u003cp\u003eInterior acolchado con materiales textiles suaves que abrazan tu pie. Soporte ergonómico que reduce la fatiga incluso después de horas de uso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eVersatilidad Premium\u003c\/h3\u003e\n\u003cp\u003eUn solo par para múltiples estilos: deportivo, casual, urbano o elegante. Se combinan perfectamente con jeans, faldas, shorts o vestidos.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 34 a 40\u003c\/h3\u003e\n\u003cp\u003eSistema de cordones ajustables para adaptarse perfectamente a cualquier forma de pie.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $189.000 a solo \u003cstrong style=\"color:#141414\"\u003e$139.000\u003c\/strong\u003e. Ahorras $50.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL CLÁSICO MÁS DESEADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTAS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL CLÁSICO MÁS DESEADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTAS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eTenis Nike Force One cosidos para mujer – uso diario, deportivo casual y urbano\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e34, 35, 36, 37, 38, 39 y 40 – sistema de cordones para ajuste personalizado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eCombinación exclusiva rosa coral y morado lila con detalles en blanco\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones resistentes con ojales metálicos reforzados – ajuste personalizado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eCombinación de textil y sintético premium de alta resistencia – fácil limpieza\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\u003cspan\u003eForro textil suave y transpirable con acolchado interno para máximo confort\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eGoma plástica de alta densidad cosida – diseño antideslizante con tracción superior\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eDía a día, universidad, salidas casuales y entrenamientos ligeros\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $189.000 → Hoy solo $139.000 COP · Ahorra $50.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestras Clientas\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/67cbe276-a97a-4c6c-8ab9-322b84c33f76.png?v=1763087438\" alt=\"Reseña clienta – Nike Force One\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Me encantan mis tenis. Los colores son preciosos y la suela cosida se siente súper resistente. Los uso todos los días y siguen como nuevos, súper cómodos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María C. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/60a84d60-1263-4399-8894-6cf1abcbc122.png?v=1762923679\" alt=\"Reseña clienta – Nike Force One\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Excelente calidad por el precio. La suela cosida es un plus increíble, se nota que van a durar mucho tiempo. El pago contraentrega me dio mucha confianza.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura P. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/0113d8fb-dd18-4754-9e8f-3224ef3a7f58.png?v=1762923697\" alt=\"Reseña clienta – Nike Force One\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Son perfectos. Los pedí en talla 37 y me quedaron exactos. Los he usado para caminar mucho y no me cansan. Los recomiendo 100%.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sofía R. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(232,101,125,0.25); box-shadow: 0 0 35px rgba(232,101,125,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251113_212700_0002.png?v=1763087437\" alt=\"No te quedes sin tus Nike Force One\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin los Tuyos!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLas mujeres con estilo ya tienen sus Nike Force One Premium.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla. Pídelos hoy y recíbelos en casa con envío gratis.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Nike Force One Mujer Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con el estilo icónico, comodidad suprema y la mejor calidad\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 34 a 40\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eSuela Cosida Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCoral y Lila\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $139.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $50.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS FORCE ONE AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Nike Force One Mujer – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251113_212659_0000.png?v=1763087436\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo y calidad en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eFORCE ONE MUJER – Edición Premium\u003c\/div\u003e\n \u003cp\u003eTenis femeninos clásicos en coral y lila, suela cosida premium, tallas 34 a 40, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"Blanco Rosa Lila \/ 37","offer_id":47411901628664,"sku":"-3","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rosa Lila \/ 36","offer_id":47411901661432,"sku":"-2","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rosa Lila \/ 35","offer_id":47411901694200,"sku":"-1","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rosa Lila \/ 34","offer_id":47411901726968,"sku":"-0","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rosa Lila \/ 40","offer_id":47411901530360,"sku":"-6","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rosa Lila \/ 39","offer_id":47411901563128,"sku":"-5","price":139000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco Rosa Lila \/ 38","offer_id":47411901595896,"sku":"-4","price":139000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251113_212700_0002.png?v=1763089185"},{"product_id":"adidas-dama-bounce","title":"ADIDAS DAMA BOUNCE","description":null,"brand":"zahariq","offers":[{"title":"Blanco azul \/ 40","offer_id":47422222991608,"sku":"-23","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul \/ 36","offer_id":47422223024376,"sku":"-19","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul \/ 37","offer_id":47422223057144,"sku":"-20","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco fuscia azul \/ 35","offer_id":47422223089912,"sku":"-0","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco fuscia azul \/ 36","offer_id":47422223122680,"sku":"-1","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco fuscia azul \/ 37","offer_id":47422223155448,"sku":"-2","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco fuscia azul \/ 38","offer_id":47422223188216,"sku":"-3","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco fuscia azul \/ 39","offer_id":47422223220984,"sku":"-4","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco fuscia azul \/ 40","offer_id":47422223253752,"sku":"-5","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Negro blanco \/ 35","offer_id":47422223286520,"sku":"-6","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Negro blanco \/ 36","offer_id":47422223319288,"sku":"-7","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Negro blanco \/ 37","offer_id":47422223352056,"sku":"-8","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Negro blanco \/ 38","offer_id":47422223384824,"sku":"-9","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Negro blanco \/ 39","offer_id":47422223417592,"sku":"-10","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Negro blanco \/ 40","offer_id":47422223450360,"sku":"-11","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco morado \/ 35","offer_id":47422223483128,"sku":"-12","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco morado \/ 36","offer_id":47422223515896,"sku":"-13","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco morado \/ 37","offer_id":47422223548664,"sku":"-14","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco morado \/ 38","offer_id":47422223581432,"sku":"-15","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco morado \/ 39","offer_id":47422223614200,"sku":"-16","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco morado \/ 40","offer_id":47422223646968,"sku":"-17","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul \/ 35","offer_id":47422223679736,"sku":"-18","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul \/ 38","offer_id":47422223712504,"sku":"-21","price":142000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco azul \/ 39","offer_id":47422223745272,"sku":"-22","price":142000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1761854166IMG-20251030-WA0041.jpg?v=1763047678"},{"product_id":"nike-strap-correa","title":"NIKE STRAP CORREA","description":"✨ Nike Kids Air Strap ✨Comodidad, estilo y practicidad para los más pequeños. Estos tenis infantiles son ideales para acompañar a tus hijos en su día a día, con un diseño moderno y fácil de usar gracias a su sistema de velcro. 👟 Características:• Diseño clásico y versátil que combina con todo.• Sistema de cierre en velcro, práctico para niños y papás.• Suela antideslizante que brinda seguridad en cada paso.• Material resistente y de fácil limpieza.• Ligeros y cómodos para uso diario. 🎨 Colores disponibles:• Blanco con cocoa ✨• Blanco con negro ⚪⚫• Blanco con gris ⚪🌫️ 📏 Tallas disponibles: 21 a la 33","brand":"zahariq","offers":[{"title":"BLANCO NEGRO \/ 21","offer_id":47422225678584,"sku":"-0","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 22","offer_id":47422225711352,"sku":"-1","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 23","offer_id":47422225744120,"sku":"-2","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 24","offer_id":47422225776888,"sku":"-3","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 25","offer_id":47422225809656,"sku":"-4","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 26","offer_id":47422225842424,"sku":"-5","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 27","offer_id":47422225875192,"sku":"-6","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 28","offer_id":47422225907960,"sku":"-7","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 29","offer_id":47422225940728,"sku":"-8","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 30","offer_id":47422225973496,"sku":"-9","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 31","offer_id":47422226006264,"sku":"-10","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 32","offer_id":47422226039032,"sku":"-11","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 33","offer_id":47422226071800,"sku":"-12","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 21","offer_id":47422226104568,"sku":"-13","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 22","offer_id":47422226137336,"sku":"-14","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 23","offer_id":47422226170104,"sku":"-15","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 24","offer_id":47422226202872,"sku":"-16","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 25","offer_id":47422226235640,"sku":"-17","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 26","offer_id":47422226268408,"sku":"-18","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 27","offer_id":47422226301176,"sku":"-19","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 28","offer_id":47422226333944,"sku":"-20","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 29","offer_id":47422226366712,"sku":"-21","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 30","offer_id":47422226399480,"sku":"-22","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 31","offer_id":47422226432248,"sku":"-23","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 32","offer_id":47422226465016,"sku":"-24","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO COCOA \/ 33","offer_id":47422226497784,"sku":"-25","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 21","offer_id":47422226530552,"sku":"-26","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 22","offer_id":47422226563320,"sku":"-27","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 23","offer_id":47422226596088,"sku":"-28","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 24","offer_id":47422226628856,"sku":"-29","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 25","offer_id":47422226661624,"sku":"-30","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 26","offer_id":47422226694392,"sku":"-31","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 27","offer_id":47422226727160,"sku":"-32","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 28","offer_id":47422226759928,"sku":"-33","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 29","offer_id":47422226792696,"sku":"-34","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 30","offer_id":47422226825464,"sku":"-35","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 31","offer_id":47422226858232,"sku":"-36","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 32","offer_id":47422226891000,"sku":"-37","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO GRIS \/ 33","offer_id":47422226923768,"sku":"-38","price":140000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1757444754WhatsApp_20Image_202025-09-09_20at_2010.36.07_20AM_20_2.jpg?v=1763047901"},{"product_id":"puma-xl-kids","title":"PUMA XL KIDS","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👟 TENIS COLEGIAL NIKE - Calidad Nacional Premium\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;900\u0026amp;family=Playfair+Display:wght@700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Montserrat', sans-serif;\n line-height: 1.6;\n color: #e0e0e0;\n background: #000000;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n \/* FONDO ANIMADO CON PARTÍCULAS *\/\n .animated-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n background: radial-gradient(ellipse at center, #0a0a0a 0%, #000000 100%);\n overflow: hidden;\n }\n\n .particle {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(0, 217, 255, 0.6), transparent);\n animation: float-particle 20s infinite ease-in-out;\n }\n\n @keyframes float-particle {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n opacity: 0.3;\n }\n 25% {\n transform: translate(100px, -100px) scale(1.2);\n opacity: 0.5;\n }\n 50% {\n transform: translate(-50px, -200px) scale(0.8);\n opacity: 0.4;\n }\n 75% {\n transform: translate(-150px, -100px) scale(1.1);\n opacity: 0.5;\n }\n }\n\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n z-index: 1;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n \/* ANIMACIONES MEJORADAS *\/\n .fade-in {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-80px);\n transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(80px);\n transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.85);\n transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n \/* HERO SECTION - SIN ESPACIO ARRIBA *\/\n .hero {\n background: \n radial-gradient(ellipse at top, rgba(0, 217, 255, 0.15) 0%, transparent 50%),\n radial-gradient(ellipse at bottom, rgba(122, 252, 255, 0.1) 0%, transparent 50%),\n linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #000000 100%);\n color: #00d9ff;\n padding: 15px 0 50px 0; \/* PADDING MÍNIMO ARRIBA *\/\n text-align: center;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(0, 217, 255, 0.02) 2px,\n rgba(0, 217, 255, 0.02) 4px\n );\n pointer-events: none;\n }\n \n .price-banner {\n background: linear-gradient(135deg, #00a8cc 0%, #00d9ff 50%, #7afcff 100%);\n color: #000000;\n padding: 14px 35px;\n border-radius: 100px;\n display: inline-block;\n margin-bottom: 25px;\n font-size: 1.1em;\n font-weight: 800;\n letter-spacing: 0.5px;\n box-shadow: \n 0 15px 35px rgba(0, 217, 255, 0.4),\n 0 5px 15px rgba(0, 217, 255, 0.3),\n inset 0 -3px 10px rgba(0, 168, 204, 0.5);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n animation: pulse-glow 3s infinite, slideInTop 1s ease-out;\n max-width: 95%;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n }\n\n .price-banner::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n 45deg,\n transparent 30%,\n rgba(255, 255, 255, 0.6) 50%,\n transparent 70%\n );\n animation: shine 3s infinite;\n }\n\n @keyframes shine {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-60px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes pulse-glow {\n 0%, 100% { \n transform: scale(1);\n box-shadow: \n 0 15px 35px rgba(0, 217, 255, 0.4),\n 0 5px 15px rgba(0, 217, 255, 0.3);\n }\n 50% { \n transform: scale(1.03);\n box-shadow: \n 0 20px 50px rgba(0, 217, 255, 0.6),\n 0 10px 25px rgba(0, 217, 255, 0.4);\n }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n margin-bottom: 30px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 280px;\n height: 280px;\n object-fit: cover;\n border-radius: 50%;\n background: \n linear-gradient(135deg, #1a1a1a, #0a0a0a),\n radial-gradient(circle at 30% 30%, rgba(0, 217, 255, 0.2), transparent);\n padding: 10px;\n box-shadow: \n 0 25px 70px rgba(0, 217, 255, 0.3),\n 0 10px 35px rgba(0, 217, 255, 0.2),\n inset 0 0 25px rgba(0, 217, 255, 0.1);\n border: 3px solid rgba(0, 217, 255, 0.6);\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n animation: float-smooth 4s ease-in-out infinite, logoReveal 1.5s ease-out 0.3s both;\n max-width: 90%;\n position: relative;\n }\n\n .hero-logo::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n border-radius: 50%;\n background: linear-gradient(45deg, #00d9ff, #7afcff, #00a8cc);\n z-index: -1;\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .hero-logo:hover::before {\n opacity: 1;\n animation: rotate-border 3s linear infinite;\n }\n\n @keyframes rotate-border {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n filter: blur(15px);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n filter: blur(0px);\n }\n }\n \n @keyframes float-smooth {\n 0%, 100% { \n transform: translateY(0px);\n }\n 25% {\n transform: translateY(-12px);\n }\n 50% { \n transform: translateY(-6px);\n }\n 75% {\n transform: translateY(-12px);\n }\n }\n \n .hero-logo:hover {\n transform: scale(1.06) translateY(-15px);\n box-shadow: \n 0 35px 90px rgba(0, 217, 255, 0.5),\n 0 15px 45px rgba(0, 217, 255, 0.3),\n inset 0 0 35px rgba(0, 217, 255, 0.2);\n border-color: rgba(122, 252, 255, 1);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.3s ease-out 0.8s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n filter: blur(8px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n filter: blur(0px);\n }\n }\n \n .hero h1 {\n font-size: 3.5em;\n margin-bottom: 16px;\n text-shadow: \n 0 0 20px rgba(0, 217, 255, 0.8),\n 0 0 40px rgba(0, 217, 255, 0.5),\n 0 5px 15px rgba(0, 0, 0, 0.8);\n color: #ffffff;\n background: linear-gradient(135deg, #00d9ff 0%, #7afcff 50%, #ffffff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: glow-text 3s ease-in-out infinite alternate, titleReveal 1s ease-out 1s both;\n word-wrap: break-word;\n font-weight: 900;\n font-family: 'Playfair Display', serif;\n letter-spacing: -1.5px;\n line-height: 1.1;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(35px) scale(0.9);\n filter: blur(8px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n }\n }\n \n @keyframes glow-text {\n from { \n text-shadow: \n 0 0 20px rgba(0, 217, 255, 0.8),\n 0 0 40px rgba(0, 217, 255, 0.5);\n }\n to { \n text-shadow: \n 0 0 30px rgba(122, 252, 255, 1),\n 0 0 60px rgba(0, 217, 255, 0.7),\n 0 5px 20px rgba(0, 0, 0, 0.8);\n }\n }\n \n .hero .subtitle {\n font-size: 1.4em;\n margin-bottom: 18px;\n color: #7afcff;\n font-weight: 700;\n animation: subtitleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n text-shadow: \n 0 0 15px rgba(122, 252, 255, 0.6),\n 0 3px 10px rgba(0, 0, 0, 0.5);\n font-style: italic;\n letter-spacing: 0.3px;\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(25px);\n filter: blur(4px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n filter: blur(0px);\n }\n }\n \n .hero p {\n font-size: 1.25em;\n margin-bottom: 25px;\n color: #e0e0e0;\n animation: paragraphReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n font-weight: 400;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n line-height: 1.7;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(25px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #00d9ff;\n font-weight: 800;\n font-style: italic;\n text-shadow: \n 0 0 20px rgba(0, 217, 255, 0.8),\n 0 3px 10px rgba(0, 0, 0, 0.5);\n position: relative;\n animation: highlightGlow 4s ease-in-out infinite;\n background: linear-gradient(135deg, #00d9ff 0%, #7afcff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { \n text-shadow: 0 0 20px rgba(0, 217, 255, 0.8);\n filter: brightness(1);\n }\n 50% { \n text-shadow: 0 0 30px rgba(122, 252, 255, 1);\n filter: brightness(1.3);\n }\n }\n \n .cta-button {\n background: linear-gradient(135deg, #00a8cc 0%, #00d9ff 50%, #7afcff 100%);\n background-size: 200% 200%;\n color: #000000;\n padding: 18px 50px;\n border: none;\n border-radius: 100px;\n font-size: 1.35em;\n font-weight: 900;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: \n 0 15px 40px rgba(0, 217, 255, 0.4),\n 0 5px 15px rgba(0, 217, 255, 0.3),\n inset 0 -3px 10px rgba(0, 168, 204, 0.5);\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n animation: shimmer 4s ease-in-out infinite, buttonReveal 1s ease-out 1.6s both;\n margin: 8px;\n max-width: 90%;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n 45deg,\n transparent 30%,\n rgba(255, 255, 255, 0.8) 50%,\n transparent 70%\n );\n animation: shine-button 3s infinite;\n }\n\n @keyframes shine-button {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n\n @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(35px) scale(0.85);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-7px) scale(1.04);\n box-shadow: \n 0 25px 60px rgba(0, 217, 255, 0.6),\n 0 10px 30px rgba(0, 217, 255, 0.4),\n inset 0 -5px 15px rgba(0, 168, 204, 0.6);\n }\n \n \/* SECCIONES CON ESPACIADO FLUIDO *\/\n .visual-banner {\n background: \n radial-gradient(ellipse at center, rgba(0, 217, 255, 0.1) 0%, transparent 70%),\n linear-gradient(135deg, #0a0a0a 0%, #000000 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .section-title {\n font-size: 3.2em;\n color: #ffffff;\n background: linear-gradient(135deg, #00d9ff 0%, #7afcff 50%, #ffffff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 0 0 30px rgba(0, 217, 255, 0.5);\n font-family: 'Playfair Display', serif;\n letter-spacing: -0.5px;\n line-height: 1.2;\n }\n \n .section-subtitle {\n font-size: 1.4em;\n color: #c0c0c0;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 400;\n font-style: italic;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: \n linear-gradient(135deg, rgba(26, 26, 26, 0.8), rgba(13, 17, 23, 0.9)),\n radial-gradient(circle at top right, rgba(0, 217, 255, 0.1), transparent 60%);\n border-radius: 28px;\n padding: 40px;\n box-shadow: \n 0 20px 50px rgba(0, 0, 0, 0.6),\n 0 0 30px rgba(0, 217, 255, 0.15),\n inset 0 0 20px rgba(0, 217, 255, 0.05);\n text-align: center;\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n border: 2px solid rgba(0, 217, 255, 0.2);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n backdrop-filter: blur(10px);\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0, 217, 255, 0.2), transparent);\n transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: \n 0 35px 90px rgba(0, 0, 0, 0.7),\n 0 0 50px rgba(0, 217, 255, 0.4),\n inset 0 0 30px rgba(0, 217, 255, 0.1);\n transform: translateY(-18px) scale(1.02);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .product-card img {\n width: 100%;\n max-width: 100%;\n height: 380px;\n object-fit: cover;\n border-radius: 22px;\n margin-bottom: 28px;\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n border: 2px solid rgba(0, 217, 255, 0.2);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n }\n \n .product-card:hover img {\n transform: scale(1.04);\n filter: brightness(1.15) saturate(1.3);\n border-color: rgba(0, 217, 255, 0.6);\n box-shadow: 0 15px 45px rgba(0, 217, 255, 0.3);\n }\n \n .product-card h3 {\n color: #00d9ff;\n margin-bottom: 16px;\n font-size: 1.55em;\n font-weight: 800;\n transition: all 0.4s ease;\n word-wrap: break-word;\n letter-spacing: 0.3px;\n }\n\n .product-card:hover h3 {\n transform: translateY(-4px);\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.8);\n color: #7afcff;\n }\n \n .product-card p {\n color: #b0b0b0;\n line-height: 1.8;\n transition: color 0.4s ease;\n word-wrap: break-word;\n font-weight: 400;\n }\n\n .product-card:hover p {\n color: #e0e0e0;\n }\n \n \/* BENEFITS MEJORADO *\/\n .benefits {\n background: \n radial-gradient(ellipse at top, rgba(122, 252, 255, 0.1) 0%, transparent 50%),\n linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #000000 100%);\n color: #e0e0e0;\n padding: 80px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: \n linear-gradient(135deg, rgba(26, 26, 26, 0.8), rgba(13, 17, 23, 0.9)),\n radial-gradient(circle at center, rgba(0, 217, 255, 0.1), transparent 70%);\n padding: 50px 32px;\n border-radius: 28px;\n text-align: center;\n border: 2px solid rgba(0, 217, 255, 0.2);\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n backdrop-filter: blur(15px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n box-shadow: \n 0 15px 40px rgba(0, 0, 0, 0.5),\n inset 0 0 20px rgba(0, 217, 255, 0.05);\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 217, 255, 0.15) 0%, transparent 60%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n transform: scale(1);\n }\n \n .benefit-card:hover {\n background: \n linear-gradient(135deg, rgba(0, 217, 255, 0.2), rgba(26, 26, 26, 0.9)),\n radial-gradient(circle at center, rgba(0, 217, 255, 0.15), transparent 70%);\n transform: scale(1.06) translateY(-12px);\n border-color: rgba(0, 217, 255, 0.6);\n box-shadow: \n 0 30px 70px rgba(0, 0, 0, 0.6),\n 0 0 40px rgba(0, 217, 255, 0.4);\n }\n \n .benefit-icon {\n font-size: 3.8em;\n margin-bottom: 28px;\n color: #00d9ff;\n text-shadow: \n 0 0 30px rgba(0, 217, 255, 0.8),\n 0 5px 15px rgba(0, 0, 0, 0.5);\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n display: inline-block;\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.25) rotateY(360deg);\n text-shadow: \n 0 0 40px rgba(122, 252, 255, 1),\n 0 5px 20px rgba(0, 0, 0, 0.7);\n filter: brightness(1.3);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.65em;\n color: #00d9ff;\n transition: all 0.4s ease;\n word-wrap: break-word;\n font-weight: 800;\n letter-spacing: 0.3px;\n }\n\n .benefit-card:hover h3 {\n color: #7afcff;\n transform: translateY(-6px);\n text-shadow: 0 0 15px rgba(122, 252, 255, 0.7);\n }\n \n .benefit-card p {\n color: #b0b0b0;\n line-height: 1.8;\n transition: color 0.4s ease;\n word-wrap: break-word;\n font-weight: 400;\n }\n\n .benefit-card:hover p {\n color: #e0e0e0;\n }\n \n \/* SPECIFICATIONS MEJORADO *\/\n .specifications {\n background: \n radial-gradient(ellipse at bottom, rgba(0, 217, 255, 0.08) 0%, transparent 60%),\n linear-gradient(135deg, #0a0a0a 0%, #000000 100%);\n padding: 80px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: \n linear-gradient(135deg, rgba(26, 26, 26, 0.8), rgba(13, 17, 23, 0.9));\n padding: 32px;\n border-radius: 22px;\n border-left: 5px solid #00d9ff;\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: \n 0 15px 40px rgba(0, 0, 0, 0.5),\n inset 0 0 15px rgba(0, 217, 255, 0.05);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n backdrop-filter: blur(10px);\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #7afcff, #00d9ff, #00a8cc);\n transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: 0 0 15px rgba(0, 217, 255, 0.8);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(18px) scale(1.02);\n box-shadow: \n 0 25px 60px rgba(0, 0, 0, 0.6),\n -15px 0 30px rgba(0, 217, 255, 0.3);\n background: \n linear-gradient(135deg, rgba(0, 217, 255, 0.15), rgba(26, 26, 26, 0.9));\n }\n \n .spec-item strong {\n color: #00d9ff;\n font-size: 1.15em;\n display: block;\n margin-bottom: 10px;\n transition: all 0.4s ease;\n word-wrap: break-word;\n font-weight: 800;\n letter-spacing: 0.3px;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.8);\n color: #7afcff;\n }\n\n .spec-item span {\n color: #b0b0b0;\n word-wrap: break-word;\n line-height: 1.7;\n }\n \n \/* TESTIMONIALS MEJORADO *\/\n .testimonials {\n background: \n radial-gradient(ellipse at center, rgba(122, 252, 255, 0.08) 0%, transparent 60%),\n linear-gradient(135deg, #000000 0%, #0a0a0a 100%);\n color: #e0e0e0;\n padding: 80px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: \n linear-gradient(135deg, rgba(26, 26, 26, 0.8), rgba(13, 17, 23, 0.9)),\n radial-gradient(circle at bottom, rgba(0, 217, 255, 0.1), transparent 70%);\n padding: 42px;\n border-radius: 28px;\n border: 2px solid rgba(0, 217, 255, 0.2);\n transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n backdrop-filter: blur(15px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n box-shadow: \n 0 20px 50px rgba(0, 0, 0, 0.5),\n inset 0 0 20px rgba(0, 217, 255, 0.05);\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 217, 255, 0.12) 0%, transparent 60%);\n opacity: 0;\n transition: all 0.9s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-12px) scale(1.02);\n box-shadow: \n 0 35px 90px rgba(0, 0, 0, 0.6),\n 0 0 50px rgba(0, 217, 255, 0.4);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 449px;\n height: 360px;\n object-fit: cover;\n border-radius: 22px;\n margin: 22px auto;\n display: block;\n box-shadow: \n 0 15px 40px rgba(0, 0, 0, 0.5),\n 0 0 20px rgba(0, 217, 255, 0.2);\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n border: 2px solid rgba(0, 217, 255, 0.2);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.04);\n box-shadow: \n 0 20px 50px rgba(0, 0, 0, 0.6),\n 0 0 30px rgba(0, 217, 255, 0.4);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .testimonial-rating {\n color: #00d9ff;\n font-size: 1.9em;\n margin-bottom: 22px;\n text-shadow: \n 0 0 20px rgba(0, 217, 255, 0.7),\n 0 3px 10px rgba(0, 0, 0, 0.5);\n transition: all 0.4s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.12);\n text-shadow: \n 0 0 30px rgba(122, 252, 255, 1),\n 0 5px 15px rgba(0, 0, 0, 0.7);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 26px;\n line-height: 1.8;\n color: #b0b0b0;\n transition: color 0.4s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n font-weight: 400;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #e0e0e0;\n }\n \n .testimonial-author {\n font-weight: 800;\n color: #00d9ff;\n font-size: 1.15em;\n transition: all 0.4s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n letter-spacing: 0.3px;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.8);\n color: #7afcff;\n }\n \n \/* VERIFICATION MEJORADO *\/\n .verification {\n background: \n radial-gradient(ellipse at top, rgba(0, 217, 255, 0.08) 0%, transparent 60%),\n linear-gradient(135deg, #0a0a0a 0%, #000000 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 897px;\n width: 90%;\n height: auto;\n border-radius: 22px;\n box-shadow: \n 0 30px 80px rgba(0, 0, 0, 0.6),\n 0 0 40px rgba(0, 217, 255, 0.3);\n transition: all 0.6s ease;\n display: block;\n margin: 0 auto;\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n\n .verification-image:hover {\n transform: scale(1.02);\n box-shadow: \n 0 40px 100px rgba(0, 0, 0, 0.7),\n 0 0 50px rgba(0, 217, 255, 0.5);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n \/* FINAL CTA MEJORADO *\/\n .final-cta {\n background: \n radial-gradient(ellipse at center, rgba(122, 252, 255, 0.1) 0%, transparent 60%),\n linear-gradient(45deg, #000000, #0a0a0a, #000000);\n color: #e0e0e0;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta h2 {\n font-size: 2.8em;\n margin-bottom: 25px;\n color: #ffffff;\n background: linear-gradient(135deg, #00d9ff 0%, #7afcff 50%, #ffffff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 0 0 30px rgba(0, 217, 255, 0.5);\n font-family: 'Playfair Display', serif;\n letter-spacing: -0.5px;\n }\n \n .final-cta p {\n font-size: 1.4em;\n margin-bottom: 50px;\n color: #c0c0c0;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 400;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n }\n \n .payment-info {\n background: \n linear-gradient(135deg, rgba(0, 217, 255, 0.2), rgba(26, 26, 26, 0.9)),\n radial-gradient(circle at top left, rgba(122, 252, 255, 0.1), transparent 60%);\n padding: 42px;\n border-radius: 28px;\n margin: 50px 0;\n border: 2px solid rgba(0, 217, 255, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n width: 100%;\n max-width: 100%;\n backdrop-filter: blur(15px);\n box-shadow: \n 0 20px 50px rgba(0, 0, 0, 0.5),\n inset 0 0 30px rgba(0, 217, 255, 0.1);\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: \n 0 30px 70px rgba(0, 0, 0, 0.6),\n 0 0 50px rgba(0, 217, 255, 0.3);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 28px;\n font-size: 1.75em;\n color: #00d9ff;\n transition: all 0.4s ease;\n word-wrap: break-word;\n font-weight: 800;\n letter-spacing: 0.3px;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-4px);\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.8);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 28px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.25em;\n color: #b0b0b0;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n padding: 10px 0;\n word-wrap: break-word;\n font-weight: 600;\n }\n\n .payment-feature:hover {\n transform: translateX(12px);\n color: #e0e0e0;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 16px;\n font-weight: bold;\n color: #00d9ff;\n font-size: 1.35em;\n text-shadow: \n 0 0 20px rgba(0, 217, 255, 0.8),\n 0 3px 10px rgba(0, 0, 0, 0.5);\n transition: all 0.4s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.25) rotate(360deg);\n text-shadow: \n 0 0 30px rgba(122, 252, 255, 1),\n 0 5px 15px rgba(0, 0, 0, 0.7);\n }\n \n .price-comparison {\n background: \n linear-gradient(135deg, rgba(0, 217, 255, 0.25), rgba(26, 26, 26, 0.95)),\n radial-gradient(circle at center, rgba(122, 252, 255, 0.1), transparent 70%);\n padding: 32px;\n border-radius: 22px;\n margin: 45px 0;\n text-align: center;\n border: 2px solid rgba(0, 217, 255, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n backdrop-filter: blur(15px);\n box-shadow: \n 0 20px 50px rgba(0, 0, 0, 0.5),\n inset 0 0 30px rgba(0, 217, 255, 0.1);\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n 45deg,\n transparent 30%,\n rgba(0, 217, 255, 0.3) 50%,\n transparent 70%\n );\n transition: transform 0.8s ease;\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n }\n\n .price-comparison:hover::before {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .price-comparison:hover {\n transform: scale(1.04);\n box-shadow: \n 0 30px 70px rgba(0, 0, 0, 0.6),\n 0 0 60px rgba(0, 217, 255, 0.4);\n border-color: rgba(0, 217, 255, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.9em;\n transition: all 0.4s ease;\n word-wrap: break-word;\n font-weight: 700;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.92);\n color: #666;\n }\n \n .new-price {\n color: #ffffff;\n background: linear-gradient(135deg, #00d9ff 0%, #7afcff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-size: 2.6em;\n font-weight: 900;\n margin-left: 22px;\n text-shadow: 0 0 30px rgba(0, 217, 255, 0.8);\n transition: all 0.4s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.12);\n text-shadow: 0 0 40px rgba(122, 252, 255, 1);\n }\n \n .savings {\n color: #7afcff;\n font-size: 1.55em;\n font-weight: 800;\n margin-top: 18px;\n transition: all 0.4s ease;\n word-wrap: break-word;\n letter-spacing: 0.3px;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-4px) scale(1.08);\n text-shadow: 0 0 20px rgba(122, 252, 255, 0.8);\n }\n \n \/* FOOTER MEJORADO *\/\n .footer {\n background: \n radial-gradient(ellipse at top, rgba(0, 217, 255, 0.05) 0%, transparent 60%),\n linear-gradient(135deg, #000000, #0a0a0a);\n color: #00d9ff;\n padding: 80px 0;\n text-align: center;\n border-top: 2px solid rgba(0, 217, 255, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 45px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 260px;\n height: 260px;\n border-radius: 50%;\n object-fit: cover;\n background: \n linear-gradient(135deg, #1a1a1a, #0a0a0a),\n radial-gradient(circle at 30% 30%, rgba(0, 217, 255, 0.2), transparent);\n padding: 16px;\n box-shadow: \n 0 30px 80px rgba(0, 0, 0, 0.6),\n 0 0 40px rgba(0, 217, 255, 0.4),\n inset 0 0 30px rgba(0, 217, 255, 0.1);\n border: 3px solid rgba(0, 217, 255, 0.5);\n transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.12) rotate(5deg);\n box-shadow: \n 0 40px 100px rgba(0, 0, 0, 0.7),\n 0 0 50px rgba(0, 217, 255, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.5em;\n color: #00d9ff;\n margin-bottom: 22px;\n font-weight: 800;\n transition: all 0.4s ease;\n word-wrap: break-word;\n font-style: italic;\n letter-spacing: 0.3px;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.8);\n }\n \n .footer-text .store-name {\n font-size: 1.9em;\n color: #7afcff;\n margin-bottom: 16px;\n font-weight: 900;\n transition: all 0.4s ease;\n word-wrap: break-word;\n letter-spacing: 0.3px;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #00d9ff;\n }\n \n .footer-text p {\n font-size: 1.25em;\n color: #b0b0b0;\n line-height: 1.8;\n transition: color 0.4s ease;\n word-wrap: break-word;\n font-weight: 400;\n }\n\n .footer-text:hover p {\n color: #e0e0e0;\n }\n\n \/* SCROLL PROGRESS MEJORADO *\/\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 4px;\n background: linear-gradient(90deg, #00a8cc, #00d9ff, #7afcff);\n z-index: 10000;\n transition: width 0.1s ease;\n max-width: 100%;\n box-shadow: 0 0 15px rgba(0, 217, 255, 0.8);\n }\n \n \/* RESPONSIVE PERFECCIONADO *\/\n @media (max-width: 768px) {\n .hero {\n padding: 10px 0 40px 0; \/* PADDING MÍNIMO EN MÓVIL *\/\n }\n\n .hero h1 {\n font-size: 2.5em;\n }\n\n .hero .subtitle {\n font-size: 1.2em;\n }\n\n .hero p {\n font-size: 1.15em;\n }\n \n .hero-content {\n gap: 25px;\n }\n \n .hero-logo {\n width: 220px;\n height: 220px;\n }\n \n .section-title {\n font-size: 2.1em;\n }\n \n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n \n .product-card img {\n height: 320px;\n }\n \n .testimonial-image {\n max-width: 100%;\n height: 260px;\n }\n \n .footer-content {\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 200px;\n height: 200px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 16px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .price-banner {\n font-size: 0.95em;\n padding: 12px 28px;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.1em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 28px 20px;\n }\n\n .hero-logo {\n width: 180px;\n height: 180px;\n }\n }\n\n \/* TABLETS *\/\n @media (min-width: 769px) and (max-width: 1024px) {\n .hero-logo {\n width: 300px;\n height: 300px;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* ANIMACIÓN DE CARGA DE IMÁGENES *\/\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .footer-logo {\n opacity: 0;\n transition: opacity 0.6s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .footer-logo.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n \u003c!-- Fondo Animado con Partículas --\u003e\n \u003cdiv class=\"animated-background\" id=\"bgParticles\"\u003e\u003c\/div\u003e\n\n \u003c!-- Scroll Progress Indicator --\u003e\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRA ENTREGA • 🚚 ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"TENIS COLEGIAL NIKE Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/15_20260106_195047_0000.png?v=1767748181\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eTENIS COLEGIAL NIKE\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✨ Calidad Nacional Premium • Diseño Deportivo ✨\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El calzado perfecto para el uniforme de diario y educación física de tu hijo\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e👟 Tenis escolares con estilo único, máxima durabilidad y comodidad todo el día 👟\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES 💫 $159.900\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA 🔥 $133.900 🔥\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Visual Banner Section --\u003e\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e👟 TENIS COLEGIAL NIKE PARA NIÑOS Y ADOLESCENTES 👟\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCalidad Nacional Premium • Diseño Deportivo • Máxima Durabilidad\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_18_p.m.png?v=1767748183\" alt=\"Tenis Colegial Nike Blancos\" class=\"loaded\"\u003e\n \u003ch3\u003e✨ Modelo Blanco Clásico ✨\u003c\/h3\u003e\n \u003cp\u003eDiseño limpio y elegante ideal para uniformes escolares. Perfecto para diario y educación física con estilo deportivo profesional.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_03_p.m.png?v=1767748184\" alt=\"Niños pequeños modelando Tenis Nike\" class=\"loaded\"\u003e\n \u003ch3\u003e💫 Perfectos para Niños 💫\u003c\/h3\u003e\n \u003cp\u003eAsí lucen los tenis en acción. Comodidad visible y estilo deportivo que se adapta al día a día escolar con total naturalidad.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_22_p.m.png?v=1767748184\" alt=\"Tenis Colegial Nike Negros\" class=\"loaded\"\u003e\n \u003ch3\u003e🌟 Modelo Negro Deportivo 🌟\u003c\/h3\u003e\n \u003cp\u003eEstilo moderno en negro que combina con todo. Ideal para quienes buscan un look discreto y elegante con máxima versatilidad.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_12_p.m.png?v=1767748184\" alt=\"Adolescentes modelando Tenis Nike\" class=\"loaded\"\u003e\n \u003ch3\u003e💎 Ideales para Adolescentes 💎\u003c\/h3\u003e\n \u003cp\u003eEstilo juvenil y deportivo. Los tenis que se adaptan perfectamente al uniforme escolar y actividades físicas diarias.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Elegir TENIS COLEGIAL NIKE? ✨\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n \u003ch3\u003eCuero Vegano Premium\u003c\/h3\u003e\n \u003cp\u003eMaterial de alta calidad que resiste el uso diario escolar. Diseño resistente que mantiene su apariencia original por mucho más tiempo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3\u003eSuela PVU Liviana y Cocida\u003c\/h3\u003e\n \u003cp\u003eTecnología de suela cosida para mayor resistencia. Absorción de impacto que reduce la fatiga en cada paso durante todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eHerrajes de Lujo\u003c\/h3\u003e\n \u003cp\u003eDetalles metálicos de alta calidad que dan elegancia. Acabados premium que elevan el estilo deportivo del calzado escolar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eCordones de Algodón\u003c\/h3\u003e\n \u003cp\u003eCordones resistentes y duraderos. Ajuste seguro que evita deslizamientos y garantiza comodidad durante todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎁\u003c\/div\u003e\n \u003ch3\u003eDiseño Deportivo Versátil\u003c\/h3\u003e\n \u003cp\u003ePerfecto para uniforme de diario y educación física. Calzado que combina elegancia escolar con funcionalidad deportiva.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eMáxima Durabilidad\u003c\/h3\u003e\n \u003cp\u003eConstrucción reforzada para resistir el uso intensivo. Calidad nacional premium que garantiza larga vida útil del calzado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Specifications --\u003e\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e📋 Especificaciones de los Tenis 📋\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo sobre tus TENIS COLEGIAL NIKE\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e👟 Tipo de Producto:\u003c\/strong\u003e \u003cspan\u003eTenis escolares deportivos de calidad nacional premium para uso diario.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🎨 Colores Disponibles:\u003c\/strong\u003e \u003cspan\u003eBlanco clásico, Negro deportivo.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e👤 Para Quién:\u003c\/strong\u003e \u003cspan\u003eNiños y adolescentes. Diseño unisex perfecto para uniformes escolares.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e⚡ Suela:\u003c\/strong\u003e \u003cspan\u003ePVU ultraligera y cocida para máxima resistencia y durabilidad.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e💨 Material Superior:\u003c\/strong\u003e \u003cspan\u003eCuero vegano de alta calidad que resiste el uso diario intensivo.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🛡️ Herrajes:\u003c\/strong\u003e \u003cspan\u003eDetalles metálicos de lujo con acabados premium.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🎯 Ocasión de Uso:\u003c\/strong\u003e \u003cspan\u003eUniforme de diario, educación física, actividades escolares y deportivas.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e📏 Tallas Disponibles:\u003c\/strong\u003e \u003cspan\u003eNiños: 21 a 33 | Adolescentes: 34 a 43 (tallas tradicionales colombianas).\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Testimonials --\u003e\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e⭐ Opiniones de Nuestros Clientes ⭐\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Compré los blancos para mi hija y están increíbles! Son super cómodos y resistentes. Los usa todos los días en el colegio y se ven como nuevos. Excelente calidad!\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260106-WA0011.jpg?v=1767748181\" alt=\"Reseña Tenis Blancos\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- María P., Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Los tenis negros son perfectos para mi hijo adolescente! Le encantan, dice que son muy cómodos para educación física y se ven elegantes con el uniforme. Súper recomendados!\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260106-WA0012.jpg?v=1767748181\" alt=\"Reseña Tenis Negros\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carlos M., Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Los blancos son hermosos! Mi niño de 8 años los ama. Son resistentes, livianos y perfectos para el colegio. La calidad es excelente, valen cada peso!\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260106-WA0013.jpg?v=1767748181\" alt=\"Reseña Tenis Blancos Niño\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Ana L., Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Verification Section --\u003e\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✅ Zahariq Shop Verificados y Confiables ✅\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1_20251217_214336_0000.png?v=1766025904\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_18_53_p.m.png?v=1767748184\" class=\"loaded\"\u003e\n \u003ch3\u003e👟 ¡ASEGURA TUS TENIS COLEGIAL NIKE ANTES QUE SE AGOTEN! 👟\u003c\/h3\u003e\n \u003cp style=\"color: #00d9ff; font-weight: 700; text-shadow: 1px 1px 3px rgba(0, 217, 255, 0.5);\"\u003eLos padres de familia ya confían en la calidad de estos tenis para sus hijos. Dale lo mejor a tu niño o adolescente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"fade-in\"\u003e💫 ¡Lleva Tus TENIS COLEGIAL NIKE Hoy! 💫\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Dale un toque único y exclusivo al uniforme de tu hijo con calidad premium\"\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🚚 Envío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e👟 Calidad Nacional Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e📏 Tallas 21 a 43\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $159.900\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003ePRECIO ESPECIAL: $133.900\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e👟 ¡Ahorras $26.000! Oferta Exclusiva 👟\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MIS TENIS COLEGIALES AHORA 🔥\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #e0e0e0; font-weight: 600; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);\"\u003e\n ⏰ \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Estos tenis se están agotando muy rápido por su calidad premium y precio especial. \n Las últimas unidades se venden en minutos. Algunas imágenes son ilustrativas generadas con IA.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/15_20260106_195047_0000.png?v=1767748181\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✨ Calidad y estilo para el uniforme escolar ✨\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ SHOP - Calzado Escolar Premium\u003c\/div\u003e\n \u003cp\u003eLos mejores tenis escolares con calidad nacional premium y diseño deportivo moderno. TENIS COLEGIAL NIKE es la elección perfecta para el uniforme de diario y educación física de tus hijos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2025 ZAHARIQ SHOP. Todos los derechos reservados\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cscript\u003e\n \/\/ Sistema de Partículas Animadas en el Fondo\n function createBackgroundParticles() {\n const bgContainer = document.getElementById('bgParticles');\n const particleCount = 10;\n \n for (let i = 0; i \u003c particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n \n const size = Math.random() * 70 + 35;\n const startX = Math.random() * window.innerWidth;\n const startY = Math.random() * window.innerHeight;\n const delay = Math.random() * 5;\n \n particle.style.width = `${size}px`;\n particle.style.height = `${size}px`;\n particle.style.left = `${startX}px`;\n particle.style.top = `${startY}px`;\n particle.style.animationDelay = `${delay}s`;\n \n bgContainer.appendChild(particle);\n }\n }\n\n \/\/ Scroll Progress Bar\n function updateScrollProgress() {\n const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n }\n\n \/\/ Scroll Reveal Animation\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card');\n \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 100;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n \/\/ Smooth scrolling for anchor links\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n \/\/ Image lazy loading\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n \/\/ Initialize all functions\n document.addEventListener('DOMContentLoaded', function() {\n createBackgroundParticles();\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n \/\/ Event listeners\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n \/\/ Performance optimization: use requestAnimationFrame for scroll events\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n \/\/ Intersection Observer for better performance\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n \/\/ Add stagger animation delay to grid items\n function addStaggerDelay() {\n const grids = [\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: 180 }\n ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n \/\/ Initialize stagger animations\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n \/\/ Enhanced button interactions\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-7px) scale(1.04)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-3px) scale(1.02)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-7px) scale(1.04)';\n });\n });\n\n \/\/ Urgency timer\n function createUrgencyTimer() {\n const urgencyMessages = [\n '👟 ¡STOCK LIMITADO DE TENIS ESCOLARES!',\n '✨ ÚLTIMA OPORTUNIDAD AL MEJOR PRECIO',\n '💫 TENIS DE ALTA CALIDAD - ORDENAR AHORA'\n ];\n \n const urgencyBanner = document.createElement('div');\n urgencyBanner.innerHTML = urgencyMessages[Math.floor(Math.random() * urgencyMessages.length)];\n urgencyBanner.style.cssText = `\n position: fixed;\n bottom: 20px;\n right: 20px;\n background: linear-gradient(135deg, #00a8cc, #00d9ff, #7afcff);\n color: #000000;\n padding: 12px 24px;\n border-radius: 50px;\n font-weight: 900;\n font-size: 0.85em;\n z-index: 9999;\n animation: pulse-glow 2.5s infinite;\n box-shadow: 0 10px 30px rgba(0, 217, 255, 0.6);\n text-transform: uppercase;\n letter-spacing: 0.3px;\n max-width: 85%;\n text-align: center;\n `;\n document.body.appendChild(urgencyBanner);\n }\n\n \/\/ Initialize urgency timer\n setTimeout(createUrgencyTimer, 5000);\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"VERDE \/ 22","offer_id":47422233805048,"sku":"-27","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 23","offer_id":47422233837816,"sku":"-28","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 24","offer_id":47422233870584,"sku":"-29","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 25","offer_id":47422233903352,"sku":"-30","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 26","offer_id":47422233936120,"sku":"-31","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 27","offer_id":47422233968888,"sku":"-32","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 28","offer_id":47422234001656,"sku":"-33","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 29","offer_id":47422234034424,"sku":"-34","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 30","offer_id":47422234067192,"sku":"-35","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 31","offer_id":47422234099960,"sku":"-36","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 32","offer_id":47422234132728,"sku":"-37","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 33","offer_id":47422234165496,"sku":"-38","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 21","offer_id":47422234198264,"sku":"-26","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 33","offer_id":47422234231032,"sku":"-25","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 32","offer_id":47422234263800,"sku":"-24","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 31","offer_id":47422234296568,"sku":"-23","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 30","offer_id":47422234329336,"sku":"-22","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 29","offer_id":47422234362104,"sku":"-21","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 28","offer_id":47422234394872,"sku":"-20","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 27","offer_id":47422234427640,"sku":"-19","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 26","offer_id":47422234460408,"sku":"-18","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 25","offer_id":47422234493176,"sku":"-17","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 24","offer_id":47422234525944,"sku":"-16","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 23","offer_id":47422234558712,"sku":"-15","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 22","offer_id":47422234591480,"sku":"-14","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"ROSADO \/ 21","offer_id":47422234624248,"sku":"-13","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 33","offer_id":47422234657016,"sku":"-12","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 32","offer_id":47422234689784,"sku":"-11","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 31","offer_id":47422234722552,"sku":"-10","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 30","offer_id":47422234755320,"sku":"-9","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 29","offer_id":47422234788088,"sku":"-8","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 28","offer_id":47422234820856,"sku":"-7","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 27","offer_id":47422234853624,"sku":"-6","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 26","offer_id":47422234886392,"sku":"-5","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 25","offer_id":47422234919160,"sku":"-4","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 24","offer_id":47422234951928,"sku":"-3","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 23","offer_id":47422234984696,"sku":"-2","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 22","offer_id":47422235017464,"sku":"-1","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 21","offer_id":47422235050232,"sku":"-0","price":140000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1752599365WhatsApp_20Image_202025-07-14_20at_203.16.58_20PM.jpg?v=1763048314"},{"product_id":"jordan-fligth-23","title":"JORDAN FLIGTH 23","description":"\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 glowNeon { from { filter: drop-shadow(0 0 8px rgba(57,255,20,0.5)); } to { filter: drop-shadow(0 0 22px rgba(57,255,20,0.9)); } }\n @keyframes neonTextGlow { 0%, 100% { text-shadow: 0 0 8px rgba(57,255,20,0.3), 0 0 20px rgba(57,255,20,0.1); } 50% { text-shadow: 0 0 20px rgba(57,255,20,0.7), 0 0 40px rgba(57,255,20,0.3); } }\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 pulseGlowNeon { 0%, 100% { box-shadow: 0 0 20px rgba(57,255,20,0.2), 0 0 40px rgba(57,255,20,0.08), inset 0 0 10px rgba(57,255,20,0.04); } 50% { box-shadow: 0 0 40px rgba(57,255,20,0.4), 0 0 80px rgba(57,255,20,0.15), inset 0 0 20px rgba(57,255,20,0.07); } }\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(57,255,20,0.4); } }\n\n \/* ── CSS VARIABLES ── *\/\n :root {\n --neon: #6dff2a;\n --neon-dark: #3db800;\n --neon-blue: #1a6bff;\n --dark: #1a1a1a;\n --mid: #555555;\n --light: #f5f5f5;\n }\n\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, #1a6bff, var(--neon), #1a6bff);\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(57,255,20,0.5); max-width: 100%;\n }\n\n \/* ── HERO ── *\/\n .hero {\n background:\n radial-gradient(ellipse at 15% 50%, rgba(109,255,42,0.08) 0%, transparent 60%),\n radial-gradient(ellipse at 85% 20%, rgba(26,107,255,0.07) 0%, transparent 50%),\n linear-gradient(160deg, #ffffff 0%, #f8fff4 40%, #f0f8ff 100%);\n color: #1a1a1a;\n padding: 80px 0; text-align: center;\n position: relative; overflow: hidden;\n min-height: 100vh; min-height: 100svh; 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(57,255,20,0.015) 40px, rgba(57,255,20,0.015) 41px),\n repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(26,107,255,0.012) 40px, rgba(26,107,255,0.012) 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(57,255,20,0.2), rgba(26,107,255,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 { position: absolute; width: 3px; height: 3px; border-radius: 50%; animation: particleDrift linear infinite; }\n .particle.neon-p { background: var(--neon); box-shadow: 0 0 6px var(--neon); }\n .particle.blue-p { background: #1a6bff; box-shadow: 0 0 6px #1a6bff; }\n\n \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #0a3a00, #1a6bff, #0a3a00);\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(26,107,255,0.25), 0 0 20px rgba(57,255,20,0.1);\n border: 1px solid rgba(109,255,42,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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1), 0 0 40px rgba(57,255,20,0.15);\n border: 2px solid rgba(109,255,42,0.25);\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, pulseGlowNeon 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.15), 0 0 50px rgba(57,255,20,0.25);\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: var(--neon-dark); 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 h1 span.neon-word { color: var(--neon-dark); }\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: var(--neon-dark); font-weight: 900; font-style: italic;\n position: relative; animation: highlightGlow 3s ease-in-out infinite;\n }\n .real-photo-note {\n font-size: 0.95em !important; color: #1a6bff !important; font-weight: 700 !important;\n font-style: normal !important; background: rgba(26,107,255,0.06);\n display: inline-block; padding: 8px 18px; border-radius: 50px;\n border: 1px solid rgba(26,107,255,0.2);\n }\n\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #0a3a00, #1a6bff, var(--neon-dark), #1a6bff, #0a3a00);\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(26,107,255,0.35), 0 0 20px rgba(57,255,20,0.15);\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(26,107,255,0.45), 0 0 35px rgba(57,255,20,0.25);\n }\n\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-neon {\n background: linear-gradient(135deg, #0a3a00, #1a6bff);\n color: var(--neon); border: 1px solid rgba(109,255,42,0.4);\n box-shadow: 0 0 12px rgba(57,255,20,0.2);\n }\n .badge-white {\n background: linear-gradient(135deg, #e0e0e0, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\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 .visual-banner.neon-section {\n background: linear-gradient(160deg, #f0fff0 0%, #ffffff 50%, #f0faff 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-title.neon-title {\n color: var(--neon-dark);\n text-shadow: 0 0 20px rgba(57,255,20,0.2), 2px 2px 8px rgba(0,0,0,0.05);\n animation: neonTextGlow 3s ease-in-out infinite;\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 .divider.neon-divider {\n background: linear-gradient(90deg, transparent, var(--neon), #1a6bff, var(--neon), transparent);\n box-shadow: 0 0 10px rgba(57,255,20,0.4);\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.neon-card { border-color: rgba(109,255,42,0.15); }\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(57,255,20,0.04), 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(57,255,20,0.12), 0 25px 70px rgba(0,0,0,0.08);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(57,255,20,0.3);\n }\n .product-card.white-card:hover {\n box-shadow: 0 0 25px rgba(100,100,100,0.15), 0 25px 70px rgba(0,0,0,0.09);\n border-color: rgba(80,80,80,0.3);\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 { transform: scale(1.06) rotate(1deg); filter: brightness(1.04) saturate(1.1); }\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; word-wrap: break-word;\n }\n .product-card.neon-card h3 { color: var(--neon-dark); }\n .product-card:hover h3 { transform: translateY(-3px); }\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(57,255,20,0.04) 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(57,255,20,0.3);\n box-shadow: 0 0 25px rgba(57,255,20,0.12), 0 20px 60px rgba(0,0,0,0.08);\n }\n .benefit-icon {\n font-size: 3.5em; margin-bottom: 25px; display: block;\n filter: drop-shadow(0 0 8px rgba(57,255,20,0.25));\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(57,255,20,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: var(--neon-dark); }\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 var(--neon-dark);\n border-top: 1px solid rgba(57,255,20,0.08);\n border-right: 1px solid rgba(57,255,20,0.04);\n border-bottom: 1px solid rgba(57,255,20,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, var(--neon), #1a6bff, var(--neon-dark));\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.07), -8px 0 20px rgba(57,255,20,0.1);\n }\n .spec-item strong {\n color: var(--neon-dark); 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); color: #1a6bff; }\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(57,255,20,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(57,255,20,0.1), 0 25px 70px rgba(0,0,0,0.09);\n border-color: rgba(57,255,20,0.25);\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 { transform: scale(1.06); filter: brightness(1.05) saturate(1.1); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.5em; margin-bottom: 16px;\n filter: drop-shadow(0 0 4px rgba(57,255,20,0.2));\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.1); }\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: var(--neon-dark); 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(57,255,20,0.06) 0%, transparent 70%),\n linear-gradient(160deg, #f5fff5, #ffffff, #f0f8ff);\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(57,255,20,0.015) 40px, rgba(57,255,20,0.015) 41px),\n repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(26,107,255,0.012) 40px, rgba(26,107,255,0.012) 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: var(--neon-dark); position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\n animation: neonTextGlow 3s ease-in-out infinite;\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(57,255,20,0.04), rgba(26,107,255,0.06));\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(57,255,20,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(57,255,20,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(57,255,20,0.1), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(57,255,20,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: var(--neon-dark);\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: var(--neon-dark); }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: var(--neon-dark); 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(57,255,20,0.04), rgba(26,107,255,0.06));\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(57,255,20,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(57,255,20,0.06), 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(57,255,20,0.12), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(57,255,20,0.45);\n }\n .old-price {\n text-decoration: line-through; color: #bbbbbb;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\n }\n .new-price {\n color: var(--neon-dark); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\n text-shadow: 0 0 20px rgba(57,255,20,0.2);\n transition: all 0.3s ease; position: relative; z-index: 2;\n word-wrap: break-word; display: block;\n animation: neonTextGlow 3s ease-in-out infinite;\n }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings {\n color: #1a6bff; font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n\n \/* ── COLORS SECTION ── *\/\n .colors-section {\n background: linear-gradient(160deg, #ffffff 0%, #f8fff4 50%, #f0f8ff 100%);\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(57,255,20,0.1);\n border-bottom: 1px solid rgba(57,255,20,0.1);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-neon { background: #0a2200; color: var(--neon); border: 1px solid rgba(109,255,42,0.4); box-shadow: 0 0 15px rgba(57,255,20,0.2); }\n .chip-white { background: #f0f0f0; color: #333; border: 1px solid rgba(0,0,0,0.1); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-neon { background: radial-gradient(circle, #adff2f, #1a6bff); box-shadow: 0 0 8px rgba(57,255,20,0.5); }\n .dot-white { background: radial-gradient(circle, #f8f8f8, #aaaaaa); border: 1px solid rgba(0,0,0,0.1); }\n\n \/* ── FOOTER ── *\/\n .footer {\n background: linear-gradient(135deg, #050d00, #0a1a00, #001230);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(57,255,20,0.1);\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .footer::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(57,255,20,0.015) 40px, rgba(57,255,20,0.015) 41px);\n pointer-events: none;\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 30px rgba(57,255,20,0.15);\n border: 2px solid rgba(109,255,42,0.3);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: pulseGlowNeon 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.6), 0 0 40px rgba(57,255,20,0.25);\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: var(--neon); margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n animation: neonTextGlow 3s ease-in-out infinite;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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 { min-height: auto; padding: 100px 0 60px; }\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 .old-price { font-size: 1.3em; }\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\n \/* ── TABLET (769px a 1024px): iPad y Android tablets ── *\/\n @media (min-width: 769px) and (max-width: 1024px) {\n .container { padding: 0 30px; }\n .hero { padding: 70px 0; }\n .hero-content { gap: 30px; }\n .hero-logo { width: 260px; height: 260px; }\n .hero h1 { font-size: 4em; }\n .hero p { font-size: 1.1em; }\n .section-title { font-size: 2.6em; }\n .product-showcase { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 30px; }\n .benefits-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\n .specs-grid { grid-template-columns: repeat(2, 1fr); }\n .testimonials-grid { grid-template-columns: repeat(2, 1fr); }\n .footer-content { gap: 35px; }\n .footer-logo { width: 170px; height: 170px; }\n }\n\n \/* ── Salvaguarda anti-desbordes en cualquier tamaño ── *\/\n img, video, iframe { max-width: 100%; }\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 CONTRA ENTREGA • 🚚 ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Jordan Flight 23 – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1751946290IMG_0740.jpg?v=1763048516\"\u003e\n\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eJORDAN\u003cbr\u003e\u003cspan class=\"neon-word\"\u003eFLIGHT\u003c\/span\u003e\u003cbr\u003e23\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ COLECCIÓN UNISEX · 4 COLORES DISPONIBLES ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Vuela con estilo en cada paso.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e👟 Calidad premium · Doble densidad · Tallas 38 a 43 👟\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003e📸 Foto real del producto — sin IA, sin edición\u003c\/span\u003e\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MIS FLIGHT 23 · $162.000\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- GALERÍA DE COLORES --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"visual-banner neon-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title neon-title fade-in\"\u003e🎨 ELIGE TU COLOR PERFECTO 🎨\u003c\/h2\u003e\n \u003cdiv class=\"divider neon-divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDisponible en 4 combinaciones de color — mismo modelo Jordan Flight 23\u003c\/p\u003e\n\n \u003cdiv class=\"color-chips\" style=\"margin-top:30px;\"\u003e\n \u003cdiv class=\"color-chip chip-neon\"\u003e\n\u003cspan class=\"chip-dot dot-neon\"\u003e\u003c\/span\u003e Gris Negro\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cspan class=\"chip-dot dot-white\"\u003e\u003c\/span\u003e Blanco Rojo\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-neon\"\u003e\n\u003cspan class=\"chip-dot dot-neon\"\u003e\u003c\/span\u003e Azul Amarillo\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cspan class=\"chip-dot dot-white\"\u003e\u003c\/span\u003e Negro Rojo Blanco\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- ASÍ LUCEN EN LA VIDA REAL --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"visual-banner\" style=\"background: linear-gradient(160deg,#f8f8f8 0%,#ffffff 50%,#f0f0f0 100%);\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✨ ASÍ LUCEN EN LA VIDA REAL ✨\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eFotos reales, tomadas por nosotros — sin filtros, sin IA, sin sorpresas al recibirlos\u003c\/p\u003e\n\n \u003cdiv class=\"product-showcase\" style=\"grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\"\u003e\n\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1751946290IMG_0740.jpg?v=1763048516\" alt=\"Jordan Flight 23 foto real del producto\" style=\"max-height:480px; object-fit:cover;\"\u003e\n \u003ch3\u003eUNISEX\u003c\/h3\u003e\n \u003cp\u003eNuestras imágenes son tomadas por nuestro equipo, tal cual llegan a tu casa.\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é el Jordan Flight 23? ✨\u003c\/h2\u003e\n \u003cdiv class=\"divider neon-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\u003eCalidad Premium\u003c\/h3\u003e\n \u003cp\u003eMaterial textil de alta calidad, suave al tacto y resistente al uso diario. Diseñado para acompañarte en cualquier actividad.\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\u003eForro Antitranspirante\u003c\/h3\u003e\n \u003cp\u003eForro interior textil que ayuda a mantener tus pies frescos y secos durante todo el día, incluso con uso prolongado.\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\u003eCosturas Dobles con Nylon\u003c\/h3\u003e\n \u003cp\u003eCosturas reforzadas con nylon imputrecible que le dan mayor durabilidad al tenis, resistiendo el uso constante sin abrirse.\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\u003eContrafuerte Termoformado\u003c\/h3\u003e\n \u003cp\u003eSoporte estructural en el talón que mantiene la forma del tenis y brinda mayor estabilidad en cada paso.\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\u003ePlantilla EVA Laminado\u003c\/h3\u003e\n \u003cp\u003ePlantilla interior en EVA laminado que entrega comodidad y amortiguación suave desde el primer uso.\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\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eSolo \u003cstrong style=\"color:var(--neon-dark)\"\u003e$162.000 COP\u003c\/strong\u003e, con pago contra entrega y envío gratis a toda Colombia.\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 neon-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\u003eJordan Flight 23 – Colección Unisex\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🎨 Colores\u003c\/strong\u003e\n \u003cspan\u003eGris Negro · Blanco Rojo · Azul Amarillo · Negro Rojo Blanco\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🧵 Materiales\u003c\/strong\u003e\n \u003cspan\u003eTextil, Textil – material premium resistente y cómodo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🌬️ Forro\u003c\/strong\u003e\n \u003cspan\u003eAntitranspirante textil – mantiene tus pies frescos y secos\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🧷 Costuras\u003c\/strong\u003e\n \u003cspan\u003eDobles, con nylon imputrecible – máxima durabilidad\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🛡️ Contrafuerte\u003c\/strong\u003e\n \u003cspan\u003eTermoformado – mantiene la forma y brinda estabilidad\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e☁️ Plantilla Interior\u003c\/strong\u003e\n \u003cspan\u003eEVA Laminado – comodidad y amortiguación todo el día\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e👟 Planta\u003c\/strong\u003e\n \u003cspan\u003eDoble densidad (Espanso) – ligereza y resistencia en cada paso\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e📐 Tallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003eTallas 38 a 43 en numeración colombiana – disponible en los 4 colores\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e💵 Precio Especial\u003c\/strong\u003e\n \u003cspan\u003e$162.000 COP · Pago contra entrega, envío gratis a toda Colombia\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🚚 Envío\u003c\/strong\u003e\n \u003cspan\u003eGratis a todo Colombia, con pago contra entrega – sin riesgo, sin estrés\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 neon-divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"testimonials-grid\"\u003e\n\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-body\" style=\"padding-top:35px;\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Excelente calidad, quedaron perfectos en mi talla. Muy cómodos desde el primer uso.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Carlos M. · Bogotá, Colombia\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-body\" style=\"padding-top:35px;\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Súper livianos y la plantilla se siente increíble todo el día. Ya pedí otro color.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Daniela 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 \u003cdiv class=\"testimonial-body\" style=\"padding-top:35px;\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Muy buena calidad y el pago contra entrega me dio toda la confianza para comprar.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Andrés P. · 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(57,255,20,0.25); box-shadow: 0 0 35px rgba(57,255,20,0.12);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1751946290IMG_0740.jpg?v=1763048516\" alt=\"No te quedes sin tus Jordan Flight 23\" style=\"max-height: 420px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:var(--neon-dark); 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 los tienen saben que un buen tenis lo cambia todo.\u003cbr\u003e\n \u003cspan style=\"color:var(--neon-dark); font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa.\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 Tu Jordan Flight 23 Hoy! ⚡\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un tenis cómodo, resistente y versátil, que se adapte a tu día a día sin sacrificar estilo\"\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🚚 Envío Gratis a Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e📐 Tallas 38 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e📸 Fotos 100% Reales\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e🧵 Calidad Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e🎨 4 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"new-price\"\u003e$162.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 Pago contra entrega · Envío gratis a toda Colombia 💎\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e⚡ QUIERO MIS FLIGHT 23 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:var(--neon-dark);\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\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=\"Jordan Flight 23 – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1751946290IMG_0740.jpg?v=1763048516\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ El tenis que se adapta a ti. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eJORDAN FLIGHT 23 – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eEl tenis deportivo unisex con capellada textil premium, forro antitranspirante y planta de doble densidad. Disponible en 4 colores, tallas 38 a 43, comodidad real para tu día a día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#555555; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. 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 \/\/ Particles – neón and blue mix\n const container = document.getElementById('particles');\n for (let i = 0; i \u003c 30; i++) {\n const p = document.createElement('div');\n p.classList.add('particle');\n p.classList.add(i % 2 === 0 ? 'neon-p' : 'blue-p');\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","brand":"zahariq","offers":[{"title":"gris negro \/ 43","offer_id":47422236885240,"sku":"-23","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"gris negro \/ 42","offer_id":47422236918008,"sku":"-22","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"gris negro \/ 41","offer_id":47422236950776,"sku":"-21","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"gris negro \/ 40","offer_id":47422236983544,"sku":"-20","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"gris negro \/ 39","offer_id":47422237016312,"sku":"-19","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"gris negro \/ 38","offer_id":47422237049080,"sku":"-18","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"negro rojo blanco \/ 43","offer_id":47422237081848,"sku":"-17","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"negro rojo blanco \/ 42","offer_id":47422237114616,"sku":"-16","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"negro rojo blanco \/ 41","offer_id":47422237147384,"sku":"-15","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"negro rojo blanco \/ 40","offer_id":47422237180152,"sku":"-14","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"negro rojo blanco \/ 39","offer_id":47422237212920,"sku":"-13","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"negro rojo blanco \/ 38","offer_id":47422237245688,"sku":"-12","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"azul amarillo \/ 43","offer_id":47422237278456,"sku":"-11","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"azul amarillo \/ 42","offer_id":47422237311224,"sku":"-10","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"azul amarillo \/ 41","offer_id":47422237343992,"sku":"-9","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"azul amarillo \/ 40","offer_id":47422237376760,"sku":"-8","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"azul amarillo \/ 39","offer_id":47422237409528,"sku":"-7","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"azul amarillo \/ 38","offer_id":47422237442296,"sku":"-6","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco rojo \/ 43","offer_id":47422237475064,"sku":"-5","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco rojo \/ 42","offer_id":47422237507832,"sku":"-4","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco rojo \/ 41","offer_id":47422237540600,"sku":"-3","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco rojo \/ 40","offer_id":47422237573368,"sku":"-2","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco rojo \/ 39","offer_id":47422237606136,"sku":"-1","price":162000.0,"currency_code":"COP","in_stock":true},{"title":"Blanco rojo \/ 38","offer_id":47422237638904,"sku":"-0","price":162000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1751946290IMG_0740.jpg?v=1763048516"},{"product_id":"puma-xl-hello-kitty","title":"PUMA XL HELLO KITTY","description":"En BALI trabajamos diariamente para ofrecerte el mejor servicio. Respondemos por garantías, hacemos cambios, gestionamos tus pedidos con rapidez y el mismo día 💚Tenemos asesoras a tu disponibilidad para guiarte, responder inquietudes o sugerencias💚🎉Referencia para dama. Deportivo en cuero vegano de alta calidad, con acabados y terminaciones 10\/10 con detalles en colores sutiles y elegantes, cuenta con sublimados de hello kitty en sus costados y combinaciones innovadoras. Suela en pvu liviana, que se adapta perfecto a los doblez del pie. Cordones en algodón y forro interno en licron importado. Talla 35 al 40 (Tallas nacionales)Respondemos por garantías y hacemos cambios por talla y\/o color. Las garantías se cubren en los siguientes casos:1. Falte algún producto cuando la orden es compuesta2. Errores de fabrica o malas terminaciones.TENER EN CUENTA:Se cuentan con 10 días hábiles para solicitar garantías por imperfecciones o errores de fabrica después de haber recibido el paquete.Se debe tener en cuenta el buen uso del producto por parte del comprador para poder gestionar las garantías.","brand":"zahariq","offers":[{"title":"CORDON ROSA \/ 40","offer_id":47422244126968,"sku":"-17","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON ROSA \/ 39","offer_id":47422244159736,"sku":"-16","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON ROSA \/ 38","offer_id":47422244192504,"sku":"-15","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON ROSA \/ 37","offer_id":47422244225272,"sku":"-14","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON ROSA \/ 36","offer_id":47422244258040,"sku":"-13","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON ROSA \/ 35","offer_id":47422244290808,"sku":"-12","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON BLANCO \/ 40","offer_id":47422244323576,"sku":"-11","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON BLANCO \/ 39","offer_id":47422244356344,"sku":"-10","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON BLANCO \/ 38","offer_id":47422244389112,"sku":"-9","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON BLANCO \/ 37","offer_id":47422244421880,"sku":"-8","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON BLANCO \/ 36","offer_id":47422244454648,"sku":"-7","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON BLANCO \/ 35","offer_id":47422244487416,"sku":"-6","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON LILA \/ 40","offer_id":47422244520184,"sku":"-5","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON LILA \/ 39","offer_id":47422244552952,"sku":"-4","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON LILA \/ 38","offer_id":47422244585720,"sku":"-3","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON LILA \/ 37","offer_id":47422244618488,"sku":"-2","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON LILA \/ 36","offer_id":47422244651256,"sku":"-1","price":144000.0,"currency_code":"COP","in_stock":true},{"title":"CORDON LILA \/ 35","offer_id":47422244684024,"sku":"-0","price":144000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1751682269WhatsApp_20Image_202025-07-04_20at_207.15.23_20PM.jpg?v=1763048710"},{"product_id":"armani-caballero","title":"ARMANI CABALLERO","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👟 Zapatillas Deportivas Premium para Caballero - Edición Limitada 2025\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n \/* SOLUCIÓN DEFINITIVA PARA EL ESPACIO EN BLANCO LATERAL *\/\n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: linear-gradient(135deg, #0F2027, #203A43, #2C5364);\n margin: 0;\n padding: 0;\n }\n\n \/* Prevenir overflow en todas las secciones *\/\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n \/* Asegurar que las imágenes no causen overflow *\/\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n \/* Scroll reveal animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #0F2027 0%, #203A43 50%, #2C5364 100%);\n color: #fff;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n \n .hero::before {\n content: '⚡💪🔥🏆⭐💎⚡💪🔥🏆⭐💎⚡💪🔥';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n font-size: 2em;\n opacity: 0.1;\n animation: floatingIcons 20s linear infinite;\n pointer-events: none;\n width: 100%;\n }\n\n @keyframes floatingIcons {\n 0% { transform: translateY(100vh) rotate(0deg); }\n 100% { transform: translateY(-100vh) rotate(360deg); }\n }\n \n .price-banner {\n background: linear-gradient(45deg, #1e3c72, #2a5298);\n color: #fff;\n padding: 15px 30px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n font-size: 1.2em;\n font-weight: bold;\n box-shadow: 0 8px 25px rgba(30, 60, 114, 0.4);\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%;\n }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 380px;\n height: 380px;\n object-fit: cover;\n border-radius: 50%;\n background: linear-gradient(135deg, #1e3c72, #2a5298);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 30px rgba(42, 82, 152, 0.5);\n border: 4px solid rgba(30, 60, 114, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .hero-logo:hover {\n transform: scale(1.1) rotate(5deg) translateY(-15px);\n box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 50px rgba(42, 82, 152, 0.8);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.2s ease-out 1s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n color: #2a5298;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 5px rgba(42, 82, 152, 0.5)); }\n to { filter: drop-shadow(0 0 15px rgba(42, 82, 152, 0.8)); }\n }\n \n .hero .subtitle {\n font-size: 1.3em;\n margin-bottom: 20px;\n color: #fff;\n font-weight: 700;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero p {\n font-size: 1.4em;\n margin-bottom: 30px;\n color: #fff;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 600;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #2a5298;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.5);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }\n 50% { text-shadow: 2px 2px 10px rgba(42, 82, 152, 0.7); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #1e3c72, #2a5298, #1e3c72);\n background-size: 200% 200%;\n color: #fff;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 8px 25px rgba(30, 60, 114, 0.4);\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;\n max-width: 90%;\n }\n\n @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(30, 60, 114, 0.7);\n }\n \n \/* Visual Banner Section *\/\n .visual-banner {\n background: linear-gradient(135deg, #203A43 0%, #2C5364 100%);\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .visual-banner::before {\n content: '⚡💪🔥🏆⭐💎⚡💪🔥🏆⭐💎⚡💪🔥';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n font-size: 1.5em;\n opacity: 0.1;\n animation: decorativeFloat 15s ease-in-out infinite;\n pointer-events: none;\n width: 100%;\n }\n\n @keyframes decorativeFloat {\n 0%, 100% { opacity: 0.1; transform: translateX(0px); }\n 50% { opacity: 0.2; transform: translateX(20px); }\n }\n \n .section-title {\n font-size: 3em;\n color: #fff;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #fff;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: linear-gradient(135deg, #fff, #e8f4f8);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(30, 60, 114, 0.3);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(30, 60, 114, 0.1), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 40px rgba(30, 60, 114, 0.4);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(30, 60, 114, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n height: 322px;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover img, .product-card:hover video {\n transform: scale(1.08) rotate(1deg);\n filter: brightness(1.1) saturate(1.2);\n }\n \n .product-card h3 {\n color: #1e3c72;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(30, 60, 114, 0.5);\n }\n \n .product-card p {\n color: #1a1a2e;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #0a0a1a;\n }\n \n \/* Benefits Section *\/\n .benefits {\n background: linear-gradient(135deg, #0F2027 0%, #203A43 50%, #2C5364 100%);\n color: #fff;\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits::before {\n content: '💪⚡🏆💎🔥⭐💪⚡🏆💎🔥⭐';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n font-size: 2em;\n opacity: 0.1;\n animation: starTwinkle 8s ease-in-out infinite;\n pointer-events: none;\n width: 100%;\n }\n\n @keyframes starTwinkle {\n 0%, 100% { opacity: 0.1; transform: scale(1) rotate(0deg); }\n 50% { opacity: 0.2; transform: scale(1.1) rotate(180deg); }\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(232, 244, 248, 0.95));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(30, 60, 114, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(30, 60, 114, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(30, 60, 114, 0.15), rgba(255, 255, 255, 0.95));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(30, 60, 114, 0.6);\n box-shadow: 0 20px 60px rgba(30, 60, 114, 0.3);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #1e3c72;\n text-shadow: 0 0 15px rgba(30, 60, 114, 0.5);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.2) rotateY(360deg);\n text-shadow: 0 0 25px rgba(30, 60, 114, 0.8);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #1a1a2e;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #1e3c72;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #2a2a3e;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #1a1a2e;\n }\n \n \/* Specifications *\/\n .specifications {\n background: linear-gradient(135deg, #203A43 0%, #2C5364 100%);\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #fff, #e8f4f8);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #1e3c72;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #1e3c72, #2a5298);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25), -10px 0 20px rgba(30, 60, 114, 0.3);\n background: linear-gradient(135deg, rgba(30, 60, 114, 0.1), #fff);\n }\n \n .spec-item strong {\n color: #1e3c72;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(30, 60, 114, 0.5);\n }\n \n \/* Testimonials *\/\n .testimonials {\n background: linear-gradient(135deg, #0F2027 0%, #203A43 100%);\n color: #fff;\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(232, 244, 248, 0.95));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(30, 60, 114, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(30, 60, 114, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.3), 0 0 30px rgba(30, 60, 114, 0.3);\n border-color: rgba(30, 60, 114, 0.5);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 345px;\n height: 288px;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.08) rotate(2deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n }\n \n .testimonial-rating {\n color: #2a5298;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(42, 82, 152, 0.5);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 20px rgba(42, 82, 152, 0.8);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #2a2a3e;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #1a1a2e;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #1e3c72;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(30, 60, 114, 0.5);\n }\n \n \/* Verification Section *\/\n .verification {\n background: linear-gradient(135deg, #203A43 0%, #2C5364 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 690px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n }\n\n .verification-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: linear-gradient(45deg, #0F2027, #203A43, #2C5364);\n color: #fff;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta::before {\n content: '⚡💪🔥🏆⭐💎⚡💪🔥🏆⭐💎';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n font-size: 3em;\n opacity: 0.1;\n animation: finalGlow 5s ease-in-out infinite;\n pointer-events: none;\n width: 100%;\n }\n\n @keyframes finalGlow {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.2; }\n }\n \n .final-cta h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #fff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .final-cta p {\n font-size: 1.4em;\n margin-bottom: 50px;\n color: #fff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .video-cta {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(232, 244, 248, 0.95));\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n border: 1px solid rgba(30, 60, 114, 0.4);\n backdrop-filter: blur(10px);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .video-cta:hover {\n transform: scale(1.02);\n box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 30px rgba(30, 60, 114, 0.3);\n }\n \n .video-cta img, .video-cta video {\n width: 100%;\n max-width: 460px;\n height: 322px;\n border-radius: 20px;\n object-fit: cover;\n margin-bottom: 25px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.4s ease;\n display: block;\n margin-left: auto;\n margin-right: auto;\n }\n\n .video-cta:hover img, .video-cta:hover video {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .video-cta h3 {\n font-size: 2em;\n margin-bottom: 20px;\n color: #1e3c72;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover h3 {\n transform: translateY(-5px);\n text-shadow: 0 0 15px rgba(30, 60, 114, 0.5);\n }\n \n .video-cta p {\n font-size: 1.2em;\n margin-bottom: 25px;\n color: #2a2a3e;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover p {\n color: #1a1a2e;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(30, 60, 114, 0.15), rgba(255, 255, 255, 0.95));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(30, 60, 114, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(30, 60, 114, 0.2);\n border-color: rgba(30, 60, 114, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #1e3c72;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(30, 60, 114, 0.5);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #1a1a2e;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 10px 0;\n word-wrap: break-word;\n }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #1e3c72;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #1e3c72;\n font-size: 1.3em;\n text-shadow: 0 0 10px rgba(30, 60, 114, 0.5);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.2) rotate(360deg);\n text-shadow: 0 0 15px rgba(30, 60, 114, 0.8);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(30, 60, 114, 0.15), rgba(255, 255, 255, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(30, 60, 114, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(30, 60, 114, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(30, 60, 114, 0.3);\n border-color: rgba(30, 60, 114, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #1e3c72;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 15px rgba(30, 60, 114, 0.5);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(30, 60, 114, 0.8);\n }\n \n .savings {\n color: #2a5298;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 10px rgba(42, 82, 152, 0.5);\n }\n \n \/* Footer *\/\n .footer {\n background: linear-gradient(135deg, #0a1a2e, #1a2a3e);\n color: #2a5298;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(42, 82, 152, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .footer::before {\n content: '⚡💪⭐🏆🔥💎⚡💪';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n font-size: 2em;\n opacity: 0.1;\n animation: footerFloat 12s ease-in-out infinite;\n pointer-events: none;\n width: 100%;\n }\n\n @keyframes footerFloat {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-20px) rotate(180deg); }\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 220px;\n height: 220px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #1e3c72, #2a5298);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 20px rgba(42, 82, 152, 0.4);\n border: 3px solid rgba(42, 82, 152, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(42, 82, 152, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.4em;\n color: #1e3c72;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(30, 60, 114, 0.5);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #2a5298;\n margin-bottom: 15px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #fff;\n }\n \n .footer-text p {\n font-size: 1.2em;\n color: #8090a0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #2a5298;\n }\n\n \/* Smooth scroll progress indicator *\/\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #1e3c72, #2a5298);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100vw;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 200px;\n height: 200px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .product-card img, .product-card video {\n height: 288px;\n }\n \n .video-cta img, .video-cta video {\n height: 288px;\n }\n \n .testimonial-image {\n max-width: 288px;\n height: 230px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 170px;\n height: 170px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n }\n\n \/* CORRECCIÓN CRÍTICA: Excluir imágenes del formulario de Releasit *\/\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .video-cta img, .footer-logo,\n .hero video, .product-card video, .video-cta video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n\n \u003c!-- Scroll Progress Indicator --\u003e\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRA ENTREGA • 🚚 ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"Zapatillas Deportivas Premium para Caballero\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/78_20251121_071011_0004.png?v=1763727060\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eZAPATILLAS DEPORTIVAS\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e💪 EDICIÓN PREMIUM PARA CABALLERO 2025 💪\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Estilo masculino, confort excepcional y calidad Premium para hombres exigentes\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e🔥 ¡STOCK LIMITADO - Las zapatillas más buscadas del año! 🔥\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES 👟 $189.000\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA 🔥 $138.000 🔥\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Visual Banner Section --\u003e\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e👟 ZAPATILLAS DEPORTIVAS PREMIUM - CALIDAD IMPORTADA 👟\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eMaya importada de alta calidad • Detalles en lince • Comodidad excepcional\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/76_20251121_071011_0002.png?v=1763727062\" alt=\"modelo 1 \" class=\"loaded\"\u003e\n \u003ch3\u003e💎 modelo 1 💎\u003c\/h3\u003e\n \u003cp\u003eMaterial en maya importada con detalles exclusivos en lince que le dan un toque innovador y llamativo. Acabados perfectos que demuestran la calidad premium de cada par.\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\/0760\/8270\/8728\/files\/74_20251121_071011_0000.png?v=1763727062\" alt=\"Zapatillas Deportivas Vista Lateral\" class=\"loaded\"\u003e\n \u003ch3\u003e⚡ modelo 2 ⚡\u003c\/h3\u003e\n \u003cp\u003eDetalles en lince importado en costados que aportan estilo y durabilidad. Diseño aerodinámico perfecto para el hombre moderno que valora la calidad y el diseño.\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\/0760\/8270\/8728\/files\/77_20251121_071011_0003.png?v=1763727062\" alt=\"Zapatillas Deportivas Vista Frontal\" class=\"loaded\"\u003e\n \u003ch3\u003e🏆 modelo 3 🏆\u003c\/h3\u003e\n \u003cp\u003ePuntera reforzada con lince importado de alta calidad. Terminaciones impecables 10\/10 que garantizan durabilidad y estilo en cada paso que des.\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\/0760\/8270\/8728\/files\/75_20251121_071011_0001.png?v=1763727062\" alt=\"Zapatillas Deportivas Detalle\" class=\"loaded\"\u003e\n \u003ch3\u003e💪 modelo 4💪\u003c\/h3\u003e\n \u003cp\u003eCordones en algodón resistente y forro interno en licron importado acolchonado. Suela en goma vulcanizada que brinda máximo confort y seguridad.\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\/0760\/8270\/8728\/files\/1750469975WhatsApp_Image_2025-06-20_at_8.28.11_PM_3.jpg?v=1763727825\" alt=\"Zapatillas Deportivas Completas\" class=\"loaded\"\u003e\n \u003ch3\u003e🎯 Vista Completa 🎯\u003c\/h3\u003e\n \u003cp\u003eDiseño integral que combina funcionalidad y estilo. Perfectas para cualquier ocasión, desde el gym hasta salidas casuales. Comodidad garantizada todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e💪 ¿Por Qué Elegir Estas Zapatillas Premium? 💪\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e👟\u003c\/div\u003e\n \u003ch3\u003eMaya Importada Premium\u003c\/h3\u003e\n \u003cp\u003eMaterial en maya importada de alta calidad que garantiza transpirabilidad y durabilidad. Terminaciones perfectas 10\/10 que resisten el uso diario más exigente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eDetalles en Lince\u003c\/h3\u003e\n \u003cp\u003eLince importado en puntera y costados que aporta resistencia, estilo y un toque innovador. Diseño que destaca y marca la diferencia en cualquier lugar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eSuela Vulcanizada\u003c\/h3\u003e\n \u003cp\u003eSuela en goma importada, suave, cómoda, liviana y vulcanizada. Proporciona excelente tracción y absorción de impactos para máximo confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eConfort Superior\u003c\/h3\u003e\n \u003cp\u003eForro interno en licron importado acolchonado que mantiene tus pies cómodos durante largas jornadas. Ideal para uso prolongado sin molestias.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003eTallas 37 a 43\u003c\/h3\u003e\n \u003cp\u003eAmplia gama de tallas nacionales desde la 37 hasta la 43. Cordones en algodón que permiten ajuste perfecto para diferentes tipos de pie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eGarantía Total\u003c\/h3\u003e\n \u003cp\u003eRespondemos por garantías en errores de fábrica o malas terminaciones. Hacemos cambios por talla y\/o color. Tu satisfacción es nuestra prioridad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Specifications --\u003e\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e📋 Especificaciones Técnicas Completas 📋\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre estas zapatillas premium\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e👟 Tipo de Producto:\u003c\/strong\u003e Deportivo casual para caballero en maya importada. Perfecto para uso diario, gym, deporte y salidas casuales.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e📏 Tallas Disponibles:\u003c\/strong\u003e 37, 38, 39, 40, 41, 42 y 43 (tallas nacionales colombianas). Ajuste con cordones en algodón resistente.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e💎 Material Externo:\u003c\/strong\u003e Maya importada de alta calidad con detalles en lince importado en puntera y costados. Resistente y duradero.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🔗 Sistema de Ajuste:\u003c\/strong\u003e Cordones en algodón resistente con ojales reforzados. Permite ajuste personalizado para máximo confort.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🧵 Material Interno:\u003c\/strong\u003e Forro en licron importado acolchonado y transpirable. Mantiene tus pies cómodos y frescos todo el día.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e👣 Material Suela:\u003c\/strong\u003e Goma importada vulcanizada, suave, cómoda y liviana. Excelente tracción y durabilidad excepcional.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e✨ Acabados:\u003c\/strong\u003e Terminaciones 10\/10 con costuras reforzadas. Detalles perfectos que garantizan calidad premium en cada par.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🛡️ Garantía:\u003c\/strong\u003e Cobertura por errores de fábrica, malas terminaciones y falta de productos en pedidos. Cambios por talla y color disponibles.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Testimonials --\u003e\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e⭐ Lo Que Dicen Nuestros Clientes Satisfechos ⭐\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Excelente calidad, los materiales se sienten premium desde que los sacas de la caja. La suela es muy cómoda y el diseño impecable. Los uso para el gym y salidas casuales, perfectos para todo.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251121-WA0003.jpg?v=1763727528\" alt=\"Cliente satisfecho con zapatillas\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carlos Mendoza, Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Las compré hace dos meses y siguen como nuevas. El forro acolchonado es súper cómodo, puedo andar todo el día sin cansarme. La suela tiene excelente agarre y los detalles en lince les dan un toque único.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251121-WA0004.jpg?v=1763727528\" alt=\"Zapatillas en uso diario\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Miguel Rodríguez, Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Relación calidad-precio increíble. Son livianas pero resistentes, el material respira bien y no sudo los pies. Las recomiendo 100%, el envío fue rápido y el pago contraentrega muy seguro.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251121-WA0005.jpg?v=1763727527\" alt=\"Detalle de las zapatillas\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Andrés Castro, Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Verification Section --\u003e\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✅ Zahariq Shop Verificados y Confiables ✅\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Sin_titulo_1080_x_1280_px_1080_x_1180_px__20251101_183823_0000_c54eaa8d-7443-425b-9386-652634d8c5e5.png?v=1763457545\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/75_20251121_071011_0001.png?v=1763727062\" class=\"loaded\"\u003e\n \u003ch3\u003e🚨 ¡ASEGURA TUS ZAPATILLAS PREMIUM ANTES QUE SE AGOTEN! 🚨\u003c\/h3\u003e\n \u003cp style=\"color: #2a5298; font-weight: 700; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003eLos hombres que valoran la calidad ya tienen sus zapatillas deportivas premium. No te quedes sin el calzado más buscado de la temporada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"fade-in\" style=\"color: #2a5298; text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\"\u003e👟 ¡Lleva Tus Zapatillas Deportivas Premium Hoy! 👟\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #fff; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\"\u003e\"Porque los hombres exigentes merecen lo mejor: estilo, confort y calidad premium\"\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🚚 Envío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e👟 Calidad Premium Garantizada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e⚡ Entrega Rápida desde Pereira\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.000\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003ePRECIO ESPECIAL: $138.000\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $51.000! Solo hasta agotar stock 💎\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MIS ZAPATILLAS PREMIUM AHORA - ANTES DE QUE SE AGOTEN 🔥\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #fff; font-weight: 700; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003e\n ⏰ \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Estas zapatillas deportivas premium se están agotando muy rápido por su calidad excepcional y precio increíble. \n Las últimas unidades se venden en minutos. ¡No dejes pasar esta oportunidad de lucir con estilo y confort!\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/78_20251121_071011_0004.png?v=1763727060\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e💪 Estilo y calidad para hombres exigentes 💪\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ SHOP - Calzado Premium para Caballero\u003c\/div\u003e\n \u003cp\u003eLas mejores zapatillas deportivas de calidad premium para hombres que buscan estilo, comodidad y exclusividad. Diseños únicos con materiales importados de primera calidad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2025 ZAHARIQ SHOP. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cscript\u003e\n \/\/ Scroll Progress Bar\n function updateScrollProgress() {\n const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n }\n\n \/\/ Scroll Reveal Animation\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card');\n \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n \/\/ Smooth scrolling for anchor links\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n \/\/ Image lazy loading\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n \/\/ Initialize all functions\n document.addEventListener('DOMContentLoaded', function() {\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n \/\/ Event listeners\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n \/\/ Performance optimization: use requestAnimationFrame for scroll events\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n \/\/ Enhanced hover effects for mobile touch devices\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\n \/\/ Intersection Observer for better performance\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n \/\/ Add stagger animation delay to grid items\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n \/\/ Initialize stagger animations\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n \/\/ Enhanced button interactions\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n \/\/ Enhanced error handling for media\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n \/\/ Add keyboard navigation support\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n \/\/ Optimize animations for reduced motion preference\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n \n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n\n \/\/ Urgency timer\n function createUrgencyTimer() {\n const urgencyMessages = [\n '⏰ ¡SOLO QUEDAN POCAS UNIDADES!',\n '🔥 ÚLTIMA OPORTUNIDAD AL MEJOR PRECIO',\n '⚡ STOCK LIMITADO - ORDENAR AHORA'\n ];\n \n const urgencyBanner = document.createElement('div');\n urgencyBanner.innerHTML = urgencyMessages[Math.floor(Math.random() * urgencyMessages.length)];\n urgencyBanner.style.cssText = `\n position: fixed;\n bottom: 20px;\n right: 20px;\n background: linear-gradient(45deg, #1e3c72, #2a5298);\n color: white;\n padding: 10px 20px;\n border-radius: 25px;\n font-weight: bold;\n z-index: 1000;\n animation: pulse 2s infinite;\n box-shadow: 0 5px 15px rgba(30, 60, 114, 0.5);\n `;\n document.body.appendChild(urgencyBanner);\n }\n\n \/\/ Initialize urgency timer\n setTimeout(createUrgencyTimer, 5000);\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"NEGRO-ROJO \/ 40","offer_id":47422253138168,"sku":"-24","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 41","offer_id":47422253170936,"sku":"-25","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 42","offer_id":47422253203704,"sku":"-26","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 43","offer_id":47422253236472,"sku":"-27","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 39","offer_id":47422253269240,"sku":"-23","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 38","offer_id":47422253302008,"sku":"-22","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO-ROJO \/ 37","offer_id":47422253334776,"sku":"-21","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 43","offer_id":47422253367544,"sku":"-20","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 42","offer_id":47422253400312,"sku":"-19","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 41","offer_id":47422253433080,"sku":"-18","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 40","offer_id":47422253465848,"sku":"-17","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 39","offer_id":47422253498616,"sku":"-16","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 38","offer_id":47422253531384,"sku":"-15","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 37","offer_id":47422253564152,"sku":"-14","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL-NEGRO \/ 43","offer_id":47422253596920,"sku":"-13","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL-NEGRO \/ 42","offer_id":47422253629688,"sku":"-12","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL-NEGRO \/ 41","offer_id":47422253662456,"sku":"-11","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL-NEGRO \/ 40","offer_id":47422253695224,"sku":"-10","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL-NEGRO \/ 39","offer_id":47422253727992,"sku":"-9","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL-NEGRO \/ 38","offer_id":47422253760760,"sku":"-8","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL-NEGRO \/ 37","offer_id":47422253793528,"sku":"-7","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-NEGRO \/ 43","offer_id":47422253826296,"sku":"-6","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-NEGRO \/ 42","offer_id":47422253859064,"sku":"-5","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-NEGRO \/ 41","offer_id":47422253891832,"sku":"-4","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-NEGRO \/ 40","offer_id":47422253924600,"sku":"-3","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-NEGRO \/ 39","offer_id":47422253957368,"sku":"-2","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-NEGRO \/ 38","offer_id":47422253990136,"sku":"-1","price":138000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO-NEGRO \/ 37","offer_id":47422254022904,"sku":"-0","price":138000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1750469975WhatsApp_20Image_202025-06-20_20at_208.28.11_20PM_20_3.jpg?v=1763048867"},{"product_id":"y28-nike-p-6000","title":"Y28 NIKE P-6000","description":"📌 Materiales de alta calidad:✔️ Capellada: Combinación de malla transpirable y detalles sintéticos en PVC de alta durabilidad, ofreciendo frescura, ligereza y resistencia.✔️ Forro: Material de alta densidad, proporcionando un ajuste cómodo y mayor durabilidad.✔️ Plantilla: Microfibra acolchada para un confort superior y mejor adaptación al pie.✔️ Cordones: Algodón de alta calidad, resistentes y diseñados para un ajuste seguro.✔️ Suela: PVC expanso, ultraligera y flexible, con excelente amortiguación y agarre en diversas superficies.","brand":"zahariq","offers":[{"title":"PLATA \/ 37","offer_id":47422260084984,"sku":"Y28-2","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 38","offer_id":47422260117752,"sku":"Y28-3","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 35","offer_id":47422260150520,"sku":"Y28-0","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 42","offer_id":47422260183288,"sku":"Y28-11","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 41","offer_id":47422260216056,"sku":"Y28-12","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 42","offer_id":47422260248824,"sku":"Y28-29","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 36","offer_id":47422260281592,"sku":"Y28-1","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 43","offer_id":47422260314360,"sku":"Y28-8","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 39","offer_id":47422260347128,"sku":"Y28-4","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 40","offer_id":47422260379896,"sku":"Y28-5","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 43","offer_id":47422260412664,"sku":"Y28-10","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 40","offer_id":47422260445432,"sku":"Y28-13","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 39","offer_id":47422260478200,"sku":"Y28-14","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 38","offer_id":47422260510968,"sku":"Y28-15","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 37","offer_id":47422260543736,"sku":"Y28-16","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 36","offer_id":47422260576504,"sku":"Y28-17","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 35","offer_id":47422260609272,"sku":"Y28-18","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 43","offer_id":47422260642040,"sku":"Y28-19","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 42","offer_id":47422260674808,"sku":"Y28-20","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 41","offer_id":47422260707576,"sku":"Y28-21","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 40","offer_id":47422260740344,"sku":"Y28-22","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 39","offer_id":47422260773112,"sku":"Y28-23","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 38","offer_id":47422260805880,"sku":"Y28-24","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 37","offer_id":47422260838648,"sku":"Y28-25","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 36","offer_id":47422260871416,"sku":"Y28-26","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"MENTA \/ 35","offer_id":47422260904184,"sku":"Y28-27","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 41","offer_id":47422260936952,"sku":"Y28-6","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 43","offer_id":47422260969720,"sku":"Y28-28","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 41","offer_id":47422261002488,"sku":"Y28-30","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 40","offer_id":47422261035256,"sku":"Y28-31","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 39","offer_id":47422261068024,"sku":"Y28-32","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 38","offer_id":47422261100792,"sku":"Y28-33","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 37","offer_id":47422261133560,"sku":"Y28-34","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 36","offer_id":47422261166328,"sku":"Y28-35","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 35","offer_id":47422261199096,"sku":"Y28-36","price":150000.0,"currency_code":"COP","in_stock":true},{"title":"PLATA \/ 42","offer_id":47422261231864,"sku":"Y28-7","price":150000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1750166305IMG_2114.jpg?v=1763049065"},{"product_id":"sandalia-nike-kids","title":"SANDALIA NIKE KIDS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSandalia Infantil Premium – Edición Niños y Niñas | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#e8657d; --accent-deep:#c23a54; --blue:#1e88e5; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--blue), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(232,101,125,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #e8657d, #1e88e5, #e8657d); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(232,101,125,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 24px; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(1deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #e8657d, #1e88e5, #e8657d); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(232,101,125,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(232,101,125,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(232,101,125,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(232,101,125,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(232,101,125,0.4); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), var(--blue), var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(232,101,125,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(232,101,125,0.35); }\n .testimonial-body { padding: 34px 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(232,101,125,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(232,101,125,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-block { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-block::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .price-block:hover::before { left: 100%; }\n .price-block:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(232,101,125,0.3); }\n .price-tag { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-block:hover .price-tag { transform: scale(1.06); }\n .price-note { color: var(--stone); font-size: 1.05em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-blue { background: linear-gradient(135deg, #1e88e5, #64b5f6); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(30,136,229,0.25); }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-pink { background: linear-gradient(135deg, #e8657d, #f5a3b3); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(232,101,125,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-blue { background: radial-gradient(circle, #90caf9, #0d47a1); box-shadow: 0 0 8px rgba(30,136,229,0.4); }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-pink { background: radial-gradient(circle, #ff9fb3, #c23a54); box-shadow: 0 0 8px rgba(232,101,125,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 24px; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(2deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .price-tag { 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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Sandalia Infantil Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1747687281WhatsApp_20Image_202025-05-19_20at_202.47.53_20PM_20_2.jpg?v=1763049347\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eSANDALIA\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eINFANTIL\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ CUERO VEGANO · CIERRE FÁCIL ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Comodidad y estilo para los pequeños de la casa, con cierre práctico para su rutina diaria.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e3 colores · Tallas 21 a 33\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eNIÑOS Y NIÑAS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LA SANDALIA · $119.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO VEGANO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCIERRE MÁGICO O VELCRO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA VULCANIZADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eNIÑOS Y NIÑAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO VEGANO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCIERRE MÁGICO O VELCRO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA VULCANIZADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eNIÑOS Y NIÑAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTres Colores, Un Solo Estilo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor le combine\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-blue\"\u003e\n\u003cdiv class=\"chip-dot dot-blue\"\u003e\u003c\/div\u003e AZUL\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-pink\"\u003e\n\u003cdiv class=\"chip-dot dot-pink\"\u003e\u003c\/div\u003e ROSA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eSandalia Infantil, Calidad Premium\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCuero vegano de alta calidad · Sublimados de marca · Excelentes acabados\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\" style=\"max-width:600px; margin:60px auto 0;\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1747687281WhatsApp_20Image_202025-05-19_20at_202.47.53_20PM_20_2.jpg?v=1763049347\" alt=\"Sandalia Infantil Premium\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño para Niños y Niñas\u003c\/h3\u003e\n\u003cp\u003eSandalia en cuero vegano de alta calidad con detalles y costuras con excelentes acabados y terminaciones 10\/10. Sublimados de marca en cada detalle.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Esta Sandalia?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCuero Vegano Premium\u003c\/h3\u003e\n\u003cp\u003eMaterial de alta calidad con excelentes acabados y terminaciones 10\/10, resistente y fácil de mantener.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCierre Mágico o Velcro\u003c\/h3\u003e\n\u003cp\u003eSistema de cierre práctico que facilita ponerla y quitarla en segundos, ideal para la rutina diaria.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Vulcanizada\u003c\/h3\u003e\n\u003cp\u003eSuela en goma importada, cómoda y vulcanizada, pensada para el uso diario de los más pequeños.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSublimados de Marca\u003c\/h3\u003e\n\u003cp\u003eDetalles con acabados premium que le dan un toque distintivo a cada par.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 21 a 33\u003c\/h3\u003e\n\u003cp\u003eAmplio rango de tallas nacionales para niños y niñas, disponible en los tres colores.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eGarantía Real\u003c\/h3\u003e\n\u003cp\u003eRespondemos por garantías: par incompleto, errores de fábrica o descosido (1 mes), con 10 días hábiles para gestionarla.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eLA FAVORITA DE MAMÁS Y PAPÁS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELA EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eLA FAVORITA DE MAMÁS Y PAPÁS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELA EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 pedirla\u003c\/p\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eSandalia infantil para niños y niñas, referencia premium\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eAzul · Negro · Rosa\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eCuero vegano de alta calidad con excelentes acabados y terminaciones 10\/10\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eDetalles\u003c\/strong\u003e\u003cspan\u003eSublimados de marca, costuras con excelentes acabados\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eGoma importada, cómoda y vulcanizada\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCierre mágico o de velcro, con excelentes acabados\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e21 al 33 (tallas nacionales)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eGarantías\u003c\/strong\u003e\u003cspan\u003eSe cubren: par incompleto en orden compuesta, errores de fábrica o malas terminaciones, y despegue o descosido (1 mes). 10 días hábiles para solicitarla desde la recepción\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$119.000 COP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí la azul para mi hijo y quedó exacta a las fotos. El cuero se siente de buena calidad y el cierre le facilita ponérsela solo.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Marcela T. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Compré la rosa para mi hija en talla 25 y le quedó perfecta. El cierre mágico es un salvavidas en las mañanas antes de ir al colegio.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés F. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Muy buena sandalia para el diario, la suela se siente cómoda todo el día. El pago contraentrega me dio confianza para comprar.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura S. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Su Sandalia Infantil Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque los más pequeños merecen comodidad, estilo y calidad en cada paso\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 21 a 33\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía Real\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eAzul · Negro · Rosa\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-block fade-in\"\u003e\n \u003cspan class=\"price-tag\"\u003e$119.000 COP\u003c\/span\u003e\n \u003cdiv class=\"price-note\"\u003ePago contra entrega · Sin anticipos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LA SANDALIA INFANTIL\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se agotan rápido por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Sandalia Infantil Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1747687281WhatsApp_20Image_202025-05-19_20at_202.47.53_20PM_20_2.jpg?v=1763049347\"\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\"\u003eSANDALIA INFANTIL – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eSandalia en cuero vegano premium para niños y niñas, 3 colores, tallas 21 a 33, envío a todo Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"AZUL \/ 33","offer_id":47422268899576,"sku":"-38","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 32","offer_id":47422268932344,"sku":"-37","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 31","offer_id":47422268965112,"sku":"-36","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 30","offer_id":47422268997880,"sku":"-35","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 29","offer_id":47422269030648,"sku":"-34","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 28","offer_id":47422269063416,"sku":"-33","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 27","offer_id":47422269096184,"sku":"-32","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 26","offer_id":47422269128952,"sku":"-31","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 25","offer_id":47422269161720,"sku":"-30","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 24","offer_id":47422269194488,"sku":"-29","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 23","offer_id":47422269227256,"sku":"-28","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 22","offer_id":47422269260024,"sku":"-27","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 21","offer_id":47422269292792,"sku":"-26","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 33","offer_id":47422269325560,"sku":"-25","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 32","offer_id":47422269358328,"sku":"-24","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 31","offer_id":47422269391096,"sku":"-23","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 30","offer_id":47422269423864,"sku":"-22","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 29","offer_id":47422269456632,"sku":"-21","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 28","offer_id":47422269489400,"sku":"-20","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 27","offer_id":47422269522168,"sku":"-19","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 26","offer_id":47422269554936,"sku":"-18","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 25","offer_id":47422269587704,"sku":"-17","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 24","offer_id":47422269620472,"sku":"-16","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 23","offer_id":47422269653240,"sku":"-15","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 22","offer_id":47422269686008,"sku":"-14","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 21","offer_id":47422269718776,"sku":"-13","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 33","offer_id":47422269751544,"sku":"-12","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 32","offer_id":47422269784312,"sku":"-11","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 31","offer_id":47422269817080,"sku":"-10","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 30","offer_id":47422269849848,"sku":"-9","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 29","offer_id":47422269882616,"sku":"-8","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 28","offer_id":47422269915384,"sku":"-7","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 27","offer_id":47422269948152,"sku":"-6","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 26","offer_id":47422269980920,"sku":"-5","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 25","offer_id":47422270013688,"sku":"-4","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 24","offer_id":47422270046456,"sku":"-3","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 23","offer_id":47422270079224,"sku":"-2","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 22","offer_id":47422270111992,"sku":"-1","price":119000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 21","offer_id":47422270144760,"sku":"-0","price":119000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1747687281WhatsApp_20Image_202025-05-19_20at_202.47.53_20PM_20_2.jpg?v=1763049347"},{"product_id":"an11-supernova","title":"AN11 SUPERNOVA","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\u003eZapatos Deportivos Premium - Edición Limitada 2026\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: linear-gradient(135deg, #2C3E50, #3498DB, #1ABC9C);\n margin: 0;\n padding: 0;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .hero {\n background: linear-gradient(135deg, #2C3E50 0%, #3498DB 50%, #1ABC9C 100%);\n color: #fff;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n \n .price-banner {\n background: linear-gradient(45deg, #E74C3C, #3498DB);\n color: #fff;\n padding: 15px 30px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n font-size: 1.2em;\n font-weight: bold;\n box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);\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%;\n }\n\n @keyframes slideInTop {\n 0% { opacity: 0; transform: translateY(-50px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 380px;\n height: 380px;\n object-fit: cover;\n border-radius: 50%;\n background: linear-gradient(135deg, #3498DB, #E74C3C);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 30px rgba(52, 152, 219, 0.5);\n border: 4px solid rgba(231, 76, 60, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% { opacity: 0; transform: scale(0) rotate(-180deg); }\n 100% { opacity: 1; transform: scale(1) rotate(0deg); }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .hero-logo:hover {\n transform: scale(1.1) rotate(5deg) translateY(-15px);\n box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 50px rgba(52, 152, 219, 0.8);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.2s ease-out 1s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% { opacity: 0; transform: translateX(50px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n color: #1ABC9C;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n }\n\n @keyframes titleReveal {\n 0% { opacity: 0; transform: translateY(30px) scale(0.9); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }\n to { filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)); }\n }\n \n .hero .subtitle {\n font-size: 1.3em;\n margin-bottom: 20px;\n color: #fff;\n font-weight: 700;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n @keyframes subtitleReveal {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n .hero p {\n font-size: 1.4em;\n margin-bottom: 30px;\n color: #fff;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 600;\n }\n\n @keyframes paragraphReveal {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n .highlight-text {\n color: #1ABC9C;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.5);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }\n 50% { text-shadow: 2px 2px 10px rgba(0,0,0,0.7); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #E74C3C, #3498DB, #E74C3C);\n background-size: 200% 200%;\n color: #fff;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);\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;\n max-width: 90%;\n }\n\n @keyframes buttonReveal {\n 0% { opacity: 0; transform: translateY(30px) scale(0.8); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(231, 76, 60, 0.7);\n }\n \n .visual-banner {\n background: linear-gradient(135deg, #3498DB 0%, #2980B9 100%);\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .section-title {\n font-size: 3em;\n color: #fff;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #fff;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: linear-gradient(135deg, #fff, #ECF0F1);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(52, 152, 219, 0.3);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(52, 152, 219, 0.1), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 40px rgba(52, 152, 219, 0.4);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(52, 152, 219, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n height: 322px;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover img, .product-card:hover video {\n transform: scale(1.08) rotate(1deg);\n filter: brightness(1.1) saturate(1.2);\n }\n \n .product-card h3 {\n color: #E74C3C;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.5);\n }\n \n .product-card p {\n color: #1a1a2e;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #0a0a1a;\n }\n \n .benefits {\n background: linear-gradient(135deg, #2C3E50 0%, #34495E 100%);\n color: #fff;\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(236, 240, 241, 0.95));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(52, 152, 219, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(52, 152, 219, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(52, 152, 219, 0.15), rgba(255, 255, 255, 0.95));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(52, 152, 219, 0.6);\n box-shadow: 0 20px 60px rgba(52, 152, 219, 0.3);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #E74C3C;\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.5);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.2) rotateY(360deg);\n text-shadow: 0 0 25px rgba(231, 76, 60, 0.8);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #2C3E50;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #E74C3C;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #34495E;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #2C3E50;\n }\n \n .specifications {\n background: linear-gradient(135deg, #3498DB 0%, #2980B9 100%);\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #fff, #ECF0F1);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #E74C3C;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #E74C3C, #3498DB);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25), -10px 0 20px rgba(231, 76, 60, 0.3);\n background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), #fff);\n }\n \n .spec-item strong {\n color: #E74C3C;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .testimonials {\n background: linear-gradient(135deg, #2C3E50 0%, #34495E 100%);\n color: #fff;\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(236, 240, 241, 0.95));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(52, 152, 219, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(52, 152, 219, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.3), 0 0 30px rgba(52, 152, 219, 0.3);\n border-color: rgba(52, 152, 219, 0.5);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 345px;\n height: 288px;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.08) rotate(2deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n }\n \n .testimonial-rating {\n color: #1ABC9C;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(26, 188, 156, 0.5);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 20px rgba(26, 188, 156, 0.8);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #34495E;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #2C3E50;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #E74C3C;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .verification {\n background: linear-gradient(135deg, #3498DB 0%, #2980B9 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 690px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n }\n\n .verification-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .final-cta {\n background: linear-gradient(45deg, #2C3E50, #3498DB, #1ABC9C);\n color: #fff;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #1ABC9C;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .final-cta p {\n font-size: 1.4em;\n margin-bottom: 50px;\n color: #fff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(52, 152, 219, 0.15), rgba(255, 255, 255, 0.95));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(52, 152, 219, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(52, 152, 219, 0.2);\n border-color: rgba(52, 152, 219, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #E74C3C;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #2C3E50;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 10px 0;\n word-wrap: break-word;\n }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #E74C3C;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #E74C3C;\n font-size: 1.3em;\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.2) rotate(360deg);\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.8);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(52, 152, 219, 0.15), rgba(255, 255, 255, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(52, 152, 219, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(52, 152, 219, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(52, 152, 219, 0.3);\n border-color: rgba(52, 152, 219, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #E74C3C;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.5);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(231, 76, 60, 0.8);\n }\n \n .savings {\n color: #1ABC9C;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 10px rgba(26, 188, 156, 0.5);\n }\n \n .footer {\n background: linear-gradient(135deg, #0a1a2e, #1a2a3e);\n color: #3498DB;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(52, 152, 219, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 220px;\n height: 220px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #E74C3C, #3498DB);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 20px rgba(52, 152, 219, 0.4);\n border: 3px solid rgba(52, 152, 219, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(52, 152, 219, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.4em;\n color: #E74C3C;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #3498DB;\n margin-bottom: 15px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #fff;\n }\n \n .footer-text p {\n font-size: 1.2em;\n color: #95A5A6;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #3498DB;\n }\n\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #E74C3C, #3498DB);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n \n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 200px;\n height: 200px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .product-card img, .product-card video {\n height: 288px;\n }\n \n .testimonial-image {\n max-width: 288px;\n height: 230px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 170px;\n height: 170px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n }\n\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .footer-logo,\n .hero video, .product-card video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA • ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"Zapatos Deportivos Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251121_055459_0000.png?v=1763722534\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eZAPATOS DEPORTIVOS\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003eEDICIÓN PREMIUM LIMITADA 2026\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Comodidad excepcional, diseño moderno y calidad Premium para atletas urbanos\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eEl calzado deportivo más cómodo del mercado\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES $189.000\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA $140.000\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eZAPATOS DEPORTIVOS PREMIUM - TECNOLOGÍA Y CONFORT\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño innovador • Materiales de alta calidad • Comodidad todo el día\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/65_20251121_051157_0000.png?v=1763720367\" alt=\"Zapatos Deportivos Vista 1\" class=\"loaded\"\u003e\n \u003ch3\u003eDiseño Ergonómico Premium\u003c\/h3\u003e\n \u003cp\u003eCapellada en textil malla oquinagua ultraligera y resistente. Diseño moderno que combina funcionalidad deportiva con estilo urbano para el día a día.\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\/0760\/8270\/8728\/files\/66_20251121_051157_0001.png?v=1763720366\" alt=\"Zapatos Deportivos Vista 2\" class=\"loaded\"\u003e\n \u003ch3\u003eMáxima Transpirabilidad\u003c\/h3\u003e\n \u003cp\u003eForro interior en malla de alta densidad que mantiene tus pies frescos y secos. Perfectos para largas caminatas, running o uso diario intensivo.\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\/0760\/8270\/8728\/files\/67_20251121_051157_0002.png?v=1763720366\" alt=\"Zapatos Deportivos Vista 3\" class=\"loaded\"\u003e\n \u003ch3\u003eComodidad Superior\u003c\/h3\u003e\n \u003cp\u003ePlantilla microporosa que se adapta perfectamente a la forma de tu pie. Ligereza excepcional que te permitirá moverte con total libertad sin cansancio.\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\/0760\/8270\/8728\/files\/68_20251121_051157_0003.png?v=1763720365\" alt=\"Zapatos Deportivos Vista 4\" class=\"loaded\"\u003e\n \u003ch3\u003eSuela de Alta Tecnología\u003c\/h3\u003e\n \u003cp\u003ePlanta en PVC expandible inyectado bicolor. Liviana, flexible y con excelente absorción de impactos. Diseño antideslizante para máxima seguridad en cualquier superficie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Estos Zapatos Deportivos?\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eMateriales Premium\u003c\/h3\u003e\n \u003cp\u003eTextil en malla oquinagua de primera calidad, resistente al desgaste diario. Construcción reforzada que garantiza durabilidad excepcional y años de uso intensivo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eDiseño Versátil\u003c\/h3\u003e\n \u003cp\u003ePerfectos para gimnasio, caminatas, running o uso casual. Estilo moderno que combina con cualquier outfit deportivo o urbano. Comodidad profesional en cada paso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eUltraligeros\u003c\/h3\u003e\n \u003cp\u003eDiseño innovador que reduce el peso sin comprometer resistencia. Sentirás que caminas sobre nubes. Ideales para actividades prolongadas sin fatiga en los pies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eTranspirables\u003c\/h3\u003e\n \u003cp\u003eSistema de ventilación avanzado con malla de alta densidad. Mantiene tus pies frescos y secos todo el día, eliminando olores y humedad completamente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eTallas 35 a 40\u003c\/h3\u003e\n \u003cp\u003eAmplio rango de tallas para adaptarse perfectamente a tu pie. Sistema de ajuste ergonómico con cordones resistentes. Encuentra tu talla ideal para máximo confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003ePrecio Especial\u003c\/h3\u003e\n \u003cp\u003eCalidad premium a precio accesible. Ahorra $49.000 en esta oferta exclusiva. Pago contraentrega para tu total seguridad y tranquilidad en la compra.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones Técnicas Profesionales\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTecnología deportiva de vanguardia en cada detalle\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTipo de Producto:\u003c\/strong\u003e Zapato deportivo de alta performance, ideal para running, gimnasio, caminatas y uso diario casual urbano con tecnología de confort avanzada.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eTallas Disponibles:\u003c\/strong\u003e 35, 36, 37, 38, 39 y 40 (tallaje colombiano estándar). Sistema de ajuste personalizado con cordones resistentes de alta calidad.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eColor:\u003c\/strong\u003e Blanco Negro. Estética deportiva contemporánea que combina perfectamente con cualquier estilo casual o deportivo.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eCapellada:\u003c\/strong\u003e Textil en malla oquinagua de alta resistencia y transpirabilidad. Material ligero que permite máxima circulación de aire manteniendo durabilidad superior.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eForro Interior:\u003c\/strong\u003e Malla de alta densidad y confort premium. Sistema de absorción de humedad que mantiene tus pies secos durante todo el día.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003ePlantilla:\u003c\/strong\u003e Microporosa ultraligera y adaptable. Se moldea perfectamente a la forma de tu pie proporcionando soporte ergonómico en cada pisada.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eSuela:\u003c\/strong\u003e PVC expandible inyectado bicolor de última generación. Liviana, flexible y con tecnología antideslizante. Excelente absorción de impactos y tracción superior.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eGarantía de Calidad:\u003c\/strong\u003e Producto 100% nuevo con garantía de satisfacción. Empaque protegido y envío seguro a todo Colombia. Calidad verificada y certificada.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eOpiniones Reales de Clientes Satisfechos\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Los mejores zapatos deportivos que he comprado. Súper cómodos desde el primer día, no necesitan ablandarse. La calidad es excelente y el precio increíble.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251122-WA0098.jpg?v=1764458430\" alt=\"Cliente satisfecho\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carlos Rodríguez, Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Perfectos para el gym y para caminar. Son ultraligeros y muy frescos, mis pies no se cansan. La suela tiene excelente agarre. Totalmente recomendados.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251122-WA0096.jpg?v=1764458430\" alt=\"Zapatos en uso\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Andrés Martínez, Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Excelente inversión. Los uso todos los días para trabajar y siguen como nuevos. Son muy transpirables y el diseño es moderno. Calidad premium real.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251122-WA0097.jpg?v=1764458430\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Laura Gómez, Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eZahariq Shop - Tienda Verificada y Confiable\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEmpresa verificada en redes sociales • Miles de clientes satisfechos\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Sin_titulo_1080_x_1280_px_1080_x_1180_px__20251101_183823_0000_c54eaa8d-7443-425b-9386-652634d8c5e5.png?v=1763457545\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754060755WhatsApp_Image_2025-08-01_at_8.40.10_AM.jpg?v=1763720903\" class=\"loaded\"\u003e\n \u003ch3\u003e¡Asegura tus zapatos deportivos premium antes que se agoten!\u003c\/h3\u003e\n \u003cp style=\"color: #1ABC9C; font-weight: 700; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003eMiles de atletas y personas activas ya confían en la calidad de nuestros zapatos deportivos. No te quedes sin el calzado más cómodo del mercado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Zapatos Deportivos Premium Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #1ABC9C; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\"\u003e\"Porque mereces caminar con comodidad profesional: tecnología, estilo y la mejor calidad\"\u003c\/p\u003e\n \n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Garantizada\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad Premium Certificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEntrega 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 \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.000\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003ePRECIO ESPECIAL: $140.000\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $49.000! Oferta por tiempo limitado\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS ZAPATOS DEPORTIVOS PREMIUM AHORA\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #1ABC9C; font-weight: 700; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003e\n \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Estos zapatos deportivos se están agotando rápidamente debido a su excepcional relación calidad-precio. \n Las últimas unidades disponibles se venden en horas.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251121_055459_0000.png?v=1763722534\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003eComodidad profesional en cada paso\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ SHOP - Calzado Deportivo Premium\u003c\/div\u003e\n \u003cp\u003eLos mejores zapatos deportivos de alta calidad para personas activas que buscan rendimiento, comodidad y estilo. Tecnología avanzada que hace la diferencia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 ZAHARIQ SHOP. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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 \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n document.addEventListener('DOMContentLoaded', function() {\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"40 \/ BLANCO NEGRO","offer_id":47572244005112,"sku":"-5","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"39 \/ BLANCO NEGRO","offer_id":47572244037880,"sku":"-4","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"38 \/ BLANCO NEGRO","offer_id":47572244070648,"sku":"-3","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"37 \/ BLANCO NEGRO","offer_id":47572244103416,"sku":"-2","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"36 \/ BLANCO NEGRO","offer_id":47572244136184,"sku":"-1","price":140000.0,"currency_code":"COP","in_stock":true},{"title":"35 \/ BLANCO NEGRO","offer_id":47572244168952,"sku":"-0","price":140000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1747441461Copia_20de_20Mesa_20de_20trabajo_202.png?v=1763049570"},{"product_id":"jordan-hilfiger-23","title":"Jordan Hilfiger 23","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSneakers Urbanos 23 – Edición Unisex | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#c9973b; --accent-deep:#9c7124; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(201,151,59,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #141414, #2b2b2b, #141414); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(201,151,59,0.3); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 24px; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(1deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #141414, #c9973b, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(201,151,59,0.35); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(201,151,59,0.55); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,151,59,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(201,151,59,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(201,151,59,0.35); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(201,151,59,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(201,151,59,0.35); box-shadow: 0 0 25px rgba(201,151,59,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(201,151,59,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(201,151,59,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(201,151,59,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(201,151,59,0.3); }\n .testimonial-body { padding: 34px 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(201,151,59,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,151,59,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(201,151,59,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(201,151,59,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-block { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-block::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,151,59,0.06), transparent); transition: left 0.8s ease; }\n .price-block:hover::before { left: 100%; }\n .price-block:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(201,151,59,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(201,151,59,0.3); }\n .price-tag { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-block:hover .price-tag { transform: scale(1.06); }\n .price-note { color: var(--stone); font-size: 1.05em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-mustard { background: linear-gradient(135deg, #c9973b, #e0b563); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(201,151,59,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-mustard { background: radial-gradient(circle, #f0c878, #9c7124); box-shadow: 0 0 8px rgba(201,151,59,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 24px; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(2deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .price-tag { 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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Sneakers Urbanos 23 – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1746738444WhatsApp_20Image_202025-05-08_20at_2012.58.34_20PM_20_1.jpg?v=1763049822\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eSNEAKERS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eURBANOS 23\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El estilo urbano que combina con todo, para cualquier ocasión.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e3 colores · Tallas 35 a 43 · Unisex\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS SNEAKERS · $155.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO URBANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD GARANTIZADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDESPACHO EN 48 HORAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO URBANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD GARANTIZADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDESPACHO EN 48 HORAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTres Colores, Un Solo Estilo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-mustard\"\u003e\n\u003cdiv class=\"chip-dot dot-mustard\"\u003e\u003c\/div\u003e MOSTAZA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eSneakers Urbanos 23\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño versátil · Comodidad garantizada · Perfectos para cualquier look\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\" style=\"max-width:600px; margin:60px auto 0;\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1746738444WhatsApp_20Image_202025-05-08_20at_2012.58.34_20PM_20_1.jpg?v=1763049822\" alt=\"Sneakers Urbanos 23\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño Versátil\u003c\/h3\u003e\n\u003cp\u003eUn modelo urbano que se adapta perfectamente a cualquier outfit, disponible en tres colores para todos los gustos.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Estos Sneakers?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDiseño Urbano Versátil\u003c\/h3\u003e\n\u003cp\u003eEstilo que combina con cualquier outfit, ideal para el día a día y para looks más elaborados.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTres Colores Disponibles\u003c\/h3\u003e\n\u003cp\u003eBlanco, Negro y Mostaza para adaptarse a tu estilo personal en cualquier ocasión.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Garantizada\u003c\/h3\u003e\n\u003cp\u003eProducto respaldado en calidad y durabilidad, listo para acompañarte todos los días.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 35 a 43\u003c\/h3\u003e\n\u003cp\u003eAmplio rango de tallas unisex para encontrar tu número exacto.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDespacho en 48 Horas\u003c\/h3\u003e\n\u003cp\u003eContamos con amplio stock en bodega, por lo que tu pedido sale rápido hacia tu ciudad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eFotos Reales Antes de Enviar\u003c\/h3\u003e\n\u003cp\u003ePuedes solicitar fotos reales de tu pedido por WhatsApp antes del envío, para tu total tranquilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eESTILO PARA TODOS LOS DÍAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eESTILO PARA TODOS LOS DÍAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eSneakers urbanos unisex – uso diario y casual\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eBlanco · Negro · Mostaza\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e35 a 43 (varía por color, ver disponibilidad al pedir)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eDía a día, looks casuales y salidas urbanas\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$155.000 COP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eNota Importante\u003c\/strong\u003e\u003cspan\u003eAl hacer el pedido indica claramente talla y color en la nota; pedidos sin esta información no serán procesados\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eConfirmación\u003c\/strong\u003e\u003cspan\u003ePor WhatsApp puedes solicitar fotos reales de tu pedido antes del envío\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eDespacho\u003c\/strong\u003e\u003cspan\u003eBodega con amplio stock – despacho en 48 horas\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eGarantía\u003c\/strong\u003e\u003cspan\u003eProducto garantizado en calidad y durabilidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eA todo Colombia con pago cómodo contra entrega\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí los blancos y llegaron impecables. Pedí las fotos antes de que salieran y coincidían totalmente con lo que recibí. Muy confiables.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Juliana P. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Los mostaza son una locura, nunca había visto ese color en un sneaker así. Llegaron en el tiempo que dijeron, sin contratiempos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camilo R. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Excelente atención por WhatsApp, resolvieron todas mis dudas de talla antes de comprar. Los negros me quedaron perfectos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Valentina S. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Sneakers Urbanos 23 Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un sneaker que combine estilo, versatilidad y calidad garantizada\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 35 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eDespacho en 48 Horas\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eBlanco · Negro · Mostaza\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-block fade-in\"\u003e\n \u003cspan class=\"price-tag\"\u003e$155.000 COP\u003c\/span\u003e\n \u003cdiv class=\"price-note\"\u003ePago contra entrega · Recuerda indicar talla y color\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS SNEAKERS URBANOS 23\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Los pedidos que no especifiquen talla y color en la nota no serán procesados y se cancelarán.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Sneakers Urbanos 23 – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1746738444WhatsApp_20Image_202025-05-08_20at_2012.58.34_20PM_20_1.jpg?v=1763049822\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo urbano para cada ocasión. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eSNEAKERS URBANOS 23 – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eSneakers unisex en tres colores, tallas 35 a 43, envío a todo Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"BLANCO \/ 38","offer_id":47422317461752,"sku":"-3","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 37","offer_id":47422317494520,"sku":"-2","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 36","offer_id":47422317527288,"sku":"-1","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 35","offer_id":47422317560056,"sku":"-0","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 36","offer_id":47422317592824,"sku":"-19","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 35","offer_id":47422317625592,"sku":"-18","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 43","offer_id":47422317658360,"sku":"-17","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 42","offer_id":47422317691128,"sku":"-16","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 41","offer_id":47422317723896,"sku":"-15","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 40","offer_id":47422317756664,"sku":"-14","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 39","offer_id":47422317789432,"sku":"-13","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 38","offer_id":47422317822200,"sku":"-12","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 37","offer_id":47422317854968,"sku":"-11","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 36","offer_id":47422317887736,"sku":"-10","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"MOSTAZA \/ 35","offer_id":47422317920504,"sku":"-9","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":47422317953272,"sku":"-8","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":47422317986040,"sku":"-7","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 41","offer_id":47422318018808,"sku":"-6","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47422318051576,"sku":"-5","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47422318084344,"sku":"-4","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 37","offer_id":47422318117112,"sku":"-20","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 38","offer_id":47422318149880,"sku":"-21","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 39","offer_id":47422318182648,"sku":"-22","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 40","offer_id":47422318215416,"sku":"-23","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 41","offer_id":47422318248184,"sku":"-24","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 42","offer_id":47422318280952,"sku":"-25","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 43","offer_id":47422318313720,"sku":"-26","price":155000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1746738444WhatsApp_20Image_202025-05-08_20at_2012.58.34_20PM_20_1.jpg?v=1763049822"},{"product_id":"nike-tn-air-max-plus-caja","title":"NIKE TN AIR MAX PLUS + CAJA","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eTenis Air Max Plus + Caja – Edición Unisex | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#7b3fb5; --accent-deep:#552a80; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(123,63,181,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #141414, #2b2b2b, #141414); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(123,63,181,0.3); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 24px; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(1deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #141414, #7b3fb5, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(123,63,181,0.35); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(123,63,181,0.55); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card:hover { box-shadow: 0 0 25px rgba(123,63,181,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(123,63,181,0.4); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; word-wrap: break-word; }\n .product-card p { color: #666666; line-height: 1.7; word-wrap: break-word; font-size: 0.95em; }\n .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(123,63,181,0.4); box-shadow: 0 0 25px rgba(123,63,181,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; word-wrap: break-word; }\n .benefit-card p { color: #666666; line-height: 1.7; word-wrap: break-word; }\n .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(123,63,181,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; word-wrap: break-word; }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(123,63,181,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(123,63,181,0.35); }\n .testimonial-body { padding: 34px 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; position: relative; z-index: 2; word-wrap: break-word; }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(123,63,181,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; }\n .price-block { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; overflow: hidden; width: 100%; max-width: 100%; }\n .price-tag { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-note { color: var(--stone); font-size: 1.05em; font-weight: 700; margin-top: 12px; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 22px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1em; letter-spacing: 1.5px; cursor: default; }\n .chip-purple { background: linear-gradient(135deg, #7b3fb5, #a06fd0); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(123,63,181,0.25); }\n .chip-blue { background: linear-gradient(135deg, #1e5bff, #5a8bff); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(30,91,255,0.25); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-dot { width: 15px; height: 15px; border-radius: 50%; flex-shrink: 0; }\n .dot-purple { background: radial-gradient(circle, #c9a8ea, #552a80); box-shadow: 0 0 8px rgba(123,63,181,0.4); }\n .dot-blue { background: radial-gradient(circle, #7ea3ff, #0d3bb8); box-shadow: 0 0 8px rgba(30,91,255,0.4); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 24px; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; word-wrap: break-word; }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; word-wrap: break-word; }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; word-wrap: break-word; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .price-tag { 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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Tenis Air Max Plus + Caja – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1745346266WhatsApp_20Image_202025-04-22_20at_201.08.39_20PM.jpg?v=1763050041\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eAIR MAX PLUS\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ CALIDAD AA+ · INCLUYE CAJA ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Amortiguación de aire funcional para máxima comodidad en cada paso.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e4 colores · Tallas 37 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eCALIDAD AA+\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eINCLUYE CAJA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS · $155.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eAMORTIGUACIÓN DE AIRE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eINCLUYE CAJA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA RESISTENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD AA+\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eAMORTIGUACIÓN DE AIRE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eINCLUYE CAJA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA RESISTENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD AA+\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCuatro Colores, Una Sola Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-purple\"\u003e\n\u003cdiv class=\"chip-dot dot-purple\"\u003e\u003c\/div\u003e PÚRPURA\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-blue\"\u003e\n\u003cdiv class=\"chip-dot dot-blue\"\u003e\u003c\/div\u003e AZUL\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eComodidad y Estilo en Cada Paso\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eAmortiguación de aire · Malla transpirable · Suela resistente al desgaste\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\" style=\"max-width:600px; margin:60px auto 0;\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1745346266WhatsApp_20Image_202025-04-22_20at_201.08.39_20PM.jpg?v=1763050041\" alt=\"Tenis Air Max Plus\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño con Amortiguación de Aire\u003c\/h3\u003e\n\u003cp\u003eSistema de aire totalmente funcional que ofrece absorción de impactos y rebote superiores. Diseño de malla transpirable que mantiene los pies frescos y secos en cada uso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estos Tenis Air Max Plus?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eAmortiguación de Aire Funcional\u003c\/h3\u003e\n\u003cp\u003eSistema de aire real que ofrece absorción de impactos y un rebote superior para mayor comodidad en cada paso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Resistente al Desgaste\u003c\/h3\u003e\n\u003cp\u003eProporciona durabilidad excepcional, perfecta para el uso diario y los entrenamientos intensos.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eMalla Transpirable\u003c\/h3\u003e\n\u003cp\u003eDiseño que garantiza que los pies se mantengan frescos y secos durante el uso casual o deportivo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad AA+\u003c\/h3\u003e\n\u003cp\u003eTerminaciones y materiales de alta calidad que garantizan un producto duradero y con excelente presentación.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eIncluye Caja\u003c\/h3\u003e\n\u003cp\u003ePresentación completa lista para regalar o guardar. Tu compra llega con todo lo que necesitas.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCuatro Colores Disponibles\u003c\/h3\u003e\n\u003cp\u003ePúrpura, Azul, Blanco y Negro para adaptarse a tu estilo personal en tallas 37 a 43.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eVISTO EN TUS PIES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eVISTO EN TUS PIES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eTenis con sistema de amortiguación de aire – Calidad AA+, incluye caja\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003ePúrpura · Azul · Blanco · Negro\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eAmortiguación\u003c\/strong\u003e\u003cspan\u003eSistema de aire totalmente funcional con absorción de impactos y rebote superior\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eResistente al desgaste, perfecta para uso diario y entrenamientos intensos\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Superior\u003c\/strong\u003e\u003cspan\u003eDiseño de malla transpirable que mantiene los pies frescos y secos\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e37 a 43 en numeración tradicional colombiana, disponible en los 4 colores\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePresentación\u003c\/strong\u003e\u003cspan\u003eIncluye caja original – lista para regalar o guardar\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eUso diario, entrenamientos, actividades casuales y deportivas\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$155.000 COP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí los azules talla 41 y quedaron exactos. La amortiguación se siente real, muy cómodos para caminar todo el día.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés M. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Llegaron con la caja incluida, se ven de excelente calidad. El púrpura es una locura, nunca había visto ese color en un tenis así.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camilo R. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Muy buenos tenis para el diario, la suela aguanta bien y la malla transpirable se nota. El pago contraentrega me dio confianza.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Valentina S. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Tenis Air Max Plus Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un tenis con amortiguación real, comodidad total y presentación premium con caja incluida\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 37 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad AA+\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eIncluye Caja\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-block fade-in\"\u003e\n \u003cspan class=\"price-tag\"\u003e$155.000 COP\u003c\/span\u003e\n \u003cdiv class=\"price-note\"\u003ePago contra entrega · Sin anticipos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS AIR MAX PLUS\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Algunas imágenes son referencias ilustrativas del modelo original.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Tenis Air Max Plus – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1745346266WhatsApp_20Image_202025-04-22_20at_201.08.39_20PM.jpg?v=1763050041\"\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\"\u003eTENIS AIR MAX PLUS – Calidad AA+\u003c\/div\u003e\n \u003cp\u003eTenis con amortiguación de aire funcional, malla transpirable y suela resistente. 4 colores, tallas 37 a 43, incluye caja, envío a todo Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"PURPURA \/ 43","offer_id":47422325096696,"sku":"-13","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"PURPURA \/ 42","offer_id":47422325129464,"sku":"-12","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"PURPURA \/ 41","offer_id":47422325162232,"sku":"-11","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"PURPURA \/ 40","offer_id":47422325195000,"sku":"-10","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"PURPURA \/ 39","offer_id":47422325227768,"sku":"-9","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"PURPURA \/ 38","offer_id":47422325260536,"sku":"-8","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"PURPURA \/ 37","offer_id":47422325293304,"sku":"-7","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 43","offer_id":47422325326072,"sku":"-6","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 42","offer_id":47422325358840,"sku":"-5","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 41","offer_id":47422325391608,"sku":"-4","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 40","offer_id":47422325424376,"sku":"-3","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 38","offer_id":47422325457144,"sku":"-1","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 37","offer_id":47422325489912,"sku":"-0","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 39","offer_id":47422325522680,"sku":"-2","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 37","offer_id":47422325555448,"sku":"-14","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":47422325588216,"sku":"-15","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47422325620984,"sku":"-16","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47422325653752,"sku":"-17","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 41","offer_id":47422325686520,"sku":"-18","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":47422325719288,"sku":"-19","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":47422325752056,"sku":"-20","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 37","offer_id":47422325784824,"sku":"-21","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 38","offer_id":47422325817592,"sku":"-22","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 39","offer_id":47422325850360,"sku":"-23","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 40","offer_id":47422325883128,"sku":"-24","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 41","offer_id":47422325915896,"sku":"-25","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 42","offer_id":47422325948664,"sku":"-26","price":155000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 43","offer_id":47422325981432,"sku":"-27","price":155000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1745346266WhatsApp_20Image_202025-04-22_20at_201.08.39_20PM.jpg?v=1763050041"},{"product_id":"nike-dunk-comic","title":"NIKE KIDS COMICS TALLAS 21 A 33","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eTenis Deportivos Infantiles Edición Aventura | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#ff6b9d; --accent-deep:#c23a70; --blue:#00b4d8; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--blue), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(255,107,157,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(255,107,157,0.06) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #ff6b9d, #00b4d8, #ff6b9d); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(255,107,157,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(255,107,157,0.25); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #ff6b9d, #00b4d8, #ff6b9d); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(255,107,157,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(255,107,157,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card:hover { box-shadow: 0 0 25px rgba(255,107,157,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(255,107,157,0.4); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; word-wrap: break-word; }\n .product-card p { color: #666666; line-height: 1.7; word-wrap: break-word; font-size: 0.95em; }\n .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(255,107,157,0.4); box-shadow: 0 0 25px rgba(255,107,157,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; word-wrap: break-word; }\n .benefit-card p { color: #666666; line-height: 1.7; word-wrap: break-word; }\n .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(255,107,157,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; word-wrap: break-word; }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(255,107,157,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(255,107,157,0.35); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; position: relative; z-index: 2; word-wrap: break-word; }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(255,107,157,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; overflow: hidden; width: 100%; max-width: 100%; }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; cursor: default; }\n .chip-pink { background: linear-gradient(135deg, #ff6b9d, #ff9fbf); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(255,107,157,0.25); }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-rose { background: linear-gradient(135deg, #e8a0c0, #f5c6dc); color: #6b2c50; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(232,160,192,0.25); }\n .chip-red { background: linear-gradient(135deg, #e02020, #ff5050); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(224,32,32,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-pink { background: radial-gradient(circle, #ffb0cc, #c23a70); box-shadow: 0 0 8px rgba(255,107,157,0.4); }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-rose { background: radial-gradient(circle, #f5c6dc, #a85f85); box-shadow: 0 0 8px rgba(232,160,192,0.4); }\n .dot-red { background: radial-gradient(circle, #ff8080, #a80000); box-shadow: 0 0 8px rgba(224,32,32,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; word-wrap: break-word; }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; word-wrap: break-word; }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; word-wrap: break-word; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Tenis Deportivos Infantiles Edición Aventura – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251127_190440_0000.png?v=1764288350\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eAVENTURA\u003c\/span\u003e KIDS\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN INFANTIL DIVERTIDA ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Diseños coloridos y vibrantes que tus hijos van a amar.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e4 estampados exclusivos · Tallas 21 a 33\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN LIMITADA\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eNIÑOS Y NIÑAS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LOS TENIS · $135.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑOS COLORIDOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 ESTAMPADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVU LIVIANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMATERIAL IMPORTADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑOS COLORIDOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 ESTAMPADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVU LIVIANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMATERIAL IMPORTADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCuatro Estampados, Un Solo Amor\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que más le guste a tu peque\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-pink\"\u003e\n\u003cdiv class=\"chip-dot dot-pink\"\u003e\u003c\/div\u003e FASHION ROSA\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e CLÁSICO NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-rose\"\u003e\n\u003cdiv class=\"chip-dot dot-rose\"\u003e\u003c\/div\u003e ROSA ELEGANTE\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-red\"\u003e\n\u003cdiv class=\"chip-dot dot-red\"\u003e\u003c\/div\u003e AVENTURA ROJA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTenis con Estampados que Enamoran\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003e4 Diseños Exclusivos · Calidad Premium Nacional · Comodidad Garantizada\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/10_20251127_170635_0000.png?v=1764281840\" alt=\"Tenis Aventura Roja Infantil\"\u003e\u003c\/div\u003e\n\u003ch3\u003eAventura Roja\u003c\/h3\u003e\n\u003cp\u003eDiseño vibrante en rojo y azul, perfecto para los pequeños aventureros llenos de energía que aman correr y jugar.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/11_20251127_170635_0001.png?v=1764281840\" alt=\"Tenis Rosa Elegante Infantil\"\u003e\u003c\/div\u003e\n\u003ch3\u003eRosa Elegante\u003c\/h3\u003e\n\u003cp\u003eTonos rosa suaves con detalles delicados. Ideales para las pequeñas que sueñan con castillos y aventuras mágicas.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/12_20251127_170635_0002.png?v=1764281840\" alt=\"Tenis Fashion Rosa Infantil\"\u003e\u003c\/div\u003e\n\u003ch3\u003eFashion Rosa\u003c\/h3\u003e\n\u003cp\u003eEstilo y glamour en tonos rosa vibrante con detalles femeninos. Ideales para las fashionistas en miniatura.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/14_20251127_170635_0004.png?v=1764281839\" alt=\"Tenis Clásico Negro Infantil\"\u003e\u003c\/div\u003e\n\u003ch3\u003eClásico Negro\u003c\/h3\u003e\n\u003cp\u003eDiseño clásico y divertido con colores alegres. Perfecto para los que nunca pasan de moda.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Estos Tenis?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Premium Nacional\u003c\/h3\u003e\n\u003cp\u003eMaterial sintético importado de alta calidad. Construcción duradera con suela PVU liviana y cocida. Diseñados para el uso intensivo diario.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003e4 Estampados Divertidos\u003c\/h3\u003e\n\u003cp\u003eDiseños coloridos y vibrantes que los niños reconocen y aman inmediatamente. Un estampado para cada personalidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Ultra Cómoda\u003c\/h3\u003e\n\u003cp\u003eSuela PVU con terminaciones en goma flexible. Diseño ergonómico que se adapta al pie en crecimiento. Amortiguación perfecta para correr, saltar y jugar.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eMateriales de Calidad\u003c\/h3\u003e\n\u003cp\u003eForro interior de excelente calidad que mantiene los pies frescos. Cordones gruesos resistentes con ojales reforzados para mayor durabilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 21 a 33\u003c\/h3\u003e\n\u003cp\u003eAmplia variedad de tallas nacionales. Sistema de cordones ajustables que permite el ajuste perfecto. Ideales para niños de 2 a 10 años aproximadamente.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eGarantía Completa\u003c\/h3\u003e\n\u003cp\u003eCubrimos errores de fábrica, malas terminaciones, despegue o descosido. Tu satisfacción es nuestra prioridad número uno.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DE LOS PEQUES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAPÁS Y MAMÁS SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DE LOS PEQUES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAPÁS Y MAMÁS SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eTenis deportivos casuales infantiles con estampados exclusivos, para uso diario, escolar y recreativo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEstampados Disponibles\u003c\/strong\u003e\u003cspan\u003eFashion Rosa · Clásico Negro · Rosa Elegante · Aventura Roja\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e21 a 33 (tallaje nacional colombiano) – sistema de cordones para ajuste personalizado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eSintético importado de alta calidad, resistente al desgaste, fácil limpieza con paño húmedo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial de Suela\u003c\/strong\u003e\u003cspan\u003ePVU liviano y cocido para máxima durabilidad, con terminaciones en goma flexible\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eForro Interior\u003c\/strong\u003e\u003cspan\u003eMaterial textil de excelente calidad, suave y transpirable, mantiene los pies secos y cómodos\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones gruesos de alta resistencia con ojales reforzados\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eGarantía\u003c\/strong\u003e\u003cspan\u003eCobertura completa contra errores de fábrica, malas terminaciones, despegue o descosido, y falta de pares en órdenes compuestas\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $187.000 → Hoy solo $135.000 COP · Ahorra $52.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eOpiniones Reales de Papás y Mamás\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20251127_170819_Gallery.jpg?v=1764281836\" alt=\"Reseña tenis Rosa Elegante\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Mi hija quedó feliz con los tenis rosa elegante. La calidad es excelente, muy cómodos y el diseño es hermoso. Los usa todos los días y aún se ven como nuevos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura Martínez · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20251127_171344_Gallery.jpg?v=1764281838\" alt=\"Reseña tenis Aventura Roja\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Compré los de aventura roja para mi hijo y están increíbles. La suela es muy cómoda y no se cansan sus pies. El diseño es tal cual las fotos y la entrega fue rápida.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carlos Ramírez · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20251127_171301_Gallery.jpg?v=1764281838\" alt=\"Reseña tenis Clásico Negro\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Los tenis quedaron perfectos. Mi niña los ama y no se los quiere quitar. La calidad es muy buena y el precio es justo. Excelente compra.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Patricia González · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $52.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $52.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Los Tenis Aventura Kids Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Calidad premium nacional, estampados divertidos y sonrisas garantizadas en cada paso\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad Premium Importada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEntrega Rápida\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 21 a 33\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e4 Estampados Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $187.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $135.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $52.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS AVENTURA AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de estos diseños.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Tenis Aventura Kids – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251127_190440_0000.png?v=1764288350\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estampados divertidos en los pies de tus hijos. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eTENIS AVENTURA KIDS – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eTenis deportivos infantiles de alta calidad con 4 estampados exclusivos, tallas 21 a 33, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"BARBIE \/ 30","offer_id":47422380769528,"sku":"DUNKCOMIC-74","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 29","offer_id":47422380802296,"sku":"DUNKCOMIC-73","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 28","offer_id":47422380835064,"sku":"DUNKCOMIC-72","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 25","offer_id":47422380867832,"sku":"DUNKCOMIC-4","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 23","offer_id":47422380900600,"sku":"DUNKCOMIC-28","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 23","offer_id":47422380933368,"sku":"DUNKCOMIC-67","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 33","offer_id":47422380998904,"sku":"DUNKCOMIC-77","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 27","offer_id":47422381031672,"sku":"DUNKCOMIC-71","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 26","offer_id":47422381064440,"sku":"DUNKCOMIC-70","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 25","offer_id":47422381097208,"sku":"DUNKCOMIC-69","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 24","offer_id":47422381129976,"sku":"DUNKCOMIC-68","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 22","offer_id":47422381162744,"sku":"DUNKCOMIC-66","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 30","offer_id":47422381195512,"sku":"DUNKCOMIC-61","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 29","offer_id":47422381228280,"sku":"DUNKCOMIC-60","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 26","offer_id":47422381261048,"sku":"DUNKCOMIC-57","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 25","offer_id":47422381293816,"sku":"DUNKCOMIC-56","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 24","offer_id":47422381326584,"sku":"DUNKCOMIC-55","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 23","offer_id":47422381359352,"sku":"DUNKCOMIC-54","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 22","offer_id":47422381392120,"sku":"DUNKCOMIC-53","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 21","offer_id":47422381424888,"sku":"DUNKCOMIC-52","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 33","offer_id":47422381457656,"sku":"DUNKCOMIC-38","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 32","offer_id":47422381490424,"sku":"DUNKCOMIC-37","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 31","offer_id":47422381523192,"sku":"DUNKCOMIC-36","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 30","offer_id":47422381555960,"sku":"DUNKCOMIC-35","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 29","offer_id":47422381588728,"sku":"DUNKCOMIC-34","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 22","offer_id":47422381621496,"sku":"DUNKCOMIC-27","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 21","offer_id":47422381654264,"sku":"DUNKCOMIC-26","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 33","offer_id":47422382047480,"sku":"DUNKCOMIC-12","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 32","offer_id":47422382080248,"sku":"DUNKCOMIC-11","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 31","offer_id":47422382113016,"sku":"DUNKCOMIC-10","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 30","offer_id":47422382145784,"sku":"DUNKCOMIC-9","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 29","offer_id":47422382178552,"sku":"DUNKCOMIC-8","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 28","offer_id":47422382211320,"sku":"DUNKCOMIC-7","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 27","offer_id":47422382244088,"sku":"DUNKCOMIC-6","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 21","offer_id":47422382276856,"sku":"DUNKCOMIC-0","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 26","offer_id":47422382309624,"sku":"DUNKCOMIC-5","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 24","offer_id":47422382342392,"sku":"DUNKCOMIC-3","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 23","offer_id":47422382375160,"sku":"DUNKCOMIC-2","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MICKEY \/ 22","offer_id":47422382407928,"sku":"DUNKCOMIC-1","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 26","offer_id":47422382440696,"sku":"DUNKCOMIC-31","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 25","offer_id":47422382473464,"sku":"DUNKCOMIC-30","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 24","offer_id":47422382506232,"sku":"DUNKCOMIC-29","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 21","offer_id":47422382539000,"sku":"DUNKCOMIC-65","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 33","offer_id":47422382571768,"sku":"DUNKCOMIC-64","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 32","offer_id":47422382604536,"sku":"DUNKCOMIC-63","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 31","offer_id":47422382637304,"sku":"DUNKCOMIC-62","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 27","offer_id":47422382702840,"sku":"DUNKCOMIC-32","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"PRINCESA PEACHE \/ 28","offer_id":47422382735608,"sku":"DUNKCOMIC-33","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 27","offer_id":47422382768376,"sku":"DUNKCOMIC-58","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"MARIO ROJO \/ 28","offer_id":47422382801144,"sku":"DUNKCOMIC-59","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 31","offer_id":47422382833912,"sku":"DUNKCOMIC-75","price":135000.0,"currency_code":"COP","in_stock":true},{"title":"BARBIE \/ 32","offer_id":47422382866680,"sku":"DUNKCOMIC-76","price":135000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/10_20251127_170635_0000.png?v=1764281840"},{"product_id":"nike-bota-cierre-nin","title":"Nike bota cierre nin@","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBotas Nike Cierre Infantil – Edición Premium | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#e01a1a; --accent-deep:#a80000; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(224,26,26,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #141414, #2b2b2b, #141414); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(224,26,26,0.3); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #141414, #e01a1a, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(224,26,26,0.35); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(224,26,26,0.55); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(224,26,26,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(224,26,26,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(224,26,26,0.35); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(224,26,26,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(224,26,26,0.35); box-shadow: 0 0 25px rgba(224,26,26,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(224,26,26,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(224,26,26,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(224,26,26,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(224,26,26,0.3); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(224,26,26,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(224,26,26,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(224,26,26,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(224,26,26,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-block { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-block::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(224,26,26,0.06), transparent); transition: left 0.8s ease; }\n .price-block:hover::before { left: 100%; }\n .price-block:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(224,26,26,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(224,26,26,0.3); }\n .price-tag { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-block:hover .price-tag { transform: scale(1.06); }\n .price-note { color: var(--stone); font-size: 1.05em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-red { background: linear-gradient(135deg, #e01a1a, #ff5555); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(224,26,26,0.25); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-green { background: linear-gradient(135deg, #3db800, #6dff2a); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(61,184,0,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-red { background: radial-gradient(circle, #ff8080, #a80000); box-shadow: 0 0 8px rgba(224,26,26,0.4); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-green { background: radial-gradient(circle, #adff2f, #2a8200); box-shadow: 0 0 8px rgba(61,184,0,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .price-tag { 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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Botas Nike Cierre Infantil – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251118_012416_0000.png?v=1763447270\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eBOTAS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eCIERRE\u003c\/span\u003e INFANTIL\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Estilo urbano, comodidad excepcional y cierre práctico para los pequeños campeones.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e4 colores · Tallas 25 a 33\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eNIÑOS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LAS BOTAS · $65.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eCIERRE LATERAL PRÁCTICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLOGOS SUBLIMADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 25 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVC LIVIANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eCIERRE LATERAL PRÁCTICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLOGOS SUBLIMADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 25 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVC LIVIANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCuatro Colores, Un Solo Estilo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor le combine\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-red\"\u003e\n\u003cdiv class=\"chip-dot dot-red\"\u003e\u003c\/div\u003e ROJO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-green\"\u003e\n\u003cdiv class=\"chip-dot dot-green\"\u003e\u003c\/div\u003e VERDE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eCalidad Premium con Cierre Práctico\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño exclusivo · Cuero sintético premium · Estilo inigualable\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/41_20251117_232617_0000.png?v=1763440419\" alt=\"Botas Nike Cierre – Rojo\"\u003e\u003c\/div\u003e\n\u003ch3\u003eModelo Rojo\u003c\/h3\u003e\n\u003cp\u003eBotas con cierre lateral para facilitar el uso. Perfectas para niños activos que buscan comodidad y estilo sin complicaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/42_20251117_232617_0001.png?v=1763440419\" alt=\"Botas Nike Cierre – Verde\"\u003e\u003c\/div\u003e\n\u003ch3\u003eModelo Verde\u003c\/h3\u003e\n\u003cp\u003eMaterial sintético de primera calidad con acabado brillante. Resistente al desgaste diario y fácil de limpiar.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251117_233125_0000.png?v=1763440419\" alt=\"Botas Nike Cierre – Blanco\"\u003e\u003c\/div\u003e\n\u003ch3\u003eModelo Blanco\u003c\/h3\u003e\n\u003cp\u003eSistema de cierre lateral que permite poner y quitar las botas en segundos. Ideal para la rutina escolar matutina.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estas Botas con Cierre?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Premium\u003c\/h3\u003e\n\u003cp\u003eCuero sintético con logos sublimados y bordados. Costuras reforzadas que garantizan durabilidad excepcional en el uso diario.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCierre Súper Práctico\u003c\/h3\u003e\n\u003cp\u003eSistema de cierre lateral que facilita ponerlas y quitarlas en segundos. Perfecto para la rutina escolar y la independencia al vestirse.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Ultra Liviana\u003c\/h3\u003e\n\u003cp\u003eSuela de PVC liviana con diseño antideslizante que brinda máxima seguridad para correr y jugar sin cansarse.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eLogos Sublimados\u003c\/h3\u003e\n\u003cp\u003eDetalles que no se despegan ni desgastan. Acabados que mantienen el look premium incluso después de meses de uso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 25 a 33\u003c\/h3\u003e\n\u003cp\u003eAmplio rango de tallas para todos los niños y niñas, en los cuatro colores disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Accesible\u003c\/h3\u003e\n\u003cp\u003eCalidad premium a precio justo: \u003cstrong style=\"color:#141414\"\u003e$65.000\u003c\/strong\u003e. Pago contraentrega para tu tranquilidad total.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eLAS FAVORITAS DE MAMÁS Y PAPÁS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELAS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eLAS FAVORITAS DE MAMÁS Y PAPÁS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELAS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 pedirlas\u003c\/p\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eBota deportiva urbana infantil con cierre lateral – uso diario, escolar y actividades casuales\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e25, 26, 27, 28, 29, 30, 31, 32 y 33 (tallaje colombiano)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eNegro · Rojo · Blanco · Verde\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Cierre\u003c\/strong\u003e\u003cspan\u003eCierre lateral de alta calidad, ultra resistente y fácil de usar\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eCuero sintético premium con acabado brillante y logos sublimados\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\u003cspan\u003eForro textil suave y transpirable que mantiene los pies frescos y cómodos\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003ePVC ultra liviano de alta resistencia con diseño antideslizante\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$65.000 COP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Mamás y Papás\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251117-WA0035.jpg?v=1763440415\" alt=\"Reseña – Botas Nike Cierre\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Las botas son hermosas y de excelente calidad. Mi hijo las ama porque el cierre hace que sea súper fácil ponérselas solo. Llegaron rápido y bien empacadas.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camila R. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20251117-WA0034_32647b3f-9ccd-4895-b05b-4846ae4bebe6.jpg?v=1763440416\" alt=\"Reseña – Botas Nike Cierre\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Compré para mi hija y quedó encantada. Son muy cómodas y el cierre es genial para que se las ponga sola. La calidad es increíble, totalmente recomendadas.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sebastián M. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251117_232953_0000.png?v=1763440418\" alt=\"Reseña – Botas Nike Cierre\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Excelente inversión. Las botas son lindas y muy prácticas. Mi hijo las usa todos los días y siguen como nuevas. El precio es muy bueno para la calidad.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Patricia L. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 25 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 25 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK DISPONIBLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Botas con Cierre Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque los pequeños campeones merecen lo mejor: estilo urbano, practicidad y la mejor calidad\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 25 a 33\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCierre Práctico\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e4 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-block fade-in\"\u003e\n \u003cspan class=\"price-tag\"\u003e$65.000 COP\u003c\/span\u003e\n \u003cdiv class=\"price-note\"\u003ePago contra entrega · Sin anticipos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LAS BOTAS AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Botas Nike Cierre Infantil – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251118_012416_0000.png?v=1763447270\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo urbano y calidad para los pequeños campeones. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eBOTAS CIERRE INFANTIL – Edición Premium\u003c\/div\u003e\n \u003cp\u003eBotas infantiles con cierre lateral práctico, 4 colores exclusivos, tallas 25 a 33, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"NEGRO \/ 33","offer_id":47458298593528,"sku":"-62","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 32","offer_id":47458298626296,"sku":"-61","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 31","offer_id":47458298659064,"sku":"-60","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 30","offer_id":47458298691832,"sku":"-59","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 29","offer_id":47458298724600,"sku":"-58","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 28","offer_id":47458298757368,"sku":"-57","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 27","offer_id":47458298790136,"sku":"-56","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 26","offer_id":47458298822904,"sku":"-55","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 25","offer_id":47458298855672,"sku":"-54","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 33","offer_id":47458298888440,"sku":"-26","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 32","offer_id":47458298921208,"sku":"-25","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 31","offer_id":47458298953976,"sku":"-24","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 30","offer_id":47458298986744,"sku":"-23","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 29","offer_id":47458299019512,"sku":"-22","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 28","offer_id":47458299052280,"sku":"-21","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 27","offer_id":47458299085048,"sku":"-20","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 26","offer_id":47458299117816,"sku":"-19","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 25","offer_id":47458299150584,"sku":"-18","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 33","offer_id":47458299183352,"sku":"-17","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 32","offer_id":47458299216120,"sku":"-16","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 31","offer_id":47458299248888,"sku":"-15","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 30","offer_id":47458299281656,"sku":"-14","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 29","offer_id":47458299314424,"sku":"-13","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 28","offer_id":47458299347192,"sku":"-12","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 27","offer_id":47458299379960,"sku":"-11","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 26","offer_id":47458299412728,"sku":"-10","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 25","offer_id":47458299445496,"sku":"-9","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 33","offer_id":47458299478264,"sku":"-8","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 32","offer_id":47458299511032,"sku":"-7","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 31","offer_id":47458299543800,"sku":"-6","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 30","offer_id":47458299576568,"sku":"-5","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 29","offer_id":47458299609336,"sku":"-4","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 28","offer_id":47458299642104,"sku":"-3","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 27","offer_id":47458299674872,"sku":"-2","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 26","offer_id":47458299707640,"sku":"-1","price":65000.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 25","offer_id":47458299740408,"sku":"-0","price":65000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1744816501WhatsAppImage2025-04-16at9.34.46AM_2_-1.jpg?v=1763448464"},{"product_id":"lokal-big-zahari","title":"TENIS LOKAL SKATE TALLAS 35 A 43","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eTenis Lokal Skate Unisex – Estilo Urbano Auténtico | Zahariq Shop 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: #1a1a1a;\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 \/* ── 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 \/* ── 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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n \/* ── CSS VARIABLES · SKATE OLIVE ── *\/\n :root {\n --ink: #141414;\n --graphite: #2b2b2b;\n --stone: #6f6f6f;\n --smoke: #f5f5f5;\n --line: rgba(20,20,20,0.12);\n --mid: #555555;\n --accent: #4a7c2e;\n --accent-deep: #2f5219;\n --star: #f5b301;\n }\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, var(--accent), #8bc34a, var(--accent));\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(74,124,46,0.4); max-width: 100%;\n }\n \/* ── HERO · BLANCO MINIMALISTA ── *\/\n .hero {\n background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff;\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 \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #4a7c2e, #6ea33f, #4a7c2e);\n color: #ffffff; 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(74,124,46,0.4);\n border: 1px solid rgba(0,0,0,0.08);\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 \/* ── 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n border: 2px solid rgba(20,20,20,0.12);\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, inkGlow 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.16);\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: var(--stone); 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: #141414;\n animation: titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n }\n .hero h1 span.accent-word {\n color: #ffffff;\n -webkit-text-stroke: 1px var(--accent);\n text-stroke: 1px var(--accent);\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: var(--accent); font-weight: 900; font-style: italic;\n position: relative;\n }\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #4a7c2e, #6ea33f, #4a7c2e);\n background-size: 200% 200%;\n color: #ffffff; 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(74,124,46,0.45);\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(74,124,46,0.6);\n }\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-dark {\n background: linear-gradient(135deg, #141414, #2b2b2b);\n color: #fff; border: 1px solid rgba(0,0,0,0.2);\n }\n .badge-soft {\n background: linear-gradient(135deg, #ececec, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\n }\n \/* ══════════════════════════════════════════════════ *\/\n \/* ── MARQUEE \/ SLIDER STRIPS · MOTOR ULTRA-FLUIDO ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n \/* ══════════════════════════════════════════════════ *\/\n .marquee {\n position: relative; overflow: hidden; padding: 20px 0;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n }\n .marquee.dark {\n background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d);\n border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .marquee.light {\n background: #ffffff;\n border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12);\n }\n .marquee__track {\n display: flex; width: max-content;\n will-change: transform; backface-visibility: hidden;\n transform: translate3d(0,0,0);\n }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group {\n display: flex; align-items: center; flex: 0 0 auto;\n }\n .marquee__group .m-item {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em;\n letter-spacing: 3px; padding: 0 6px; white-space: nowrap;\n }\n .marquee__group .m-sep {\n display: inline-block; padding: 0 22px; font-style: normal;\n font-size: 1.1em; line-height: 1;\n }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) {\n .marquee { padding: 15px 0; }\n .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; }\n .marquee__group .m-sep { padding: 0 15px; }\n }\n \/* ── SECCIONES ── *\/\n .visual-banner {\n background: #ffffff;\n padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n width: 100%; max-width: 100%;\n }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n color: #141414; margin-bottom: 15px; text-align: center;\n position: relative; z-index: 2; word-wrap: break-word;\n padding: 0 10px; letter-spacing: 3px;\n }\n .section-title.dark-title { color: #141414; }\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, var(--accent), transparent);\n margin: 15px auto 30px;\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.06);\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(20,20,20,0.1);\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(20,20,20,0.04), 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(0,0,0,0.1), 0 25px 70px rgba(0,0,0,0.1);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(20,20,20,0.35);\n }\n .product-card img, .product-card video {\n width: 100%; max-width: 100%; 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(20,20,20,0.08);\n }\n .img-frame {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; border-radius: 18px; margin-bottom: 22px;\n border: 1px solid rgba(20,20,20,0.08);\n }\n .img-frame img {\n width: 100%; height: 100%; object-fit: cover;\n border-radius: 0; margin-bottom: 0; border: none;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 {\n color: #141414; margin-bottom: 12px;\n font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .product-card:hover h3 { transform: translateY(-3px); }\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 \/* ── BENEFITS ── *\/\n .benefits {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n 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(20,20,20,0.04) 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(20,20,20,0.35);\n box-shadow: 0 0 25px rgba(0,0,0,0.08), 0 20px 60px rgba(0,0,0,0.1);\n }\n .benefit-icon {\n font-size: 2.4em; margin-bottom: 20px; display: block;\n color: var(--accent); line-height: 1;\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.15) rotate(180deg);\n color: var(--accent-deep);\n }\n .benefit-card h3 {\n margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.5em; letter-spacing: 2px; color: #141414;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 \/* ── 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: #f6f6f6;\n padding: 28px; border-radius: 18px;\n border-left: 4px solid var(--accent);\n border-top: 1px solid rgba(20,20,20,0.06);\n border-right: 1px solid rgba(20,20,20,0.04);\n border-bottom: 1px solid rgba(20,20,20,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, var(--accent), #8bc34a, var(--accent-deep));\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.07), -8px 0 20px rgba(0,0,0,0.08);\n }\n .spec-item strong {\n color: #141414; 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); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n \/* ── TESTIMONIALS ── *\/\n .testimonials {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\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(20,20,20,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(0,0,0,0.08), 0 25px 70px rgba(0,0,0,0.1);\n border-color: rgba(20,20,20,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 { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.15em; margin-bottom: 16px; color: var(--star);\n letter-spacing: 4px;\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\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: #141414; 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 \/* ── TRUST ── *\/\n .trust {\n background: #ffffff; padding: 90px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n width: 100%; max-width: 100%;\n }\n .trust-card {\n max-width: 760px; margin: 0 auto;\n background: #f6f6f6; border: 1.5px solid rgba(20,20,20,0.12);\n border-radius: 22px; padding: 48px 40px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n }\n .trust-card h3 {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px;\n color: #141414; margin-bottom: 16px;\n }\n .trust-card p { color: #555555; font-size: 1.05em; line-height: 1.9; }\n .trust-card p strong { color: #141414; }\n .trust-line {\n margin-top: 22px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.25em; letter-spacing: 3px; color: #141414;\n }\n .verification-image {\n max-width: 620px; width: 90%; height: auto; border-radius: 20px;\n box-shadow: 0 15px 45px rgba(0,0,0,0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: block; margin: 34px auto 0;\n border: 1px solid rgba(20,20,20,0.1);\n }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n \/* ── FINAL CTA ── *\/\n .final-cta {\n background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(20,20,20,0.05) 0%, transparent 70%), #ffffff;\n color: #141414; padding: 100px 0; text-align: center;\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .final-cta h2 {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n margin-bottom: 20px; color: #141414; position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\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 \/* ── PAYMENT INFO ── *\/\n .payment-info {\n background: #f6f6f6;\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(20,20,20,0.12);\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(20,20,20,0.05), 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(0,0,0,0.08), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(20,20,20,0.3);\n }\n .payment-info h3 {\n margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8em; letter-spacing: 3px; color: #141414;\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: #141414; }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: #141414; 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 \/* ── PRICE COMPARISON ── *\/\n .price-comparison {\n background: #f6f6f6;\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(20,20,20,0.15); 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(20,20,20,0.05), 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(0,0,0,0.08), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(20,20,20,0.35);\n }\n .old-price {\n text-decoration: line-through; color: #aaaaaa;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\n }\n .new-price {\n color: var(--accent); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\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 { transform: scale(1.06); }\n .savings {\n color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n \/* ── CHIPS SECTION ── *\/\n .colors-section {\n background: #ffffff;\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-soft { background: #f0f0f0; color: #333; border: 1px solid rgba(0,0,0,0.1); }\n .chip-olive { background: linear-gradient(135deg, #4a7c2e, #6ea33f); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(74,124,46,0.25); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-soft { background: radial-gradient(circle, #f0f0f0, #888888); border: 1px solid rgba(0,0,0,0.1); }\n .dot-olive { background: radial-gradient(circle, #7fae4a, #33530f); box-shadow: 0 0 8px rgba(74,124,46,0.4); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.15); }\n \/* ── FOOTER (full-bleed) ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n .footer {\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(255,255,255,0.08);\n position: relative; overflow: hidden;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: inkGlow 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.6);\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: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n \/* ── RESPONSIVE ── *\/\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- HERO · FONDO BLANCO MINIMALISTA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Lokal Skate – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/50_20251118_211358_0002.png?v=1763518937\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eLOKAL\u003c\/span\u003e\u003cbr\u003eSKATE\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ UN ESTILO, DOS FORMAS DE VIVIRLO ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El skate más versátil: autenticidad urbana y comodidad que aguanta todo el día.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eDiseño skater · Unisex · Tallas 35 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eSKATE STYLE\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS LOKAL · $136.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 1 · DESEO \/ PRODUCTO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eESTILO SKATER\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGRIP ANTIDESLIZANTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMBINA CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eESTILO SKATER\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGRIP ANTIDESLIZANTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMBINA CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CHIPS · COLORES --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDos Colores, Una Sola Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu estilo de calle\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n \u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO TOTAL\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-olive\"\u003e\n \u003cdiv class=\"chip-dot dot-olive\"\u003e\u003c\/div\u003e CAMUFLADO PREMIUM\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA PRINCIPAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEl Skate que No Pasa de Moda\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eSilueta clásica · Grip real · Combina con todo tu clóset\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/48_20251118_211507_0000.png?v=1763518939\" alt=\"Lokal Skate – Blanco Total\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eBlanco Total\u003c\/h3\u003e\n \u003cp\u003eLimpio, minimalista y con esencia skater. El par que sube el nivel de cualquier outfit sin robarse el protagonismo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/49_20251118_211507_0001.png?v=1763518939\" alt=\"Lokal Skate – Camuflado Premium\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eCamuflado Premium\u003c\/h3\u003e\n \u003cp\u003ePara el que quiere destacar sin decir una palabra. Estampado camuflado con la misma suela y el mismo acolchado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/7_ebb87bf4-92e6-44b3-ad70-a954bc100185.png?v=1763523108\" alt=\"Lokal Skate – En uso\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eHechos para el Diario\u003c\/h3\u003e\n \u003cp\u003eDel skatepark a la universidad. Lona resistente, livianos y fáciles de limpiar — aguantan el uso de todos los días.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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é los Lokal Skate?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eSuela con Grip Real\u003c\/h3\u003e\n \u003cp\u003eGoma antideslizante con patrón de agarre optimizado. Tracción firme sobre tabla, andén o piso liso, con amortiguación en cada impacto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePlantilla Acolchada\u003c\/h3\u003e\n \u003cp\u003eForro textil suave y plantilla ergonómica. Aguantas el día completo caminando sin que te pesen ni te sacen ampollas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eLona que Resiste\u003c\/h3\u003e\n \u003cp\u003eLona y sintéticos de alta resistencia. Livianos, duraderos y fáciles de limpiar — pensados para el uso intensivo real.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTotalmente Unisex\u003c\/h3\u003e\n \u003cp\u003eDiseño sin género que le queda bien a todos. Con jean, jogger o short, el resultado siempre se ve intencionado.\u003c\/p\u003e\n \u003c\/div\u003e\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\u003eRango amplio con cordones resistentes y ojales reforzados. Ajuste personalizado según el ancho de tu pie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eDe $189.000 a solo \u003cstrong style=\"color:#141414\"\u003e$136.000\u003c\/strong\u003e. Ahorras $53.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 2 · PERSUASIÓN \/ PRUEBA SOCIAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL SKATE MÁS BUSCADO DE LA CALLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLIVIANOS Y RESISTENTES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL SKATE MÁS BUSCADO DE LA CALLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eLIVIANOS Y RESISTENTES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eProducto\u003c\/strong\u003e\n \u003cspan\u003eTenis Lokal Skate – Estilo skater para uso diario, urbano y skating ligero\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eColores\u003c\/strong\u003e\n \u003cspan\u003eDos opciones: Blanco Total (clásico y versátil) y Camuflado Premium (audaz y urbano)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003eTallas 35 a 43 en numeración colombiana – disponibles para hombre y mujer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\n \u003cspan\u003eCordones resistentes con ojales reforzados – ajuste firme y personalizado\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\n \u003cspan\u003eLona y sintéticos de alta resistencia – livianos, duraderos y fáciles de limpiar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\n \u003cspan\u003eForro textil acolchado y plantilla ergonómica – comodidad durante toda la jornada\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eSuela\u003c\/strong\u003e\n \u003cspan\u003eGoma antideslizante con patrón de grip optimizado – tracción y amortiguación superiores\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eUso Ideal\u003c\/strong\u003e\n \u003cspan\u003eDía a día, universidad, plan urbano y sesiones de skate ligeras\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\n \u003cspan\u003eAntes $189.000 → Hoy solo $136.000 COP · Ahorra $53.000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEnvío\u003c\/strong\u003e\n \u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20251118_202316_Google.jpg?v=1763518940\" alt=\"Reseña cliente – Lokal Skate blancos\" 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\"Compré los blancos y son perfectos. Súper cómodos desde el primer uso. Los uso para todo y se ven increíbles con cualquier ropa. La calidad es excelente.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Santiago R. · Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20251118_205228_TikTok.jpg?v=1763518940\" alt=\"Reseña cliente – Lokal Skate camuflados\" 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 camuflados me encantaron. Son súper versátiles y cómodos. Me llegaron rápido y bien empacados. El estilo es justo lo que buscaba, urbano y auténtico.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Camila V. · Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/6_2.png?v=1763523108\" alt=\"Reseña cliente – Lokal Skate\" 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\"Excelente compra. Muy cómodos y resistentes. La suela tiene buen agarre y se sienten livianos. El pago contraentrega me dio mucha confianza. Totalmente recomendados.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Andrés M. · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 3 · OFERTA \/ CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $53.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $53.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- URGENCIA --\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(20,20,20,0.2); box-shadow: 0 0 35px rgba(0,0,0,0.08);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/6_2.png?v=1763523108\" alt=\"No te quedes sin tus Lokal Skate\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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 skate le cambia la cara a cualquier outfit.\u003cbr\u003e\n \u003cspan style=\"color:#141414; 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\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 Lokal Skate Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con autenticidad, comodidad real y el mejor estilo skater\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 35 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTotalmente Unisex\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e2 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $136.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $53.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS LOKAL AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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=\"Lokal Skate – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/50_20251118_211358_0002.png?v=1763518937\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Autenticidad urbana en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eLOKAL SKATE – Estilo Urbano\u003c\/div\u003e\n \u003cp\u003eTenis skater con grip antideslizante y plantilla acolchada. Dos colores, tallas 35 a 43, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\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 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 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 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 document.addEventListener('DOMContentLoaded', function() {\n smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\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 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 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 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 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 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 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","brand":"zahariq","offers":[{"title":"BLANCO \/ 37","offer_id":47470858404088,"sku":"null-2","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":47470858436856,"sku":"null-3","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47470858469624,"sku":"null-4","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 35","offer_id":47470858502392,"sku":"null-0","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 36","offer_id":47470858535160,"sku":"null-1","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47470858567928,"sku":"null-5","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 41","offer_id":47470858600696,"sku":"null-6","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":47470858633464,"sku":"null-7","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":47470858666232,"sku":"null-8","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 35","offer_id":47470858699000,"sku":"null-9","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 36","offer_id":47470858731768,"sku":"null-10","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 37","offer_id":47470858764536,"sku":"null-11","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 38","offer_id":47470858797304,"sku":"null-12","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 39","offer_id":47470858830072,"sku":"null-13","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 40","offer_id":47470858862840,"sku":"null-14","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 41","offer_id":47470858895608,"sku":"null-15","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 42","offer_id":47470858928376,"sku":"null-16","price":136000.0,"currency_code":"COP","in_stock":true},{"title":"CAMUFLADO \/ 43","offer_id":47470858961144,"sku":"null-17","price":136000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/48_20251118_211507_0000.png?v=1763518939"},{"product_id":"nike-disney-kids-1","title":"NIKE DISNEY KIDS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Disney Kids – Deportivos Infantiles Premium | Zahariq Shop 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: #1a1a1a;\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 \/* ── 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 \/* ── 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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n \/* ── CSS VARIABLES · PRINCESS PINK ── *\/\n :root {\n --ink: #141414;\n --graphite: #2b2b2b;\n --stone: #6f6f6f;\n --smoke: #f5f5f5;\n --line: rgba(20,20,20,0.12);\n --mid: #555555;\n --accent: #e94f8a;\n --accent-deep: #c02f6b;\n --lilac: #b28cd6;\n --star: #f5b301;\n }\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, var(--accent), var(--lilac), var(--accent));\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(233,79,138,0.4); max-width: 100%;\n }\n \/* ── HERO · BLANCO MINIMALISTA ── *\/\n .hero {\n background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff;\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 \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #e94f8a, #f27fae, #e94f8a);\n color: #ffffff; 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(233,79,138,0.4);\n border: 1px solid rgba(0,0,0,0.08);\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 \/* ── 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n border: 2px solid rgba(20,20,20,0.12);\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, inkGlow 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.16);\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: var(--stone); 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: #141414;\n animation: titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n }\n .hero h1 span.accent-word {\n color: #ffffff;\n -webkit-text-stroke: 1px var(--accent);\n text-stroke: 1px var(--accent);\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: var(--accent); font-weight: 900; font-style: italic;\n position: relative;\n }\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #e94f8a, #f27fae, #e94f8a);\n background-size: 200% 200%;\n color: #ffffff; 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(233,79,138,0.45);\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(233,79,138,0.6);\n }\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-dark {\n background: linear-gradient(135deg, #141414, #2b2b2b);\n color: #fff; border: 1px solid rgba(0,0,0,0.2);\n }\n .badge-soft {\n background: linear-gradient(135deg, #ececec, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\n }\n \/* ══════════════════════════════════════════════════ *\/\n \/* ── MARQUEE \/ SLIDER STRIPS · MOTOR ULTRA-FLUIDO ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n \/* ══════════════════════════════════════════════════ *\/\n .marquee {\n position: relative; overflow: hidden; padding: 20px 0;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n }\n .marquee.dark {\n background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d);\n border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .marquee.light {\n background: #ffffff;\n border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12);\n }\n .marquee__track {\n display: flex; width: max-content;\n will-change: transform; backface-visibility: hidden;\n transform: translate3d(0,0,0);\n }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group {\n display: flex; align-items: center; flex: 0 0 auto;\n }\n .marquee__group .m-item {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em;\n letter-spacing: 3px; padding: 0 6px; white-space: nowrap;\n }\n .marquee__group .m-sep {\n display: inline-block; padding: 0 22px; font-style: normal;\n font-size: 1.1em; line-height: 1;\n }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) {\n .marquee { padding: 15px 0; }\n .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; }\n .marquee__group .m-sep { padding: 0 15px; }\n }\n \/* ── SECCIONES ── *\/\n .visual-banner {\n background: #ffffff;\n padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n width: 100%; max-width: 100%;\n }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n color: #141414; margin-bottom: 15px; text-align: center;\n position: relative; z-index: 2; word-wrap: break-word;\n padding: 0 10px; letter-spacing: 3px;\n }\n .section-title.dark-title { color: #141414; }\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, var(--accent), transparent);\n margin: 15px auto 30px;\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.06);\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(20,20,20,0.1);\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(233,79,138,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(233,79,138,0.12), 0 25px 70px rgba(0,0,0,0.1);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(233,79,138,0.4);\n }\n .product-card img, .product-card video {\n width: 100%; max-width: 100%; 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(20,20,20,0.08);\n }\n .img-frame {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; border-radius: 18px; margin-bottom: 22px;\n border: 1px solid rgba(20,20,20,0.08);\n }\n .img-frame img {\n width: 100%; height: 100%; object-fit: cover;\n border-radius: 0; margin-bottom: 0; border: none;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 {\n color: #141414; margin-bottom: 12px;\n font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .product-card:hover h3 { transform: translateY(-3px); }\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 \/* ── BENEFITS ── *\/\n .benefits {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n 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(233,79,138,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(233,79,138,0.4);\n box-shadow: 0 0 25px rgba(233,79,138,0.1), 0 20px 60px rgba(0,0,0,0.1);\n }\n .benefit-icon {\n font-size: 2.4em; margin-bottom: 20px; display: block;\n color: var(--accent); line-height: 1;\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.15) rotate(180deg);\n color: var(--accent-deep);\n }\n .benefit-card h3 {\n margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.5em; letter-spacing: 2px; color: #141414;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 \/* ── 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: #f6f6f6;\n padding: 28px; border-radius: 18px;\n border-left: 4px solid var(--accent);\n border-top: 1px solid rgba(20,20,20,0.06);\n border-right: 1px solid rgba(20,20,20,0.04);\n border-bottom: 1px solid rgba(20,20,20,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, var(--accent), var(--lilac), var(--accent-deep));\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.07), -8px 0 20px rgba(233,79,138,0.1);\n }\n .spec-item strong {\n color: #141414; 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); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n \/* ── TESTIMONIALS ── *\/\n .testimonials {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\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(233,79,138,0.05) 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(233,79,138,0.1), 0 25px 70px rgba(0,0,0,0.1);\n border-color: rgba(233,79,138,0.35);\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 { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.15em; margin-bottom: 16px; color: var(--star);\n letter-spacing: 4px;\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\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: #141414; 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 \/* ── TRUST ── *\/\n .trust {\n background: #ffffff; padding: 90px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n width: 100%; max-width: 100%;\n }\n .verification-image {\n max-width: 620px; width: 90%; height: auto; border-radius: 20px;\n box-shadow: 0 15px 45px rgba(0,0,0,0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: block; margin: 34px auto 0;\n border: 1px solid rgba(20,20,20,0.1);\n }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n \/* ── FINAL CTA ── *\/\n .final-cta {\n background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(233,79,138,0.06) 0%, transparent 70%), #ffffff;\n color: #141414; padding: 100px 0; text-align: center;\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .final-cta h2 {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n margin-bottom: 20px; color: #141414; position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\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 \/* ── PAYMENT INFO ── *\/\n .payment-info {\n background: #f6f6f6;\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(20,20,20,0.12);\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(233,79,138,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(233,79,138,0.1), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(233,79,138,0.3);\n }\n .payment-info h3 {\n margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8em; letter-spacing: 3px; color: #141414;\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: #141414; }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: #141414; 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 \/* ── PRICE COMPARISON ── *\/\n .price-comparison {\n background: #f6f6f6;\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(20,20,20,0.15); 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(233,79,138,0.06), 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(233,79,138,0.1), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(233,79,138,0.35);\n }\n .new-price {\n color: var(--accent); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\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 { transform: scale(1.06); }\n .savings {\n color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n \/* ── CHIPS SECTION ── *\/\n .colors-section {\n background: #ffffff;\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-pink { background: linear-gradient(135deg, #e94f8a, #f27fae); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(233,79,138,0.25); }\n .chip-lilac { background: linear-gradient(135deg, #b28cd6, #d0b6ec); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(178,140,214,0.25); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-fuchsia { background: linear-gradient(135deg, #d6237a, #f0559f); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(214,35,122,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-pink { background: radial-gradient(circle, #ff9dc4, #c02f6b); box-shadow: 0 0 8px rgba(233,79,138,0.4); }\n .dot-lilac { background: radial-gradient(circle, #d9c3ee, #8a5fc0); box-shadow: 0 0 8px rgba(178,140,214,0.4); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-fuchsia { background: radial-gradient(circle, #ff6bb5, #a3105a); box-shadow: 0 0 8px rgba(214,35,122,0.4); }\n \/* ── FOOTER (full-bleed) ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n .footer {\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(255,255,255,0.08);\n position: relative; overflow: hidden;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: inkGlow 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.6);\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: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n \/* ── RESPONSIVE ── *\/\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- HERO · FONDO BLANCO MINIMALISTA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Nike Disney Kids – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ZahariqShop_20251118_012416_0000.png?v=1763458983\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eDISNEY\u003c\/span\u003e\u003cbr\u003eKIDS\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ CUERO SINTÉTICO PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Diseño exclusivo y comodidad excepcional para las pequeñas princesas.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eDeportivo infantil · 4 moños de color · Tallas 21 a 33\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN DISNEY\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eNIÑAS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS · $133.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 1 · DESEO \/ PRODUCTO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO SINTÉTICO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 MOÑOS DE COLOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVU IMPORTADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA TOTAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN DISNEY\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO SINTÉTICO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 MOÑOS DE COLOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA PVU IMPORTADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA TOTAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN DISNEY\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CHIPS · COLORES --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCuatro Moños, Una Sola Magia\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el moño favorito de tu pequeña princesa\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-pink\"\u003e\n \u003cdiv class=\"chip-dot dot-pink\"\u003e\u003c\/div\u003e MOÑO ROSADO\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n \u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e MOÑO BLANCO\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-lilac\"\u003e\n \u003cdiv class=\"chip-dot dot-lilac\"\u003e\u003c\/div\u003e MOÑO LILA\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-fuchsia\"\u003e\n \u003cdiv class=\"chip-dot dot-fuchsia\"\u003e\u003c\/div\u003e MOÑO FUCSIA\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA PRINCIPAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eDeportivos Premium para Pequeñas Princesas\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño exclusivo · Terminaciones impecables · Estilo incomparable\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/64_20251128_185228_0001.png?v=1764374074\" alt=\"Nike Disney Kids – Moño Rosado\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eMoño Rosado\u003c\/h3\u003e\n \u003cp\u003eDeportivo en cuero sintético de alta calidad importado. Excelentes combinaciones en colores y texturas con detalles únicos que hacen brillar a las pequeñas en cada paso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/63_20251128_185228_0000.png?v=1764374074\" alt=\"Nike Disney Kids – Moño Blanco\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eMoño Blanco\u003c\/h3\u003e\n \u003cp\u003eTerminaciones 10\/10 con suela en PVU importada y cosida. Excelente ajuste al pie con doblez perfecto para máxima comodidad durante todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/66_20251128_185228_0003.png?v=1764374074\" alt=\"Nike Disney Kids – Moño Lila\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eMoño Lila\u003c\/h3\u003e\n \u003cp\u003eCordones en algodón resistente con detalle de goma en el moño de la cordonera. Forro en licron importado que brinda suavidad y frescura excepcional.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/65_20251128_185228_0002.png?v=1764374075\" alt=\"Nike Disney Kids – Moño Fucsia\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eMoño Fucsia\u003c\/h3\u003e\n \u003cp\u003eDiseño integral que combina estilo, elegancia y funcionalidad. Perfecto para cualquier ocasión: escuela, fiestas, paseos o uso diario con confianza.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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 Estos Deportivos Premium?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eCuero Sintético Premium\u003c\/h3\u003e\n \u003cp\u003eMaterial de cuero sintético de la más alta calidad nacional. Resistente, duradero y con acabados impecables que lucen elegantes en cualquier ocasión.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eDiseño Exclusivo\u003c\/h3\u003e\n \u003cp\u003eCombinaciones únicas en colores y texturas imposibles de encontrar en otro lugar. Diseño Disney que destaca y hace brillar a las pequeñas princesas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eSuela PVU Importada\u003c\/h3\u003e\n \u003cp\u003eSuela en PVU importada, cosida con excelente ajuste al pie y doblez. Proporciona comodidad superior, seguridad y durabilidad excepcional.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTerminaciones 10\/10\u003c\/h3\u003e\n \u003cp\u003eDetalles y terminaciones perfectas en cada aspecto. Costuras reforzadas, acabados impecables que demuestran la calidad premium del producto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eTallas 21 a 33\u003c\/h3\u003e\n \u003cp\u003eAmplia gama de tallas nacionales. Cordones en algodón que permiten ajuste perfecto según el crecimiento de las niñas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eGarantía Total\u003c\/h3\u003e\n \u003cp\u003eRespondemos por garantías y hacemos cambios. Cobertura completa por errores de fábrica, despegue o descosido. 10 días hábiles para solicitar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 2 · PERSUASIÓN \/ PRUEBA SOCIAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS FAVORITO DE LAS PRINCESAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMAMÁS Y PAPÁS FELICES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTERMINACIONES 10\/10\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS FAVORITO DE LAS PRINCESAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMAMÁS Y PAPÁS FELICES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTERMINACIONES 10\/10\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eEspecificaciones Técnicas Completas\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre estos deportivos premium\u003c\/p\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eProducto\u003c\/strong\u003e\n \u003cspan\u003eZapato deportivo casual infantil para niñas – uso diario, escolar, fiestas y casual\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003e21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32 y 33 (tallaje nacional colombiano)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eColores y Diseño\u003c\/strong\u003e\n \u003cspan\u003e4 moños: Blanco, Lila, Rosado y Fucsia – combinaciones exclusivas y texturas únicas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\n \u003cspan\u003eCordones en algodón resistente con detalle de goma en el moño de la cordonera\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\n \u003cspan\u003eCuero sintético premium nacional de la más alta calidad – resistente y fácil de limpiar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\n \u003cspan\u003eForro en licron importado, suave y transpirable – frescura durante todo el día\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Suela\u003c\/strong\u003e\n \u003cspan\u003ePVU importado y cosido con excelente ajuste al pie y doblez perfecto\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eGarantía Incluida\u003c\/strong\u003e\n \u003cspan\u003eFalta de pares, errores de fábrica, despegue o descosido – 10 días hábiles para solicitar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePrecio\u003c\/strong\u003e\n \u003cspan\u003e$133.000 COP · Precio especial hasta agotar stock\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEnvío\u003c\/strong\u003e\n \u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\"\u003eLo Que Dicen Mamás y Papás Felices\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_28_nov_2025_10_06_39_p.m.png?v=1764385680\" alt=\"Reseña – Nike Disney Kids en uso\" 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\"Mi hija está feliz con sus tenis nuevos. La calidad es excelente y muy cómodos. Los usa todos los días y siguen como nuevos.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Laura Martínez · Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_28_nov_2025_10_06_36_p.m.png?v=1764385694\" alt=\"Reseña – Nike Disney Kids moño fucsia\" 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\"Excelente compra. El moño fucsia es hermoso y la calidad es increíble. Mi hija los ama y combina con toda su ropa. Totalmente recomendados.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Carolina López · Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_28_nov_2025_10_06_01_p.m.png?v=1764385693\" alt=\"Reseña – Nike Disney Kids completo\" 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\"Son preciosos y de muy buena calidad. Las terminaciones son perfectas y se ven muy hermosos. Llegaron rápido y el pago contraentrega es muy seguro, los recomiendo.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Patricia Sánchez · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eZahariq Shop Verificados y Confiables\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 3 · OFERTA \/ CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA TOTAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA TOTAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- URGENCIA --\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(233,79,138,0.25); box-shadow: 0 0 35px rgba(233,79,138,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/57_20251121_150035_0000.png?v=1763755310\" alt=\"No te quedes sin tus tenis Nike Disney\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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 ¡Asegura los Tuyos Antes que se Agoten!\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 papás y mamás inteligentes ya tienen estos tenis exclusivos.\u003cbr\u003e\n \u003cspan style=\"color:#141414; 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\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 Tenis Nike Disney Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque las pequeñas princesas merecen lo mejor: estilo, elegancia y la mejor calidad\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 21 a 33\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e4 Moños de Color\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía Total\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"new-price\"\u003e$133.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003eEnvío gratis incluido · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS NIKE DISNEY AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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=\"Nike Disney Kids – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ZahariqShop_20251118_012416_0000.png?v=1763458983\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Elegancia y calidad para las pequeñas princesas ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eNIKE DISNEY KIDS – Calzado Infantil Premium\u003c\/div\u003e\n \u003cp\u003eDeportivos infantiles en cuero sintético de alta calidad para niñas que buscan estilo, comodidad y exclusividad. Tallas 21 a 33, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\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 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 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 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 document.addEventListener('DOMContentLoaded', function() {\n smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\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 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 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 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 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 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 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","brand":"zahariq","offers":[{"title":"MOÑO BLANCO \/ 29","offer_id":47496400896248,"sku":"DISNEY-21","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 22","offer_id":47496401551608,"sku":"DISNEY-1","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 33","offer_id":47496399913208,"sku":"DISNEY-51","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 32","offer_id":47496399945976,"sku":"DISNEY-50","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 31","offer_id":47496399978744,"sku":"DISNEY-49","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 26","offer_id":47496400142584,"sku":"DISNEY-44","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 25","offer_id":47496400175352,"sku":"DISNEY-43","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 24","offer_id":47496400208120,"sku":"DISNEY-42","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 23","offer_id":47496400240888,"sku":"DISNEY-41","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 25","offer_id":47496400601336,"sku":"DISNEY-30","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 26","offer_id":47496400994552,"sku":"DISNEY-18","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 25","offer_id":47496401027320,"sku":"DISNEY-17","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 24","offer_id":47496401060088,"sku":"DISNEY-16","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 21","offer_id":47496401158392,"sku":"DISNEY-13","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 30","offer_id":47496400011512,"sku":"DISNEY-48","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 28","offer_id":47496400077048,"sku":"DISNEY-46","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 22","offer_id":47496400699640,"sku":"DISNEY-27","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 21","offer_id":47496400732408,"sku":"DISNEY-26","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 33","offer_id":47496400765176,"sku":"DISNEY-25","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 32","offer_id":47496401223928,"sku":"DISNEY-11","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 31","offer_id":47496401256696,"sku":"DISNEY-10","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 30","offer_id":47496401289464,"sku":"DISNEY-9","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 27","offer_id":47496401387768,"sku":"DISNEY-6","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 21","offer_id":47496401584376,"sku":"DISNEY-0","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 29","offer_id":47496400044280,"sku":"DISNEY-47","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 27","offer_id":47496400109816,"sku":"DISNEY-45","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 21","offer_id":47496400306424,"sku":"DISNEY-39","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 33","offer_id":47496400339192,"sku":"DISNEY-38","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 32","offer_id":47496400371960,"sku":"DISNEY-37","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 31","offer_id":47496400404728,"sku":"DISNEY-36","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 30","offer_id":47496400437496,"sku":"DISNEY-35","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 29","offer_id":47496400470264,"sku":"DISNEY-34","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 28","offer_id":47496400503032,"sku":"DISNEY-33","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 27","offer_id":47496400535800,"sku":"DISNEY-32","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 26","offer_id":47496400568568,"sku":"DISNEY-31","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 24","offer_id":47496400634104,"sku":"DISNEY-29","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO FUCSIA \/ 23","offer_id":47496400666872,"sku":"DISNEY-28","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 32","offer_id":47496400797944,"sku":"DISNEY-24","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 31","offer_id":47496400830712,"sku":"DISNEY-23","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 30","offer_id":47496400863480,"sku":"DISNEY-22","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 28","offer_id":47496400929016,"sku":"DISNEY-20","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 27","offer_id":47496400961784,"sku":"DISNEY-19","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 23","offer_id":47496401092856,"sku":"DISNEY-15","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO BLANCO \/ 22","offer_id":47496401125624,"sku":"DISNEY-14","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 33","offer_id":47496401191160,"sku":"DISNEY-12","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 24","offer_id":47496401486072,"sku":"DISNEY-3","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 23","offer_id":47496401518840,"sku":"DISNEY-2","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO ROSADO \/ 22","offer_id":47496400273656,"sku":"DISNEY-40","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 29","offer_id":47496401322232,"sku":"DISNEY-8","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 28","offer_id":47496401355000,"sku":"DISNEY-7","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 26","offer_id":47496401420536,"sku":"DISNEY-5","price":133000.0,"currency_code":"COP","in_stock":true},{"title":"MOÑO LILA \/ 25","offer_id":47496401453304,"sku":"DISNEY-4","price":133000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1722359059WhatsApp_20Image_202024-07-30_20at_2010.45.20_20AM_20_3_38cdbd8e-8133-4c05-897e-548ba3a4d23a.jpg?v=1763705098"},{"product_id":"deportivo-lv","title":"SNEAKERS UNISEX LUIS VUITTON TALLAS 36 A 43","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSneakers Premium Unisex – Edición Innovadora | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#c9a961; --accent-deep:#a3833f; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(201,169,97,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #c9a961, #e0c589, #c9a961); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(201,169,97,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #c9a961, #e0c589, #c9a961); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(201,169,97,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(201,169,97,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,97,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(201,169,97,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(201,169,97,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(201,169,97,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(201,169,97,0.4); box-shadow: 0 0 25px rgba(201,169,97,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(201,169,97,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(201,169,97,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(201,169,97,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(201,169,97,0.35); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(201,169,97,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,97,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(201,169,97,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(201,169,97,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,97,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(201,169,97,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(201,169,97,0.35); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-mix { background: linear-gradient(135deg, #f4f4f4 50%, #141414 50%); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .dot-mix { background: linear-gradient(135deg, #ffffff 50%, #141414 50%); box-shadow: 0 0 8px rgba(0,0,0,0.25); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Sneakers Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001827_0000.png?v=1764825534\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eSNEAKERS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003ePREMIUM\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN INNOVADORA ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Diseño totalmente innovador con textura grabada, finas costuras y detalles que marcan la diferencia.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e3 colores · Garantía 4 meses · Tallas 36 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS SNEAKERS · $159.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eTEXTURA GRABADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA 4 MESES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e100% COLOMBIANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO INNOVADOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eTEXTURA GRABADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eGARANTÍA 4 MESES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e100% COLOMBIANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO INNOVADOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTres Colores, Un Solo Estilo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu look\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-mix\"\u003e\n\u003cdiv class=\"chip-dot dot-mix\"\u003e\u003c\/div\u003e BLANCO NEGRO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eSneakers Premium, Diseño Innovador\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño innovador · Comodidad excepcional · Perfectos para cualquier estilo\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001423_0000.png?v=1764825415\" alt=\"Sneakers Blanco Negro\"\u003e\u003c\/div\u003e\n\u003ch3\u003eBlanco con Negro\u003c\/h3\u003e\n\u003cp\u003eContraste perfecto que destaca tu estilo. Textura grabada y detalles en negro que aportan sofisticación y modernidad a cada paso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001423_0001.png?v=1764825414\" alt=\"Sneakers Blancos Puros\"\u003e\u003c\/div\u003e\n\u003ch3\u003eBlanco Clásico Atemporal\u003c\/h3\u003e\n\u003cp\u003eElegancia pura con acabados impecables. Perfecto para combinar con cualquier outfit, desde casual hasta semi-formal.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001424_0002.png?v=1764825415\" alt=\"Sneakers Negros Premium\"\u003e\u003c\/div\u003e\n\u003ch3\u003eNegro Versátil Exclusivo\u003c\/h3\u003e\n\u003cp\u003eLa versatilidad en su máxima expresión. Diseño urbano con textura grabada que añade carácter a tu look diario.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Estos Sneakers?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDiseño Totalmente Innovador\u003c\/h3\u003e\n\u003cp\u003eTextura grabada única con finas costuras y detalles de color que contrastan sutilmente, creando un calzado distintivo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eAjuste Perfecto Personalizado\u003c\/h3\u003e\n\u003cp\u003eSistema de cordones que se adapta perfecto a cualquier tipo de empeine, garantizando comodidad y seguridad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eForro Textil Premium\u003c\/h3\u003e\n\u003cp\u003eInterior con forro textil de alta calidad que garantiza confort total durante todo el día sin irritaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Flexible y Resistente\u003c\/h3\u003e\n\u003cp\u003eSuela cómoda con excelente elasticidad, adherencia superior al suelo y máxima resistencia al desgaste diario.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003e100% Colombiano\u003c\/h3\u003e\n\u003cp\u003eProducto fabricado en Colombia con los más altos estándares de calidad. Apoyas la industria nacional con cada compra.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eGarantía de 4 Meses\u003c\/h3\u003e\n\u003cp\u003eDe $199.000 a solo \u003cstrong style=\"color:#141414\"\u003e$159.000\u003c\/strong\u003e. Respaldamos la calidad con garantía completa contra defectos de fabricación.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL DISEÑO MÁS INNOVADOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL DISEÑO MÁS INNOVADOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eSneaker urbano unisex con diseño innovador, ideal para uso diario y ocasiones casuales o semi-formales\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003eDesde 36 a 43 tallas tradicionales colombianas\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eBlanco con Negro (contraste elegante) · Blanco Puro (clásico atemporal) · Negro (versatilidad total)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones resistentes que se adaptan perfecto a cualquier tipo de empeine\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Exterior\u003c\/strong\u003e\u003cspan\u003eDiseño con textura grabada, finas costuras y detalles de color que contrastan sutilmente\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eForro Interior\u003c\/strong\u003e\u003cspan\u003eForro textil premium transpirable y suave al tacto para uso prolongado sin molestias\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eSuela cómoda y flexible con excelente elasticidad, adherencia superior y resistencia al desgaste\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eGarantía\u003c\/strong\u003e\u003cspan\u003e4 meses. Aplica por pedido incompleto, orden diferente o producto defectuoso. 100% colombiano\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $199.000 → Hoy solo $159.000 COP · Ahorra $40.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001317_0004.png?v=1764825414\" alt=\"Reseña cliente – Sneakers Blanco Negro\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Me encantaron. La textura es súper linda y se sienten muy cómodos. El diseño es diferente a todo lo que había visto, me llegaron rapidísimo.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María P. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001317_0005.png?v=1764825414\" alt=\"Reseña cliente – Sneakers negros\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Excelente calidad, los negros son hermosos. Se ajustan perfecto y la suela es súper cómoda. Vale cada peso, son 100% recomendados.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carlos R. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001317_0003.png?v=1764825414\" alt=\"Reseña cliente – Sneakers blancos\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Los blancos quedaron perfectos. El detalle de la textura grabada los hace ver caros. Son cómodos desde el primer día, no tuve que amoldarlos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Daniela M. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $40.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $40.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(201,169,97,0.25); box-shadow: 0 0 35px rgba(201,169,97,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1725472585WhatsApp_Image_2024-09-04_at_11.39.28_AM.jpg?v=1764827267\" alt=\"No te quedes sin tus Sneakers Premium\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin los Tuyos!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLos amantes del estilo ya tienen sus sneakers.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa con envío gratis.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Sneakers Premium Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con diseño innovador, comodidad excepcional y calidad premium colombiana\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía de 4 Meses\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad 100% Colombiana\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 36 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e3 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $199.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $159.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $40.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS SNEAKERS AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Sneakers Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001827_0000.png?v=1764825534\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Innovación y calidad en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eSNEAKERS PREMIUM – Edición Innovadora\u003c\/div\u003e\n \u003cp\u003eSneakers colombianos con diseño innovador, textura grabada única y comodidad excepcional. 3 colores, tallas 36 a 43, garantía de 4 meses, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"BLANCO NEGRO \/ 37","offer_id":47583929139448,"sku":"-11","price":159000.0,"currency_code":"COP","in_stock":false},{"title":"NEGRO \/ 40","offer_id":47583929172216,"sku":"-23","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 41","offer_id":47583929204984,"sku":"-24","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 42","offer_id":47583929237752,"sku":"-25","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 43","offer_id":47583929270520,"sku":"-17","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 39","offer_id":47583929303288,"sku":"-13","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 38","offer_id":47583929336056,"sku":"-12","price":159000.0,"currency_code":"COP","in_stock":false},{"title":"NEGRO \/ 38","offer_id":47583929368824,"sku":"-21","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 39","offer_id":47583929401592,"sku":"-22","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":47583929434360,"sku":"-3","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47583929467128,"sku":"-4","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47583929499896,"sku":"-5","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 41","offer_id":47583929532664,"sku":"-6","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":47583929565432,"sku":"-7","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":47583929598200,"sku":"-8","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 37","offer_id":47583929630968,"sku":"-2","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 43","offer_id":47583929663736,"sku":"-26","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 37","offer_id":47583929696504,"sku":"-20","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 42","offer_id":47583929729272,"sku":"-16","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 41","offer_id":47583929762040,"sku":"-15","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO NEGRO \/ 40","offer_id":47583929794808,"sku":"-14","price":159000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251204_001423_0000.png?v=1764825415"},{"product_id":"nike-jordan-dama","title":"NIKE JORDAN MUJER TALLAS 35 A 40","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Jordan Mujer – Edición Premium | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#e8657d; --accent-deep:#c23a54; --sky:#5cc3dd; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--sky), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(232,101,125,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #e8657d, #f28fa3, #e8657d); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(232,101,125,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #e8657d, #f28fa3, #e8657d); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(232,101,125,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(232,101,125,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(232,101,125,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(232,101,125,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(232,101,125,0.4); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), var(--sky), var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(232,101,125,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(232,101,125,0.35); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(232,101,125,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(232,101,125,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(232,101,125,0.35); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-rose { background: linear-gradient(135deg, #e8657d, #f28fa3); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(232,101,125,0.25); }\n .chip-sky { background: linear-gradient(135deg, #5cc3dd, #8fdcef); color: #0a3a45; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(92,195,221,0.25); }\n .chip-beige { background: linear-gradient(135deg, #d9c3a3, #ecdcc4); color: #4a3b28; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(217,195,163,0.25); }\n .chip-gray { background: linear-gradient(135deg, #9aa0a6, #c4c9ce); color: #2b2f33; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(154,160,166,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-rose { background: radial-gradient(circle, #ff8fa3, #c23a54); box-shadow: 0 0 8px rgba(232,101,125,0.4); }\n .dot-sky { background: radial-gradient(circle, #aee9f5, #3aa5c2); box-shadow: 0 0 8px rgba(92,195,221,0.45); }\n .dot-beige { background: radial-gradient(circle, #f3e6d0, #b89e77); box-shadow: 0 0 8px rgba(217,195,163,0.4); }\n .dot-gray { background: radial-gradient(circle, #d4d8db, #7a8288); box-shadow: 0 0 8px rgba(154,160,166,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Nike Jordan Mujer – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251028_225447_0000.png?v=1761711393\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eJORDAN\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eMUJER\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Cuero vegano premium, comodidad excepcional y estilo inigualable en cada paso.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e4 colores exclusivos · Tallas 35 a 40\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eMUJER\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS JORDAN · $137.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO VEGANO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eFORRO EN LICRÓN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD NACIONAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eCUERO VEGANO PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e4 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eFORRO EN LICRÓN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD NACIONAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eCuatro Colores, Un Solo Estilo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu personalidad\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-rose\"\u003e\n\u003cdiv class=\"chip-dot dot-rose\"\u003e\u003c\/div\u003e ROSA\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-sky\"\u003e\n\u003cdiv class=\"chip-dot dot-sky\"\u003e\u003c\/div\u003e AZUL\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-beige\"\u003e\n\u003cdiv class=\"chip-dot dot-beige\"\u003e\u003c\/div\u003e BEIGE\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-gray\"\u003e\n\u003cdiv class=\"chip-dot dot-gray\"\u003e\u003c\/div\u003e GRIS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEl Tenis que Todas Voltean a Ver\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño exclusivo · Cómodo · Versátil · Hecho para robar miradas\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251214_204121_0000.png?v=1765762971\" alt=\"Nike Jordan Mujer – Azul\"\u003e\u003c\/div\u003e\n\u003ch3\u003eColor Azul\u003c\/h3\u003e\n\u003cp\u003eUn azul espectacular que combina perfecto con jeans y outfits casuales. Destaca con elegancia y frescura.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251214_204122_0001.png?v=1765762971\" alt=\"Nike Jordan Mujer – Beige\"\u003e\u003c\/div\u003e\n\u003ch3\u003eColor Beige\u003c\/h3\u003e\n\u003cp\u003eTono neutro y sofisticado que combina con todo. Perfecto para looks versátiles y atemporales.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251214_204122_0003.png?v=1765762971\" alt=\"Nike Jordan Mujer – Rosa\"\u003e\u003c\/div\u003e\n\u003ch3\u003eColor Rosa\u003c\/h3\u003e\n\u003cp\u003eRosa suave y femenino que añade dulzura a tu estilo. Ideal para looks románticos y modernos.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251214_204122_0002.png?v=1765762971\" alt=\"Nike Jordan Mujer – Gris\"\u003e\u003c\/div\u003e\n\u003ch3\u003eColor Gris\u003c\/h3\u003e\n\u003cp\u003eGris versátil y moderno que nunca pasa de moda. Combina con cualquier outfit deportivo o casual.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estos Nike Jordan?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Nacional\u003c\/h3\u003e\n\u003cp\u003eCuero vegano premium y lince importado con excelentes acabados. Costuras reforzadas que garantizan durabilidad excepcional.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003e4 Colores Exclusivos\u003c\/h3\u003e\n\u003cp\u003eDisponibles en azul, beige, rosa y gris. Cada color diseñado para diferentes estilos y ocasiones, siempre luciendo increíble.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eComodidad Superior\u003c\/h3\u003e\n\u003cp\u003eSuela en PVU súper cómoda y ligera. Forro interno en licrón importado que mantiene tus pies frescos todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eAcabados Premium\u003c\/h3\u003e\n\u003cp\u003eTerminaciones impecables en cada detalle. Cordones en algodón resistente que garantizan ajuste perfecto y durabilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 35 a 40\u003c\/h3\u003e\n\u003cp\u003eAjuste perfecto con sistema de cordones adaptable, ideal para cualquier ancho de pie.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $179.000 a solo \u003cstrong style=\"color:#141414\"\u003e$137.000\u003c\/strong\u003e. Ahorras $42.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS MÁS DESEADO DE LA TEMPORADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMILES DE MUJERES YA LOS LLEVAN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eELEVA TU ESTILO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL TENIS MÁS DESEADO DE LA TEMPORADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMILES DE MUJERES YA LOS LLEVAN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eELEVA TU ESTILO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eNike Jordan Mujer – calzado deportivo casual en cuero vegano\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003e4 opciones exclusivas: Azul, Beige, Rosa y Gris\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e35, 36, 37, 38, 39 y 40 en numeración colombiana – ajuste con cordones en algodón\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSistema de Ajuste\u003c\/strong\u003e\u003cspan\u003eCordones en algodón resistente con ojales reforzados – ajuste personalizado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eCuero vegano premium y lince importado con acabados 10\/10 – fácil de limpiar\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Interno\u003c\/strong\u003e\u003cspan\u003eForro interno en licrón importado, suave y transpirable\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003ePVU súper cómodo y ligero con diseño antideslizante – excelente tracción\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eDía a día, salidas casuales, universidad y eventos donde quieres lucir impecable\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $179.000 → Hoy solo $137.000 COP · Ahorra $42.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestras Clientas\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/11_20251214_203835_0004.png?v=1765762971\" alt=\"Reseña clienta – Nike Jordan azul\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Compré los azules y quedé enamorada. Son súper cómodos y el material se siente de alta calidad. Los uso para todo y recibo halagos constantemente.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María C. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/12_20251214_203836_0005.png?v=1765762971\" alt=\"Reseña clienta – Nike Jordan gris\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Los grises son perfectos. La suela es increíblemente cómoda y ligera. El forro interno mantiene mis pies frescos. Definitivamente compraré otro par en otro color.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura P. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_14_dic_2025_08_34_02_p.m.png?v=1765763014\" alt=\"Reseña clienta – Nike Jordan\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"El color azul es hermoso y la calidad excelente por el precio. El pago contraentrega me dio mucha confianza. Llegaron rápido y súper bien empacados.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carolina R. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $42.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 35 A 40\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $42.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(232,101,125,0.25); box-shadow: 0 0 35px rgba(232,101,125,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251214_204121_0000.png?v=1765762971\" alt=\"No te quedes sin tus Nike Jordan\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin los Tuyos!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLas mujeres con estilo ya tienen sus Nike Jordan en cuero vegano.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa con envío gratis.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Nike Jordan Mujer Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces caminar con estilo, comodidad real y la mejor calidad nacional\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 35 a 40\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eDiseño Femenino\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e4 Colores Disponibles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $179.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $137.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $42.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS JORDAN AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Nike Jordan Mujer – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251028_225447_0000.png?v=1761711393\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo y comodidad en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eJORDAN MUJER – Edición Premium\u003c\/div\u003e\n \u003cp\u003eTenis femeninos en cuero vegano premium, 4 colores, tallas 35 a 40, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"ROSA \/ 38","offer_id":47818671653112,"sku":"JORDANDAMA-15","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 36","offer_id":47818671685880,"sku":"JORDANDAMA-7","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 40","offer_id":47818671718648,"sku":"JORDANDAMA-5","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 40","offer_id":47818671751416,"sku":"JORDANDAMA-11","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 36","offer_id":47818671784184,"sku":"JORDANDAMA-1","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 37","offer_id":47818671816952,"sku":"JORDANDAMA-2","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 38","offer_id":47818671849720,"sku":"JORDANDAMA-3","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 39","offer_id":47818671882488,"sku":"JORDANDAMA-4","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 35","offer_id":47818671915256,"sku":"JORDANDAMA-6","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 37","offer_id":47818671948024,"sku":"JORDANDAMA-8","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 38","offer_id":47818671980792,"sku":"JORDANDAMA-9","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"AZUL \/ 39","offer_id":47818672013560,"sku":"JORDANDAMA-10","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 35","offer_id":47818672046328,"sku":"JORDANDAMA-12","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 36","offer_id":47818672079096,"sku":"JORDANDAMA-13","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 37","offer_id":47818672111864,"sku":"JORDANDAMA-14","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 40","offer_id":47818672144632,"sku":"JORDANDAMA-23","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 39","offer_id":47818672177400,"sku":"JORDANDAMA-22","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 38","offer_id":47818672210168,"sku":"JORDANDAMA-21","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 37","offer_id":47818672242936,"sku":"JORDANDAMA-20","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 36","offer_id":47818672275704,"sku":"JORDANDAMA-19","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 35","offer_id":47818672308472,"sku":"JORDANDAMA-18","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 40","offer_id":47818672341240,"sku":"JORDANDAMA-17","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"ROSA \/ 39","offer_id":47818672374008,"sku":"JORDANDAMA-16","price":137000.0,"currency_code":"COP","in_stock":true},{"title":"GRIS \/ 35","offer_id":47818672406776,"sku":"JORDANDAMA-0","price":137000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251214_204121_0000.png?v=1765765769"},{"product_id":"tenis-on-cloudmonster-suela-eva-y17","title":"TENIS ON CLOUD MONSTER 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\u003eTENIS ON CLOUD MONSTER - Calidad Nacional Premium\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n \/* SOLUCIÓN DEFINITIVA PARA EL ESPACIO EN BLANCO LATERAL *\/\n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Georgia', 'Garamond', serif;\n line-height: 1.6;\n color: #e0e0e0;\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0d1117);\n margin: 0;\n padding: 0;\n }\n\n \/* Prevenir overflow en todas las secciones *\/\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n \/* Asegurar que las imágenes no causen overflow *\/\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n \/* Scroll reveal animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d1117 100%);\n color: #00d9ff;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n \n .price-banner {\n background: linear-gradient(45deg, #00a8cc, #00d9ff, #7afcff);\n color: #0a0a0a;\n padding: 15px 30px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n font-size: 1.2em;\n font-weight: bold;\n box-shadow: 0 8px 25px rgba(0, 217, 255, 0.6);\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%;\n }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 494px;\n height: 494px;\n object-fit: cover;\n border-radius: 90%;\n background: linear-gradient(135deg, #1a1a1a, #0a0a0a);\n padding: 10px;\n box-shadow: 0 20px 60px rgba(0, 217, 255, 0.4), 0 0 40px rgba(0, 217, 255, 0.3);\n border: 3px solid rgba(0, 217, 255, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .hero-logo:hover {\n transform: scale(1.05) rotate(2deg) translateY(-15px);\n box-shadow: 0 30px 80px rgba(0, 217, 255, 0.6), 0 0 60px rgba(0, 217, 255, 0.5);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.2s ease-out 1s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.8);\n color: #00d9ff;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n font-family: 'Garamond', 'Georgia', serif;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 10px rgba(0, 217, 255, 0.6)); }\n to { filter: drop-shadow(0 0 25px rgba(0, 217, 255, 1)); }\n }\n \n .hero .subtitle {\n font-size: 1.4em;\n margin-bottom: 20px;\n color: #7afcff;\n font-weight: 600;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 6px rgba(0, 217, 255, 0.5);\n font-style: italic;\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero p {\n font-size: 1.3em;\n margin-bottom: 30px;\n color: #e0e0e0;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 400;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #00d9ff;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 8px rgba(0, 217, 255, 0.7);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 8px rgba(0, 217, 255, 0.7); }\n 50% { text-shadow: 2px 2px 15px rgba(0, 217, 255, 1); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #00a8cc, #00d9ff, #7afcff);\n background-size: 200% 200%;\n color: #0a0a0a;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 10px 30px rgba(0, 217, 255, 0.5);\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;\n max-width: 90%;\n }\n\n @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(0, 217, 255, 0.8);\n }\n \n \/* Visual Banner Section *\/\n .visual-banner {\n background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .section-title {\n font-size: 3em;\n color: #00d9ff;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.6);\n font-family: 'Garamond', 'Georgia', serif;\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #e0e0e0;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 400;\n font-style: italic;\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: linear-gradient(135deg, #1a1a1a, #0d1117);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px rgba(0, 217, 255, 0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(0, 217, 255, 0.3);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0, 217, 255, 0.15), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 40px rgba(0, 217, 255, 0.5);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n height: 419px;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n \n .product-card:hover img, .product-card:hover video {\n transform: scale(1.05) rotate(1deg);\n filter: brightness(1.1) saturate(1.2);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .product-card h3 {\n color: #00d9ff;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .product-card p {\n color: #c0c0c0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #e0e0e0;\n }\n \n \/* Benefits Section *\/\n .benefits {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d1117 100%);\n color: #e0e0e0;\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: linear-gradient(135deg, rgba(26, 26, 26, 0.9), rgba(13, 17, 23, 0.9));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(0, 217, 255, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(0, 217, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.15), rgba(26, 26, 26, 0.9));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(0, 217, 255, 0.6);\n box-shadow: 0 20px 60px rgba(0, 217, 255, 0.4);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #00d9ff;\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.6);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.2) rotateY(360deg);\n text-shadow: 0 0 30px rgba(0, 217, 255, 1);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #00d9ff;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #7afcff;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #c0c0c0;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #e0e0e0;\n }\n \n \/* Specifications *\/\n .specifications {\n background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #1a1a1a, #0d1117);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #00d9ff;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #7afcff, #00d9ff, #00a8cc);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.6), -10px 0 20px rgba(0, 217, 255, 0.4);\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.15), #1a1a1a);\n }\n \n .spec-item strong {\n color: #00d9ff;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n\n .spec-item span {\n color: #c0c0c0;\n word-wrap: break-word;\n }\n \n \/* Testimonials *\/\n .testimonials {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n color: #e0e0e0;\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: linear-gradient(135deg, rgba(26, 26, 26, 0.9), rgba(13, 17, 23, 0.9));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(0, 217, 255, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 217, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.6), 0 0 40px rgba(0, 217, 255, 0.4);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 449px;\n height: 374px;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .testimonial-rating {\n color: #00d9ff;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.6);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(0, 217, 255, 1);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #c0c0c0;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #e0e0e0;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #00d9ff;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n \/* Verification Section *\/\n .verification {\n background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 897px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(0, 217, 255, 0.3);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n\n .verification-image:hover {\n transform: scale(1.03);\n box-shadow: 0 25px 70px rgba(0,0,0,0.7), 0 0 40px rgba(0, 217, 255, 0.5);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n \/* Final CTA *\/\n .final-cta {\n background: linear-gradient(45deg, #0a0a0a, #1a1a1a, #0d1117);\n color: #e0e0e0;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #00d9ff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.6);\n font-family: 'Garamond', 'Georgia', serif;\n }\n \n .final-cta p {\n font-size: 1.3em;\n margin-bottom: 50px;\n color: #e0e0e0;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 400;\n }\n \n .video-cta {\n background: linear-gradient(135deg, rgba(26, 26, 26, 0.9), rgba(13, 17, 23, 0.9));\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n border: 1px solid rgba(0, 217, 255, 0.4);\n backdrop-filter: blur(10px);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .video-cta:hover {\n transform: scale(1.02);\n box-shadow: 0 25px 60px rgba(0,0,0,0.6), 0 0 40px rgba(0, 217, 255, 0.4);\n }\n \n .video-cta img, .video-cta video {\n width: 100%;\n max-width: 598px;\n height: 419px;\n border-radius: 20px;\n object-fit: cover;\n margin-bottom: 25px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n transition: all 0.4s ease;\n display: block;\n margin-left: auto;\n margin-right: auto;\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n\n .video-cta:hover img, .video-cta:hover video {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .video-cta h3 {\n font-size: 2em;\n margin-bottom: 20px;\n color: #00d9ff;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover h3 {\n transform: translateY(-5px);\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.7);\n }\n \n .video-cta p {\n font-size: 1.2em;\n margin-bottom: 25px;\n color: #c0c0c0;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover p {\n color: #e0e0e0;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.15), rgba(26, 26, 26, 0.9));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(0, 217, 255, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(0, 217, 255, 0.3);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #00d9ff;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #c0c0c0;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 10px 0;\n word-wrap: break-word;\n }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #e0e0e0;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #00d9ff;\n font-size: 1.3em;\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.6);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.2) rotate(360deg);\n text-shadow: 0 0 25px rgba(0, 217, 255, 1);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.2), rgba(26, 26, 26, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(0, 217, 255, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0, 217, 255, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0, 217, 255, 0.4);\n border-color: rgba(0, 217, 255, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #00d9ff;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.7);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 30px rgba(0, 217, 255, 1);\n }\n \n .savings {\n color: #7afcff;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n \/* Footer *\/\n .footer {\n background: linear-gradient(135deg, #000000, #0a0a0a);\n color: #00d9ff;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(0, 217, 255, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 286px;\n height: 286px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #1a1a1a, #0a0a0a);\n padding: 15px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(0, 217, 255, 0.4);\n border: 3px solid rgba(0, 217, 255, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 25px 70px rgba(0,0,0,0.7), 0 0 40px rgba(0, 217, 255, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.4em;\n color: #00d9ff;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n font-style: italic;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #7afcff;\n margin-bottom: 15px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #00d9ff;\n }\n \n .footer-text p {\n font-size: 1.2em;\n color: #c0c0c0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #e0e0e0;\n }\n\n \/* Smooth scroll progress indicator *\/\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #00a8cc, #00d9ff, #7afcff);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 260px;\n height: 260px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .product-card img, .product-card video {\n height: 374px;\n }\n \n .video-cta img, .video-cta video {\n height: 374px;\n }\n \n .testimonial-image {\n max-width: 374px;\n height: 299px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 221px;\n height: 221px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n }\n\n \/* CORRECCIÓN CRÍTICA: Excluir imágenes del formulario de Releasit *\/\n \/* Solo aplicar la animación de carga a imágenes de la landing page *\/\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .video-cta img, .footer-logo,\n .hero video, .product-card video, .video-cta video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n \u003c!-- Scroll Progress Indicator --\u003e\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA • ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"ON CLOUD MONSTER Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251218_145420_0000.png?v=1766087710\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eTENIS ON CLOUD MONSTER\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003eCalidad Nacional Premium • Diseño Unisex\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Comodidad extrema con tecnología de suela EVA ultraligera y diseño futurista\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eTenis deportivos con estilo único, máxima amortiguación y durabilidad superior\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES $190.000\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA $146.000\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Visual Banner Section --\u003e\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTENIS ON CLOUD MONSTER UNISEX\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCalidad Nacional Premium • Diseño Futurista • Confort Garantizado\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_dic_2025_12_45_34_p.m.png?v=1766166388\" alt=\"Tenis ON CLOUD MONSTER Blancos\" class=\"loaded\"\u003e\n \u003ch3\u003eModelo Blanco Total\u003c\/h3\u003e\n \u003cp\u003eDiseño limpio y versátil que combina con todo. Perfecto para looks casuales y deportivos con un toque de elegancia minimalista.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_19_dic_2025_12_45_29_p.m.png?v=1766166388\" alt=\"Tenis ON CLOUD MONSTER Negro con Suela Blanca\" class=\"loaded\"\u003e\n \u003ch3\u003eNegro con Suela Blanca\u003c\/h3\u003e\n \u003cp\u003eContraste perfecto entre negro y blanco. Estilo urbano moderno que destaca por su diseño audaz y sofisticado.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_19_dic_2025_12_45_25_p.m.png?v=1766166387\" alt=\"Tenis ON CLOUD MONSTER Todo Negro\" class=\"loaded\"\u003e\n \u003ch3\u003eTodo Negro Premium\u003c\/h3\u003e\n \u003cp\u003eElegancia total en negro mate. Ideal para quienes buscan un look discreto pero impactante con máxima versatilidad.\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\/0760\/8270\/8728\/files\/IMG_2684.jpg?v=1766083886\" alt=\"Modelo usando Tenis Blancos\" class=\"loaded\"\u003e\n \u003ch3\u003eEstilo en Acción\u003c\/h3\u003e\n \u003cp\u003eAsí lucen los tenis en movimiento. Comodidad visible y estilo deportivo que se adapta a tu día a día con total naturalidad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Benefits Section --\u003e\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir TENIS ON CLOUD MONSTER?\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eSuela EVA Ultraligera\u003c\/h3\u003e\n \u003cp\u003eTecnología de absorción de impacto que reduce la fatiga en cada paso. Diseño flexible que se adapta a tu pisada para máximo confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eDiseño Perforado Futurista\u003c\/h3\u003e\n \u003cp\u003eEstética innovadora que mejora la distribución del peso. Mayor estabilidad y amortiguación con un look moderno y único.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eMaterial Transpirable Premium\u003c\/h3\u003e\n \u003cp\u003eTejido de malla de alta calidad con refuerzos sintéticos. Ventilación óptima que mantiene tus pies frescos todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eForro Interno Acolchado\u003c\/h3\u003e\n \u003cp\u003eTela suave que evita la acumulación de humedad. Sensación de confort prolongado que cuida tus pies en cada actividad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eSistema de Cordones Resistente\u003c\/h3\u003e\n \u003cp\u003eCordones planos con ojales reforzados. Ajuste seguro que evita deslizamientos y garantiza mayor durabilidad del calzado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eRefuerzo en Talón y Laterales\u003c\/h3\u003e\n \u003cp\u003eSoporte adicional que mejora la estabilidad. Absorción superior de impactos para proteger tus articulaciones en cada pisada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Specifications --\u003e\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones de los Tenis\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo sobre tus TENIS ON CLOUD MONSTER\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTipo de Producto:\u003c\/strong\u003e \u003cspan\u003eTenis deportivos unisex de calidad nacional premium para uso diario.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eColores Disponibles:\u003c\/strong\u003e \u003cspan\u003eBlanco total, Negro con suela blanca, Todo negro.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePara Quién:\u003c\/strong\u003e \u003cspan\u003eUnisex - Diseñados para hombres y mujeres que buscan comodidad y estilo.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSuela:\u003c\/strong\u003e \u003cspan\u003eEVA ultraligera con diseño perforado para máxima amortiguación y distribución del peso.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Superior:\u003c\/strong\u003e \u003cspan\u003eMalla transpirable de alta calidad combinada con refuerzos sintéticos.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eForro Interno:\u003c\/strong\u003e \u003cspan\u003eAcolchado en tela suave y transpirable que evita humedad.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eOcasión de Uso:\u003c\/strong\u003e \u003cspan\u003eEntrenamientos urbanos, caminatas largas, uso diario o actividades deportivas.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eTallas:\u003c\/strong\u003e \u003cspan\u003e35 a 43 tallas tradicionales colombianas.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Testimonials --\u003e\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eOpiniones de Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Los tenis blancos son increíbles! Super cómodos y livianos, los uso todo el día sin cansarme. Me encanta el diseño moderno, recibo muchos cumplidos.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260117_121919_Chrome.jpg?v=1768670413\" alt=\"Reseña Cliente Tenis Blancos\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Camila M., Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Compré los negros con blanco y quedé fascinada! Son perfectos para mis entrenamientos y también para salir casual. La suela es súper cómoda.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/19_20251218_134608_0008.png?v=1766083884\" alt=\"Reseña Cliente Tenis Blancos con Negro\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Julián L., Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Tengo listo mi outfit, son espectaculares! Calidad excelente, se sienten cómodos y duraderos. Los recomiendo 100%, valen cada peso.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260117_121837_Chrome.jpg?v=1768670413\" alt=\"Reseña Cliente Tenis Negro\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- María G., Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Verification Section --\u003e\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eZahariq Shop Verificados y Confiables\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1_20251217_214336_0000.png?v=1766025904\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Final CTA --\u003e\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_2674.jpg?v=1766083886\" class=\"loaded\"\u003e\n \u003ch3\u003e¡ASEGURA TUS TENIS ON CLOUD MONSTER ANTES QUE SE AGOTEN!\u003c\/h3\u003e\n \u003cp style=\"color: #00d9ff; font-weight: 700; text-shadow: 1px 1px 3px rgba(0, 217, 255, 0.5);\"\u003eLos amantes del calzado deportivo ya tienen sus ON CLOUD. No te quedes sin la comodidad y estilo más exclusivos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"fade-in\" style=\"color: #00d9ff; text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.6);\"\u003e¡Lleva Tus TENIS ON CLOUD MONSTER Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #e0e0e0; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\"\u003e\"Porque mereces un calzado que combine tecnología, comodidad y diseño de vanguardia\"\u003c\/p\u003e\n \n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad Nacional Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 35 a 43 tallas tradicionales colombianas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $190.000\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003ePRECIO ESPECIAL: $146.000\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $44.000! Oferta Exclusiva\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS ON CLOUD AHORA\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #e0e0e0; font-weight: 600; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);\"\u003e\n \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Estos tenis se están agotando muy rápido por su calidad premium y precio especial. \n Las últimas unidades se venden en minutos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Footer --\u003e\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251218_145420_0000.png?v=1766087710\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003eComodidad y estilo en cada paso\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ SHOP - Calzado Premium\u003c\/div\u003e\n \u003cp\u003eLos mejores tenis deportivos con tecnología de punta, calidad nacional premium y diseño moderno. TENIS ON CLOUD MONSTER es la elección perfecta para quienes buscan comodidad sin sacrificar estilo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 ZAHARIQ SHOP. Todos los derechos reservados\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cscript\u003e\n \/\/ Scroll Progress Bar\n function updateScrollProgress() {\n const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n }\n\n \/\/ Scroll Reveal Animation\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card');\n \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n \/\/ Smooth scrolling for anchor links\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n \/\/ Image lazy loading\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n \/\/ Initialize all functions\n document.addEventListener('DOMContentLoaded', function() {\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n \/\/ Event listeners\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n \/\/ Performance optimization: use requestAnimationFrame for scroll events\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n \/\/ Enhanced hover effects for mobile touch devices\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\n \/\/ Intersection Observer for better performance\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n \/\/ Add stagger animation delay to grid items\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n \/\/ Initialize stagger animations\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n \/\/ Enhanced button interactions\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n \/\/ Enhanced error handling for media\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n \/\/ Add keyboard navigation support\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n \/\/ Optimize animations for reduced motion preference\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n \n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n\n \/\/ Urgency timer\n function createUrgencyTimer() {\n const urgencyMessages = [\n '¡STOCK LIMITADO DE TENIS PREMIUM!',\n 'ÚLTIMA OPORTUNIDAD AL MEJOR PRECIO',\n 'TENIS DE ALTA CALIDAD - ORDENAR AHORA'\n ];\n \n const urgencyBanner = document.createElement('div');\n urgencyBanner.innerHTML = urgencyMessages[Math.floor(Math.random() * urgencyMessages.length)];\n urgencyBanner.style.cssText = `\n position: fixed;\n bottom: 20px;\n right: 20px;\n background: linear-gradient(45deg, #00a8cc, #00d9ff, #7afcff);\n color: #0a0a0a;\n padding: 10px 20px;\n border-radius: 25px;\n font-weight: bold;\n z-index: 1000;\n animation: pulse 2s infinite;\n box-shadow: 0 5px 15px rgba(0, 217, 255, 0.6);\n `;\n document.body.appendChild(urgencyBanner);\n }\n\n \/\/ Initialize urgency timer\n setTimeout(createUrgencyTimer, 5000);\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"TODO NEGRO \/ 42","offer_id":47670343139576,"sku":"Y17-16","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 36","offer_id":47670343172344,"sku":"Y17-26.1","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 35","offer_id":47670343598328,"sku":"Y17-18","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 41","offer_id":47670343631096,"sku":"Y17-24","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":47670343663864,"sku":"Y17-8","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 42","offer_id":47670343696632,"sku":"Y17-25","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 39","offer_id":47670343729400,"sku":"Y17-22","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 39","offer_id":47670343762168,"sku":"Y17-13","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 43","offer_id":47670343794936,"sku":"Y17-17","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 41","offer_id":47670343827704,"sku":"Y17-6","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 43","offer_id":47670343860472,"sku":"Y17-26","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 41","offer_id":47670343106808,"sku":"Y17-15","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 35","offer_id":47670343205112,"sku":"Y17-27.1","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 36","offer_id":47670343893240,"sku":"Y17-1","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 37","offer_id":47670343926008,"sku":"Y17-2","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":47670343958776,"sku":"Y17-4","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":47670343237880,"sku":"Y17-7","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 37","offer_id":47670343270648,"sku":"Y17-20","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 38","offer_id":47670343303416,"sku":"Y17-21","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 35","offer_id":47670343336184,"sku":"Y17-0","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":47670343368952,"sku":"Y17-5","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":47670343401720,"sku":"Y17-3","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 40","offer_id":47670343434488,"sku":"Y17-14","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 40","offer_id":47670343467256,"sku":"Y17-23","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 38","offer_id":47670343500024,"sku":"Y17-12","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"TODO NEGRO \/ 37","offer_id":47670343532792,"sku":"Y17-25.1","price":146000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO SUELA BLANCA \/ 36","offer_id":47670343565560,"sku":"Y17-19","price":146000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/11_20251218_134607_0000.png?v=1766083886"},{"product_id":"nike-colegial-kids","title":"NIKE COLEGIAL TALLAS 21 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\u003eTENIS COLEGIAL NIKE - Calidad Nacional Premium\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Georgia', 'Garamond', serif;\n line-height: 1.6;\n color: #e0e0e0;\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0d1117);\n margin: 0;\n padding: 0;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .hero {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d1117 100%);\n color: #00d9ff;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n \n .price-banner {\n background: linear-gradient(45deg, #00a8cc, #00d9ff, #7afcff);\n color: #0a0a0a;\n padding: 15px 30px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n font-size: 1.2em;\n font-weight: bold;\n box-shadow: 0 8px 25px rgba(0, 217, 255, 0.6);\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%;\n }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 380px;\n height: 380px;\n object-fit: cover;\n border-radius: 50%;\n background: linear-gradient(135deg, #1a1a1a, #0a0a0a);\n padding: 10px;\n box-shadow: 0 20px 60px rgba(0, 217, 255, 0.4), 0 0 40px rgba(0, 217, 255, 0.3);\n border: 3px solid rgba(0, 217, 255, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .hero-logo:hover {\n transform: scale(1.05) rotate(2deg) translateY(-15px);\n box-shadow: 0 30px 80px rgba(0, 217, 255, 0.6), 0 0 60px rgba(0, 217, 255, 0.5);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.2s ease-out 1s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.8);\n color: #00d9ff;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n font-family: 'Garamond', 'Georgia', serif;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 10px rgba(0, 217, 255, 0.6)); }\n to { filter: drop-shadow(0 0 25px rgba(0, 217, 255, 1)); }\n }\n \n .hero .subtitle {\n font-size: 1.4em;\n margin-bottom: 20px;\n color: #7afcff;\n font-weight: 600;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 6px rgba(0, 217, 255, 0.5);\n font-style: italic;\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero p {\n font-size: 1.3em;\n margin-bottom: 30px;\n color: #e0e0e0;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 400;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #00d9ff;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 8px rgba(0, 217, 255, 0.7);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 8px rgba(0, 217, 255, 0.7); }\n 50% { text-shadow: 2px 2px 15px rgba(0, 217, 255, 1); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #00a8cc, #00d9ff, #7afcff);\n background-size: 200% 200%;\n color: #0a0a0a;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 10px 30px rgba(0, 217, 255, 0.5);\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;\n max-width: 90%;\n }\n\n @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(0, 217, 255, 0.8);\n }\n \n .visual-banner {\n background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .section-title {\n font-size: 3em;\n color: #00d9ff;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.6);\n font-family: 'Garamond', 'Georgia', serif;\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #e0e0e0;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 400;\n font-style: italic;\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: linear-gradient(135deg, #1a1a1a, #0d1117);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px rgba(0, 217, 255, 0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(0, 217, 255, 0.3);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0, 217, 255, 0.15), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 40px rgba(0, 217, 255, 0.5);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n height: 419px;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n \n .product-card:hover img, .product-card:hover video {\n transform: scale(1.05) rotate(1deg);\n filter: brightness(1.1) saturate(1.2);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .product-card h3 {\n color: #00d9ff;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .product-card p {\n color: #c0c0c0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #e0e0e0;\n }\n \n .benefits {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0d1117 100%);\n color: #e0e0e0;\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: linear-gradient(135deg, rgba(26, 26, 26, 0.9), rgba(13, 17, 23, 0.9));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(0, 217, 255, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(0, 217, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.15), rgba(26, 26, 26, 0.9));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(0, 217, 255, 0.6);\n box-shadow: 0 20px 60px rgba(0, 217, 255, 0.4);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #00d9ff;\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.6);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.2) rotateY(360deg);\n text-shadow: 0 0 30px rgba(0, 217, 255, 1);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #00d9ff;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #7afcff;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #c0c0c0;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #e0e0e0;\n }\n \n .specifications {\n background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #1a1a1a, #0d1117);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #00d9ff;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #7afcff, #00d9ff, #00a8cc);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.6), -10px 0 20px rgba(0, 217, 255, 0.4);\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.15), #1a1a1a);\n }\n \n .spec-item strong {\n color: #00d9ff;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n\n .spec-item span {\n color: #c0c0c0;\n word-wrap: break-word;\n }\n \n .testimonials {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n color: #e0e0e0;\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: linear-gradient(135deg, rgba(26, 26, 26, 0.9), rgba(13, 17, 23, 0.9));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(0, 217, 255, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 217, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.6), 0 0 40px rgba(0, 217, 255, 0.4);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 449px;\n height: 374px;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.05) rotate(1deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .testimonial-rating {\n color: #00d9ff;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.6);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(0, 217, 255, 1);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #c0c0c0;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #e0e0e0;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #00d9ff;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .verification {\n background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 897px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(0, 217, 255, 0.3);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n\n .verification-image:hover {\n transform: scale(1.03);\n box-shadow: 0 25px 70px rgba(0,0,0,0.7), 0 0 40px rgba(0, 217, 255, 0.5);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .final-cta {\n background: linear-gradient(45deg, #0a0a0a, #1a1a1a, #0d1117);\n color: #e0e0e0;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #00d9ff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.6);\n font-family: 'Garamond', 'Georgia', serif;\n }\n \n .final-cta p {\n font-size: 1.3em;\n margin-bottom: 50px;\n color: #e0e0e0;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 400;\n }\n \n .video-cta {\n background: linear-gradient(135deg, rgba(26, 26, 26, 0.9), rgba(13, 17, 23, 0.9));\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n border: 1px solid rgba(0, 217, 255, 0.4);\n backdrop-filter: blur(10px);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .video-cta:hover {\n transform: scale(1.02);\n box-shadow: 0 25px 60px rgba(0,0,0,0.6), 0 0 40px rgba(0, 217, 255, 0.4);\n }\n \n .video-cta img, .video-cta video {\n width: 100%;\n max-width: 598px;\n height: 419px;\n border-radius: 20px;\n object-fit: cover;\n margin-bottom: 25px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n transition: all 0.4s ease;\n display: block;\n margin-left: auto;\n margin-right: auto;\n border: 2px solid rgba(0, 217, 255, 0.3);\n }\n\n .video-cta:hover img, .video-cta:hover video {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .video-cta h3 {\n font-size: 2em;\n margin-bottom: 20px;\n color: #00d9ff;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover h3 {\n transform: translateY(-5px);\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.7);\n }\n \n .video-cta p {\n font-size: 1.2em;\n margin-bottom: 25px;\n color: #c0c0c0;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover p {\n color: #e0e0e0;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.15), rgba(26, 26, 26, 0.9));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(0, 217, 255, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(0, 217, 255, 0.3);\n border-color: rgba(0, 217, 255, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #00d9ff;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #c0c0c0;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 10px 0;\n word-wrap: break-word;\n }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #e0e0e0;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #00d9ff;\n font-size: 1.3em;\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.6);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.2) rotate(360deg);\n text-shadow: 0 0 25px rgba(0, 217, 255, 1);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(0, 217, 255, 0.2), rgba(26, 26, 26, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(0, 217, 255, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0, 217, 255, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0, 217, 255, 0.4);\n border-color: rgba(0, 217, 255, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #00d9ff;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 20px rgba(0, 217, 255, 0.7);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 30px rgba(0, 217, 255, 1);\n }\n \n .savings {\n color: #7afcff;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .footer {\n background: linear-gradient(135deg, #000000, #0a0a0a);\n color: #00d9ff;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(0, 217, 255, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 220px;\n height: 220px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #1a1a1a, #0a0a0a);\n padding: 15px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 30px rgba(0, 217, 255, 0.4);\n border: 3px solid rgba(0, 217, 255, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 25px 70px rgba(0,0,0,0.7), 0 0 40px rgba(0, 217, 255, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.4em;\n color: #00d9ff;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n font-style: italic;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 15px rgba(0, 217, 255, 0.7);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #7afcff;\n margin-bottom: 15px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #00d9ff;\n }\n \n .footer-text p {\n font-size: 1.2em;\n color: #c0c0c0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #e0e0e0;\n }\n\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #00a8cc, #00d9ff, #7afcff);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n \n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 260px;\n height: 260px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .product-card img, .product-card video {\n height: 374px;\n }\n \n .video-cta img, .video-cta video {\n height: 374px;\n }\n \n .testimonial-image {\n max-width: 374px;\n height: 299px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 170px;\n height: 170px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n }\n\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .video-cta img, .footer-logo,\n .hero video, .product-card video, .video-cta video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA • ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"TENIS COLEGIAL NIKE Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/15_20260106_195047_0000.png?v=1767748181\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eTENIS COLEGIAL NIKE\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003eCalidad Nacional Premium • Diseño Deportivo\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El calzado perfecto para el uniforme de diario y educación física de tu hijo\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eTenis escolares con estilo único, máxima durabilidad y comodidad todo el día\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES $159.900\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA $133.900\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTENIS COLEGIAL NIKE PARA NIÑOS Y ADOLESCENTES\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCalidad Nacional Premium • Diseño Deportivo • Máxima Durabilidad\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_18_p.m.png?v=1767748183\" alt=\"Tenis Colegial Nike Blancos\" class=\"loaded\"\u003e\n \u003ch3\u003eModelo Blanco Clásico\u003c\/h3\u003e\n \u003cp\u003eDiseño limpio y elegante ideal para uniformes escolares. Perfecto para educación física con estilo deportivo profesional.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_03_p.m.png?v=1767748184\" alt=\"Niños pequeños modelando Tenis Nike\" class=\"loaded\"\u003e\n \u003ch3\u003ePerfectos para Niños\u003c\/h3\u003e\n \u003cp\u003eAsí lucen los tenis en acción. Comodidad visible y estilo deportivo que se adapta al día a día escolar con total naturalidad.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_22_p.m.png?v=1767748184\" alt=\"Tenis Colegial Nike Negros\" class=\"loaded\"\u003e\n \u003ch3\u003eModelo Negro Deportivo\u003c\/h3\u003e\n \u003cp\u003eEstilo moderno en negro que combina con todo. Ideal para quienes buscan un look discreto y elegante con máxima versatilidad.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_19_12_p.m.png?v=1767748184\" alt=\"Adolescentes modelando Tenis Nike\" class=\"loaded\"\u003e\n \u003ch3\u003eIdeales para Adolescentes\u003c\/h3\u003e\n \u003cp\u003eEstilo juvenil y deportivo. Los tenis que se adaptan perfectamente al uniforme escolar y actividades físicas diarias.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir TENIS COLEGIAL NIKE?\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eCuero Vegano Premium\u003c\/h3\u003e\n \u003cp\u003eMaterial de alta calidad que resiste el uso diario escolar. Diseño resistente que mantiene su apariencia original por mucho más tiempo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eSuela PVU Liviana y Cocida\u003c\/h3\u003e\n \u003cp\u003eTecnología de suela cosida para mayor resistencia. Absorción de impacto que reduce la fatiga en cada paso durante todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eHerrajes de Lujo\u003c\/h3\u003e\n \u003cp\u003eDetalles de alta calidad que dan elegancia. Acabados premium que elevan el estilo deportivo del calzado escolar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eCordones de Algodón\u003c\/h3\u003e\n \u003cp\u003eCordones resistentes y duraderos. Ajuste seguro que evita deslizamientos y garantiza comodidad durante todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eDiseño Deportivo Versátil\u003c\/h3\u003e\n \u003cp\u003ePerfecto para uniforme de diario y educación física. Calzado que combina elegancia escolar con funcionalidad deportiva.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eMáxima Durabilidad\u003c\/h3\u003e\n \u003cp\u003eConstrucción reforzada para resistir el uso intensivo. Calidad nacional premium que garantiza larga vida útil del calzado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones de los Tenis\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo sobre tus TENIS COLEGIAL NIKE\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTipo de Producto:\u003c\/strong\u003e \u003cspan\u003eTenis escolares deportivos de calidad nacional premium para uso diario.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eColores Disponibles:\u003c\/strong\u003e \u003cspan\u003eBlanco clásico, Negro deportivo.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePara Quién:\u003c\/strong\u003e \u003cspan\u003eNiños y adolescentes. Diseño unisex perfecto para uniformes escolares.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSuela:\u003c\/strong\u003e \u003cspan\u003ePVU ultraligera y cocida para máxima resistencia y durabilidad.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Superior:\u003c\/strong\u003e \u003cspan\u003eCuero vegano de alta calidad que resiste el uso diario intensivo.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eHerrajes:\u003c\/strong\u003e \u003cspan\u003eDetalles de lujo con acabados premium.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eOcasión de Uso:\u003c\/strong\u003e \u003cspan\u003eUniforme de diario, educación física, actividades escolares y deportivas.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eTallas Disponibles:\u003c\/strong\u003e \u003cspan\u003eNiños: 21 a 33 | Adolescentes: 34 a 43 (tallas tradicionales colombianas).\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eOpiniones de Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Compré los blancos para mi hija y están increíbles! Son super cómodos y resistentes. Excelente calidad!\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260106-WA0011.jpg?v=1767748181\" alt=\"Reseña Tenis Blancos\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- María P., Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Los tenis negros son perfectos para mi hijo! Le encantan, dice que son muy cómodos y se ven elegantes con el uniforme. Súper recomendados!\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260106-WA0012.jpg?v=1767748181\" alt=\"Reseña Tenis Negros\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carlos M., Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Los blancos son hermosos! Mi niño va a entrar al jardín y los ama. Son resistentes, livianos y perfectos para él. La calidad es excelente, valen cada peso!\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260106-WA0013.jpg?v=1767748181\" alt=\"Reseña Tenis Blancos Niño\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Ana L., Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eZahariq Shop Verificados y Confiables\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1_20251217_214336_0000.png?v=1766025904\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_6_ene_2026_07_18_53_p.m.png?v=1767748184\" class=\"loaded\"\u003e\n \u003ch3\u003e¡Asegura tus tenis colegial Nike antes que se agoten!\u003c\/h3\u003e\n \u003cp style=\"color: #00d9ff; font-weight: 700; text-shadow: 1px 1px 3px rgba(0, 217, 255, 0.5);\"\u003eLos padres de familia ya confían en la calidad de estos tenis para sus hijos. Dale lo mejor a tu niño o adolescente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"fade-in\" style=\"color: #00d9ff; text-shadow: 4px 4px 12px rgba(0, 217, 255, 0.6);\"\u003e¡Lleva Tus TENIS COLEGIAL NIKE Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #e0e0e0; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\"\u003e\"Dale un toque único y exclusivo al uniforme de tu hijo con calidad premium\"\u003c\/p\u003e\n \n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad Nacional Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 21 a 43\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $159.900\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003ePRECIO ESPECIAL: $133.900\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $26.000! Oferta Exclusiva\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS COLEGIALES AHORA\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #e0e0e0; font-weight: 600; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);\"\u003e\n \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Estos tenis se están agotando muy rápido por su calidad premium y precio especial. \n Las últimas unidades se venden en minutos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/15_20260106_195047_0000.png?v=1767748181\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003eCalidad y estilo para el uniforme escolar\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ SHOP - Calzado Escolar Premium\u003c\/div\u003e\n \u003cp\u003eLos mejores tenis escolares con calidad nacional premium y diseño deportivo moderno. Tenis colegial Nike es la elección perfecta para el uniforme de diario y educación física de tus hijos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 ZAHARIQ SHOP. Todos los derechos reservados\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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 \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n document.addEventListener('DOMContentLoaded', function() {\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n \n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n\n function createUrgencyTimer() {\n const urgencyMessages = [\n 'STOCK LIMITADO DE TENIS ESCOLARES',\n 'ÚLTIMA OPORTUNIDAD AL MEJOR PRECIO',\n 'TENIS DE ALTA CALIDAD - ORDENAR AHORA'\n ];\n \n const urgencyBanner = document.createElement('div');\n urgencyBanner.innerHTML = urgencyMessages[Math.floor(Math.random() * urgencyMessages.length)];\n urgencyBanner.style.cssText = `\n position: fixed;\n bottom: 20px;\n right: 20px;\n background: linear-gradient(45deg, #00a8cc, #00d9ff, #7afcff);\n color: #0a0a0a;\n padding: 10px 20px;\n border-radius: 25px;\n font-weight: bold;\n z-index: 1000;\n animation: pulse 2s infinite;\n box-shadow: 0 5px 15px rgba(0, 217, 255, 0.6);\n `;\n document.body.appendChild(urgencyBanner);\n }\n\n setTimeout(createUrgencyTimer, 5000);\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"NEGRO \/ 22","offer_id":47758998896888,"sku":"-14","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 21","offer_id":47758998929656,"sku":"-13","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 32","offer_id":47758998962424,"sku":"-11","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 24","offer_id":47758998995192,"sku":"-3","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 21","offer_id":47758999027960,"sku":"-0","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 22","offer_id":47758999060728,"sku":"-1","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 23","offer_id":47758999093496,"sku":"-2","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 25","offer_id":47758999126264,"sku":"-4","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 26","offer_id":47758999159032,"sku":"-5","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 27","offer_id":47758999191800,"sku":"-6","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 29","offer_id":47758999224568,"sku":"-8","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 30","offer_id":47758999257336,"sku":"-9","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 31","offer_id":47758999290104,"sku":"-10","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 23","offer_id":47758999322872,"sku":"-15","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 24","offer_id":47758999355640,"sku":"-16","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 25","offer_id":47758999388408,"sku":"-17","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 26","offer_id":47758999421176,"sku":"-18","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 27","offer_id":47758999453944,"sku":"-19","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 28","offer_id":47758999486712,"sku":"-20","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 29","offer_id":47758999519480,"sku":"-21","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 30","offer_id":47758999552248,"sku":"-22","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 31","offer_id":47758999585016,"sku":"-23","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 32","offer_id":47758999617784,"sku":"-24","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 33","offer_id":47758999650552,"sku":"-25","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 33","offer_id":47758999683320,"sku":"-12","price":133900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 28","offer_id":47758999716088,"sku":"-7","price":133900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/16_20260106_195047_0001.png?v=1767747885"},{"product_id":"clemont-negro-rojo","title":"SNEAKERS CLEMONT 1.1","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eTenis Clemont – Diseño Urbano Premium | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#e01a1a; --accent-deep:#a80000; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(224,26,26,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #141414, #2b2b2b, #141414); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(224,26,26,0.3); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #141414, #e01a1a, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(224,26,26,0.35); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(224,26,26,0.55); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(224,26,26,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(224,26,26,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(224,26,26,0.35); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(224,26,26,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(224,26,26,0.35); box-shadow: 0 0 25px rgba(224,26,26,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(224,26,26,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(224,26,26,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(224,26,26,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(224,26,26,0.3); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(224,26,26,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(224,26,26,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(224,26,26,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(224,26,26,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(224,26,26,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(224,26,26,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(224,26,26,0.3); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(224,26,26,0.3); box-shadow: 0 6px 18px rgba(0,0,0,0.15); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #e01a1a, #141414); box-shadow: 0 0 8px rgba(224,26,26,0.5); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Tenis Clemont – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20260120_124142_0000.png?v=1768931051\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eCLEMONT\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ CALIDAD PREMIUM 1.1 · DISEÑO URBANO ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Elegancia urbana con branding en relieve y detalles rojos que destacan tu estilo único.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eMaterial tipo cuero · Suela anatómica · Tallas 39 a 45 EUR\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS CLEMONT · $219.000\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eBRANDING EN RELIEVE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMATERIAL TIPO CUERO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDETALLES ROJOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 39 A 45 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA ANATÓMICA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO LOW-TOP\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eBRANDING EN RELIEVE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMATERIAL TIPO CUERO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDETALLES ROJOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 39 A 45 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA ANATÓMICA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO LOW-TOP\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eUn Solo Color, Toda la Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eNegro con detalles rojos vibrantes\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO \/ ROJO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eTenis Clemont Premium\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCalidad 1.1 · Diseño urbano · Estilo imponente\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_20_ene_2026_12_28_16_p.m.png?v=1768931053\" alt=\"Tenis Clemont Negro con Rojo\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño Urbano Premium\u003c\/h3\u003e\n\u003cp\u003eTenis negros con detalles rojos vibrantes y grabado Clemont en relieve. Material tipo cuero de alta calidad que eleva cualquier outfit urbano.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_20_ene_2026_12_28_09_p.m.png?v=1768931053\" alt=\"Modelo usando Tenis Clemont\"\u003e\u003c\/div\u003e\n\u003ch3\u003eEstilo Que Impacta\u003c\/h3\u003e\n\u003cp\u003eAsí lucen los Clemont en acción. Diseño low-top versátil que combina elegancia y actitud urbana para el día y la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Azul_oscuro_20260120_132342_0000.png?v=1768933472\" alt=\"Tenis Clemont detalle\"\u003e\u003c\/div\u003e\n\u003ch3\u003eComodidad en Cada Paso\u003c\/h3\u003e\n\u003cp\u003eSuela con diseño anatómico que distribuye el peso perfectamente. Confort superior que se adapta a largas jornadas urbanas.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Tenis Clemont?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eBranding en Relieve Premium\u003c\/h3\u003e\n\u003cp\u003eGrabado Clemont repetido en lateral y frontal con textura sofisticada. Detalles rojos que resaltan la identidad de marca única.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eMaterial Tipo Cuero\u003c\/h3\u003e\n\u003cp\u003eTextura lisa y resistente con acabado premium. Durabilidad excepcional que mantiene su apariencia impecable por más tiempo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDiseño Low-Top Urbano\u003c\/h3\u003e\n\u003cp\u003eEstilo bota baja versátil perfecto para cualquier ocasión. Silueta moderna que eleva tu look casual y deportivo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDetalles Rojos Distintivos\u003c\/h3\u003e\n\u003cp\u003ePieza decorativa roja con logo Clemont en el empeine. Acentos vibrantes que añaden carácter a cada paso.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSistema de Cordones Planos\u003c\/h3\u003e\n\u003cp\u003eCordones negros con ojales reforzados para ajuste seguro. Diseño funcional que combina estilo y practicidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $269.000 a solo \u003cstrong style=\"color:#141414\"\u003e$219.000\u003c\/strong\u003e. Ahorra $50.000 en un tenis con estilo y personalidad únicos.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DEL ESTILO URBANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DEL ESTILO URBANO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eTenis urbanos premium calidad 1.1 con diseño low-top exclusivo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eNegro principal con detalles rojos vibrantes y branding Clemont en relieve\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial Superior\u003c\/strong\u003e\u003cspan\u003eTipo cuero con textura lisa y grabado repetido \"Clemont\" de alta calidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCordones\u003c\/strong\u003e\u003cspan\u003eCordones planos negros con pasadores tipo ojal y pieza decorativa roja Clemont\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eDiseño anatómico con distribución óptima del peso para confort prolongado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eVersátil para uso urbano diario, salidas casuales y eventos informales\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e39 EUR (37 COL) hasta 45 EUR (43 COL) – sistema europeo y colombiano\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $269.000 → Hoy solo $219.000 COP · Ahorra $50.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eNota\u003c\/strong\u003e\u003cspan\u003eAlgunas imágenes son ilustrativas generadas con IA para mostrar el diseño\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260120-WA0009.jpg?v=1768931051\" alt=\"Reseña cliente – Tenis Clemont\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Me encantan estos Clemont. Son súper cómodos y los detalles rojos le dan un toque único. Recibo cumplidos todo el tiempo, definitivamente valen cada peso.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés M. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260120-WA0011.jpg?v=1768931051\" alt=\"Reseña cliente – Tenis Clemont\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"La calidad es excelente. El material se ve y se siente muy bien. Los uso todo el día sin cansarme, perfectos para mi estilo.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sebastián R. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260120-WA0010.jpg?v=1768931051\" alt=\"Reseña cliente – Tenis Clemont\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Impresionantes. El diseño con el logo en relieve es espectacular. Los tenis tienen personalidad propia y son increíblemente cómodos para el día a día.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— David L. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 39 A 45 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 39 A 45 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Tenis Clemont Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un calzado que combine diseño premium, confort excepcional y personalidad única\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad Premium 1.1\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 39 a 45 EUR\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eNegro con Rojo\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $269.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $219.000 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $50.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS CLEMONT AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo exclusivo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Tenis Clemont – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20260120_124142_0000.png?v=1768931051\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Elegancia urbana en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eTENIS CLEMONT – Edición Premium\u003c\/div\u003e\n \u003cp\u003eTenis urbanos con diseño exclusivo, calidad premium 1.1 y estilo sofisticado. Tallas 39 a 45 EUR, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"44 EUR \/ 42 COL \/ 10 US \/ 28 CM","offer_id":47898236354808,"sku":"null-4","price":219000.0,"currency_code":"COP","in_stock":true},{"title":"41 EUR \/ 39 COL \/ 8.0 US \/ 26 CM","offer_id":47898236387576,"sku":"null-1","price":219000.0,"currency_code":"COP","in_stock":true},{"title":"40 EUR \/ 38 COL \/ 7.0 US \/ 25 CM","offer_id":47898236420344,"sku":"null-0","price":219000.0,"currency_code":"COP","in_stock":true},{"title":"42 EUR \/ 40 COL \/ 8.5 US \/ 26.5","offer_id":47898236453112,"sku":"null-2","price":219000.0,"currency_code":"COP","in_stock":true},{"title":"43 EUR \/ 41 COL \/ 9.5 US \/ 27 CM","offer_id":47898236485880,"sku":"null-3","price":219000.0,"currency_code":"COP","in_stock":true},{"title":"39 EUR \/ 37 COL \/ 6.0 US \/ 24 CM","offer_id":47898236518648,"sku":"null-8","price":219000.0,"currency_code":"COP","in_stock":true},{"title":"45 EUR \/ 43 COL \/ 11 US \/ 29 CM","offer_id":47898236551416,"sku":"null-6","price":219000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Azul_oscuro_20260120_132342_0000.png?v=1768933472"},{"product_id":"adidas-colegial-velcro","title":"ADIDAS COLEGIAL VELCRO","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\u003eZapato Colegial Infantil - Edición Escolar 2025\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: linear-gradient(135deg, #1a2332, #2c3e50, #34495e);\n margin: 0;\n padding: 0;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .hero {\n background: linear-gradient(135deg, #1a2332 0%, #2c3e50 50%, #34495e 100%);\n color: #ecf0f1;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n \n .price-banner {\n background: linear-gradient(45deg, #e74c3c, #c0392b);\n color: #ffffff;\n padding: 15px 30px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n font-size: 1.2em;\n font-weight: bold;\n box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);\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%;\n }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 380px;\n height: 380px;\n object-fit: cover;\n border-radius: 50%;\n background: linear-gradient(135deg, #e74c3c, #c0392b);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 30px rgba(231, 76, 60, 0.5);\n border: 4px solid rgba(231, 76, 60, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .hero-logo:hover {\n transform: scale(1.1) rotate(5deg) translateY(-15px);\n box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 50px rgba(231, 76, 60, 0.8);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.2s ease-out 1s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n color: #e74c3c;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 5px rgba(231, 76, 60, 0.5)); }\n to { filter: drop-shadow(0 0 15px rgba(231, 76, 60, 0.8)); }\n }\n \n .hero .subtitle {\n font-size: 1.3em;\n margin-bottom: 20px;\n color: #ecf0f1;\n font-weight: 700;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero p {\n font-size: 1.4em;\n margin-bottom: 30px;\n color: #ecf0f1;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 600;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #e74c3c;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.5);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }\n 50% { text-shadow: 2px 2px 10px rgba(231, 76, 60, 0.7); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #e74c3c, #c0392b, #e74c3c);\n background-size: 200% 200%;\n color: #ffffff;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);\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;\n max-width: 90%;\n }\n\n @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(231, 76, 60, 0.7);\n }\n \n .visual-banner {\n background: linear-gradient(135deg, #2c3e50 0%, #1a2332 100%);\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .section-title {\n font-size: 3em;\n color: #e74c3c;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #ecf0f1;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: linear-gradient(135deg, #ecf0f1, #bdc3c7);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(231, 76, 60, 0.3);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.1), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 40px rgba(231, 76, 60, 0.4);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(231, 76, 60, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n aspect-ratio: 4 \/ 7;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover img, .product-card:hover video {\n transform: scale(1.08) rotate(1deg);\n filter: brightness(1.1) saturate(1.2);\n }\n \n .product-card h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.5);\n }\n \n .product-card p {\n color: #1a1a2e;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #0a0a1a;\n }\n \n .benefits {\n background: linear-gradient(135deg, #1a2332 0%, #2c3e50 50%, #34495e 100%);\n color: #ecf0f1;\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: linear-gradient(135deg, rgba(236, 240, 241, 0.9), rgba(189, 195, 199, 0.9));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(231, 76, 60, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(231, 76, 60, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(231, 76, 60, 0.15), rgba(236, 240, 241, 0.9));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(231, 76, 60, 0.6);\n box-shadow: 0 20px 60px rgba(231, 76, 60, 0.3);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #e74c3c;\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.5);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.2) rotateY(360deg);\n text-shadow: 0 0 25px rgba(231, 76, 60, 0.8);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #1a1a2e;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #2c3e50;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #2a2a3e;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #1a1a2e;\n }\n \n .specifications {\n background: linear-gradient(135deg, #2c3e50 0%, #1a2332 100%);\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #ecf0f1, #bdc3c7);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #e74c3c;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #e74c3c, #c0392b);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25), -10px 0 20px rgba(231, 76, 60, 0.3);\n background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), #ecf0f1);\n }\n \n .spec-item strong {\n color: #2c3e50;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .testimonials {\n background: linear-gradient(135deg, #1a2332 0%, #2c3e50 100%);\n color: #ecf0f1;\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: linear-gradient(135deg, rgba(236, 240, 241, 0.9), rgba(189, 195, 199, 0.9));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(231, 76, 60, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(231, 76, 60, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.3), 0 0 30px rgba(231, 76, 60, 0.3);\n border-color: rgba(231, 76, 60, 0.5);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 100%;\n aspect-ratio: 4 \/ 7;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.08) rotate(2deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n }\n \n .testimonial-rating {\n color: #e74c3c;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 20px rgba(231, 76, 60, 0.8);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #2a2a3e;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #1a1a2e;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #2c3e50;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .verification {\n background: linear-gradient(135deg, #2c3e50 0%, #1a2332 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 690px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n }\n\n .verification-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .final-cta {\n background: linear-gradient(45deg, #1a2332, #2c3e50, #34495e);\n color: #ecf0f1;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #e74c3c;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .final-cta p {\n font-size: 1.4em;\n margin-bottom: 50px;\n color: #ecf0f1;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(231, 76, 60, 0.15), rgba(236, 240, 241, 0.9));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(231, 76, 60, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(231, 76, 60, 0.2);\n border-color: rgba(231, 76, 60, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #2c3e50;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #1a1a2e;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 10px 0;\n word-wrap: break-word;\n }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #2c3e50;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #e74c3c;\n font-size: 1.3em;\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.2) rotate(360deg);\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.8);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(231, 76, 60, 0.15), rgba(236, 240, 241, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(231, 76, 60, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(231, 76, 60, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(231, 76, 60, 0.3);\n border-color: rgba(231, 76, 60, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #2c3e50;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 15px rgba(231, 76, 60, 0.5);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(231, 76, 60, 0.8);\n }\n \n .savings {\n color: #e74c3c;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .footer {\n background: linear-gradient(135deg, #0a1a2e, #1a2a3e);\n color: #e74c3c;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(231, 76, 60, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 220px;\n height: 220px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #e74c3c, #c0392b);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 20px rgba(231, 76, 60, 0.4);\n border: 3px solid rgba(231, 76, 60, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(231, 76, 60, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.4em;\n color: #e74c3c;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(231, 76, 60, 0.5);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #ecf0f1;\n margin-bottom: 15px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #e74c3c;\n }\n \n .footer-text p {\n font-size: 1.2em;\n color: #b0d0e0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #ecf0f1;\n }\n\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #e74c3c, #c0392b);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n \n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 200px;\n height: 200px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 170px;\n height: 170px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n }\n\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .video-cta img, .footer-logo,\n .hero video, .product-card video, .video-cta video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA • ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"Zapato Colegial Infantil 2026\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/141_20260121_233512_0002.png?v=1769067325\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eZAPATO COLEGIAL INFANTIL\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003eEDICIÓN ESCOLAR 2026\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Diseño práctico con cierre de velcro, comodidad excepcional y durabilidad garantizada para toda la jornada escolar\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e¡Perfectos para el regreso a clases!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES $169.000\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA $134.000\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eZAPATO COLEGIAL PREMIUM\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eComodidad total • Cierre práctico en velcro • Ideal para uso escolar diario\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260122_001458_Canva.jpg?v=1769067331\" alt=\"Zapato Colegial Negro\" class=\"loaded\"\u003e\n \u003ch3\u003eNegro Clásico Escolar\u003c\/h3\u003e\n \u003cp\u003eDiseño tradicional que nunca pasa de moda. Ideal para uniformes escolares con acabados impecables y máxima durabilidad.\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\/0760\/8270\/8728\/files\/Screenshot_20260122_001120_Canva.jpg?v=1769067330\" alt=\"Zapato Colegial Blanco\" class=\"loaded\"\u003e\n \u003ch3\u003eBlanco Elegante Premium\u003c\/h3\u003e\n \u003cp\u003ePerfecto para ceremonias y uso diario. Material sintético fácil de limpiar que mantiene su aspecto impecable por más tiempo.\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\/0760\/8270\/8728\/files\/8780b629-2146-43c1-86f6-a4ba6f49158d.png?v=1769067331\" alt=\"Detalle Velcro Negro\" class=\"loaded\"\u003e\n \u003ch3\u003eSistema de Velcro Fácil\u003c\/h3\u003e\n \u003cp\u003eCierre ajustable que permite a los niños calzarse solos, fomentando su autonomía e independencia desde temprana edad.\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\/0760\/8270\/8728\/files\/bad53a97-53b5-429a-b5ae-2c2ba13c8fe5.png?v=1769067330\" alt=\"Detalle Velcro Blanco\" class=\"loaded\"\u003e\n \u003ch3\u003eAjuste Seguro y Cómodo\u003c\/h3\u003e\n \u003cp\u003eSistema de velcro que garantiza un ajuste perfecto durante todo el día, evitando que se suelten o incomoden durante las actividades.\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\/0760\/8270\/8728\/files\/61a05d54-e9bf-4de5-b67f-49862a0b2f45.png?v=1769067329\" alt=\"Interior Acolchado\" class=\"loaded\"\u003e\n \u003ch3\u003eInterior Acolchado Premium\u003c\/h3\u003e\n \u003cp\u003eForro interior suave que brinda máximo confort. Los pies de los niños estarán protegidos y cómodos durante toda la jornada escolar.\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\/0760\/8270\/8728\/files\/9d7b4f49-d28c-4bbf-a67b-500143501b35.png?v=1769068158\" alt=\"Suela Antideslizante\" class=\"loaded\"\u003e\n \u003ch3\u003eSuela Antideslizante\u003c\/h3\u003e\n \u003cp\u003eDiseño especial que proporciona excelente tracción y seguridad. Perfecta para correr, jugar y todas las actividades escolares.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Estos Zapatos Colegiales?\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eCierre en Velcro Práctico\u003c\/h3\u003e\n \u003cp\u003eSistema de ajuste fácil que permite a los niños calzarse solos, ideal para fomentar su autonomía e independencia. Más rápido y seguro que cordones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eMaterial Sintético Resistente\u003c\/h3\u003e\n \u003cp\u003eFabricado con materiales de alta calidad, fáciles de limpiar y mantener. Resistente al desgaste diario del uso escolar intensivo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eInterior Acolchado Suave\u003c\/h3\u003e\n \u003cp\u003eForro textil premium que garantiza máxima comodidad. Mantiene los pies frescos y protegidos durante toda la jornada escolar sin irritaciones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eSuela Antideslizante Segura\u003c\/h3\u003e\n \u003cp\u003eDiseño especial que proporciona excelente tracción al caminar, correr y jugar. Seguridad garantizada en todas las superficies escolares.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003e100% Colombiano\u003c\/h3\u003e\n \u003cp\u003eProducto fabricado en Colombia con los más altos estándares de calidad. Apoyas la industria nacional con cada compra.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n \u003ch3\u003eGarantía de Calidad\u003c\/h3\u003e\n \u003cp\u003eRespondemos por errores de fábrica, malas terminaciones, despegue o descosido del calzado. Calidad garantizada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones Técnicas Completas\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre estos zapatos colegiales\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTipo de Producto:\u003c\/strong\u003e Zapato colegial infantil unisex con diseño clásico, ideal para uso escolar diario en niños y niñas.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eTallas Disponibles:\u003c\/strong\u003e Desde la talla 21 hasta la 37, cubriendo todas las edades escolares desde preescolar hasta bachillerato.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eColores Disponibles:\u003c\/strong\u003e Blanco (elegante y fácil de limpiar) • Negro (clásico y versátil para cualquier uniforme escolar).\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSistema de Cierre:\u003c\/strong\u003e Velcro ajustable que permite un calce fácil y seguro, perfecto para que los niños se calcen solos sin ayuda.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMaterial Exterior:\u003c\/strong\u003e Sintético resistente y de alta calidad, fácil de limpiar y mantener. Diseñado para soportar el uso diario intenso.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eInterior Premium:\u003c\/strong\u003e Forro acolchado que garantiza total confort. Suave al tacto y transpirable para uso prolongado sin molestias.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eSuela Antideslizante:\u003c\/strong\u003e Diseño especial con excelente tracción que proporciona seguridad al caminar, correr y jugar en el colegio.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eGarantía:\u003c\/strong\u003e Respondemos por errores de fábrica, malas terminaciones, despegue o descosido. No cubre daños por mal uso del cliente.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Mi hijo se los pone solo gracias al velcro. Son súper cómodos y resistentes, ya van 3 meses y se ven como nuevos.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/57f2a8e9-1490-4710-ab21-4cbc9ad63a3b.png?v=1769069956\" alt=\"Cliente Satisfecho Negro\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carolina M., Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Excelente calidad, los blancos son fáciles de limpiar. Mi hija está feliz porque se los pone rápido sin mi ayuda.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/aaefcab2-4d71-4624-a3c3-2656c48444d0.png?v=1769069948\" alt=\"Cliente Satisfecho Blanco\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Andrea L., Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"La mejor compra para el cole. Son cómodos, duraderos y el velcro funciona perfecto. Mis gemelos los aman.\"\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/b766a8c4-e2ec-4d68-a00f-d9f5dabfdc98.png?v=1769070266\" alt=\"Cliente Satisfecho Uso Diario\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Patricia R., Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eZahariq Shop Verificados y Confiables\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260116-WA0080.jpg?v=1768616470\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260122_001120_Canva.jpg?v=1769067330\" class=\"loaded\"\u003e\n \u003ch3\u003e¡Asegura los zapatos colegiales antes que se agoten!\u003c\/h3\u003e\n \u003cp style=\"color: #2c3e50; font-weight: 700; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003eMiles de padres ya confían en nosotros. No dejes a tu hijo sin el calzado más cómodo y práctico para el colegio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch2 class=\"fade-in\" style=\"color: #e74c3c; text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\"\u003e¡Lleva Tus Zapatos Colegiales Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #ecf0f1; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\"\u003e\"Porque tus hijos merecen comodidad, autonomía y calidad premium colombiana en cada paso\"\u003c\/p\u003e\n \n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía de Calidad\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e100% Colombiano\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $169.000\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003ePRECIO OFERTA: $134.000\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $35.000! Oferta especial regreso a clases\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS ZAPATOS COLEGIALES AHORA\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #ecf0f1; font-weight: 700; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);\"\u003e\n \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Estos zapatos colegiales se están agotando rápidamente por su excelente precio y calidad. \n No dejes que tu hijo se quede sin el calzado más cómodo y práctico para el colegio. ¡Ordena ahora!\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/141_20260121_233512_0002.png?v=1769067325\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003eComodidad y calidad en cada paso escolar\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ - Calzado Escolar Premium\u003c\/div\u003e\n \u003cp\u003eLos mejores zapatos colegiales colombianos con diseño práctico, cierre de velcro y comodidad excepcional. Calidad premium nacional para el éxito escolar de tus hijos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 ZAHARIQ SHOP. Todos los derechos reservados\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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 \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n document.addEventListener('DOMContentLoaded', function() {\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n \n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"NEGRO \/ 21","offer_id":47909693260024,"sku":"-0","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 22","offer_id":47909693292792,"sku":"-1","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 23","offer_id":47909693325560,"sku":"-2","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 24","offer_id":47909693358328,"sku":"-3","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 25","offer_id":47909693391096,"sku":"-4","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 26","offer_id":47909693423864,"sku":"-5","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 27","offer_id":47909693456632,"sku":"-6","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 28","offer_id":47909693489400,"sku":"-7","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 29","offer_id":47909693522168,"sku":"-8","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 30","offer_id":47909693554936,"sku":"-9","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 31","offer_id":47909693587704,"sku":"-10","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 32","offer_id":47909693620472,"sku":"-11","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 33","offer_id":47909693653240,"sku":"-12","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 34","offer_id":47909693686008,"sku":"-13","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 35","offer_id":47909693718776,"sku":"-14","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 36","offer_id":47909693751544,"sku":"-15","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 37","offer_id":47909693784312,"sku":"-16","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 21","offer_id":47909693817080,"sku":"-17","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 22","offer_id":47909693849848,"sku":"-18","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 23","offer_id":47909693882616,"sku":"-19","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 24","offer_id":47909693915384,"sku":"-20","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 25","offer_id":47909693948152,"sku":"-21","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 26","offer_id":47909693980920,"sku":"-22","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 27","offer_id":47909694013688,"sku":"-23","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 28","offer_id":47909694046456,"sku":"-24","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 29","offer_id":47909694079224,"sku":"-25","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 30","offer_id":47909694111992,"sku":"-26","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 31","offer_id":47909694144760,"sku":"-27","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 32","offer_id":47909694177528,"sku":"-28","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 33","offer_id":47909694210296,"sku":"-29","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 34","offer_id":47909694243064,"sku":"-30","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 35","offer_id":47909694275832,"sku":"-31","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 36","offer_id":47909694308600,"sku":"-32","price":134000.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 37","offer_id":47909694341368,"sku":"-33","price":134000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260122_001458_Canva.jpg?v=1769067331"},{"product_id":"bota-kpop-nina","title":"BOTA KPOP NIÑA TALLAS 21 A 33","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBotas K-POP Niña – Edición Premium | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#ff2d95; --accent-deep:#c2137a; --purple:#9b30ff; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--purple), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(255,45,149,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #ff2d95, #9b30ff, #ff2d95); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(255,45,149,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #ff2d95, #9b30ff, #ff2d95); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(255,45,149,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(255,45,149,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,45,149,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(255,45,149,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(255,45,149,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(255,45,149,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(255,45,149,0.4); box-shadow: 0 0 25px rgba(255,45,149,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), var(--purple), var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(255,45,149,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,45,149,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(255,45,149,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(255,45,149,0.3); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(255,45,149,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,45,149,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(255,45,149,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(255,45,149,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,45,149,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(255,45,149,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(255,45,149,0.35); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Botas K-POP Niña – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/9_20251110_101152_0008.png?v=1762788011\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eBOTAS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eK-POP\u003c\/span\u003e NIÑA\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ EDICIÓN LIMITADA ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Las botas perfectas para las pequeñas amantes de la moda K-POP y el estilo urbano.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e2 colores · Tallas 21 a 33\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eNIÑA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LAS BOTAS · $149.500\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO URBANO K-POP\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMODIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eESTILO ÚNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO URBANO K-POP\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMODIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eESTILO ÚNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDos Colores, Un Solo Estilo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor le combine\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eBotas K-POP Niña, 2 Colores Exclusivos\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDiseño urbano K-POP · Comodidad premium · Estilo único para niñas\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_27_ene_2026_10_39_39_a.m.png?v=1769528524\" alt=\"Botas K-POP Blancas\"\u003e\u003c\/div\u003e\n\u003ch3\u003eModelo Blanco\u003c\/h3\u003e\n\u003cp\u003eDiseño exclusivo en color blanco vibrante con suela resistente. Perfectas para combinar con cualquier outfit casual y crear un look moderno K-POP.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_27_ene_2026_10_39_22_a.m.png?v=1769528468\" alt=\"Niña modelando Botas K-POP Blancas\"\u003e\u003c\/div\u003e\n\u003ch3\u003eLook Completo Blanco\u003c\/h3\u003e\n\u003cp\u003eVista completa del estilo que lograrás con las botas blancas. Perfectas para expresar personalidad con comodidad total.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_27_ene_2026_10_39_35_a.m.png?v=1769554768\" alt=\"Botas K-POP Negras\"\u003e\u003c\/div\u003e\n\u003ch3\u003eModelo Negro\u003c\/h3\u003e\n\u003cp\u003eDiseño urbano en color negro clásico con máxima durabilidad. Ideal para crear looks versátiles y modernos.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Estas Botas K-POP?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Premium\u003c\/h3\u003e\n\u003cp\u003eMaterial resistente y duradero con los más altos estándares de calidad.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003e2 Colores Exclusivos\u003c\/h3\u003e\n\u003cp\u003eElige entre blanco puro o negro elegante. Cada color es versátil y especial.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eComodidad Total\u003c\/h3\u003e\n\u003cp\u003eInterior suave que permite total libertad de movimiento durante todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eEstilo K-POP Auténtico\u003c\/h3\u003e\n\u003cp\u003eDiseño inspirado en las verdaderas tendencias urbanas del K-POP.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 21 a 33\u003c\/h3\u003e\n\u003cp\u003eAmplio rango de tallas disponibles en tallaje colombiano.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $199.500 a solo \u003cstrong style=\"color:#141414\"\u003e$149.500\u003c\/strong\u003e. Ahorras $50.000 con envío gratis y pago contra entrega.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eLAS BOTAS MÁS DESEADAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMAMÁS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELAS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eLAS BOTAS MÁS DESEADAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMAMÁS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELAS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 pedirlas\u003c\/p\u003e\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eBota casual urbana para niña, diseño moderno inspirado en tendencia K-POP\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32 y 33 (tallaje tradicional colombiano)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003e2 opciones exclusivas: Blanco puro o Negro elegante\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Exterior\u003c\/strong\u003e\u003cspan\u003eMaterial sintético resistente y duradero de alta calidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eSuela firme y resistente que brinda estabilidad y seguridad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eInterior\u003c\/strong\u003e\u003cspan\u003eDiseño confortable que permite uso prolongado sin incomodidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eCuidado\u003c\/strong\u003e\u003cspan\u003eLimpiar con paño húmedo. No sumergir en agua. Dejar secar a temperatura ambiente\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eDía a día, salidas casuales y actividades escolares\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $199.500 → Hoy solo $149.500 COP · Ahorra $50.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestras Clientas\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260127-WA0023.jpg?v=1769555086\" alt=\"Reseña clienta – Botas K-POP blancas\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Las botas blancas son hermosas, mi hija las adora. Son súper cómodas y combinan con todo. La calidad es excelente y el precio fue increíble.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Claudia V. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260127-WA0005.jpg?v=1769528466\" alt=\"Reseña clienta – Botas K-POP negras\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Compré las negras y quedé encantada. Son resistentes, cómodas y mi niña las usa todos los días. Las recomiendo totalmente.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Patricia M. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_27_ene_2026_10_39_03_a.m.png?v=1769528468\" alt=\"Reseña clienta – Botas K-POP\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Excelente compra, llegaron rápido y tal cual las fotos. Mi hija está feliz con sus botas blancas, son súper lindas y cómodas, los recomiendo.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sandra L. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 21 A 33\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $50.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(255,45,149,0.25); box-shadow: 0 0 35px rgba(255,45,149,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_27_ene_2026_10_39_22_a.m.png?v=1769528468\" alt=\"No te quedes sin las Botas K-POP\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin las Tuyas!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLas mamás más atentas ya tienen las Botas K-POP para sus niñas.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla y color. Pídelas hoy y recíbelas en casa con envío gratis.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Las Botas K-POP Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque tu niña merece expresar su estilo con comodidad y la mejor calidad\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 21 a 33\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eBlanco y Negro\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $199.500 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $149.500 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $50.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO LAS BOTAS K-POP AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Botas K-POP Niña – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/9_20251110_101152_0008.png?v=1762788011\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo K-POP en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eBOTAS K-POP NIÑA – Edición Premium\u003c\/div\u003e\n \u003cp\u003eBotas infantiles en 2 colores exclusivos, tallas 21 a 33, envío gratis a todo el país y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"NEGRO \/ 29","offer_id":47931967242488,"sku":"-21","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 30","offer_id":47931967275256,"sku":"-22","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 31","offer_id":47931967308024,"sku":"-23","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 32","offer_id":47931967340792,"sku":"-24","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 33","offer_id":47931967373560,"sku":"-25","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 21","offer_id":47931967406328,"sku":"-0","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 22","offer_id":47931967439096,"sku":"-1","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 23","offer_id":47931967471864,"sku":"-2","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 24","offer_id":47931967504632,"sku":"-3","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 25","offer_id":47931967537400,"sku":"-4","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 26","offer_id":47931967570168,"sku":"-5","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 27","offer_id":47931967602936,"sku":"-6","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 28","offer_id":47931967635704,"sku":"-7","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 29","offer_id":47931967668472,"sku":"-8","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 30","offer_id":47931967701240,"sku":"-9","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 31","offer_id":47931967734008,"sku":"-10","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 32","offer_id":47931967766776,"sku":"-11","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 33","offer_id":47931967799544,"sku":"-12","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 21","offer_id":47931967832312,"sku":"-13","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 22","offer_id":47931967865080,"sku":"-14","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 23","offer_id":47931967897848,"sku":"-15","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 24","offer_id":47931967930616,"sku":"-16","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 25","offer_id":47931967963384,"sku":"-17","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 26","offer_id":47931967996152,"sku":"-18","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 27","offer_id":47931968028920,"sku":"-19","price":149500.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 28","offer_id":47931968061688,"sku":"-20","price":149500.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_27_ene_2026_10_39_39_a.m.png?v=1769528524"},{"product_id":"camiseta-colombia-dama-y-caballero","title":"CAMISETA IMPORTADA 1.1 MUNDIAL 2026 HOMBRE Y MUJER","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⚽ Camiseta Colombia Mundial 2026 - Edición Gabo Premium\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: linear-gradient(135deg, #FFD700, #003893, #CE1126, #FFC700, #ffffff);\n margin: 0;\n padding: 0;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .hero {\n background: linear-gradient(135deg, #FFD700 0%, #003893 25%, #CE1126 50%, #FFC700 75%, #ffffff 100%);\n color: #ffffff;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n \n .price-banner {\n background: linear-gradient(45deg, #FFD700, #003893, #CE1126);\n color: #fff;\n padding: 15px 30px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n font-size: 1.2em;\n font-weight: bold;\n box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);\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%;\n }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 380px;\n height: 380px;\n object-fit: cover;\n border-radius: 50%;\n background: linear-gradient(135deg, #FFD700, #003893, #CE1126, #FFC700);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 30px rgba(255, 215, 0, 0.5);\n border: 4px solid rgba(206, 17, 38, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .hero-logo:hover {\n transform: scale(1.1) rotate(5deg) translateY(-15px);\n box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 50px rgba(255, 215, 0, 0.8);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.2s ease-out 1s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n color: #FFD700;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }\n to { filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)); }\n }\n \n .hero .subtitle {\n font-size: 1.3em;\n margin-bottom: 20px;\n color: #fff;\n font-weight: 700;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero p {\n font-size: 1.4em;\n margin-bottom: 30px;\n color: #ffffff;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 600;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #FFD700;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.5);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }\n 50% { text-shadow: 2px 2px 10px rgba(255, 215, 0, 0.7); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #FFD700, #003893, #CE1126, #FFC700, #FFD700);\n background-size: 200% 200%;\n color: #fff;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);\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;\n max-width: 90%;\n }\n\n @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(255, 215, 0, 0.7);\n }\n \n .visual-banner {\n background: linear-gradient(135deg, #003893 0%, #0047AB 100%);\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .section-title {\n font-size: 3em;\n color: #fff;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #fff;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: linear-gradient(135deg, #fff, #f0f8ff);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(255, 215, 0, 0.3);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 40px rgba(255, 215, 0, 0.4);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(255, 215, 0, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n max-height: 350px;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover img, .product-card:hover video {\n transform: scale(1.08) rotate(1deg);\n filter: brightness(1.1) saturate(1.2);\n }\n \n .product-card h3 {\n color: #003893;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n }\n \n .product-card p {\n color: #1a1a2e;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #0a0a1a;\n }\n\n .tech-specs {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 255, 255, 0.95));\n padding: 50px;\n border-radius: 30px;\n margin: 60px 0;\n border: 1px solid rgba(255, 215, 0, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .tech-specs:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.2);\n border-color: rgba(255, 215, 0, 0.6);\n }\n\n .tech-specs h3 {\n color: #003893;\n font-size: 2em;\n margin-bottom: 30px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .tech-specs:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n\n .tech-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n\n .tech-info {\n flex: 1;\n min-width: 300px;\n }\n\n .tech-info p {\n font-size: 1.2em;\n color: #1a1a2e;\n line-height: 1.8;\n margin-bottom: 15px;\n }\n\n .tech-info strong {\n color: #003893;\n display: block;\n margin-bottom: 5px;\n }\n \n .benefits {\n background: linear-gradient(135deg, #FFD700 0%, #003893 25%, #CE1126 50%, #FFC700 75%, #ffffff 100%);\n color: #ffffff;\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.9));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(255, 215, 0, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(255, 215, 0, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 255, 255, 0.9));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(255, 215, 0, 0.6);\n box-shadow: 0 20px 60px rgba(255, 215, 0, 0.3);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #003893;\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.2) rotateY(360deg);\n text-shadow: 0 0 25px rgba(0, 56, 147, 0.8);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #1a1a2e;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #003893;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #2a2a3e;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #1a1a2e;\n }\n \n .specifications {\n background: linear-gradient(135deg, #003893 0%, #0047AB 100%);\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #fff, #f0f8ff);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #FFD700;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #FFD700, #003893, #CE1126, #FFC700);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25), -10px 0 20px rgba(255, 215, 0, 0.3);\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), #fff);\n }\n \n .spec-item strong {\n color: #003893;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n \n .testimonials {\n background: linear-gradient(135deg, #FFD700 0%, #003893 50%, #CE1126 100%);\n color: #fff;\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.9));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(255, 215, 0, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.3), 0 0 30px rgba(255, 215, 0, 0.3);\n border-color: rgba(255, 215, 0, 0.5);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 345px;\n max-height: 350px;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.08) rotate(2deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n }\n \n .testimonial-rating {\n color: #ffd700;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #2a2a3e;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #1a1a2e;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #003893;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n \n .verification {\n background: linear-gradient(135deg, #003893 0%, #0047AB 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 690px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n }\n\n .verification-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .final-cta {\n background: linear-gradient(45deg, #FFD700, #003893, #CE1126, #FFC700, #ffffff);\n color: #ffffff;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #FFD700;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .final-cta p {\n font-size: 1.4em;\n margin-bottom: 50px;\n color: #ffffff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .video-cta {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.9));\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n border: 1px solid rgba(255, 215, 0, 0.4);\n backdrop-filter: blur(10px);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .video-cta:hover {\n transform: scale(1.02);\n box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 30px rgba(255, 215, 0, 0.3);\n }\n \n .video-cta img, .video-cta video {\n width: 100%;\n max-width: 460px;\n max-height: 500px;\n border-radius: 20px;\n object-fit: cover;\n margin-bottom: 25px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.4s ease;\n display: block;\n margin-left: auto;\n margin-right: auto;\n }\n\n .video-cta:hover img, .video-cta:hover video {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .video-cta h3 {\n font-size: 2em;\n margin-bottom: 20px;\n color: #003893;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover h3 {\n transform: translateY(-5px);\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n }\n \n .video-cta p {\n font-size: 1.2em;\n margin-bottom: 25px;\n color: #2a2a3e;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover p {\n color: #1a1a2e;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 255, 255, 0.9));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(255, 215, 0, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.2);\n border-color: rgba(255, 215, 0, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #003893;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #1a1a2e;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 10px 0;\n word-wrap: break-word;\n }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #003893;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #003893;\n font-size: 1.3em;\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.2) rotate(360deg);\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.8);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 255, 255, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(255, 215, 0, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.3);\n border-color: rgba(255, 215, 0, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #003893;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(0, 56, 147, 0.8);\n }\n \n .savings {\n color: #CE1126;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 10px rgba(206, 17, 38, 0.5);\n }\n \n .footer {\n background: linear-gradient(135deg, #0a1a2e, #1a2a3e);\n color: #FFD700;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(255, 215, 0, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 220px;\n height: 220px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #FFD700, #003893, #CE1126, #FFC700);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 20px rgba(255, 215, 0, 0.4);\n border: 3px solid rgba(255, 215, 0, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(255, 215, 0, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.4em;\n color: #FFD700;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #CE1126;\n margin-bottom: 15px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #fff;\n }\n \n .footer-text p {\n font-size: 1.2em;\n color: #b0d0e0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #FFD700;\n }\n\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #FFD700, #003893, #CE1126, #FFC700);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n\n \/* ===== ESTILOS PARA BALONES DE FÚTBOL FLOTANTES ===== *\/\n .floating-balls-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n\n .floating-ball {\n position: absolute;\n font-size: 30px;\n opacity: 0.7;\n pointer-events: none;\n will-change: transform;\n }\n\n @keyframes floatBall1 {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 25% {\n transform: translate(100px, -150px) rotate(90deg);\n }\n 50% {\n transform: translate(200px, -100px) rotate(180deg);\n }\n 75% {\n transform: translate(100px, -50px) rotate(270deg);\n }\n 100% {\n transform: translate(0, 0) rotate(360deg);\n }\n }\n\n @keyframes floatBall2 {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 33% {\n transform: translate(-120px, -180px) rotate(120deg);\n }\n 66% {\n transform: translate(-80px, -80px) rotate(240deg);\n }\n 100% {\n transform: translate(0, 0) rotate(360deg);\n }\n }\n\n @keyframes floatBall3 {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 20% {\n transform: translate(150px, -100px) rotate(72deg);\n }\n 40% {\n transform: translate(180px, -200px) rotate(144deg);\n }\n 60% {\n transform: translate(80px, -150px) rotate(216deg);\n }\n 80% {\n transform: translate(50px, -80px) rotate(288deg);\n }\n 100% {\n transform: translate(0, 0) rotate(360deg);\n }\n }\n\n @keyframes floatBall4 {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 30% {\n transform: translate(-100px, -120px) rotate(108deg);\n }\n 60% {\n transform: translate(-150px, -200px) rotate(216deg);\n }\n 100% {\n transform: translate(0, 0) rotate(360deg);\n }\n }\n\n @keyframes floatBall5 {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 25% {\n transform: translate(120px, -180px) rotate(90deg);\n }\n 50% {\n transform: translate(60px, -120px) rotate(180deg);\n }\n 75% {\n transform: translate(-40px, -160px) rotate(270deg);\n }\n 100% {\n transform: translate(0, 0) rotate(360deg);\n }\n }\n \n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100vw;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 200px;\n height: 200px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 170px;\n height: 170px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n\n .tech-specs {\n padding: 30px 20px;\n }\n\n .tech-content {\n flex-direction: column;\n }\n\n .floating-ball {\n font-size: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n\n .floating-ball {\n font-size: 18px;\n }\n }\n\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .video-cta img, .footer-logo,\n .hero video, .product-card video, .video-cta video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n \u003c!-- CONTENEDOR DE BALONES FLOTANTES --\u003e\n \u003cdiv class=\"floating-balls-container\" id=\"floatingBalls\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRA ENTREGA • 🚚 ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"Camiseta Colombia Mundial 2026 Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/zahariq_20260202_153041_0000.png?v=1770064615\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eCAMISETA COLOMBIA\u003cbr\u003eMUNDIAL 2026\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✨ IMPORTADA 1.1 PREMIUM ✨\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Calidad 1:1 Premium Importada - La réplica perfecta de la camiseta oficial\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e🔥 Viste la pasión tricolor con el mejor homenaje al Nobel colombiano 🔥\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e1 UNIDAD ⚽ $139.900\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e2 UNIDADES 🔥 $244.900 🔥\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e3 UNIDADES 💎 $349.900 💎\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e⚽ CAMISETA COLOMBIA MUNDIAL 2026 - EDICIÓN IMPORTADA ⚽\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCalidad 1:1 Premium Importada • Holograma Original • Estampado Vulcanizado de Alta Calidad\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1_20260202_195738_0000.png?v=1770080308\" alt=\"Camiseta Colombia Hombre\" class=\"loaded\"\u003e\n \u003ch3\u003e👕 Modelo Masculino - Corte Deportivo 👕\u003c\/h3\u003e\n \u003cp\u003eDiseño exclusivo hombre con ajuste perfecto. Calidad 1:1 premium importada con tecnología de estampado vulcanizado de alta durabilidad. Tallas S a XXL.\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\/0760\/8270\/8728\/files\/2_20260202_195738_0001.png?v=1770080308\" alt=\"Camiseta Colombia Mujer\" class=\"loaded\"\u003e\n \u003ch3\u003e💛 Modelo Femenino - Elegancia Tricolor 💛\u003c\/h3\u003e\n \u003cp\u003eCamiseta premium mujer con corte entallado. Calidad importada 1:1 idéntica a la original, con todos los detalles y acabados profesionales. Tallas S a XL.\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\/0760\/8270\/8728\/files\/3_20260202_195738_0002.png?v=1770080308\" alt=\"Camiseta Colombia de Espaldas\" class=\"loaded\"\u003e\n \u003ch3\u003e🇨🇴 Vista Posterior - Detalle Profesional 🇨🇴\u003c\/h3\u003e\n \u003cp\u003eLa parte trasera muestra el estampado vulcanizado de alta calidad que no se despega ni se agrieta. Material premium transpirable y resistente.\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\/0760\/8270\/8728\/files\/5_20260202_152758_0004.png?v=1770064619\" alt=\"Logos Estampados Camiseta\" class=\"loaded\"\u003e\n \u003ch3\u003e✨ Logos Premium - Estampado Vulcanizado ✨\u003c\/h3\u003e\n \u003cp\u003eLogos de la FCF y marca deportiva con tecnología de estampado vulcanizado profesional. Resistente al agua y al lavado. Acabado brillante duradero.\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\/0760\/8270\/8728\/files\/gif.gif?v=1770064623\" alt=\"Holograma Escudo Colombia\" class=\"loaded\"\u003e\n \u003ch3\u003e🌟 Holograma Oficial del Escudo FCF 🌟\u003c\/h3\u003e\n \u003cp\u003eEl escudo cuenta con holograma auténtico igual al de la camiseta original. Este detalle garantiza la calidad 1:1 premium que te ofrecemos.\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\/0760\/8270\/8728\/files\/4_20260202_152758_0003.png?v=1770064619\" alt=\"Pareja con Camisetas Colombia\" class=\"loaded\"\u003e\n \u003ch3\u003e❤️ Para Toda la Familia ❤️\u003c\/h3\u003e\n \u003cp\u003ePerfecta para hombres y mujeres. Disponible en todos los talles. Vive la pasión del Mundial 2026 con la mejor calidad importada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Esta es LA Camiseta de la Selección? ✨\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🏆\u003c\/div\u003e\n \u003ch3\u003eCalidad 1:1 Premium Importada\u003c\/h3\u003e\n \u003cp\u003eRéplica exacta de la camiseta oficial. Material importado de primera calidad que no tiene nada que envidiarle a la original.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3\u003eHolograma Auténtico\u003c\/h3\u003e\n \u003cp\u003eEl escudo incluye holograma oficial idéntico al original. Brillo y efecto visual profesional que garantiza autenticidad.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eEstampado Vulcanizado Pro\u003c\/h3\u003e\n \u003cp\u003eTecnología de estampado vulcanizado que no se despega ni se agrieta. Logos brillantes y duraderos lavada tras lavada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eVentaja vs. Camisetas Nacionales\u003c\/h3\u003e\n \u003cp\u003eMientras otras venden camisetas nacionales con escudos bordados, esta es importada 1:1 con estampados profesionales y holograma auténtico.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e📏\u003c\/div\u003e\n \u003ch3\u003eTallas Completas Disponibles\u003c\/h3\u003e\n \u003cp\u003eHombre: S, M, L, XL, XXL | Mujer: S, M, L, XL. Todas las tallas con ajuste perfecto y corte profesional.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💰\u003c\/div\u003e\n \u003ch3\u003ePrecio Imbatible\u003c\/h3\u003e\n \u003cp\u003e$139.900 por 1 unidad. Packs con descuento: 2x$265.000 o 3x$390.000. Pago contraentrega para tu seguridad total.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e📋 Especificaciones Técnicas de la Camiseta 📋\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre tu Camiseta Colombia 2026\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e👕 Tipo de Producto:\u003c\/strong\u003e Camiseta oficial Selección Colombia Mundial 2026,calidad 1:1 premium importada.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e📏 Tallas Disponibles:\u003c\/strong\u003e Hombre: S, M, L, XL, XXL | Mujer: S, M, L, XL. Cortes profesionales con ajuste perfecto.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🎨 Colores:\u003c\/strong\u003e Amarillo vibrante Colombia con detalles azul y rojo. Colores resistentes que no se destiñen.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🧵 Material Premium:\u003c\/strong\u003e Tela deportiva importada de alta calidad, transpirable, de secado rápido y ultra resistente.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e💎 Estampado Vulcanizado:\u003c\/strong\u003e Tecnología profesional de estampado vulcanizado que no se despega, no se agrieta y resiste lavadas intensivas.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e✨ Holograma FCF:\u003c\/strong\u003e Escudo de la Selección con holograma auténtico idéntico al de la camiseta oficial. Garantía de calidad 1:1.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🌟 Cuidado:\u003c\/strong\u003e Lavable a máquina en agua fría. Secar a la sombra. No planchar directamente sobre los estampados.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e✅ Calidad Garantizada:\u003c\/strong\u003e 100% nueva, calidad 1:1 premium importada verificada. No tiene nada que envidiarle a la original.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e⭐ Lo Que Dicen Nuestros Clientes Satisfechos ⭐\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/20260202_153236.jpg?v=1770064622\" alt=\"Cliente con camisetas empacadas\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Excelente calidad, llegaron perfectamente empacadas. El holograma es tal cual el original y los estampados se ven increíbles. Vale cada peso, los recomiendo al 100%.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Andrés M., Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260202-WA0037.jpg?v=1770064615\" alt=\"Cliente usando camiseta\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Me encantó, la tela es de primera y el ajuste perfecto, definitivamente calidad importada, la comparamos con la original y no se nota la diferencia.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carlos R., Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260202-WA0036.jpg?v=1770064615\" alt=\"Dos camisetas premium\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Compré el pack de 2 y quedé fascinada. Son idénticas a la original, el holograma brilla perfecto y los colores son vibrantes. Mejor que las nacionales sin duda.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- María L., Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✅ Zahariq Shop Verificados y Confiables ✅\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Sin_titulo_1080_x_1280_px_1080_x_1180_px__20260202_152928_0000.png?v=1770064616\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-card scale-in\" style=\"max-width: 600px; margin: 0 auto; background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(240, 248, 255, 0.95)); padding: 50px 40px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/4_20260202_152758_0003.png?v=1770064619\" alt=\"Pareja con Camisetas Colombia\" class=\"loaded\" style=\"max-height: 400px; margin-bottom: 30px;\"\u003e\n \u003ch2 style=\"color: #003893; font-size: 1.8em; margin-bottom: 20px; text-align: center;\"\u003e🚨 ¡VISTE LA PASIÓN TRICOLOR CON CALIDAD PREMIUM! 🚨\u003c\/h2\u003e\n \u003cp style=\"color: #CE1126; font-size: 1.3em; line-height: 1.6; text-align: center; font-weight: 600;\"\u003e\n Miles de colombianos ya tienen su Camiseta Colombia 2026 con calidad 1:1 importada. No te quedes sin la tuya para el Mundial.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\" style=\"color: #FFD700; text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\"\u003e⚽ ¡Lleva Tu Camiseta Colombia 2026 Hoy! ⚽\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #003893; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\"\u003e\"Calidad 1:1 Premium Importada - Holograma Auténtico - Estampado encauchetado Profesional\"\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🚚 Envío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e👕 Calidad 1:1 Premium Importada\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 \u003ch3 style=\"color: #003893; margin-bottom: 20px;\"\u003e💎 OFERTAS ESPECIALES 💎\u003c\/h3\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cspan class=\"new-price\"\u003e1 Unidad: $139.900\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cspan class=\"old-price\"\u003e2 Unidades: $279.800\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003e$249.900\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $24.800!\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cspan class=\"old-price\"\u003e3 Unidades: $419.700\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003e$349.900\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $64.800!\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MI CAMISETA COLOMBIA 2026 AHORA 🔥\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #FFD700; font-weight: 700; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003e\n ⏰ \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Las camisetas Colombia 2026 con calidad 1:1 premium importada se agotan rápidamente. \n Mientras otros venden camisetas nacionales, esta es tu oportunidad de tener la réplica exacta de la original.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/zahariq_20260202_153041_0000.png?v=1770064615\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✨ Pasión Tricolor en Cada Hilo ✨\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ - Camisetas Premium Colombia\u003c\/div\u003e\n \u003cp\u003eLas mejores camisetas de la Selección Colombia con calidad 1:1 premium importada, holograma auténtico y estampado vulcanizado profesional. Homenaje a Gabriel García Márquez y al Mundial 2026.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 ZAHARIQ SHOP. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cscript\u003e\n \/\/ ===== SCRIPT PARA BALONES FLOTANTES =====\n function createFloatingBalls() {\n const container = document.getElementById('floatingBalls');\n const numberOfBalls = 4; \/\/ Número de balones flotantes\n \n for (let i = 0; i \u003c numberOfBalls; i++) {\n const ball = document.createElement('div');\n ball.className = 'floating-ball';\n ball.textContent = '⚽';\n \n \/\/ Posición aleatoria inicial\n const startX = Math.random() * window.innerWidth;\n const startY = Math.random() * window.innerHeight;\n \n ball.style.left = startX + 'px';\n ball.style.top = startY + 'px';\n \n \/\/ Seleccionar animación aleatoria\n const animations = ['floatBall1', 'floatBall2', 'floatBall3', 'floatBall4', 'floatBall5'];\n const randomAnimation = animations[Math.floor(Math.random() * animations.length)];\n \n \/\/ Duración aleatoria entre 15 y 30 segundos\n const duration = 15 + Math.random() * 15;\n \n \/\/ Retraso aleatorio\n const delay = Math.random() * 5;\n \n ball.style.animation = `${randomAnimation} ${duration}s ease-in-out ${delay}s infinite`;\n \n \/\/ Opacidad variable\n ball.style.opacity = 0.5 + Math.random() * 0.3;\n \n container.appendChild(ball);\n }\n }\n\n \/\/ Crear balones al cargar la página\n document.addEventListener('DOMContentLoaded', function() {\n createFloatingBalls();\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n \/\/ ===== RESTO DE SCRIPTS ORIGINALES =====\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 \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n \n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"Dama \/ (S)","offer_id":47949647118584,"sku":"-0","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Dama \/ (M)","offer_id":47949647151352,"sku":"-1","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Dama \/ (L)","offer_id":47949647184120,"sku":"-2","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Dama \/ (XL)","offer_id":47949647216888,"sku":"-3","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Caballero \/ (S)","offer_id":47949647249656,"sku":"-5","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Caballero \/ (M)","offer_id":47949647282424,"sku":"-6","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Caballero \/ (L)","offer_id":47949647315192,"sku":"-7","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Caballero \/ (XL)","offer_id":47949647347960,"sku":"-8","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Caballero \/ (2XL)","offer_id":47949647380728,"sku":"-9","price":139900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1_20260202_195738_0000.png?v=1770080452"},{"product_id":"calzado-tenis-para-mujer-importado-adm","title":"SNEAKERS COREANOS IMPORTADOS TALLAS EU 36 A 40","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eTenis ADM Importados – Moda Coreana Premium | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#e8657d; --accent-deep:#c23a54; --blue:#4fc3f7; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), var(--blue), var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(232,101,125,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #e8657d, #4fc3f7, #e8657d); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(232,101,125,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #e8657d, #4fc3f7, #e8657d); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(232,101,125,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(232,101,125,0.6); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(232,101,125,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(232,101,125,0.4); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(232,101,125,0.4); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .size-guide { background: #fff5f6; padding: 50px; border-radius: 30px; margin: 60px 0; border: 2px solid rgba(232,101,125,0.3); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; box-shadow: 0 10px 30px rgba(232,101,125,0.1); }\n .size-guide:hover { transform: scale(1.01); box-shadow: 0 15px 40px rgba(232,101,125,0.15); }\n .size-guide h3 { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 2px; margin-bottom: 20px; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n .size-alert { background: #ffffff; padding: 30px; border-radius: 20px; border-left: 4px solid var(--accent); margin-bottom: 30px; box-shadow: 0 6px 20px rgba(0,0,0,0.04); }\n .size-alert p { font-size: 1.05em; color: #444444; line-height: 1.8; margin-bottom: 12px; font-weight: 500; }\n .size-alert strong { color: var(--accent-deep); }\n .size-table { width: 100%; max-width: 100%; overflow-x: auto; }\n .size-table img { max-width: 100%; height: auto; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); transition: all 0.4s ease; }\n .size-table img:hover { transform: scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,0.18); }\n .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), var(--blue), var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(232,101,125,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(232,101,125,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(232,101,125,0.35); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(232,101,125,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(232,101,125,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(232,101,125,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(232,101,125,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(232,101,125,0.35); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-pink { background: linear-gradient(135deg, #e8657d, #f5a3b3); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(232,101,125,0.25); }\n .chip-blue { background: linear-gradient(135deg, #4fc3f7, #81d4fa); color: #fff; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(79,195,247,0.25); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-pink { background: radial-gradient(circle, #ff9fb3, #c23a54); box-shadow: 0 0 8px rgba(232,101,125,0.4); }\n .dot-blue { background: radial-gradient(circle, #a6e3ff, #0288d1); box-shadow: 0 0 8px rgba(79,195,247,0.4); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\n .new-price { font-size: 2.5em; }\n .size-guide { padding: 30px 20px; }\n .size-guide h3 { font-size: 1.6em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO GRATIS A TODA COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Tenis ADM Importados – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_feb_2026_03_20_33_p.m.png?v=1770668461\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eADM\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ MODA COREANA CALIDAD 1.1 PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Los tenis perfectos para mujeres que aman el estilo, comodidad y calidad superior.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e2 colores · Tallas 36 a 40 EUR\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003e100% IMPORTADOS\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eMUJER\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS ADM · $149.900\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003e100% IMPORTADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD 1.1 PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 40 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA EVA ANTIDESLIZANTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMODA COREANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003e100% IMPORTADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD 1.1 PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 40 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSUELA EVA ANTIDESLIZANTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eMODA COREANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDos Colores, Un Solo Estilo\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eEscoge el que mejor va con tu look\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-pink\"\u003e\n\u003cdiv class=\"chip-dot dot-pink\"\u003e\u003c\/div\u003e ROSADO\u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-blue\"\u003e\n\u003cdiv class=\"chip-dot dot-blue\"\u003e\u003c\/div\u003e AZUL MARINO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEstilo y Calidad en Cada Paso\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCómodos · Elegantes · Duraderos · Importados · Calidad Premium\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_feb_2026_01_32_46_p.m.png?v=1770668292\" alt=\"Tenis ADM Rosados\"\u003e\u003c\/div\u003e\n\u003ch3\u003eEdición Rosado\u003c\/h3\u003e\n\u003cp\u003eDiseño en tonos rosado pastel con detalles blancos. Perfectos para un look casual y sofisticado que destaca tu estilo único.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_feb_2026_01_32_24_p.m.png?v=1770668293\" alt=\"Tenis ADM Azul Marino\"\u003e\u003c\/div\u003e\n\u003ch3\u003eEdición Azul Marino\u003c\/h3\u003e\n\u003cp\u003eDiseño en blanco con detalles azul marino. Ideal para combinar con cualquier outfit y lucir impecable en toda ocasión.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_feb_2026_01_32_35_p.m.png?v=1770668293\" alt=\"Características Tenis ADM\"\u003e\u003c\/div\u003e\n\u003ch3\u003eTecnología y Confort\u003c\/h3\u003e\n\u003cp\u003eSuela de goma EVA blanda, material de cuero de gamuza con malla transpirable. Antideslizante con cordonería gruesa.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"size-guide fade-in\"\u003e\n \u003ch3\u003eGuía de Tallas · Léela Antes de Comprar\u003c\/h3\u003e\n \u003cdiv class=\"size-alert\"\u003e\n \u003cp\u003e\u003cstrong\u003eImportante:\u003c\/strong\u003e Estos son tenis importados con tallas europeas (EUR). Para garantizar el ajuste perfecto, sigue estos pasos:\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003e1.\u003c\/strong\u003e Toma unos tenis que ya tengas y revisa en el interior la talla en centímetros.\u003c\/p\u003e\n \u003cp style=\"color:var(--accent-deep); font-weight:700;\"\u003eElige la talla correcta según la siguiente tabla:\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"size-table\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_feb_2026_06_12_26_p.m.png?v=1770678785\" alt=\"Tabla de Tallas Tenis ADM\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Tenis ADM?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003e100% Importados\u003c\/h3\u003e\n\u003cp\u003eModa coreana auténtica directamente desde Asia. Calidad 1.1 premium que supera cualquier producto local.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCalidad Premium\u003c\/h3\u003e\n\u003cp\u003eMateriales de primera: cuero de gamuza, malla transpirable y suela de goma EVA. Garantía de durabilidad y confort.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eSuela Antideslizante\u003c\/h3\u003e\n\u003cp\u003eTecnología de suela de goma EVA blanda con diseño antideslizante. Seguridad y estabilidad en cualquier superficie.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTranspirable\u003c\/h3\u003e\n\u003cp\u003eMalla transpirable que mantiene tus pies frescos todo el día. Adiós a la incomodidad y el calor excesivo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDiseño Versátil\u003c\/h3\u003e\n\u003cp\u003ePerfectos para uso diario, gimnasio, paseos, universidad o trabajo. Un calzado que se adapta a tu estilo de vida.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $220.000 a solo \u003cstrong style=\"color:#141414\"\u003e$149.900\u003c\/strong\u003e. Ahorras $70.100 con envío gratis y pago contra entrega.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DE LA MODA COREANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTAS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eEL FAVORITO DE LA MODA COREANA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTAS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMarca\u003c\/strong\u003e\u003cspan\u003eADM – Reconocida marca de calzado coreano con presencia internacional\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOrigen\u003c\/strong\u003e\u003cspan\u003e100% Importados – Moda coreana auténtica de calidad superior\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eCalidad\u003c\/strong\u003e\u003cspan\u003e1.1 Premium – la mejor calidad en calzado importado\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e36, 37, 38, 39, 40 EUR (sistema europeo de tallas)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eColores\u003c\/strong\u003e\u003cspan\u003eRosado pastel con blanco · Azul marino con blanco\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial Externo\u003c\/strong\u003e\u003cspan\u003eBase de cuero de gamuza premium + malla transpirable de alta tecnología\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003eGoma EVA blanda con diseño antideslizante para máxima comodidad y seguridad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCordonería\u003c\/strong\u003e\u003cspan\u003eCordones gruesos de alta resistencia con diseño decorativo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $220.000 → Hoy solo $149.900 COP · Ahorra $70.100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a toda Colombia con pago contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestras Clientas\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260209-WA0148.jpg?v=1770668397\" alt=\"Reseña clienta – Tenis ADM rosados\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Súper cómodos y hermosos, los uso todo el día y no me canso. La calidad es excelente, se nota que son importados. Los recomiendo 100%.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Daniela S. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260208-WA0017.jpg?v=1770668397\" alt=\"Reseña clienta – Tenis ADM azules\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Me encantaron los azules, combinan con todo. Son súper frescos y antideslizantes. Llegaron rapidísimo y el pago contraentrega es lo mejor.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carolina M. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260209-WA0143.jpg?v=1770668397\" alt=\"Reseña clienta – Tenis ADM\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Bellísimos los rosados de excelente calidad y súper cómodos. Vale cada peso, ahora quiero los azules también. Gracias por el envío rápido.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea T. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 40 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $70.100\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 36 A 40 EUR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $70.100\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(232,101,125,0.25); box-shadow: 0 0 35px rgba(232,101,125,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1748534491O1CN01WhEHon1DJoYzOsjSi__0-rate_jpg_790x10000q90_jpg.webp?v=1770668684\" alt=\"No te quedes sin tus Tenis ADM\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin los Tuyos!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLas mujeres colombianas que conocen la moda coreana ya tienen sus Tenis ADM.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa con envío gratis.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Tenis ADM Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un calzado que combine estilo, comodidad y calidad premium\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCalidad 1.1 Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eGarantía de Calidad\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 36 a 40 EUR\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eRosado y Azul\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $220.000 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $149.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $70.100 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS ADM AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Tenis ADM – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_feb_2026_03_20_33_p.m.png?v=1770668461\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Estilo coreano en cada paso. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eTENIS ADM – Calidad 1.1 Premium Importada\u003c\/div\u003e\n \u003cp\u003eTenis importados en 2 colores exclusivos, tallas 36 a 40 EUR, envío gratis a toda Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"40 \/ ROSADO","offer_id":47967784698104,"sku":"ADM ROSADO 40","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"40 \/ AZUL","offer_id":47967784730872,"sku":"ADM AZUL 40","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"39 \/ ROSADO","offer_id":47967784763640,"sku":"ADM ROSADO 39","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"39 \/ AZUL","offer_id":47967784796408,"sku":"ADM AZUL 39","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"38 \/ ROSADO","offer_id":47967784829176,"sku":"ADM ROSADO 38","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"38 \/ AZUL","offer_id":47967784861944,"sku":"ADM AZUL 38","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"37 \/ ROSADO","offer_id":47967784894712,"sku":"ADM ROSADO 37","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"37 \/ AZUL","offer_id":47967784927480,"sku":"ADM AZUL 37","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"36 \/ ROSADO","offer_id":47967784960248,"sku":"ADM ROSADO 36","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"36 \/ AZUL","offer_id":47967784993016,"sku":"ADM AZUL 36","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_9_feb_2026_01_32_46_p.m.png?v=1770668292"},{"product_id":"buzo-cuello-alto-colombia-logo-bordado","title":"BUZO SELECCIÓN COLOMBIA TELA MONARCA 280 GR","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⚽ Buzo Colombia Mundial 2026 - Edición Premium\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n width: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: linear-gradient(135deg, #FFD700, #003893, #CE1126, #FFC700, #ffffff);\n margin: 0;\n padding: 0;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n display: block;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n width: 100%;\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .slide-in-left {\n opacity: 0;\n transform: translateX(-100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .slide-in-right {\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.8);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .hero {\n background: linear-gradient(135deg, #FFD700 0%, #003893 25%, #CE1126 50%, #FFC700 75%, #ffffff 100%);\n color: #ffffff;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n }\n \n .price-banner {\n background: linear-gradient(45deg, #FFD700, #003893, #CE1126);\n color: #fff;\n padding: 15px 30px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n font-size: 1.2em;\n font-weight: bold;\n box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);\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%;\n }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n .hero-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .hero-logo {\n width: 380px;\n height: 380px;\n object-fit: cover;\n border-radius: 50%;\n background: linear-gradient(135deg, #FFD700, #003893, #CE1126, #FFC700);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 30px rgba(255, 215, 0, 0.5);\n border: 4px solid rgba(206, 17, 38, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .hero-logo:hover {\n transform: scale(1.1) rotate(5deg) translateY(-15px);\n box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 50px rgba(255, 215, 0, 0.8);\n }\n \n .hero-text {\n flex: 1;\n max-width: 600px;\n animation: textReveal 1.2s ease-out 1s both;\n width: 100%;\n }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n color: #FFD700;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }\n to { filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)); }\n }\n \n .hero .subtitle {\n font-size: 1.3em;\n margin-bottom: 20px;\n color: #fff;\n font-weight: 700;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero p {\n font-size: 1.4em;\n margin-bottom: 30px;\n color: #ffffff;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 600;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #FFD700;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.5);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }\n 50% { text-shadow: 2px 2px 10px rgba(255, 215, 0, 0.7); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #FFD700, #003893, #CE1126, #FFC700, #FFD700);\n background-size: 200% 200%;\n color: #fff;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);\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;\n max-width: 90%;\n }\n\n @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(255, 215, 0, 0.7);\n }\n \n .visual-banner {\n background: linear-gradient(135deg, #003893 0%, #0047AB 100%);\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .section-title {\n font-size: 3em;\n color: #fff;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #fff;\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n \n .product-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .product-card {\n background: linear-gradient(135deg, #fff, #f0f8ff);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(255, 215, 0, 0.3);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n width: 100%;\n max-width: 100%;\n }\n\n .product-card.visible {\n transform: translateY(0);\n opacity: 1;\n }\n \n .product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 40px rgba(255, 215, 0, 0.4);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(255, 215, 0, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n max-height: 420px;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover img, .product-card:hover video {\n transform: scale(1.08) rotate(1deg);\n filter: brightness(1.1) saturate(1.2);\n }\n \n .product-card h3 {\n color: #003893;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n }\n \n .product-card p {\n color: #1a1a2e;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #0a0a1a;\n }\n\n .tech-specs {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 255, 255, 0.95));\n padding: 50px;\n border-radius: 30px;\n margin: 60px 0;\n border: 1px solid rgba(255, 215, 0, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .tech-specs:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.2);\n border-color: rgba(255, 215, 0, 0.6);\n }\n\n .tech-specs h3 {\n color: #003893;\n font-size: 2em;\n margin-bottom: 30px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .tech-specs:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n\n .tech-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n\n .tech-info {\n flex: 1;\n min-width: 300px;\n }\n\n .tech-info p {\n font-size: 1.2em;\n color: #1a1a2e;\n line-height: 1.8;\n margin-bottom: 15px;\n }\n\n .tech-info strong {\n color: #003893;\n display: block;\n margin-bottom: 5px;\n }\n \n .benefits {\n background: linear-gradient(135deg, #FFD700 0%, #003893 25%, #CE1126 50%, #FFC700 75%, #ffffff 100%);\n color: #ffffff;\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 40px;\n margin-top: 60px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .benefit-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.9));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(255, 215, 0, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .benefit-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(255, 215, 0, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 255, 255, 0.9));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(255, 215, 0, 0.6);\n box-shadow: 0 20px 60px rgba(255, 215, 0, 0.3);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #003893;\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .benefit-card:hover .benefit-icon {\n transform: scale(1.2) rotateY(360deg);\n text-shadow: 0 0 25px rgba(0, 56, 147, 0.8);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #1a1a2e;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #003893;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #2a2a3e;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #1a1a2e;\n }\n \n .specifications {\n background: linear-gradient(135deg, #003893 0%, #0047AB 100%);\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #fff, #f0f8ff);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #FFD700;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .spec-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #FFD700, #003893, #CE1126, #FFC700);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25), -10px 0 20px rgba(255, 215, 0, 0.3);\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), #fff);\n }\n \n .spec-item strong {\n color: #003893;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n \n .testimonials {\n background: linear-gradient(135deg, #FFD700 0%, #003893 50%, #CE1126 100%);\n color: #fff;\n padding: 100px 0;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .testimonial-card {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.9));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(255, 215, 0, 0.3);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.3), 0 0 30px rgba(255, 215, 0, 0.3);\n border-color: rgba(255, 215, 0, 0.5);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 420px;\n max-height: 420px;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .testimonial-card:hover .testimonial-image {\n transform: scale(1.08) rotate(2deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n }\n \n .testimonial-rating {\n color: #ffd700;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #2a2a3e;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #1a1a2e;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #003893;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n \n .verification {\n background: linear-gradient(135deg, #003893 0%, #0047AB 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 690px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n }\n\n .verification-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .final-cta {\n background: linear-gradient(45deg, #FFD700, #003893, #CE1126, #FFC700, #ffffff);\n color: #ffffff;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .final-cta h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #FFD700;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .final-cta p {\n font-size: 1.4em;\n margin-bottom: 50px;\n color: #ffffff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .video-cta {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.9));\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n border: 1px solid rgba(255, 215, 0, 0.4);\n backdrop-filter: blur(10px);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .video-cta:hover {\n transform: scale(1.02);\n box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 30px rgba(255, 215, 0, 0.3);\n }\n \n .video-cta img, .video-cta video {\n width: 100%;\n max-width: 460px;\n max-height: 500px;\n border-radius: 20px;\n object-fit: cover;\n margin-bottom: 25px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.4s ease;\n display: block;\n margin-left: auto;\n margin-right: auto;\n }\n\n .video-cta:hover img, .video-cta:hover video {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .video-cta h3 {\n font-size: 2em;\n margin-bottom: 20px;\n color: #003893;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover h3 {\n transform: translateY(-5px);\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n }\n \n .video-cta p {\n font-size: 1.2em;\n margin-bottom: 25px;\n color: #2a2a3e;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover p {\n color: #1a1a2e;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 255, 255, 0.9));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(255, 215, 0, 0.4);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.2);\n border-color: rgba(255, 215, 0, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #003893;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n }\n \n .payment-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n width: 100%;\n max-width: 100%;\n }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #1a1a2e;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 10px 0;\n word-wrap: break-word;\n }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #003893;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #003893;\n font-size: 1.3em;\n text-shadow: 0 0 10px rgba(0, 56, 147, 0.5);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .payment-feature:hover::before {\n transform: scale(1.2) rotate(360deg);\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.8);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 255, 255, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(255, 215, 0, 0.5);\n position: relative;\n z-index: 2;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .price-comparison::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.3);\n border-color: rgba(255, 215, 0, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #003893;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 15px rgba(0, 56, 147, 0.5);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(0, 56, 147, 0.8);\n }\n \n .savings {\n color: #CE1126;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 10px rgba(206, 17, 38, 0.5);\n }\n \n .footer {\n background: linear-gradient(135deg, #0a1a2e, #1a2a3e);\n color: #FFD700;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(255, 215, 0, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 50px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 100%;\n }\n \n .footer-logo {\n width: 220px;\n height: 220px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #FFD700, #003893, #CE1126, #FFC700);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 20px rgba(255, 215, 0, 0.4);\n border: 3px solid rgba(255, 215, 0, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(255, 215, 0, 0.6);\n }\n \n .footer-text {\n flex: 1;\n max-width: 500px;\n text-align: left;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n \n .footer-text .tagline {\n font-size: 1.4em;\n color: #FFD700;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #CE1126;\n margin-bottom: 15px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .store-name {\n transform: translateX(10px);\n color: #fff;\n }\n \n .footer-text p {\n font-size: 1.2em;\n color: #b0d0e0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #FFD700;\n }\n\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #FFD700, #003893, #CE1126, #FFC700);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n\n \/* ===== ESTILOS PARA BALONES DE FÚTBOL FLOTANTES ===== *\/\n .floating-balls-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n\n .floating-ball {\n position: absolute;\n font-size: 30px;\n opacity: 0.7;\n pointer-events: none;\n will-change: transform;\n }\n\n @keyframes floatBall1 {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 25% {\n transform: translate(100px, -150px) rotate(90deg);\n }\n 50% {\n transform: translate(200px, -100px) rotate(180deg);\n }\n 75% {\n transform: translate(100px, -50px) rotate(270deg);\n }\n 100% {\n transform: translate(0, 0) rotate(360deg);\n }\n }\n\n @keyframes floatBall2 {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n 33% {\n transform: translate(-120px, -180px) rotate(120deg);\n }\n 66% {\n transform: translate(-80px, -80px) rotate(240deg);\n }\n 100% {\n transform: translate(0, 0) rotate(360deg);\n }\n }\n \n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100vw;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 200px;\n height: 200px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 170px;\n height: 170px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n\n .tech-specs {\n padding: 30px 20px;\n }\n\n .tech-content {\n flex-direction: column;\n }\n\n .floating-ball {\n font-size: 20px;\n }\n\n .product-card img, .product-card video {\n max-height: 350px;\n }\n\n .testimonial-image {\n max-height: 350px;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n\n .floating-ball {\n font-size: 18px;\n }\n }\n\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .video-cta img, .footer-logo,\n .hero video, .product-card video, .video-cta video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n\n \u003c!-- CONTENEDOR DE BALONES FLOTANTES --\u003e\n \u003cdiv class=\"floating-balls-container\" id=\"floatingBalls\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRA ENTREGA • 🚚 ENVÍO GRATIS\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"Buzo Colombia Mundial 2026 Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/zahariq_20260202_153041_0000.png?v=1770064615\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eBUZO COLOMBIA\u003cbr\u003eMUNDIAL 2026\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✨ EDICIÓN PREMIUM - 4 COLORES ✨\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Tela Monarca 280gr - Estampado DTF de Alta Definición - Bordado Premium\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e🔥 Calidad superior con acabados profesionales que duran años 🔥\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e¡QUIERO MI BUZO PREMIUM! 🔥 $149.900\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e⚽ BUZO COLOMBIA MUNDIAL 2026 - 4 COLORES DISPONIBLES ⚽\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTela Monarca Perchada 280gr • Estampado DTF Profesional • Bordado de Alta Calidad\u003c\/p\u003e\n \n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Azul_oscuro_20260214_113717_0000.png?v=1771087589\" alt=\"Buzo Colombia Marfil\" class=\"loaded\"\u003e\n \u003ch3\u003e🌟 Color Marfil - Elegancia Tricolor 🌟\u003c\/h3\u003e\n \u003cp\u003eBuzo premium color marfil con cierre completo y cuello alto. Estampado DTF de alta definición sobre tela Monarca 280gr ultra resistente.\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\/0760\/8270\/8728\/files\/Azul_oscuro_20260214_113717_0001.png?v=1771087588\" alt=\"Buzo Colombia Rojo\" class=\"loaded\"\u003e\n \u003ch3\u003e❤️ Color Rojo - Pasión Colombia ❤️\u003c\/h3\u003e\n \u003cp\u003eDiseño rojo vibrante con bordado premium de larga duración. Bolsillos frontales y punteras metálicas de alta calidad.\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\/0760\/8270\/8728\/files\/Azul_oscuro_20260214_113717_0002.png?v=1771087588\" alt=\"Buzo Colombia Beige\" class=\"loaded\"\u003e\n \u003ch3\u003e🏆 Color Beige - Estilo Único 🏆\u003c\/h3\u003e\n \u003cp\u003eBeige sofisticado con acabados profesionales. Material que no destiñe y mantiene colores vivos lavada tras lavada.\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\/0760\/8270\/8728\/files\/Azul_oscuro_20260214_114305_0000.png?v=1771087587\" alt=\"Buzo Colombia Negro\" class=\"loaded\"\u003e\n \u003ch3\u003e⚫ Color Negro - Clásico Atemporal ⚫\u003c\/h3\u003e\n \u003cp\u003eNegro elegante con estampados que resaltan perfectamente.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_14_feb_2026_01_47_21_p.m.png?v=1771094863\" alt=\"Buzo Colombia Negro\" class=\"loaded\"\u003e\n \u003ch3\u003e✅️ Tela MONARCA de 280 Gramos ✅️\u003c\/h3\u003e\n \u003cp\u003eCómoda y resistente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Este es EL Mejor Buzo de la Selección? ✨\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eTela Monarca Premium 280gr\u003c\/h3\u003e\n \u003cp\u003eConfeccionado en tela Monarca polialgodón de 280 gramos, material premium que garantiza máxima durabilidad y comodidad inigualable durante años.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎨\u003c\/div\u003e\n \u003ch3\u003eEstampado DTF de Alta Definición\u003c\/h3\u003e\n \u003cp\u003eUtilizamos la técnica DTF, una de las mejores y más modernas técnicas de estampado del mercado, que asegura colores vivos y resistencia extrema.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🧵\u003c\/div\u003e\n \u003ch3\u003eBordado Premium Profesional\u003c\/h3\u003e\n \u003cp\u003eBordado de calidad superior con durabilidad muy prolongada. Resistente a uso intensivo y lavadas frecuentes, puede durar muchos años sin deterioro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌈\u003c\/div\u003e\n \u003ch3\u003eColores Que No Destiñen\u003c\/h3\u003e\n \u003cp\u003eGran ventaja: nuestros buzos NO destiñen, manteniendo siempre sus colores vivos y vibrantes sin importar cuántas veces los laves.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eAcabados de Lujo\u003c\/h3\u003e\n \u003cp\u003eIncluyen punteras metálicas en los cordones y RIP de alta calidad, para un acabado elegante, resistente y completamente profesional.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3\u003e4 Colores Exclusivos\u003c\/h3\u003e\n \u003cp\u003eDisponible en Marfil, Rojo, Beige y Negro. Todos con cierre frontal completo, cuello alto y bolsillos frontales funcionales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e📋 Especificaciones Técnicas del Buzo 📋\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre tu Buzo Colombia 2026\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e👕 Tipo de Producto:\u003c\/strong\u003e Buzo oficial Selección Colombia Mundial 2026, calidad premium con acabados profesionales.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🎨 Colores Disponibles:\u003c\/strong\u003e Marfil, Rojo, Beige y Negro. Todos con estampados y bordados de alta calidad que no se deterioran.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🧵 Material Premium:\u003c\/strong\u003e Tela Monarca perchada polialgodón de 280 gramos, ultra resistente, suave al tacto y de máxima durabilidad.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🎨 Estampado DTF:\u003c\/strong\u003e Técnica DTF de alta definición, una de las mejores y más modernas del mercado. Colores vivos que duran años.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e💎 Bordado Premium:\u003c\/strong\u003e Bordado profesional de calidad superior con durabilidad muy prolongada. Resiste uso intensivo sin deterioro.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🌟 No Destiñe:\u003c\/strong\u003e Gran ventaja: mantiene colores vivos sin importar cuántas lavadas. Tela que conserva su apariencia original.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e⚡ Detalles Premium:\u003c\/strong\u003e Cierre frontal completo, cuello alto, bolsillos frontales, punteras metálicas en cordones y RIP de alta calidad.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e✅ Garantía de Calidad:\u003c\/strong\u003e 100% nuevo, fabricación nacional con materiales importados premium. Acabados profesionales verificados.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e⭐ Lo Que Dicen Nuestros Clientes Satisfechos ⭐\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_14_feb_2026_11_19_04_a.m.png?v=1771087588\" alt=\"Cliente con buzo marfil\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Me encantó el buzo marfil, la tela es súper suave y abrigadora. El estampado se ve increíble y definitivamente vale cada peso, LOS RECOMIENDO!.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Santiago R., Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260214-WA0018.jpg?v=1771087584\" alt=\"Cliente opinando sobre buzo rojo\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Quedé fascinada con la calidad del bordado y los estampados. La tela es súper cómoda.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- María C., Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_14_feb_2026_11_18_47_a.m.png?v=1771087588\" alt=\"Buzo empacado en mesa\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Llegó perfectamente empacado y la calidad superó mis expectativas. El buzo es muy cómodo y los detalles le dan un toque auténtico.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carlos M., Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✅ Zahariq Shop Verificados y Confiables ✅\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Sin_titulo_1080_x_1280_px_1080_x_1180_px__20260202_152928_0000.png?v=1770064616\" alt=\"Zahariq Shop Verificada\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\" style=\"color: #FFD700; text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\"\u003e⚽ ¡Lleva Tu Buzo Colombia 2026 Hoy! ⚽\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #003893; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\"\u003e\"Tela Monarca 280gr - Estampado DTF Profesional - Bordado Premium de Larga Duración\"\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🚚 Envío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e👕 Tela Monarca Premium 280gr\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e⚡ Entrega Rápida y Segura\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e🎨 Estampado DTF Alta Definición\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e💎 Bordado Premium Profesional\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003ch3 style=\"color: #003893; margin-bottom: 20px;\"\u003e💎 OFERTA ESPECIAL 💎\u003c\/h3\u003e\n \u003cdiv\u003e\n \u003cspan class=\"old-price\"\u003eAntes: $199.900\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHoy: $149.900\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $50.000!\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MI BUZO COLOMBIA 2026 AHORA 🔥\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #FFD700; font-weight: 700; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003e\n ⏰ \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Los buzos Colombia 2026 con tela Monarca premium se agotan rápidamente. \n Material importado de primera calidad con estampado DTF y bordado profesional que dura años.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/zahariq_20260202_153041_0000.png?v=1770064615\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✨ Pasión Tricolor en Cada Hilo ✨\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eZAHARIQ - Buzos Premium Colombia\u003c\/div\u003e\n \u003cp\u003eLos mejores buzos de la Selección Colombia con tela Monarca 280gr, estampado DTF de alta definición y bordado premium profesional. Calidad superior para el Mundial 2026.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 ZAHARIQ SHOP. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cscript\u003e\n \/\/ ===== SCRIPT PARA BALONES FLOTANTES (SOLO 2 BALONES) =====\n function createFloatingBalls() {\n const container = document.getElementById('floatingBalls');\n const numberOfBalls = 2; \/\/ Reducido a 2 balones\n \n for (let i = 0; i \u003c numberOfBalls; i++) {\n const ball = document.createElement('div');\n ball.className = 'floating-ball';\n ball.textContent = '⚽';\n \n \/\/ Posición aleatoria inicial\n const startX = Math.random() * window.innerWidth;\n const startY = Math.random() * window.innerHeight;\n \n ball.style.left = startX + 'px';\n ball.style.top = startY + 'px';\n \n \/\/ Seleccionar animación aleatoria\n const animations = ['floatBall1', 'floatBall2'];\n const randomAnimation = animations[Math.floor(Math.random() * animations.length)];\n \n \/\/ Duración aleatoria entre 15 y 30 segundos\n const duration = 15 + Math.random() * 15;\n \n \/\/ Retraso aleatorio\n const delay = Math.random() * 5;\n \n ball.style.animation = `${randomAnimation} ${duration}s ease-in-out ${delay}s infinite`;\n \n \/\/ Opacidad variable\n ball.style.opacity = 0.5 + Math.random() * 0.3;\n \n container.appendChild(ball);\n }\n }\n\n \/\/ Crear balones al cargar la página\n document.addEventListener('DOMContentLoaded', function() {\n createFloatingBalls();\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n \/\/ ===== RESTO DE SCRIPTS ORIGINALES =====\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 \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n \n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"zahariq","offers":[{"title":"ROJO \/ XL - DAMA","offer_id":47989443199224,"sku":"-39","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 2XL - DAMA","offer_id":47989782741240,"sku":"-40","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ S - HOMBRE","offer_id":47989443297528,"sku":"-42","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ M - HOMBRE","offer_id":47989443330296,"sku":"-43","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ XL - HOMBRE","offer_id":47989443363064,"sku":"-45","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ 2XL - HOMBRE","offer_id":47989782774008,"sku":"-46","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ L - DAMA","offer_id":47989443461368,"sku":"-38","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ M - DAMA","offer_id":47989443494136,"sku":"-37","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ S - DAMA","offer_id":47989443526904,"sku":"-36","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 2XL - HOMBRE","offer_id":47989782806776,"sku":"-34","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ XL - HOMBRE","offer_id":47989443625208,"sku":"-33","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ M - HOMBRE","offer_id":47989443657976,"sku":"-31","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ S - HOMBRE","offer_id":47989443690744,"sku":"-30","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ 2XL - DAMA","offer_id":47989782839544,"sku":"-28","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ XL - DAMA","offer_id":47989443789048,"sku":"-27","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ L - DAMA","offer_id":47989443821816,"sku":"-26","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ M - DAMA","offer_id":47989443854584,"sku":"-25","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ S - DAMA","offer_id":47989443887352,"sku":"-24","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 2XL - HOMBRE","offer_id":47989782872312,"sku":"-22","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ XL - HOMBRE","offer_id":47989443985656,"sku":"-21","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ L - HOMBRE","offer_id":47989444018424,"sku":"-20","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ M - HOMBRE","offer_id":47989444051192,"sku":"-19","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ S - HOMBRE","offer_id":47989444083960,"sku":"-18","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ 2XL - DAMA","offer_id":47989782905080,"sku":"-16","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ XL - DAMA","offer_id":47989444182264,"sku":"-15","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ L - DAMA","offer_id":47989444215032,"sku":"-14","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ M - DAMA","offer_id":47989444247800,"sku":"-13","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ S - DAMA","offer_id":47989444280568,"sku":"-12","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ 2XL - HOMBRE","offer_id":47989782937848,"sku":"-10","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ XL - HOMBRE","offer_id":47989444378872,"sku":"-9","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ L - HOMBRE","offer_id":47989444411640,"sku":"-8","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ M - HOMBRE","offer_id":47989444444408,"sku":"-7","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ S - HOMBRE","offer_id":47989444477176,"sku":"-6","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ 2XL - DAMA","offer_id":47989782970616,"sku":"-4","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ XL - DAMA","offer_id":47989444575480,"sku":"-3","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ L - DAMA","offer_id":47989444608248,"sku":"-2","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ M - DAMA","offer_id":47989444641016,"sku":"-1","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"MARFIL \/ S - DAMA","offer_id":47989444673784,"sku":"-0","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"BEIGE \/ L - HOMBRE","offer_id":47989444706552,"sku":"-32","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"ROJO \/ L - HOMBRE","offer_id":47989444739320,"sku":"-44","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_14_feb_2026_11_18_38_a.m.png?v=1771094450"},{"product_id":"tennis-straye-logan-puff","title":"TENNIS STRAYE LOGAN PUFF","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\u003eSTRAYE LOGAN PUFF – Tenis de Alto Impacto | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #d8eef8; background: linear-gradient(135deg, #07101a, #0e1c2a, #081018, #0f1e30, #07101a); margin: 0; padding: 0; }\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 .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 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 glow { from { filter: drop-shadow(0 0 8px rgba(0,201,255,0.7)); } to { filter: drop-shadow(0 0 22px rgba(0,229,255,1)); } }\n @keyframes highlightGlow { 0%, 100% { text-shadow: 0 0 8px rgba(0,201,255,0.4); } 50% { text-shadow: 0 0 18px rgba(0,229,255,0.8); } }\n @keyframes pulseGlow { 0%, 100% { box-shadow: 0 0 20px rgba(0,201,255,0.5), 0 0 40px rgba(0,201,255,0.2), inset 0 0 10px rgba(0,201,255,0.05); } 50% { box-shadow: 0 0 40px rgba(0,229,255,0.8), 0 0 80px rgba(0,201,255,0.3), inset 0 0 20px rgba(0,201,255,0.1); } }\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.7; } 100% { transform: translateY(-120vh) translateX(20px) scale(0); opacity: 0; } }\n @keyframes crackSpark { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }\n\n \/* Noise texture overlay for skate grit *\/\n body::after {\n content: '';\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n opacity: 0.025;\n pointer-events: none;\n z-index: 9999;\n }\n\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, #00c9ff, #00e5ff, #0099cc, #00c9ff); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(0,201,255,0.7); max-width: 100%; }\n\n .hero { background: radial-gradient(ellipse at 20% 50%, rgba(0,80,160,0.35) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(0,50,110,0.25) 0%, transparent 50%), linear-gradient(160deg, #07101a 0%, #0e1c2a 40%, #081018 100%); color: #ffffff; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(0,201,255,0.025) 40px, rgba(0,201,255,0.025) 41px), repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(0,201,255,0.025) 40px, rgba(0,201,255,0.025) 41px); pointer-events: none; }\n \/* Diagonal skate-stripe accent *\/\n .hero::after { content: ''; position: absolute; top: 0; left: -30%; width: 60%; height: 100%; background: linear-gradient(105deg, transparent 45%, rgba(0,201,255,0.04) 45%, rgba(0,201,255,0.04) 55%, transparent 55%); pointer-events: none; }\n .hero-scan { position: absolute; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, rgba(0,201,255,0.4), transparent); animation: scanLine 6s linear infinite; pointer-events: none; }\n .particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }\n .particle { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #00c9ff; box-shadow: 0 0 6px #00e5ff; animation: particleDrift linear infinite; }\n\n .price-banner { background: linear-gradient(45deg, #0099cc, #00c9ff, #0099cc); color: #fff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(0,130,200,0.5), 0 0 20px rgba(0,201,255,0.3); border: 1px solid rgba(0,201,255,0.5); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 380px; height: 380px; object-fit: cover; border-radius: 50%; background: linear-gradient(135deg, #07101a, #0a1828, #0e2035, #0a1828); padding: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 40px rgba(0,201,255,0.6); border: 4px solid rgba(0,201,255,0.85); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, pulseGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.1) rotate(3deg) translateY(-15px); box-shadow: 0 25px 60px rgba(0,0,0,0.7), 0 0 60px rgba(0,229,255,0.9); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: #00c9ff; text-transform: uppercase; margin-bottom: 8px; text-shadow: 0 0 10px rgba(0,201,255,0.6); animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #ffffff; animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero .subtitle { font-size: 1.1em; margin-bottom: 18px; color: #00c9ff; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; text-shadow: 0 0 12px rgba(0,201,255,0.6); }\n .hero p { font-size: 1.25em; margin-bottom: 25px; color: #c8e8f5; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: #ff8080; font-weight: bold; font-style: italic; position: relative; animation: highlightGlow 3s ease-in-out infinite; }\n .cta-button { background: linear-gradient(45deg, #00c9ff, #0099cc, #00e5ff, #005f88, #00c9ff); background-size: 200% 200%; color: #fff; padding: 20px 50px; border: none; border-radius: 4px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 25px rgba(0,201,255,0.5), 0 0 20px rgba(0,201,255,0.2); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%); }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 15px 45px rgba(0,229,255,0.8), 0 0 40px rgba(0,201,255,0.4); }\n\n .visual-banner { background: linear-gradient(160deg, #060d14 0%, #0c1820 50%, #060d14 100%); padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #00c9ff; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; text-shadow: 0 0 20px rgba(0,201,255,0.5), 3px 3px 10px rgba(0,0,0,0.8); }\n .section-subtitle { font-size: 1.1em; color: #6ab0cc; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, #00c9ff, transparent); margin: 15px auto 30px; box-shadow: 0 0 10px rgba(0,201,255,0.6); }\n\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: linear-gradient(135deg, #0a1520, #070d14); border-radius: 12px; padding: 35px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(0,201,255,0.25); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0,201,255,0.08), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 30px rgba(0,201,255,0.5), 0 25px 70px rgba(0,0,0,0.6); transform: translateY(-15px) scale(1.02); border-color: rgba(0,201,255,0.7); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; max-height: 320px; object-fit: cover; border-radius: 8px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(0,201,255,0.2); }\n .product-card:hover img, .product-card:hover video { transform: scale(1.08) rotate(1deg); filter: brightness(1.1) saturate(1.2); border-color: rgba(0,201,255,0.5); }\n .product-card h3 { color: #00c9ff; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 10px rgba(0,201,255,0.4); }\n .product-card:hover h3 { transform: translateY(-3px); text-shadow: 0 0 20px rgba(0,229,255,0.7); }\n .product-card p { color: #6ab0cc; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; font-size: 0.95em; }\n .product-card:hover p { color: #b8e0f0; }\n\n .benefits { background: linear-gradient(160deg, #07101a 0%, #0e1c2a 40%, #0c1820 70%, #060d14 100%); color: #ffffff; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: linear-gradient(135deg, rgba(8,16,26,0.95), rgba(0,201,255,0.04)); padding: 50px 30px; border-radius: 12px; text-align: center; border: 1.5px solid rgba(0,201,255,0.22); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); backdrop-filter: blur(10px); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(0,201,255,0.08) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(0,201,255,0.65); box-shadow: 0 0 30px rgba(0,201,255,0.3), 0 20px 60px rgba(0,0,0,0.5); }\n .benefit-icon { font-size: 3.5em; margin-bottom: 25px; display: block; filter: drop-shadow(0 0 10px rgba(0,201,255,0.6)); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.2) rotateY(360deg); filter: drop-shadow(0 0 20px rgba(0,229,255,0.9)); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #00c9ff; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 8px rgba(0,201,255,0.4); }\n .benefit-card:hover h3 { text-shadow: 0 0 18px rgba(0,229,255,0.8); transform: translateY(-4px); }\n .benefit-card p { color: #6ab0cc; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover p { color: #b8e0f0; }\n\n .specifications { background: linear-gradient(135deg, #060d14 0%, #0c1820 100%); padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: linear-gradient(135deg, #0a1520, #070d14); padding: 28px; border-radius: 8px; border-left: 4px solid #00c9ff; border-top: 1px solid rgba(0,201,255,0.12); border-right: 1px solid rgba(0,201,255,0.06); border-bottom: 1px solid rgba(0,201,255,0.06); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 10px 30px rgba(0,0,0,0.4); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, #00e5ff, #00c9ff, #0099cc); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.5), -8px 0 20px rgba(0,201,255,0.25); }\n .spec-item strong { color: #00c9ff; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 8px rgba(0,201,255,0.4); }\n .spec-item:hover strong { transform: translateX(8px); text-shadow: 0 0 15px rgba(0,229,255,0.7); }\n .spec-item span { font-size: 0.9em; color: #6ab0cc; line-height: 1.6; }\n\n .testimonials { background: linear-gradient(160deg, #0e1c2a 0%, #0c1820 50%, #060d14 100%); color: #fff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: linear-gradient(135deg, #0a1520, #070d14); border-radius: 12px; border: 1.5px solid rgba(0,201,255,0.22); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(0,201,255,0.07) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 35px rgba(0,201,255,0.4), 0 25px 70px rgba(0,0,0,0.6); border-color: rgba(0,201,255,0.6); }\n .testimonial-image { width: 100%; max-height: 320px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.08) saturate(1.1); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { color: #00e5ff; font-size: 1.6em; margin-bottom: 16px; filter: drop-shadow(0 0 6px rgba(0,201,255,0.6)); transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.1); filter: drop-shadow(0 0 12px rgba(0,229,255,0.9)); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #6ab0cc; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #b8e0f0; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #00c9ff; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; text-shadow: 0 0 8px rgba(0,201,255,0.4); }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); text-shadow: 0 0 15px rgba(0,229,255,0.7); }\n\n .final-cta { background: radial-gradient(ellipse at center, rgba(0,60,130,0.3) 0%, transparent 70%), linear-gradient(160deg, #07101a, #0e1c2a, #07101a); color: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(0,201,255,0.02) 40px, rgba(0,201,255,0.02) 41px), repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(0,201,255,0.02) 40px, rgba(0,201,255,0.02) 41px); pointer-events: none; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #00c9ff; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; text-shadow: 0 0 25px rgba(0,201,255,0.5), 3px 3px 10px rgba(0,0,0,0.8); }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #6ab0cc; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: linear-gradient(135deg, rgba(0,201,255,0.05), rgba(0,40,90,0.15)); padding: 40px; border-radius: 12px; margin: 50px 0; border: 1.5px solid rgba(0,201,255,0.3); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0,201,255,0.08), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 30px rgba(0,201,255,0.2), 0 20px 50px rgba(0,0,0,0.4); border-color: rgba(0,201,255,0.6); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #00c9ff; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 12px rgba(0,201,255,0.5); position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); text-shadow: 0 0 20px rgba(0,229,255,0.8); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.1em; color: #6ab0cc; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #00c9ff; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #00c9ff; font-size: 1.3em; text-shadow: 0 0 8px rgba(0,201,255,0.6); transition: all 0.3s ease; flex-shrink: 0; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); text-shadow: 0 0 15px rgba(0,229,255,0.9); }\n .price-comparison { background: linear-gradient(135deg, rgba(0,201,255,0.05), rgba(0,40,90,0.15)); padding: 35px; border-radius: 12px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(0,201,255,0.4); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0,201,255,0.12), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 35px rgba(0,201,255,0.3), 0 20px 50px rgba(0,0,0,0.4); border-color: rgba(0,201,255,0.7); }\n .old-price { text-decoration: line-through; color: #1a2838; font-size: 1.8em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .price-comparison:hover .old-price { color: #1e303e; }\n .new-price { color: #00c9ff; font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 3px; text-shadow: 0 0 20px rgba(0,201,255,0.7); transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.08); text-shadow: 0 0 35px rgba(0,229,255,0.9); }\n .savings { color: #00e5ff; font-size: 1.3em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 10px rgba(0,229,255,0.4); }\n .price-comparison:hover .savings { transform: translateY(-3px) scale(1.08); text-shadow: 0 0 18px rgba(0,229,255,0.7); }\n\n .footer { background: linear-gradient(135deg, #04090f, #080e18); color: #6ab0cc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(0,201,255,0.15); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 220px; height: 220px; border-radius: 50%; object-fit: cover; background: linear-gradient(135deg, #07101a, #0a1828, #0e2035); padding: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 30px rgba(0,201,255,0.5); border: 3px solid rgba(0,201,255,0.7); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: pulseGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.1) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.7), 0 0 45px rgba(0,229,255,0.8); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #00c9ff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 10px rgba(0,201,255,0.5); }\n .footer-text:hover .tagline { transform: translateX(10px); text-shadow: 0 0 18px rgba(0,229,255,0.8); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #00e5ff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); color: #fff; }\n .footer-text p { font-size: 1em; color: #1a3040; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #6ab0cc; }\n\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; 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: 220px; height: 220px; }\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: 170px; height: 170px; }\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.1em; }\n .price-banner { font-size: 1em; padding: 12px 22px; }\n .old-price { font-size: 1.4em; }\n .new-price { font-size: 2.2em; }\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: 28px 18px; }\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\"\u003ePAGO CONTRA ENTREGA • ENVÍO GRATIS A TODO COLOMBIA\u003c\/div\u003e\n\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"STRAYE LOGAN PUFF – Tenis Skate Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_17_feb_2026_06_25_55_p.m.png?v=1771371047\"\u003e\n\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eSTRAYE\u003cbr\u003eLOGAN PUFF\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ CALZADO SKATE · UNISEX · 2 DISEÑOS ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"No sigas el estilo. Márcalo.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eLos tenis que combinan actitud, comodidad y fuego en cada paso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e1 PAR $139.900 COP\u003c\/a\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e2 PARES $264.800 COP\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- GALERÍA DE PRODUCTO --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eSTRAYE LOGAN PUFF – LOS TENIS QUE TODOS NOTAN\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eLlama Blanca · Llama Roja · Unisex · Calzado Nacional · Alto Impacto\u003c\/p\u003e\n\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Azul_oscuro_20260217_182943_0000.png?v=1771371048\" alt=\"STRAYE LOGAN PUFF – Llama Blanca\"\u003e\n \u003ch3\u003eDiseño Llama Blanca\u003c\/h3\u003e\n \u003cp\u003eNegro con llama blanca: la combinación clásica del skate elevada a otro nivel. Limpio, potente e inconfundible.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_17_feb_2026_06_22_50_p.m.png?v=1771371051\" alt=\"STRAYE LOGAN PUFF – Llama Roja\"\u003e\n \u003ch3\u003eDiseño Llama Roja\u003c\/h3\u003e\n \u003cp\u003eNegro con llama roja: para quienes quieren marcar presencia sin decir una sola palabra. Fuego en cada paso.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_17_feb_2026_06_23_01_p.m.png?v=1771371048\" alt=\"STRAYE LOGAN PUFF – Estilo Unisex\"\u003e\n \u003ch3\u003ePara Ellos y Ellas\u003c\/h3\u003e\n \u003cp\u003eDiseño unisex que combina con todo tu outfit skate, urbano o casual. Sin límites, para quien se atreva a llevarlo.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_17_feb_2026_06_22_30_p.m.png?v=1771371049\" alt=\"STRAYE LOGAN PUFF – Pack 1 o 2 pares\"\u003e\n \u003ch3\u003eElige Tu Pack\u003c\/h3\u003e\n \u003cp\u003e1 par a \u003cstrong style=\"color:#00c9ff\"\u003e$139.900\u003c\/strong\u003e o lleva 2 por solo \u003cstrong style=\"color:#00c9ff\"\u003e$264.800\u003c\/strong\u003e. Escoge un diseño de cada uno o regala el segundo.\u003c\/p\u003e\n \u003c\/div\u003e\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 STRAYE LOGAN PUFF?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🛹\u003c\/span\u003e\n \u003ch3\u003eSuela Skate Pro\u003c\/h3\u003e\n \u003cp\u003eSuela diseñada para aguantar el truco más duro. Grip real, amortiguación extra y resistencia a rozamientos constantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e👑\u003c\/span\u003e\n \u003ch3\u003eCalzado Nacional\u003c\/h3\u003e\n \u003cp\u003eFabricados en Colombia con materiales de alta calidad. Orgullo nacional, estilo internacional y precio que sí se puede.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🔥\u003c\/span\u003e\n \u003ch3\u003e2 Diseños de Fuego\u003c\/h3\u003e\n \u003cp\u003eLlama blanca o llama roja: elige tu identidad. Ambos diseños en base negra para una combinación que domina cualquier look.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💪\u003c\/span\u003e\n \u003ch3\u003eComodidad Todo el Día\u003c\/h3\u003e\n \u003cp\u003ePlantilla acolchada PUFF que absorbe cada impacto. Puedes estar en la calle de 8 AM a 10 PM y tus pies lo agradecerán.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e🎁\u003c\/span\u003e\n \u003ch3\u003eEl Regalo Perfecto\u003c\/h3\u003e\n \u003cp\u003eEmpaque premium listo para regalar. Ideal para cumpleaños, Navidad o simplemente porque el estilo no espera excusas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e💰\u003c\/span\u003e\n \u003ch3\u003ePack x2 con Ahorro\u003c\/h3\u003e\n \u003cp\u003eLleva dos pares por $264.800. Uno para ti, uno para regalar. O uno de cada diseño para dominar los dos estilos.\u003c\/p\u003e\n \u003c\/div\u003e\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\"\u003eEspecificaciones\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre el STRAYE LOGAN PUFF\u003c\/p\u003e\n\n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eNombre\u003c\/strong\u003e\n \u003cspan\u003eTENNIS STRAYE LOGAN PUFF – Calzado Skate Nacional Unisex\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eDiseños Disponibles\u003c\/strong\u003e\n \u003cspan\u003eNegro con Llama Blanca · Negro con Llama Roja\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eGénero\u003c\/strong\u003e\n \u003cspan\u003eUnisex – para hombre y mujer, corte versátil que se adapta a todos los estilos\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eTipo de Calzado\u003c\/strong\u003e\n \u003cspan\u003eSkate con suela reforzada, grip profesional y construcción resistente al uso intensivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePlantilla\u003c\/strong\u003e\n \u003cspan\u003eSistema PUFF de amortiguación superior – comodidad todo el día sin sacrificar el estilo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eOrigen\u003c\/strong\u003e\n \u003cspan\u003eCalzado 100% nacional, fabricado en Colombia con materiales de alta calidad\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eMateriales\u003c\/strong\u003e\n \u003cspan\u003eUpper de alta resistencia con diseño de llama bordado\/estampado, suela de goma vulcanizada\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eOcasión\u003c\/strong\u003e\n \u003cspan\u003eSkate, calle, salidas, universidad, trabajo casual o cualquier plan donde quieras brillar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePresentación\u003c\/strong\u003e\n \u003cspan\u003eCaja premium incluida – presentación lista para regalar o coleccionar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\n \u003cspan\u003e1 par: $139.900 COP | 2 pares: $264.800 COP\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\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260217_194802_WhatsAppBusiness.jpg?v=1771375760\" alt=\"Reseña cliente STRAYE LOGAN PUFF\" 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\"Me los puse el primer día y ya varios manes me preguntaron dónde los compré. La suela es brutal, aguanta todo. Lo que más me sorprendió fue lo cómodos que son para estar todo el día encima de ellos.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Sebastián R. · Medellín\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\/0760\/8270\/8728\/files\/IMG-20260217-WA0032.jpg?v=1771371046\" alt=\"Reseña cliente STRAYE LOGAN PUFF 2\" 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 llama blanca y quedé enamorada del diseño. Se ven increíbles con jeans, con falda, con todo. El envío llegó rapidísimo y el pago contraentrega me dio toda la confianza para comprar.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Valentina C. · Bogotá\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\/0760\/8270\/8728\/files\/IMG-20260217-WA0034.jpg?v=1771371046\" alt=\"Reseña cliente STRAYE LOGAN PUFF 3\" 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\"Compré el pack doble, uno para mí y uno para mi hermano. Los dos con diseños distintos y los dos quedaron contentos. Calidad real a precio justo, sin necesidad de pagar mucho.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Julián M. · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- VERIFICACIÓN ZAHARIQ --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-card fade-in\" style=\"max-width: 800px; margin: 0 auto; text-align: center; padding: 45px; border: 2px solid rgba(0,201,255,0.5); box-shadow: 0 0 30px rgba(0,201,255,0.2); opacity:1; transform:none;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1_20251217_214336_0000.png?v=1766025904\" alt=\"Verificación Zahariq Shop\" style=\"max-height: 280px; object-fit: contain; margin: 0 auto 25px; border-radius: 18px; width: 100%; border: none; background: transparent;\"\u003e\n \u003ch3 style=\"text-align:center; font-size:1.8em; margin-bottom:18px; color:#00c9ff; animation: alertPulse 2s ease-in-out infinite;\"\u003eTIENDA VERIFICADA Y 100% CONFIABLE\u003c\/h3\u003e\n \u003cdiv style=\"background: linear-gradient(135deg, rgba(0,201,255,0.06), rgba(0,40,90,0.1)); padding: 20px 25px; border-radius: 16px; border-left: 4px solid #00c9ff;\"\u003e\n \u003cp style=\"font-size:1.05em; color:#6ab0cc; line-height:1.9;\"\u003e\n \u003cstrong style=\"color:#00c9ff; font-size:1.1em;\"\u003eZahariq Shop Colombia\u003c\/strong\u003e es una tienda \u003cstrong style=\"color:#00e5ff;\"\u003eoficialmente verificada\u003c\/strong\u003e. Tu compra está 100% protegida.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center; color:#00e5ff; font-family:'Bebas Neue', sans-serif; font-size:1.4em; letter-spacing:3px; text-shadow:0 0 10px rgba(0,229,255,0.5); margin-top:20px;\"\u003e✦ TU CONFIANZA ES NUESTRA PRIORIDAD ✦\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- URGENCIA --\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(0,201,255,0.4); box-shadow: 0 0 35px rgba(0,201,255,0.2);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1771187562Gemini_Generated_Image_gc9pzjgc9pzjgc9p_20_1.png?v=1771365938\" alt=\"STRAYE LOGAN PUFF – Actitud que domina\" style=\"max-height: 380px; object-fit: cover; margin-bottom: 30px; border-radius:8px; width:100%;\"\u003e\n \u003ch2 style=\"color:#00c9ff; font-family:'Bebas Neue',sans-serif; font-size:2em; letter-spacing:3px; margin-bottom:18px; text-align:center; text-shadow:0 0 20px rgba(0,201,255,0.5); animation: alertPulse 2s ease-in-out infinite;\"\u003e\n ¡ASEGURA TU PAR ANTES QUE SE AGOTE!\n \u003c\/h2\u003e\n \u003cp style=\"color:#6ab0cc; font-size:1.2em; line-height:1.7; text-align:center; font-weight:500;\"\u003e\n Los colombianos que ya tienen sus STRAYE LOGAN PUFF saben que el estilo correcto cambia cómo te ven y cómo te sientes.\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 Tu Par STRAYE HOY MISMO!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un tenis que combine actitud, comodidad y fuego en cada pisada\"\u003c\/p\u003e\n\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío Gratis a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eSuela Skate Profesional\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEntrega Rápida y Segura\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eCaja Premium Incluida\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.900 por par\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003e1 PAR $139.900 — 2 PARES $264.800\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras en el pack doble! Solo hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS STRAYE AHORA\u003c\/a\u003e\n\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#1a2838; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#00c9ff;\"\u003eAdvertencia:\u003c\/strong\u003e El STRAYE LOGAN PUFF se está agotando rápido por su diseño único, calidad nacional y precio exclusivo.\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=\"STRAYE LOGAN PUFF – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_17_feb_2026_06_25_55_p.m.png?v=1771371047\"\u003e\n\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ No sigas el estilo. Márcalo. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eSTRAYE LOGAN PUFF – Calzado Skate Nacional\u003c\/div\u003e\n \u003cp\u003eLos tenis de alto impacto para colombianos que quieren marcar diferencia. Calzado nacional de calidad real, comodidad extrema y diseño que nadie olvida.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 Zahariq Shop. 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) {\n reveals[i].classList.add('visible');\n }\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) {\n img.style.opacity = '1';\n } else {\n img.style.opacity = '0';\n 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();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n let ticking = false;\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n if (!ticking) {\n requestAnimationFrame(function() {\n revealOnScroll();\n ticking = false;\n });\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.7 + 0.3;\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) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\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":"zahariq","offers":[{"title":"FUEGO BLANCO \/ 37","offer_id":47999416566008,"sku":"TENNIS STRAYE LOGAN PUFF-0","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO BLANCO \/ 38","offer_id":47999416598776,"sku":"TENNIS STRAYE LOGAN PUFF-1","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO BLANCO \/ 39","offer_id":47999416631544,"sku":"TENNIS STRAYE LOGAN PUFF-2","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO BLANCO \/ 40","offer_id":47999416664312,"sku":"TENNIS STRAYE LOGAN PUFF-3","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO BLANCO \/ 41","offer_id":47999416697080,"sku":"TENNIS STRAYE LOGAN PUFF-4","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO BLANCO \/ 42","offer_id":47999416729848,"sku":"TENNIS STRAYE LOGAN PUFF-5","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO BLANCO \/ 43","offer_id":47999416762616,"sku":"TENNIS STRAYE LOGAN PUFF-6","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO ROJO \/ 37","offer_id":47999416795384,"sku":"TENNIS STRAYE LOGAN PUFF-7","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO ROJO \/ 38","offer_id":47999416828152,"sku":"TENNIS STRAYE LOGAN PUFF-8","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO ROJO \/ 39","offer_id":47999416860920,"sku":"TENNIS STRAYE LOGAN PUFF-9","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO ROJO \/ 40","offer_id":47999416893688,"sku":"TENNIS STRAYE LOGAN PUFF-10","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO ROJO \/ 41","offer_id":47999416926456,"sku":"TENNIS STRAYE LOGAN PUFF-11","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO ROJO \/ 42","offer_id":47999416959224,"sku":"TENNIS STRAYE LOGAN PUFF-12","price":139900.0,"currency_code":"COP","in_stock":true},{"title":"FUEGO ROJO \/ 43","offer_id":47999416991992,"sku":"TENNIS STRAYE LOGAN PUFF-13","price":139900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Azul_oscuro_20260217_182943_0000.png?v=1771371048"},{"product_id":"set-largo-alo","title":"CONJUNTO DEPORTIVO alo TALLA ÚNICA","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🏋️ AeroFit Set – Conjunto Deportivo Premium | Zahariq Shop 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\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 .old-price {\n text-decoration: line-through; color: #bbbbbb;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\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 \/* ── 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: cover;\n background: #ffffff; padding: 10px;\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 .old-price { font-size: 1.3em; }\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 CONTRA ENTREGA  •  🚚 ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Conjunto Deportivo Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/flat_750x_075_f-pad_750x1000_f8f8f8.jpg?v=1771527516\"\u003e\n\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eCONJUNTO\u003cbr\u003eDEPORTIVO\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ DOS PIEZAS · POWER GRUESA · TALLA ÚNICA ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Entrena, luce, conquista.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e✨ La tela que abraza tu cuerpo sin compromisos ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MI CONJUNTO — $119.900\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- GALERÍA DE PRODUCTO --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✨ EL CONJUNTO QUE TODAS QUIEREN VER EN ACCIÓN ✨\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCero transparencias · Power gruesa · Contramarcado · Horma perfecta\u003c\/p\u003e\n\n \u003cdiv class=\"product-showcase\"\u003e\n\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_01_43_54_p.m.png?v=1771527518\" alt=\"Conjunto Deportivo – Vista completa\"\u003e\n \u003ch3\u003e🏋️ El Conjunto – Diseño Sin Igual\u003c\/h3\u003e\n \u003cp\u003eDos piezas perfectamente combinadas, en tela power gruesa con contramarcado que estiliza y define tu silueta.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_01_43_51_p.m.png?v=1771527521\" alt=\"Mujer modelando el conjunto deportivo\"\u003e\n \u003ch3\u003e💫 Horma Que Abraza\u003c\/h3\u003e\n \u003cp\u003eTalla única pensada para mujeres hasta talla L. Se adapta, se moldea, se ajusta como si fuera hecha para ti.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_01_43_43_p.m.png?v=1771527521\" alt=\"Detalle del conjunto en movimiento\"\u003e\n \u003ch3\u003e⚡ Cero Transparencias\u003c\/h3\u003e\n \u003cp\u003eTela power con doble tejido que garantiza cobertura total en cada movimiento. Entrena con total confianza y libertad.\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\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_01_43_37_p.m.png?v=1771527521\" alt=\"Información de la tela power gruesa\"\u003e\n \u003ch3\u003e🌿 Tela Premium \u003c\/h3\u003e\n \u003cp\u003eTela power gruesa de alta densidad: transpirable, firme, elástica y con excelente recuperación. La diferencia se siente desde la primera puesta.\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 Este Conjunto? ✨\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\u003eTela Power Gruesa\u003c\/h3\u003e\n \u003cp\u003eMaterial de alta densidad que no se adelgaza, no cede y no pierde forma. Calidad que dura lavado tras lavado.\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\u003eCero Transparencias\u003c\/h3\u003e\n \u003cp\u003eDoble compacto. Puede usarse sin ropa interior de color. Cobertura real en cada postura, salto o estiramiento.\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\u003eContramarcado Premium\u003c\/h3\u003e\n \u003cp\u003eLas costuras en relieve definen tu silueta y dan ese efecto visual de cuerpo esculpido que hace la diferencia en cada outfit.\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\u003eHorma Perfecta\u003c\/h3\u003e\n \u003cp\u003eTalla única diseñada para adaptarse a cuerpos desde XS hasta L. Se ajusta sin apretar, sin bajar y sin subirse.\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\u003eRegalo Ideal\u003c\/h3\u003e\n \u003cp\u003ePresentación cuidada y lista para regalar. Ideal para cumpleaños, San Valentín, Día de la Madre o simplemente porque se lo merece.\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\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eDe $169.900 a solo \u003cstrong style=\"color:#1a1a1a\"\u003e$119.900\u003c\/strong\u003e. Ahorra $50.000 en un conjunto que vale mucho más de lo que cuesta.\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!-- MODELO EN ACCIÓN --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"visual-banner\" style=\"background: linear-gradient(160deg,#ffffff 0%,#f3f3f3 100%);\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✨ VISTO EN TU CUERPO, SENTIDO EN TU PIEL ✨\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eReal · Sin filtros excesivos · Talla única hasta L\u003c\/p\u003e\n\n \u003cdiv class=\"product-showcase\" style=\"grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\"\u003e\n\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1756392458PHOTO-2025-08-27-16-36-59.jpg?v=1771527612\" alt=\"Mujer usando el conjunto deportivo\" style=\"max-height:420px;\"\u003e\n \u003ch3\u003e💪 En Movimiento\u003c\/h3\u003e\n \u003cp\u003eCada detalle pensado para que te veas espectacular tanto en el gym como en tu día a día.\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 pedirlo\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\u003eConjunto Deportivo Año – Dos Piezas Premium para Mujer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e👚 Piezas Incluidas\u003c\/strong\u003e\n \u003cspan\u003eTop deportivo + Leggins – conjunto completo listo para usar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🧵 Tela\u003c\/strong\u003e\n \u003cspan\u003ePower gruesa de alta densidad – firme, elástica y con recuperación perfecta\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e✨ Acabado\u003c\/strong\u003e\n \u003cspan\u003eContramarcado de alta calidad que define y estiliza la silueta femenina\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🙅‍♀️ Transparencias\u003c\/strong\u003e\n \u003cspan\u003eCero transparencias – tela de doble tejido con cobertura total garantizada\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e📐 Talla\u003c\/strong\u003e\n \u003cspan\u003eTalla única – se ajusta a mujeres desde XS hasta talla L\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\u003eGym, crossfit, yoga, running, actividades al aire libre o look casual deportivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e💵 Precio Especial\u003c\/strong\u003e\n \u003cspan\u003eAntes $169.900 → Hoy solo $119.900 COP · Ahorra $50.000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🚚 Envío\u003c\/strong\u003e\n \u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🛡️ Garantía\u003c\/strong\u003e\n \u003cspan\u003eTienda verificada · Compra 100% protegida · Entrega rápida y segura\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 Nuestras Clientas ⭐\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\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\/0760\/8270\/8728\/files\/7_20260219_135324_0002.png?v=1771527520\" alt=\"Reseña clienta 1\" 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\"Me lo puse el primer día y ya me preguntaron dónde lo compré. La tela es super gruesa, no se transparenta para nada y se ajusta perfecto a mi cuerpo. Los recomiendo sin dudar.\"\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\/0760\/8270\/8728\/files\/5_20260219_135324_0000.png?v=1771527520\" alt=\"Reseña clienta 2\" 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\"Soy talla M tirando a L y me queda espectacular. El contramarcado hace un efecto increíble en la figura. El pago contraentrega me dio toda la confianza para comprarlo.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Camila S. · 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\/0760\/8270\/8728\/files\/IMG-20260219-WA0024.jpg?v=1771527515\" alt=\"Reseña clienta 3\" 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\"Lo compré y mi hermana quedó enamorada. La calidad se nota desde que lo sacas del empaque. Llegó rápido y en perfectas condiciones. Volvería a comprar en esta página mil veces.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Daniela M. · 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!-- VERIFICACIÓN ZAHARIQ --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-card fade-in\" style=\"max-width: 800px; margin: 0 auto; text-align: center; padding: 45px; border: 2px solid rgba(80,80,80,0.25); box-shadow: 0 0 30px rgba(80,80,80,0.1); opacity:1; transform:none;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Sin_titulo_1080_x_1280_px_1080_x_1180_px__20260219_145123_0000.png?v=1771530712\" alt=\"Verificación Zahariq Shop\" style=\"max-height: 280px; object-fit: contain; margin: 0 auto 25px; border-radius: 18px; width: 100%; border: none; background: transparent;\"\u003e\n \u003ch3 style=\"text-align:center; font-size:1.8em; margin-bottom:18px; color:#1a1a1a; animation: alertPulse 2s ease-in-out infinite;\"\u003e🛡️ TIENDA VERIFICADA Y 100% CONFIABLE 🛡️\u003c\/h3\u003e\n \u003cdiv style=\"background: linear-gradient(135deg, rgba(80,80,80,0.05), rgba(100,100,100,0.08)); padding: 20px 25px; border-radius: 16px; border-left: 4px solid #2c2c2c;\"\u003e\n \u003cp style=\"font-size:1.05em; color:#555555; line-height:1.9;\"\u003e\n \u003cstrong style=\"color:#1a1a1a; font-size:1.1em;\"\u003eZahariq Shop Colombia\u003c\/strong\u003e es una tienda \u003cstrong style=\"color:#333333;\"\u003eoficialmente verificada\u003c\/strong\u003e. Tu compra está 100% protegida.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center; color:#1a1a1a; font-family:'Bebas Neue', sans-serif; font-size:1.4em; letter-spacing:3px; margin-top:20px;\"\u003e✦ TU CONFIANZA ES NUESTRA PRIORIDAD ✦\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- URGENCIA – NO TE QUEDES SIN TU CONJUNTO --\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\/0760\/8270\/8728\/files\/1756392458PHOTO-2025-08-27-16-36-59_3.jpg?v=1771527627\" alt=\"No te quedes sin tu conjunto deportivo\" 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 EL TUYO! 🚨\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 Las colombianas que ya lo tienen saben que un buen conjunto lo cambia todo.\u003cbr\u003e\n \u003cspan style=\"color:#1a1a1a; font-style:italic;\"\u003eStock limitado. Pídelo hoy y recíbelo en casa.\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 Tu Conjunto Deportivo Hoy! ✨\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un conjunto que combine comodidad, estilo y rendimiento real\"\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🚚 Envío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e🧵 Tela Power Gruesa\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e✅ Tienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e⚡ Entrega Rápida y Segura\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e🙅‍♀️ Cero Transparencias\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $169.900 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $119.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $50.000 pesos! · Oferta válida hasta agotar stock 💎\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e✨ QUIERO MI CONJUNTO 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 Este conjunto se está agotando rápidamente por su calidad premium y precio especial.\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=\"Conjunto Deportivo – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/flat_750x_075_f-pad_750x1000_f8f8f8.jpg?v=1771527516\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ Entrena, luce, conquista. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eCONJUNTO DEPORTIVO – Premium Women's Set\u003c\/div\u003e\n \u003cp\u003eEl conjunto deportivo de dos piezas en tela power gruesa, contramarcado y cero transparencias que todas las colombianas quieren. Talla única, horma perfecta, calidad sin compromiso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#555555;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/footer\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- JAVASCRIPT (idéntico al original con colores actualizados) --\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":"zahariq","offers":[{"title":"Default Title","offer_id":48004376723704,"sku":"Aloleggins","price":119900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_01_43_54_p.m.png?v=1771527518"},{"product_id":"nike-air-max-91","title":"NIKE AIR MAX 90 TALLAS 34 A 42","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eTenis Air Max 90 Street Infrared – Edición Unisex | Zahariq Shop 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 { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\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 .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 @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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#e42a2a; --accent-deep:#b21b1b; --star:#f5b301; }\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(228,42,42,0.4); max-width: 100%; }\n .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .price-banner { background: linear-gradient(45deg, #141414, #2b2b2b, #141414); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(228,42,42,0.25); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; }\n .cta-button { background: linear-gradient(45deg, #141414, #e42a2a, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(228,42,42,0.35); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(228,42,42,0.55); }\n .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-title.dark-title { color: #141414; }\n .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(228,42,42,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 25px rgba(228,42,42,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(228,42,42,0.35); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n .product-card:hover h3 { transform: translateY(-3px); }\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 .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(228,42,42,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(228,42,42,0.35); box-shadow: 0 0 25px rgba(228,42,42,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(228,42,42,0.1); }\n .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(228,42,42,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(228,42,42,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(228,42,42,0.3); }\n .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #333333; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(228,42,42,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(228,42,42,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(228,42,42,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(228,42,42,0.3); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(228,42,42,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(228,42,42,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(228,42,42,0.3); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .new-price { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.06); }\n .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(228,42,42,0.3); box-shadow: 0 6px 18px rgba(0,0,0,0.15); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-dark { background: radial-gradient(circle, #e42a2a, #141414); box-shadow: 0 0 8px rgba(228,42,42,0.5); }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .tagline { transform: translateX(10px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); }\n .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Tenis Air Max 90 Street Infrared – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251118_012416_0000_e4ddeb47-d35f-4363-a3e9-5c6cf735901b.png?v=1763448548\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eTENIS\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eAIR MAX 90\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ STREET · CHAROL NEGRO · DETALLE INFRARED ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El tenis que todos voltean a ver.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003ePatrón street · Detalle rojo · Tallas 34 a 42\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS · $144.900\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePATRÓN STREET\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCHAROL NEGRO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDETALLE INFRARED\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 42\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO ICÓNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePATRÓN STREET\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCHAROL NEGRO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDETALLE INFRARED\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 42\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eDISEÑO ICÓNICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eUNISEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eUn Solo Color, Toda la Actitud\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eCharol negro con detalle rojo infrared\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-dark\"\u003e\n\u003cdiv class=\"chip-dot dot-dark\"\u003e\u003c\/div\u003e NEGRO \/ BLANCO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eEl Tenis que Todos Quieren Ver en Sus Pies\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003ePatrón street · Charol negro · Detalle rojo infrared · Diseño icónico\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_03_52_30_p.m.png?v=1771535281\" alt=\"Tenis Air Max 90 – Vista completa\"\u003e\u003c\/div\u003e\n\u003ch3\u003eDiseño Sin Igual\u003c\/h3\u003e\n\u003cp\u003ePatrón street en el guardabarros y la suela que marca tendencia. Un diseño que evoca a las legendarias Air Jordan 2 \"Infrared 23\".\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_03_52_14_p.m.png?v=1771535282\" alt=\"Tenis Air Max 90 en la calle\"\u003e\u003c\/div\u003e\n\u003ch3\u003eHechos Para la Calle\u003c\/h3\u003e\n\u003cp\u003eSuela resistente con patrón street que agarra en cualquier superficie. Del gym a la calle, de la calle al mundo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_03_52_17_p.m.png?v=1771535282\" alt=\"Hombre modelando los tenis Air Max 90\"\u003e\u003c\/div\u003e\n\u003ch3\u003eEstilo Que Domina\u003c\/h3\u003e\n\u003cp\u003eCharol negro brillante combinado con malla del mismo tono y detalles rojos en el cierre que hacen la diferencia total en cualquier outfit.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Elegir Este Tenis?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePatrón Street\u003c\/h3\u003e\n\u003cp\u003eGuardabarros y suela con textura cemento de alta calidad. Un detalle visual que convierte cada paso en una declaración de estilo.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCharol Negro Premium\u003c\/h3\u003e\n\u003cp\u003eAcabado en charol que resiste el tiempo y se ve impecable. Combinado con malla negra para una textura visual sin igual.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDetalle Infrared\u003c\/h3\u003e\n\u003cp\u003eCierres con acento rojo inspirados en las icónicas Air Jordan 2 \"Infrared 23\". El toque que hace que todos volteen a mirar.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTallas 34 a 42\u003c\/h3\u003e\n\u003cp\u003eDisponible en tallas tradicionales colombianas del 34 al 42. Encuentra tu número exacto y camina con la comodidad que mereces.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eRegalo Ideal\u003c\/h3\u003e\n\u003cp\u003ePresentación cuidada y lista para regalar. El tenis perfecto para cumpleaños, Día del Padre, San Valentín o simplemente porque se lo merece.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n\u003cp\u003eDe $189.900 a solo \u003cstrong style=\"color:#141414\"\u003e$144.900\u003c\/strong\u003e. Ahorra $45.000 en un tenis que vale mucho más de lo que cuesta.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eVISTO EN TUS PIES, SENTIDO EN CADA PASO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eVISTO EN TUS PIES, SENTIDO EN CADA PASO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eProducto\u003c\/strong\u003e\u003cspan\u003eTenis Air Max 90 – Edición street \u0026amp; Infrared Premium\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eDiseño\u003c\/strong\u003e\u003cspan\u003ePatrón cemento en guardabarros y suela · Charol negro · Malla negra · Detalles rojos en el cierre\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eAcabado Exterior\u003c\/strong\u003e\u003cspan\u003eCharol negro brillante con malla del mismo color – acabado premium de alta resistencia y durabilidad\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eDetalle Especial\u003c\/strong\u003e\u003cspan\u003eAcento rojo en el cierre inspirado en las icónicas Air Jordan 2 \"Infrared 23\" – diseño exclusivo\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eSuela\u003c\/strong\u003e\u003cspan\u003ePatrón cemento de alta densidad – amortiguación óptima y tracción en cualquier superficie\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003eTallas 34 a 42 en numeración tradicional colombiana – amplio rango para hombre y mujer\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eUso urbano, casual, deportivo y lifestyle – versátil para cualquier ocasión del día\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\u003cspan\u003eAntes $189.900 → Hoy solo $144.900 COP · Ahorra $45.000\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eGarantía\u003c\/strong\u003e\u003cspan\u003eTienda verificada · Compra 100% protegida · Entrega rápida y segura\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260219-WA0041.jpg?v=1771535280\" alt=\"Reseña cliente – Tenis Air Max 90\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Me llegaron rapidísimo y el acabado es increíble. El charol negro se ve de otro nivel y el detalle rojo es lo que más me gustó. Ya me han preguntado tres veces dónde los compré.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Vanesa O. · Medellín\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1771018735WhatsApp_Image_2026-02-13_at_4.22.03_PM.jpg?v=1771535280\" alt=\"Reseña cliente – Tenis Air Max 90\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pedí talla 38 y me quedaron perfectos. La suela agarra muy bien y la calidad se nota desde que los sacas del empaque. El pago contra entrega me dio toda la confianza.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Juan M. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_20260219_154136_WhatsAppBusiness.jpg?v=1771535280\" alt=\"Reseña cliente – Tenis Air Max 90\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Los compré y quedé muy satisfecho. La presentación llegó perfecta y el envío fue súper rápido. Volvería a comprar en esta página sin pensarlo dos veces.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sebastián C. · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 42\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $45.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 34 A 42\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $45.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\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(228,42,42,0.25); box-shadow: 0 0 35px rgba(228,42,42,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_03_52_14_p.m.png?v=1771535282\" alt=\"No te quedes sin tus tenis Air Max 90\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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¡No te Quedes Sin los Tuyos!\u003c\/h2\u003e\n \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eLos colombianos que ya los tienen saben que un buen tenis lo cambia todo.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla. Pídelos hoy y recíbelos en casa.\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tus Tenis Air Max 90 Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un tenis que combine estilo icónico, comodidad real y presencia innegable\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 34 a 42\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEntrega Rápida y Segura\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eDetalle Infrared Exclusivo\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.900 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $144.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $45.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS TENIS AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo exclusivo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Tenis Air Max 90 – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20251118_012416_0000_e4ddeb47-d35f-4363-a3e9-5c6cf735901b.png?v=1763448548\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ El tenis que todos voltean a ver. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eTENIS AIR MAX 90 – Cemento \u0026amp; Infrared Edition\u003c\/div\u003e\n \u003cp\u003eEl tenis premium con patrón street, charol negro y detalles rojo infrared que todos en Colombia quieren. Tallas 34 a 42, comodidad sin límites, estilo sin compromisos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"NEGRO \/ BLANCO \/ 34","offer_id":48005186879736,"sku":"-0","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 35","offer_id":48005186912504,"sku":"-1","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 36","offer_id":48005186945272,"sku":"-2","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 37","offer_id":48005186978040,"sku":"-3","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 38","offer_id":48005187010808,"sku":"-4","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 39","offer_id":48005187043576,"sku":"-5","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 40","offer_id":48005187076344,"sku":"-6","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 41","offer_id":48005187109112,"sku":"-7","price":144900.0,"currency_code":"COP","in_stock":true},{"title":"NEGRO \/ BLANCO \/ 42","offer_id":48005187141880,"sku":"-8","price":144900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_feb_2026_03_52_30_p.m.png?v=1771535281"},{"product_id":"coleccion-nike-vaporfly-3-caja","title":"NIKE VAPORFLY 3","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNike Vaporfly 3 – Colección Running Premium | Zahariq Shop 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: #1a1a1a;\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 \/* ── 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 \/* ── 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 inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n \/* ── CSS VARIABLES · NEÓN VERDE ── *\/\n :root {\n --ink: #141414;\n --graphite: #2b2b2b;\n --stone: #6f6f6f;\n --smoke: #f5f5f5;\n --line: rgba(20,20,20,0.12);\n --mid: #555555;\n --accent: #3db800;\n --accent-deep: #2a8200;\n --blue: #1a6bff;\n --star: #f5b301;\n }\n \/* ── SCROLL PROGRESS ── *\/\n .scroll-progress {\n position: fixed; top: 0; left: 0; width: 0%; height: 3px;\n background: linear-gradient(90deg, var(--accent), var(--blue), var(--accent));\n z-index: 1000; transition: width 0.1s ease;\n box-shadow: 0 0 8px rgba(61,184,0,0.4); max-width: 100%;\n }\n \/* ── HERO · BLANCO MINIMALISTA ── *\/\n .hero {\n background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff;\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 \/* ── PRICE BANNER ── *\/\n .price-banner {\n background: linear-gradient(45deg, #3db800, #6dff2a, #3db800);\n color: #ffffff; 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(61,184,0,0.4);\n border: 1px solid rgba(0,0,0,0.08);\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 \/* ── 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: cover;\n border-radius: 50%;\n background: #ffffff;\n padding: 10px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n border: 2px solid rgba(20,20,20,0.12);\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, inkGlow 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.16);\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: var(--stone); 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: #141414;\n animation: titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n }\n .hero h1 span.accent-word {\n color: #ffffff;\n -webkit-text-stroke: 1px var(--accent);\n text-stroke: 1px var(--accent);\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: var(--accent); font-weight: 900; font-style: italic;\n position: relative;\n }\n \/* ── CTA BUTTON ── *\/\n .cta-button {\n background: linear-gradient(45deg, #3db800, #6dff2a, #3db800);\n background-size: 200% 200%;\n color: #ffffff; 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(61,184,0,0.45);\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(61,184,0,0.6);\n }\n \/* ── COLOR BADGE ── *\/\n .color-badge {\n display: inline-block; padding: 6px 18px; border-radius: 50px;\n font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px;\n margin: 0 6px 10px; font-weight: 700;\n }\n .badge-dark {\n background: linear-gradient(135deg, #141414, #2b2b2b);\n color: #fff; border: 1px solid rgba(0,0,0,0.2);\n }\n .badge-soft {\n background: linear-gradient(135deg, #ececec, #f8f8f8);\n color: #333; border: 1px solid rgba(0,0,0,0.12);\n }\n \/* ══════════════════════════════════════════════════ *\/\n \/* ── MARQUEE \/ SLIDER STRIPS · MOTOR ULTRA-FLUIDO ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n \/* ══════════════════════════════════════════════════ *\/\n .marquee {\n position: relative; overflow: hidden; padding: 20px 0;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\n }\n .marquee.dark {\n background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d);\n border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .marquee.light {\n background: #ffffff;\n border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12);\n }\n .marquee__track {\n display: flex; width: max-content;\n will-change: transform; backface-visibility: hidden;\n transform: translate3d(0,0,0);\n }\n .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n .marquee:hover .marquee__track { animation-play-state: paused; }\n .marquee__group {\n display: flex; align-items: center; flex: 0 0 auto;\n }\n .marquee__group .m-item {\n font-family: 'Bebas Neue', sans-serif; font-size: 1.9em;\n letter-spacing: 3px; padding: 0 6px; white-space: nowrap;\n }\n .marquee__group .m-sep {\n display: inline-block; padding: 0 22px; font-style: normal;\n font-size: 1.1em; line-height: 1;\n }\n .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n .marquee.dark .m-sep { color: #9a9a9a; }\n .marquee.light .m-item { color: #141414; }\n .marquee.light .m-sep { color: var(--accent); }\n @media (max-width: 768px) {\n .marquee { padding: 15px 0; }\n .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; }\n .marquee__group .m-sep { padding: 0 15px; }\n }\n \/* ── SECCIONES ── *\/\n .visual-banner {\n background: #ffffff;\n padding: 100px 0; text-align: center; position: relative; overflow: hidden;\n width: 100%; max-width: 100%;\n }\n .visual-banner.urban-section { background: #ffffff; }\n .section-title {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em;\n color: #141414; margin-bottom: 15px; text-align: center;\n position: relative; z-index: 2; word-wrap: break-word;\n padding: 0 10px; letter-spacing: 3px;\n }\n .section-title.dark-title { color: #141414; }\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, var(--accent), transparent);\n margin: 15px auto 30px;\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.06);\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(20,20,20,0.1);\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(61,184,0,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(61,184,0,0.12), 0 25px 70px rgba(0,0,0,0.1);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(61,184,0,0.4);\n }\n .product-card img, .product-card video {\n width: 100%; max-width: 100%; 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(20,20,20,0.08);\n }\n .img-frame {\n width: 100%; aspect-ratio: 4 \/ 5;\n overflow: hidden; border-radius: 18px; margin-bottom: 22px;\n border: 1px solid rgba(20,20,20,0.08);\n }\n .img-frame img {\n width: 100%; height: 100%; object-fit: cover;\n border-radius: 0; margin-bottom: 0; border: none;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .product-card h3 {\n color: #141414; margin-bottom: 12px;\n font-family: 'Bebas Neue', sans-serif; font-size: 1.4em;\n letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .product-card:hover h3 { transform: translateY(-3px); }\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 \/* ── BENEFITS ── *\/\n .benefits {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n 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(61,184,0,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(61,184,0,0.4);\n box-shadow: 0 0 25px rgba(61,184,0,0.1), 0 20px 60px rgba(0,0,0,0.1);\n }\n .benefit-icon {\n font-size: 2.4em; margin-bottom: 20px; display: block;\n color: var(--accent); line-height: 1;\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.15) rotate(180deg);\n color: var(--accent-deep);\n }\n .benefit-card h3 {\n margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.5em; letter-spacing: 2px; color: #141414;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n .benefit-card:hover h3 { transform: translateY(-4px); }\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 \/* ── 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: #f6f6f6;\n padding: 28px; border-radius: 18px;\n border-left: 4px solid var(--accent);\n border-top: 1px solid rgba(20,20,20,0.06);\n border-right: 1px solid rgba(20,20,20,0.04);\n border-bottom: 1px solid rgba(20,20,20,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, var(--accent), var(--blue), var(--accent-deep));\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.07), -8px 0 20px rgba(61,184,0,0.1);\n }\n .spec-item strong {\n color: #141414; 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); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n \/* ── TESTIMONIALS ── *\/\n .testimonials {\n background: #f6f6f6;\n color: #141414; 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(20,20,20,0.1);\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(61,184,0,0.05) 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(61,184,0,0.1), 0 25px 70px rgba(0,0,0,0.1);\n border-color: rgba(61,184,0,0.35);\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 { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating {\n font-size: 1.15em; margin-bottom: 16px; color: var(--star);\n letter-spacing: 4px;\n transition: all 0.3s ease;\n }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\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: #141414; 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 \/* ── TRUST ── *\/\n .trust {\n background: #ffffff; padding: 90px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n width: 100%; max-width: 100%;\n }\n .verification-image {\n max-width: 620px; width: 90%; height: auto; border-radius: 20px;\n box-shadow: 0 15px 45px rgba(0,0,0,0.12);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: block; margin: 34px auto 0;\n border: 1px solid rgba(20,20,20,0.1);\n }\n .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n \/* ── FINAL CTA ── *\/\n .final-cta {\n background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(61,184,0,0.06) 0%, transparent 70%), #ffffff;\n color: #141414; padding: 100px 0; text-align: center;\n position: relative; overflow: hidden; width: 100%; max-width: 100%;\n }\n .final-cta h2 {\n font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px;\n margin-bottom: 20px; color: #141414; position: relative; z-index: 2;\n word-wrap: break-word; padding: 0 10px;\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 \/* ── PAYMENT INFO ── *\/\n .payment-info {\n background: #f6f6f6;\n padding: 40px; border-radius: 25px; margin: 50px 0;\n border: 1.5px solid rgba(20,20,20,0.12);\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(61,184,0,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(61,184,0,0.1), 0 20px 50px rgba(0,0,0,0.05);\n border-color: rgba(61,184,0,0.3);\n }\n .payment-info h3 {\n margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8em; letter-spacing: 3px; color: #141414;\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: #141414; }\n .payment-feature::before {\n content: '✓'; margin-right: 15px; font-weight: bold;\n color: #141414; 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 \/* ── PRICE COMPARISON ── *\/\n .price-comparison {\n background: #f6f6f6;\n padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center;\n border: 1.5px solid rgba(20,20,20,0.15); 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(61,184,0,0.06), 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(61,184,0,0.1), 0 20px 50px rgba(0,0,0,0.06);\n border-color: rgba(61,184,0,0.35);\n }\n .old-price {\n text-decoration: line-through; color: #aaaaaa;\n font-size: 1.6em; transition: all 0.3s ease;\n word-wrap: break-word; display: block; margin-bottom: 10px;\n }\n .new-price {\n color: var(--accent); font-family: 'Bebas Neue', sans-serif;\n font-size: 3.5em; letter-spacing: 3px;\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 { transform: scale(1.06); }\n .savings {\n color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px;\n transition: all 0.3s ease; word-wrap: break-word;\n }\n \/* ── CHIPS SECTION ── *\/\n .colors-section {\n background: #ffffff;\n padding: 60px 0; text-align: center;\n border-top: 1px solid rgba(20,20,20,0.08);\n border-bottom: 1px solid rgba(20,20,20,0.08);\n }\n .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n .color-chip {\n display: flex; align-items: center; gap: 12px; padding: 12px 24px;\n border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px;\n transition: all 0.3s ease; cursor: default;\n }\n .chip-neon { background: linear-gradient(135deg, #3db800, #6dff2a); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(61,184,0,0.25); }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n .dot-neon { background: radial-gradient(circle, #adff2f, #1a6bff); box-shadow: 0 0 8px rgba(61,184,0,0.4); }\n .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n \/* ── FOOTER (full-bleed) ── *\/\n \/* ── FIX FULL-BLEED: compatible navegador interno FB ─ *\/\n .footer {\n background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a);\n color: #cccccc; padding: 80px 0; text-align: center;\n border-top: 1px solid rgba(255,255,255,0.08);\n position: relative; overflow: hidden;\n width: auto; max-width: none;\n margin-left: calc(-50vw + 50%);\n margin-right: calc(-50vw + 50%);\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: cover;\n background: #ffffff; padding: 10px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n border: 2px solid rgba(255,255,255,0.15);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n animation: inkGlow 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.6);\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: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word;\n }\n .footer-text:hover .tagline { transform: translateX(10px); }\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: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #cccccc; }\n \/* ── RESPONSIVE ── *\/\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3.2em; }\n .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\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 .old-price { font-size: 1.3em; }\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\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- HERO · FONDO BLANCO MINIMALISTA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA · ENVÍO A TODO COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Nike Vaporfly 3 – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20260223_152223_0000.png?v=1771878176\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eNIKE\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eVAPORFLY\u003c\/span\u003e\u003cbr\u003e3\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ COLECCIÓN RUNNING PREMIUM ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El tenis que te hace más imparable.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eTecnología ZoomX · Flyknit · Tallas 37 a 43\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eEDICIÓN PREMIUM\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eUNISEX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS VAPORFLY · $148.900\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 1 · DESEO \/ PRODUCTO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eTECNOLOGÍA ZOOMX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eFLYKNIT ULTRARESPIRABLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eULTRA LIGERA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRUNNING PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eTECNOLOGÍA ZOOMX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eFLYKNIT ULTRARESPIRABLE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e2 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eULTRA LIGERA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRUNNING PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CHIPS · COLORES --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eDos Colores, Una Sola Obsesión\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eElige el que más te identifica — los dos te hacen volar\u003c\/p\u003e\n \u003cdiv class=\"color-chips\"\u003e\n \u003cdiv class=\"color-chip chip-neon\"\u003e\n \u003cdiv class=\"chip-dot dot-neon\"\u003e\u003c\/div\u003e VERDE NEÓN \/ AZUL\n \u003c\/div\u003e\n \u003cdiv class=\"color-chip chip-white\"\u003e\n \u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO \/ GRIS\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA NEÓN --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner urban-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eNeón · El que Todos Voltean a Ver\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eVerde lima · Swoosh azul · ZoomX · Diseño que domina la pista\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_19_43_p.m.png?v=1771716287\" alt=\"Nike Vaporfly 3 Neón – Perfil externo\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003ePerfil Exterior\u003c\/h3\u003e\n \u003cp\u003eVerde lima eléctrico con el Swoosh azul que rompe esquemas. Una silueta aerodinámica que comunica velocidad antes de dar el primer paso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_19_47_p.m.png?v=1771716287\" alt=\"Nike Vaporfly 3 Neón – Perfil interno\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003ePerfil Interior\u003c\/h3\u003e\n \u003cp\u003eLa entresuela ZoomX abultada en el talón reduce el peso interior y entrega una pisada estable a cada zancada. Ingeniería pura en cada milímetro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_19_29_p.m.png?v=1771716290\" alt=\"Hombre y mujer modelando Nike Vaporfly 3 Neón\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eEn Acción\u003c\/h3\u003e\n \u003cp\u003eHombre y mujer, dos estilos, un mismo tenis. El Vaporfly 3 en neón se adapta a cualquier look, del gym a la ciudad, de la carrera a la vida.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- GALERÍA BLANCO --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title dark-title fade-in\"\u003eBlanco · Elegancia que Vuela\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eBlanco puro · Detalles gris · ZoomX · Minimalismo de alto rendimiento\u003c\/p\u003e\n \u003cdiv class=\"product-showcase\"\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_23_08_p.m.png?v=1771716290\" alt=\"Nike Vaporfly 3 Blanco – Perfil externo\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003ePerfil Exterior\u003c\/h3\u003e\n \u003cp\u003eBlanco inmaculado con detalles en gris que le dan profundidad y carácter. La versión clean del Vaporfly 3 que combina con todo, en todas partes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_19_32_p.m.png?v=1771716288\" alt=\"Nike Vaporfly 3 Blanco – Perfil interno\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003ePerfil Interior\u003c\/h3\u003e\n \u003cp\u003eLa misma tecnología ZoomX en una paleta neutra que eleva cualquier outfit. Espuma de retorno de energía con una transición suave a cada paso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-card scale-in\"\u003e\n \u003cdiv class=\"img-frame\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_19_26_p.m.png?v=1771716289\" alt=\"Hombre y mujer modelando Nike Vaporfly 3 Blanco\"\u003e\n \u003c\/div\u003e\n \u003ch3\u003eEn Acción\u003c\/h3\u003e\n \u003cp\u003eUna colorway atemporal que sienta bien en cualquier pie. Del look deportivo al casual urbano, el Vaporfly blanco es el comodín perfecto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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é el Vaporfly 3?\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eZoomX Foam Mejorada\u003c\/h3\u003e\n \u003cp\u003eEspuma ZoomX ligeramente mejorada que va del talón a la punta, entregando más retorno de energía que nunca. Sientes el rebote en cada zancada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eFlyknit Ultrarespirable\u003c\/h3\u003e\n \u003cp\u003eHilos Flyknit seleccionados con zonas de diseño avanzado en el antepié. Transpirabilidad máxima para una sensación de frescura sin igual.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePisada Estable\u003c\/h3\u003e\n \u003cp\u003eLa entresuela abultada en el talón reduce el peso interior y permite una pisada más estable y eficiente. Diseñada para maximizar tu rendimiento.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eUltra Ligera\u003c\/h3\u003e\n \u003cp\u003eSuela de goma delgada actualizada que usa menos material sin sacrificar durabilidad. Milímetros adicionales de ZoomX en la planta del pie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003eDos Colorways Exclusivos\u003c\/h3\u003e\n \u003cp\u003eNeón eléctrico para los que quieren ser vistos. Blanco puro para los que prefieren la elegancia. Dos caracteres, una misma tecnología.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\n \u003ch3\u003ePrecio Especial Hoy\u003c\/h3\u003e\n \u003cp\u003eDe $189.900 a solo \u003cstrong style=\"color:#141414\"\u003e$148.900\u003c\/strong\u003e. Ahorras $41.000 en un tenis de élite que vale mucho más de lo que cuesta.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 2 · PERSUASIÓN \/ PRUEBA SOCIAL --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003eVISTO EN TUS PIES, SENTIDO EN CADA PASO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003eVISTO EN TUS PIES, SENTIDO EN CADA PASO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCLIENTES SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eEspecificaciones 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 \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eProducto\u003c\/strong\u003e\n \u003cspan\u003eNike Vaporfly 3 – Colección Running Premium · Edición Colombia\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eColores\u003c\/strong\u003e\n \u003cspan\u003eNeón (Verde Lima + Swoosh Azul) · Blanco (Blanco Puro + Detalles Gris)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTecnología Foam\u003c\/strong\u003e\n \u003cspan\u003eNike ZoomX mejorada – espuma ultra responsiva que va del talón a la punta para máximo retorno de energía\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eUpper\u003c\/strong\u003e\n \u003cspan\u003eFlyknit seleccionado con zonas de diseño avanzado – transpirabilidad superior y soporte estructural en el antepié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePisada\u003c\/strong\u003e\n \u003cspan\u003eEntresuela abultada en el talón para pisada estable y eficiente – reduce peso interior y optimiza cada zancada\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eSuela\u003c\/strong\u003e\n \u003cspan\u003eGoma delgada actualizada con patrón waffle perforado – menor peso, mayor tracción en múltiples superficies\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\n \u003cspan\u003eTallas 37 a 43 en numeración colombiana – disponible en ambos colores\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eUso Ideal\u003c\/strong\u003e\n \u003cspan\u003eRunning de alto rendimiento, lifestyle urbano, gym, uso diario – el tenis de élite democratizado para Colombia\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003ePrecio Especial\u003c\/strong\u003e\n \u003cspan\u003eAntes $189.900 → Hoy solo $148.900 COP · Ahorra $41.000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003eEnvío\u003c\/strong\u003e\n \u003cspan\u003eA todo Colombia con pago cómodo contra entrega – sin riesgo, sin estrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260221-WA0025.jpg?v=1771716284\" alt=\"Reseña cliente Neón\" 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\"Llegaron en dos días y el color neón es incluso más impresionante en persona. Desde el primer uso noté lo ligeros que son, como si no llevara nada.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Valentina R. · Medellín\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260221-WA0023.jpg?v=1771716284\" alt=\"Reseña cliente Blanco\" 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 blancos talla 41 y me quedaron perfectos. La amortiguación es una locura, se siente como correr sobre nubes. El pago contra entrega me dio toda la confianza para comprar.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Andrés M. · Bogotá\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260221-WA0024.jpg?v=1771716284\" alt=\"Reseña cliente Neón mujer\" 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\"Me los regalaron y no los he querido quitar. El neón combina con todo y la suela aguanta de verdad. Zahariq cumple, llegaron rápido y en perfecto estado, totalmente recomendados.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Daniela C. · Cali\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- SLIDER 3 · OFERTA \/ CONFIANZA --\u003e\n\u003c!-- ============================================================ --\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"marquee__track\"\u003e\n \u003cdiv class=\"marquee__group\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $41.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eENVÍO A TODO COLOMBIA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLAS 37 A 43\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAHORRA $41.000\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================ --\u003e\n\u003c!-- URGENCIA --\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(61,184,0,0.25); box-shadow: 0 0 35px rgba(61,184,0,0.1);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_19_26_p.m.png?v=1771716289\" alt=\"No te quedes sin tus Nike Vaporfly 3\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#141414; 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 colombianos que ya los tienen saben que un buen tenis lo cambia todo.\u003cbr\u003e\n \u003cspan style=\"color:#141414; font-style:italic;\"\u003eStock limitado por talla y color. Pídelos hoy y recíbelos en casa.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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 Tu Nike Vaporfly 3 Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces un tenis que combine tecnología de élite, estilo inimitable y esa sensación de volar a cada paso\"\u003c\/p\u003e\n \u003cdiv class=\"payment-info fade-in\"\u003e\n \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n \u003cdiv class=\"payment-features\"\u003e\n \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eEnvío a Todo Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTallas 37 a 43\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eZoomX Foam Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eNeón o Blanco\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"price-comparison fade-in\"\u003e\n \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.900 COP\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003eHOY SOLO $148.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $41.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MIS VAPORFLY AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n \u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Las tallas se están agotando rápidamente por la alta demanda de este modelo exclusivo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\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=\"Nike Vaporfly 3 – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Zahariq_Shop_20260223_152223_0000.png?v=1771878176\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ El tenis que te hace volar. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eNIKE VAPORFLY 3 – Edición Colombia\u003c\/div\u003e\n \u003cp\u003eEl tenis de running premium con tecnología ZoomX Foam mejorada, upper Flyknit ultrarespirable y dos colorways exclusivos. Tallas 37 a 43, envío a todo Colombia y pago contra entrega.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\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 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 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 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 document.addEventListener('DOMContentLoaded', function() {\n smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress();\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 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 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 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 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 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 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","brand":"zahariq","offers":[{"title":"VERDE \/ 43","offer_id":48135295074552,"sku":"-8","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 41","offer_id":48008882815224,"sku":"-15","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 40","offer_id":48135294976248,"sku":"-5","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 41","offer_id":48135295009016,"sku":"-6","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 42","offer_id":48135295041784,"sku":"-7","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 42","offer_id":48008882847992,"sku":"-16","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 43","offer_id":48008882880760,"sku":"-17","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 35","offer_id":48135295107320,"sku":"-9","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 37","offer_id":48008882422008,"sku":"-11","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 38","offer_id":48008882389240,"sku":"-12","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 39","offer_id":48008882356472,"sku":"-13","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 40","offer_id":48008882782456,"sku":"-14","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"BLANCO \/ 36","offer_id":48135294779640,"sku":"-10","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 35","offer_id":48135294812408,"sku":"-0","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 36","offer_id":48135294845176,"sku":"-1","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 37","offer_id":48135294877944,"sku":"-2","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 38","offer_id":48135294910712,"sku":"-3","price":148900.0,"currency_code":"COP","in_stock":true},{"title":"VERDE \/ 39","offer_id":48135294943480,"sku":"-4","price":148900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_feb_2026_06_19_43_p.m.png?v=1771716287"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/collections\/1000102023.jpg?v=1761753225","url":"https:\/\/zahariq.com\/collections\/calzado.oembed?page=3","provider":"zahariq","version":"1.0","type":"link"}