{"title":"MODA FEMENINA","description":"\u003cp\u003eEncuentra prendas que realzan tu estilo con elegancia y autenticidad. Moda femenina en tendencia, con diseños versátiles, materiales de calidad y detalles que te hacen lucir segura, moderna y sofisticada.\u003c\/p\u003e","products":[{"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":"body-stefanny-x3-azul-blanco-amarillo","title":"BODY STEFANNY PACK X 3 TALLA ÚNICA","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBody Stefanny Pack x3 – Azul, Blanco y Beige | 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 .zh-landing-wrap { width: 100%; max-width: 100%; container-type: inline-size; container-name: zhland; }\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 highlightGlow { 0%, 100% { text-shadow: 0 0 0 rgba(61,107,163,0); } 50% { text-shadow: 0 0 10px rgba(61,107,163,0.35); } }\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 @keyframes shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n :root { --ink:#141414; --stone:#6f6f6f; --accent:#3d6ba3; --accent-deep:#264a75; --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; 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: 60px 0; text-align: center; position: relative; overflow: hidden; 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.15em; font-weight: bold; box-shadow: 0 8px 25px rgba(20,20,20,0.35); border: 1px solid rgba(61,107,163,0.3); max-width: 100%; letter-spacing: 0.5px; animation: pulse 2s infinite, slideInTop 1s ease-out; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 30px; width: 100%; max-width: 100%; }\n .hero-logo { width: 340px; height: 340px; 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); max-width: 90%; animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; }\n .hero-logo:hover { transform: scale(1.06) rotate(1deg) translateY(-10px); }\n .hero-text { flex: 1; max-width: 600px; width: 100%; text-align: left; animation: textReveal 1.2s ease-out 1s both; }\n .brand-eyebrow { 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: 4.4em; margin-bottom: 10px; letter-spacing: 4px; line-height: 0.95; color: #141414; word-wrap: break-word; animation: titleReveal 1s ease-out 1.2s both; }\n .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); }\n .hero .subtitle { font-size: 1em; margin-bottom: 16px; color: #555555; font-weight: 700; letter-spacing: 2px; word-wrap: break-word; animation: subtitleReveal 1s ease-out 1.4s both; }\n .hero p { font-size: 1.15em; margin-bottom: 18px; color: #333333; word-wrap: break-word; font-weight: 500; animation: paragraphReveal 1s ease-out 1.6s both; }\n .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; animation: highlightGlow 3s ease-in-out infinite; }\n .cta-button { background: linear-gradient(45deg, #141414, #3d6ba3, #141414); background-size: 200% 200%; color: #ffffff; padding: 18px 50px; border: none; border-radius: 50px; font-size: 1.25em; 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(61,107,163,0.35); margin: 10px; max-width: 90%; animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; }\n .cta-button:hover { transform: translateY(-5px) scale(1.06); box-shadow: 0 15px 40px rgba(61,107,163,0.5); }\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; }\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: 18px 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; }\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.7em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; color: #141414; }\n .marquee__group .m-sep { display: inline-block; padding: 0 20px; color: var(--accent); font-size: 1.1em; }\n @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.3em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 14px; } }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 2.8em; color: #141414; margin-bottom: 12px; text-align: center; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n .section-subtitle { font-size: 1.05em; color: #777777; text-align: center; margin-bottom: 40px; 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: 12px auto 26px; }\n .colors-section { background: #ffffff; padding: 50px 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: 18px; }\n .color-chip { display: flex; align-items: center; gap: 10px; padding: 10px 22px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1em; letter-spacing: 1.5px; transition: all 0.3s ease; }\n .color-chip:hover { transform: translateY(-3px) scale(1.05); }\n .chip-blue { background: linear-gradient(135deg, #3d6ba3, #6a94c9); color: #fff; }\n .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); }\n .chip-beige { background: linear-gradient(135deg, #cbb392, #e0cba8); color: #4a3b26; }\n .chip-dot { width: 14px; height: 14px; border-radius: 50%; }\n .dot-blue { background: radial-gradient(circle,#7ea3d8,#264a75); }\n .dot-white { background: radial-gradient(circle,#ffffff,#cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n .dot-beige { background: radial-gradient(circle,#f0dfc0,#a88a5c); }\n .visual-banner { background: #ffffff; padding: 70px 0; text-align: center; width: 100%; max-width: 100%; }\n .carousel { position: relative; max-width: 480px; margin: 40px auto 0; }\n .carousel__viewport { position: relative; width: 100%; aspect-ratio: 4\/5; border-radius: 22px; overflow: hidden; box-shadow: 0 20px 55px rgba(0,0,0,0.14); border: 1px solid rgba(20,20,20,0.08); background:#f2f2f2; transition: box-shadow 0.4s ease; }\n .carousel__viewport:hover { box-shadow: 0 25px 65px rgba(61,107,163,0.2); }\n .carousel__track { display: flex; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.65,0,0.35,1); }\n .carousel__slide { flex: 0 0 100%; width: 100%; height: 100%; }\n .carousel__slide img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }\n .carousel__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.92); border: 1px solid rgba(20,20,20,0.1); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,0.15); z-index: 5; font-size: 1.3em; color: #141414; user-select: none; transition: all 0.25s ease; }\n .carousel__arrow:hover { background: #141414; color: #fff; transform: translateY(-50%) scale(1.08); }\n .carousel__arrow--prev { left: 12px; }\n .carousel__arrow--next { right: 12px; }\n .carousel__dots { display: flex; justify-content: center; gap: 9px; margin-top: 18px; }\n .carousel__dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(20,20,20,0.2); cursor: pointer; transition: all 0.3s ease; }\n .carousel__dot.active { background: var(--accent); width: 24px; border-radius: 5px; }\n .carousel-label { font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; margin-top: 26px; }\n .carousel-desc { color: #666; font-size: 1em; max-width: 480px; margin: 8px auto 0; line-height: 1.7; }\n .benefits { background: #f6f6f6; color: #141414; padding: 70px 0; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px; margin-top: 40px; width: 100%; max-width: 100%; }\n .benefit-card { background: #ffffff; padding: 38px 26px; border-radius: 22px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); box-shadow: 0 8px 26px rgba(0,0,0,0.05); position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(61,107,163,0.06) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.05) translateY(-6px); border-color: rgba(61,107,163,0.4); box-shadow: 0 0 20px rgba(61,107,163,0.12), 0 16px 40px rgba(0,0,0,0.08); }\n .benefit-icon { font-size: 2.2em; margin-bottom: 16px; display: block; color: var(--accent); 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: 14px; font-family: 'Bebas Neue', sans-serif; font-size: 1.3em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; }\n .benefit-card:hover h3 { transform: translateY(-3px); }\n .benefit-card p { color: #666666; line-height: 1.65; font-size: 0.95em; transition: color 0.3s ease; }\n .benefit-card:hover p { color: #333333; }\n .specifications { background: #ffffff; padding: 70px 0; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 40px; width: 100%; max-width: 100%; }\n .spec-item { background: #f6f6f6; padding: 24px; border-radius: 16px; border-left: 4px solid var(--accent); box-shadow: 0 6px 18px rgba(0,0,0,0.04); position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\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(10px) scale(1.01); box-shadow: 0 16px 40px rgba(0,0,0,0.06), -6px 0 16px rgba(61,107,163,0.1); }\n .spec-item strong { color: #141414; font-size: 0.82em; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; display: block; margin-bottom: 7px; transition: all 0.3s ease; }\n .spec-item:hover strong { transform: translateX(6px); color: var(--stone); }\n .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.55; }\n .testimonials { background: #f6f6f6; color: #141414; padding: 70px 0; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 28px; margin-top: 40px; width: 100%; max-width: 100%; }\n .testimonial-card { background: #ffffff; border-radius: 22px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; box-shadow: 0 8px 26px rgba(0,0,0,0.06); position: relative; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(61,107,163,0.06) 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(-8px) scale(1.02); box-shadow: 0 0 22px rgba(61,107,163,0.12), 0 18px 44px rgba(0,0,0,0.08); }\n .testimonial-image { width: 100%; aspect-ratio: 4\/5; object-fit: cover; display: block; transition: all 0.5s ease; }\n .testimonial-card:hover .testimonial-image { transform: scale(1.05); filter: brightness(1.03); }\n .testimonial-body { padding: 24px; position: relative; z-index: 2; }\n .testimonial-rating { font-size: 1.1em; margin-bottom: 12px; color: var(--star); letter-spacing: 3px; }\n .testimonial-text { font-style: italic; margin-bottom: 16px; line-height: 1.7; color: #555555; font-size: 0.95em; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1em; }\n .trust { 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); width: 100%; max-width: 100%; }\n .verification-image { max-width: 580px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); display: block; margin: 28px auto 0; border: 1px solid rgba(20,20,20,0.1); transition: all 0.5s ease; }\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(61,107,163,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 70px 0; text-align: center; width: 100%; max-width: 100%; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 2.6em; letter-spacing: 3px; margin-bottom: 16px; color: #141414; word-wrap: break-word; padding: 0 10px; }\n .final-cta p { font-size: 1.15em; margin-bottom: 34px; color: #666666; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: #f6f6f6; padding: 34px; border-radius: 22px; margin: 40px 0; border: 1.5px solid rgba(20,20,20,0.12); width: 100%; max-width: 100%; position: relative; overflow: hidden; transition: all 0.5s ease; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(61,107,163,0.06), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info h3 { margin-bottom: 20px; font-family: 'Bebas Neue', sans-serif; font-size: 1.6em; letter-spacing: 3px; color: #141414; }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1em; color: #444444; padding: 8px 0; font-weight: 600; transition: all 0.3s ease; }\n .payment-feature:hover { transform: translateX(8px); color: #141414; }\n .payment-feature::before { content: '✓'; margin-right: 12px; font-weight: bold; color: #141414; font-size: 1.2em; transition: all 0.3s ease; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n .price-comparison { background: #f6f6f6; padding: 30px; border-radius: 20px; margin: 34px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); width: 100%; max-width: 100%; position: relative; overflow: hidden; transition: all 0.5s ease; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(61,107,163,0.06), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.03); box-shadow: 0 16px 40px rgba(61,107,163,0.12); }\n .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.4em; display: block; margin-bottom: 8px; }\n .new-price { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 2.6em; letter-spacing: 2px; display: block; transition: all 0.3s ease; }\n .price-comparison:hover .new-price { transform: scale(1.05); }\n .savings { color: var(--stone); font-size: 1em; font-weight: 700; margin-top: 10px; }\n .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 60px 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: 30px; flex-wrap: wrap; margin-bottom: 28px; width: 100%; max-width: 100%; }\n .footer-logo { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); max-width: 80%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; transition: all 0.5s ease; }\n .footer-logo:hover { transform: scale(1.08) rotate(2deg); }\n .footer-text { flex: 1; max-width: 480px; text-align: left; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 3px; color: #ffffff; margin-bottom: 10px; transition: all 0.3s ease; }\n .footer-text:hover .tagline { transform: translateX(8px); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 1.7em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; }\n .footer-text p { font-size: 0.95em; color: #999999; line-height: 1.65; }\n\n @media (max-width: 768px) {\n body { overflow-x: hidden; width: 100%; max-width: 100%; }\n .hero h1 { font-size: 3em; }\n .hero-content { flex-direction: column; gap: 24px; text-align: center; }\n .hero-text { text-align: center; }\n .hero-logo { width: 220px; height: 220px; }\n .section-title { font-size: 2em; }\n .benefits-grid, .specs-grid, .testimonials-grid { grid-template-columns: 1fr; }\n .footer-content { flex-direction: column; gap: 20px; text-align: center; }\n .footer-text { text-align: center; }\n .footer-logo { width: 130px; height: 130px; }\n .carousel { max-width: 100%; }\n .carousel-label { font-size: 1.4em; }\n .container { padding: 0 15px; }\n }\n @container zhland (max-width: 700px) {\n .container { padding: 0 15px; }\n .hero { padding: 40px 0; }\n .hero-content { flex-direction: column; gap: 20px; text-align: center; }\n .hero-text { text-align: center; }\n .hero-logo { width: 200px; height: 200px; }\n .hero h1 { font-size: 2.1em; }\n .hero .subtitle { font-size: 1em; }\n .hero p { font-size: 1em; }\n .section-title { font-size: 1.7em; }\n .section-subtitle { font-size: 0.95em; }\n .benefits-grid, .specs-grid, .testimonials-grid { grid-template-columns: 1fr; }\n .cta-button { font-size: 0.95em; padding: 13px 24px; display: block; }\n .payment-features { grid-template-columns: 1fr; }\n .footer-content { flex-direction: column; gap: 18px; text-align: center; }\n .footer-text { text-align: center; }\n .footer-logo { width: 130px; height: 130px; }\n .old-price { font-size: 1.2em; }\n .new-price { font-size: 1.7em; }\n .carousel { max-width: 340px; }\n .carousel-label { font-size: 1.4em; }\n }\n @container zhland (max-width: 420px) {\n .hero h1 { font-size: 1.8em; }\n .section-title { font-size: 1.4em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"zh-landing-wrap\"\u003e\n\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003eENVÍO GRATIS · PAGO CONTRA ENTREGA A TODA COLOMBIA\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Body Stefanny Pack x3 – 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\u003eBODY\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eSTEFANNY\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ PACK X 3 · AZUL · BLANCO · BEIGE ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Importado, de tela ajustable y fresca, diseñado para acompañarte todo el día sin perder su forma.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003eTalla única · Ajusta desde XS hasta L\u003c\/p\u003e\n \u003cdiv style=\"margin-top:12px;\"\u003e\n \u003cspan class=\"color-badge badge-dark\"\u003eIMPORTADO\u003c\/span\u003e\n \u003cspan class=\"color-badge badge-soft\"\u003eTALLA ÚNICA XS-L\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MI PACK X 3 · $139.900\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\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\"\u003eTELA IMPORTADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES EN 1 PACK\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAJUSTABLE Y FRESCA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLA ÚNICA XS A L\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\"\u003eTELA IMPORTADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003e3 COLORES EN 1 PACK\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eAJUSTABLE Y FRESCA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003cspan class=\"m-item\"\u003eTALLA ÚNICA XS A L\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\n\u003csection class=\"colors-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003eTres Colores, Un Solo Pack\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eRecibes los 3 en tu compra — combínalos con todo tu clóset\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-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\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 \u003c\/div\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\"\u003eGalería Completa\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDesliza o usa las flechas para ver cada color en detalle\u003c\/p\u003e\n\n \u003cdiv class=\"carousel\" data-carousel\u003e\n \u003cdiv class=\"carousel__viewport\"\u003e\n \u003cdiv class=\"carousel__track\"\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Modelo_Foto_1.jpg?v=1785443117\" alt=\"Body Stefanny Azul – vista 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/img_9.png?v=1785443119\" alt=\"Body Stefanny Azul – vista 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260730_150814_jpg.jpg?v=1785443118\" alt=\"Body Stefanny Azul – vista 3\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_2026-07-30-15-03-33-649-edit_com_miui_videoplayer_jpg.jpg?v=1785443118\" alt=\"Body Stefanny Azul – vista 4\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel__arrow carousel__arrow--prev\" data-prev\u003e‹\u003c\/div\u003e\n \u003cdiv class=\"carousel__arrow carousel__arrow--next\" data-next\u003e›\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel__dots\" data-dots\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel-label\"\u003eColor Azul\u003c\/div\u003e\n \u003cp class=\"carousel-desc\"\u003eUn azul profundo y elegante que estiliza la silueta. Tela importada con excelente caída, fresca al tacto y con el ajuste perfecto para el día a día.\u003c\/p\u003e\n\n \u003cdiv class=\"carousel\" data-carousel style=\"margin-top:60px;\"\u003e\n \u003cdiv class=\"carousel__viewport\"\u003e\n \u003cdiv class=\"carousel__track\"\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Modelo_Foto_11.jpg?v=1785443118\" alt=\"Body Stefanny Blanco – vista 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/img_3.png?v=1785443119\" alt=\"Body Stefanny Blanco – vista 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_2026-07-30-14-57-33-670-edit_com_miui_videoplayer_jpg.jpg?v=1785443118\" alt=\"Body Stefanny Blanco – vista 3\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260730_150844_jpg.jpg?v=1785443118\" alt=\"Body Stefanny Blanco – vista 4\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel__arrow carousel__arrow--prev\" data-prev\u003e‹\u003c\/div\u003e\n \u003cdiv class=\"carousel__arrow carousel__arrow--next\" data-next\u003e›\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel__dots\" data-dots\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel-label\"\u003eColor Blanco\u003c\/div\u003e\n \u003cp class=\"carousel-desc\"\u003eBlanco limpio y versátil, ideal para combinar con jeans, faldas o pantalón de tela. Tejido importado que no se transparenta y mantiene su color lavada tras lavada.\u003c\/p\u003e\n\n \u003cdiv class=\"carousel\" data-carousel style=\"margin-top:60px;\"\u003e\n \u003cdiv class=\"carousel__viewport\"\u003e\n \u003cdiv class=\"carousel__track\"\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Modelo_Foto_1_1.jpg?v=1785443117\" alt=\"Body Stefanny Beige – vista 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/img_8.png?v=1785443119\" alt=\"Body Stefanny Beige – vista 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_2026-07-30-15-06-34-439-edit_com_miui_videoplayer_jpg.jpg?v=1785443118\" alt=\"Body Stefanny Beige – vista 3\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"carousel__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260730_150721_jpg.jpg?v=1785443117\" alt=\"Body Stefanny Beige – vista 4\" loading=\"lazy\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel__arrow carousel__arrow--prev\" data-prev\u003e‹\u003c\/div\u003e\n \u003cdiv class=\"carousel__arrow carousel__arrow--next\" data-next\u003e›\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel__dots\" data-dots\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"carousel-label\"\u003eColor Beige\u003c\/div\u003e\n \u003cp class=\"carousel-desc\"\u003eUn tono neutro y elegante que nunca pasa de moda. Perfecto para looks minimalistas o para resaltar bajo blazers y chaquetas.\u003c\/p\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 Pack de Bodies?\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\u003eTela Importada Premium\u003c\/h3\u003e\n\u003cp\u003eConfeccionado en tejido importado de alta calidad, suave al tacto y con excelente caída sobre el cuerpo.\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\u003eAjustable y Fresca\u003c\/h3\u003e\n\u003cp\u003eTela elástica que se adapta a tu figura sin apretar, transpirable para que la sientas fresca 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\u003eTalla Única Real\u003c\/h3\u003e\n\u003cp\u003eDiseñada para ajustar cómodamente desde XS hasta L gracias a su elasticidad de alta recuperació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\u003ePack Completo x3\u003c\/h3\u003e\n\u003cp\u003eLlévate los tres colores en una sola compra: Azul, Blanco y Beige — máxima variedad, un solo pedido.\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\u003eVersátil Para Cualquier Look\u003c\/h3\u003e\n\u003cp\u003eIdeal para uso diario, oficina o salidas. Se combina fácilmente con jeans, faldas, blazers y más.\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 que se Nota\u003c\/h3\u003e\n\u003cp\u003eCosturas reforzadas y tejido de larga duración que mantiene su forma y color después de múltiples lavadas.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\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\"\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\"\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\"\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\"\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\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 pedirlo\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\u003eBody Stefanny — Pack x3 colores (Azul, Blanco, Beige)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTalla\u003c\/strong\u003e\u003cspan\u003eÚnica — ajusta desde XS hasta L\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTela\u003c\/strong\u003e\u003cspan\u003eImportada, ajustable y fresca, de alta recuperación elástica\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eContenido del Pack\u003c\/strong\u003e\u003cspan\u003e3 bodies — 1 de cada color: Azul, Blanco y Beige\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eUso Ideal\u003c\/strong\u003e\u003cspan\u003eDiario, oficina, salidas casuales — combina con jeans, faldas o blazers\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCuidado\u003c\/strong\u003e\u003cspan\u003eLavado a mano o en máquina en ciclo suave, no usar secadora para conservar la elasticidad\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 $169.900 → Hoy solo $139.900 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\u003eGratis a toda Colombia con pago contra entrega — sin riesgo, sin anticipos\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\"\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\/WhatsApp_Image_2026-07-30_at_3.40.36_PM.jpg?v=1785444837\" alt=\"Reseña clienta Body Stefanny\" 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 encantaron los tres colores. La tela es súper suave y no se transparenta. Talla única me quedó perfecta.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Daniela 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\/WhatsApp_Image_2026-07-30_at_3.52.11_PM.jpg?v=1785444837\" alt=\"Reseña clienta Body Stefanny\" 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\"Se siente que es tela importada, muy fresca y ajusta rico sin apretar. El blanco quedó mi favorito.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Camila 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\/WhatsApp_Image_2026-07-30_at_3.50.37_PM.jpg?v=1785444837\" alt=\"Reseña clienta Body Stefanny\" 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\"Llegó rapidísimo y los tres bodies vienen perfectos. Excelente calidad por ese precio, totalmente recomendado.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Valentina 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\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.1em;\"\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\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\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\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\"\u003eTALLA ÚNICA XS-L\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\"\u003ePACK X 3 COLORES\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\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\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\"\u003eTALLA ÚNICA XS-L\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\"\u003ePACK X 3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\"\u003e¡Lleva Tu Pack Stefanny Hoy!\u003c\/h2\u003e\n \u003cp class=\"fade-in\"\u003e\"Porque mereces tres básicos que se sientan tan bien como se ven, en la tela que tu piel merece\"\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 a Toda Colombia\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTalla Única XS a L\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003ePack x3 Colores\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003eTela Importada\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 $139.900 COP\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e¡Ahorras $30.000 pesos! · Oferta válida hasta agotar stock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MI PACK STEFANNY AHORA\u003c\/a\u003e\n \u003cp style=\"margin-top:26px; font-size:1em; color:#999999; font-weight:600; font-style:italic;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Stock limitado por la alta demanda del pack completo.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo\" alt=\"Body Stefanny Pack x3 – 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✦ Tres colores, una sola actitud. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eBODY STEFANNY – Pack x3\u003c\/div\u003e\n \u003cp\u003eBody importado de tela ajustable y fresca, disponible en pack de 3 colores: Azul, Blanco y Beige. Talla única de XS a L, 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;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c\/div\u003e\n\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, .scale-in, .slide-in-left, .slide-in-right'); 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() { document.querySelectorAll('a[href^=\"#\"]').forEach(link =\u003e { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); }); }\n document.addEventListener('DOMContentLoaded', function() { smoothScroll(); revealOnScroll(); updateScrollProgress(); initCarousels(); });\n let ticking = false;\n window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n if ('IntersectionObserver' in window) {\n 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' });\n document.querySelectorAll('.fade-in, .scale-in, .slide-in-left, .slide-in-right').forEach(el =\u003e observer.observe(el));\n }\n\n function initCarousels() {\n document.querySelectorAll('[data-carousel]').forEach(function(root) {\n const track = root.querySelector('.carousel__track');\n const slides = root.querySelectorAll('.carousel__slide');\n const dotsWrap = root.querySelector('[data-dots]');\n const prevBtn = root.querySelector('[data-prev]');\n const nextBtn = root.querySelector('[data-next]');\n let index = 0;\n let autoplayTimer = null;\n\n slides.forEach((_, i) =\u003e {\n const dot = document.createElement('div');\n dot.className = 'carousel__dot' + (i === 0 ? ' active' : '');\n dot.addEventListener('click', function() { stopAutoplay(); goTo(i); });\n dotsWrap.appendChild(dot);\n });\n const dots = dotsWrap.querySelectorAll('.carousel__dot');\n\n function goTo(i) {\n index = (i + slides.length) % slides.length;\n track.style.transform = 'translateX(-' + (index * 100) + '%)';\n dots.forEach((d, di) =\u003e d.classList.toggle('active', di === index));\n }\n function next() { goTo(index + 1); }\n function prev() { goTo(index - 1); }\n function startAutoplay() { stopAutoplay(); autoplayTimer = setInterval(next, 3500); }\n function stopAutoplay() { if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; } }\n\n prevBtn.addEventListener('click', function() { stopAutoplay(); prev(); });\n nextBtn.addEventListener('click', function() { stopAutoplay(); next(); });\n\n let startX = 0;\n track.addEventListener('touchstart', function(e) { stopAutoplay(); startX = e.touches[0].clientX; }, { passive: true });\n track.addEventListener('touchend', function(e) {\n const diff = e.changedTouches[0].clientX - startX;\n if (diff \u003e 40) prev();\n else if (diff \u003c -40) next();\n }, { passive: true });\n\n startAutoplay();\n });\n }\n\n document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); }); });\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":"Default Title","offer_id":50082203631864,"sku":"BODY STEFANY","price":139900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Modelo_Foto_11.jpg?v=1785443118"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/collections\/ChatGPT_Image_30_jul_2026_02_09_46_p.m..png?v=1785438967","url":"https:\/\/zahariq.com\/collections\/en-zahariq-shop-encuentra-prendas-que-realzan-tu-estilo-con-elegancia-y-autenticidad-moda-femenina-en-tendencia-con-disenos-versatiles-materiales-de-calidad-y-detalles-que-te-hacen-lucir-segura-moderna-y-sofisticada-en-cada-ocasion.oembed","provider":"zahariq","version":"1.0","type":"link"}