{"product_id":"disfraz-spiderman-lanzador-guantes","title":"DISFRAZ SPIDERMAN LANZADOR + GUANTES","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Spider-Man Bebé y Niño – Traje + Máscara + Guantes + Lanzador | Zahariq Shop Colombia\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Raleway:wght@300;400;600;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    html { width: 100%; overflow-x: hidden; scroll-behavior: smooth; }\n    body { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\n    section { width: 100%; max-width: 100%; overflow-x: hidden; position: relative; }\n    img, video { max-width: 100%; height: auto; display: block; }\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; }\n    .fade-in { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .fade-in.visible { opacity: 1; transform: translateY(0); }\n    .slide-in-left { opacity: 0; transform: translateX(-100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .slide-in-left.visible { opacity: 1; transform: translateX(0); }\n    .slide-in-right { opacity: 0; transform: translateX(100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .slide-in-right.visible { opacity: 1; transform: translateX(0); }\n    .scale-in { opacity: 0; transform: scale(0.8); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .scale-in.visible { opacity: 1; transform: scale(1); }\n    @keyframes slideInTop { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } }\n    @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }\n    @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n    @keyframes logoReveal { 0% { opacity: 0; transform: scale(0) rotate(-180deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } }\n    @keyframes textReveal { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } }\n    @keyframes titleReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.9); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n    @keyframes subtitleReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n    @keyframes paragraphReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n    @keyframes buttonReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.8); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n    @keyframes shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n    @keyframes inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n    @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n    @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n    :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#E8590C; --accent-deep:#A8410A; --star:#f5b301; }\n    .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--accent), #141414, var(--accent)); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(26,107,255,0.4); max-width: 100%; }\n    .hero { background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(20,20,20,0.05) 0%, transparent 72%), #ffffff; color: #1a1a1a; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n    .price-banner { background: linear-gradient(45deg, var(--accent), #4a8fff, var(--accent)); color: #ffffff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(26,107,255,0.4); border: 1px solid rgba(0,0,0,0.08); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n    .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n    .hero-logo { width: 360px; height: 360px; object-fit: cover; border-radius: 50%; background: #ffffff; padding: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border: 2px solid rgba(20,20,20,0.12); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, inkGlow 3s ease-in-out infinite; max-width: 90%; }\n    .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); }\n    .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n    .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: var(--stone); text-transform: uppercase; margin-bottom: 8px; animation: subtitleReveal 1s ease-out 1.3s both; }\n    .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #141414; animation: titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n    .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); }\n    .hero .subtitle { font-size: 1em; margin-bottom: 18px; color: #555555; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; }\n    .hero p { font-size: 1.2em; margin-bottom: 22px; color: #333333; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n    .highlight-text { color: var(--accent); font-weight: 900; font-style: italic; position: relative; }\n    .real-photo-note { font-size: 0.72em !important; color: var(--accent-deep) !important; font-weight: 700 !important; font-style: normal !important; background: rgba(26,107,255,0.06); display: inline-block; padding: 8px 18px; border-radius: 50px; border: 1px solid rgba(26,107,255,0.2); }\n    .cta-button { background: linear-gradient(45deg, var(--accent), #4a8fff, var(--accent)); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(26,107,255,0.45); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n    .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(26,107,255,0.6); }\n    .color-badge { display: inline-block; padding: 6px 18px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 0.85em; letter-spacing: 2px; margin: 0 6px 10px; font-weight: 700; }\n    .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); }\n    .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); }\n    .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n    .marquee.dark { background: linear-gradient(45deg, #0d0d0d, #262626, #0d0d0d); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n    .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); }\n    .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); }\n    .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; }\n    .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; }\n    .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; }\n    .marquee:hover .marquee__track { animation-play-state: paused; }\n    .marquee__group { display: flex; align-items: center; flex: 0 0 auto; }\n    .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; }\n    .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; }\n    .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }\n    .marquee.dark .m-sep { color: #9a9a9a; }\n    .marquee.light .m-item { color: #141414; }\n    .marquee.light .m-sep { color: var(--accent); }\n    @media (max-width: 768px) { .marquee { padding: 15px 0; } .marquee__group .m-item { font-size: 1.45em; letter-spacing: 2px; } .marquee__group .m-sep { padding: 0 15px; } }\n    .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n    .visual-banner.urban-section { background: #ffffff; }\n    .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #141414; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; }\n    .section-title.dark-title { color: #141414; }\n    .section-subtitle { font-size: 1.1em; color: #777777; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n    .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; }\n    .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n    .product-card { background: #ffffff; border-radius: 25px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(20,20,20,0.1); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n    .product-card.visible { transform: translateY(0); opacity: 1; }\n    .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(26,107,255,0.06), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .product-card:hover::before { left: 100%; }\n    .product-card:hover { box-shadow: 0 0 25px rgba(26,107,255,0.12), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(26,107,255,0.4); }\n    .product-card img, .product-card video { width: 100%; max-width: 100%; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(20,20,20,0.08); }\n    .img-frame { width: 100%; aspect-ratio: 4 \/ 5; overflow: hidden; border-radius: 18px; margin-bottom: 22px; border: 1px solid rgba(20,20,20,0.08); }\n    .img-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; margin-bottom: 0; border: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n    .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n    .product-card h3 { color: #141414; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; }\n    .product-card:hover h3 { transform: translateY(-3px); }\n    .product-card p { color: #666666; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; font-size: 0.95em; }\n    .product-card:hover p { color: #333333; }\n    \/* --- Tarjeta ancha: para una tabla de tallas la foto NO se recorta,\n           se muestra completa o no sirve para lo que existe --- *\/\n    .product-card.ancha { grid-column: 1 \/ -1; }\n    .product-card.ancha .img-frame { aspect-ratio: auto; max-width: 620px; margin-left: auto; margin-right: auto; background: #fff; }\n    .product-card.ancha .img-frame img { height: auto; object-fit: contain; }\n    .product-card.ancha:hover .img-frame img { transform: none; }\n    .product-card.ancha p { max-width: 620px; margin-left: auto; margin-right: auto; }\n    .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n    .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n    .benefit-card { background: #ffffff; padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(20,20,20,0.1); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.05); }\n    .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(26,107,255,0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n    .benefit-card:hover::after { opacity: 1; }\n    .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(26,107,255,0.4); box-shadow: 0 0 25px rgba(26,107,255,0.1), 0 20px 60px rgba(0,0,0,0.1); }\n    .benefit-icon { font-size: 2.4em; margin-bottom: 20px; display: block; color: var(--accent); line-height: 1; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); }\n    .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; }\n    .benefit-card:hover h3 { transform: translateY(-4px); }\n    .benefit-card p { color: #666666; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n    .benefit-card:hover p { color: #333333; }\n    .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n    .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n    .spec-item { background: #f6f6f6; padding: 28px; border-radius: 18px; border-left: 4px solid var(--accent); border-top: 1px solid rgba(20,20,20,0.06); border-right: 1px solid rgba(20,20,20,0.04); border-bottom: 1px solid rgba(20,20,20,0.04); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 6px 20px rgba(0,0,0,0.04); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n    .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, var(--accent), #141414, var(--accent-deep)); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .spec-item:hover::before { height: 100%; }\n    .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(26,107,255,0.1); }\n    .spec-item strong { color: #141414; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; }\n    .spec-item:hover strong { transform: translateX(8px); color: var(--stone); }\n    .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; }\n    .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n    .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n    .testimonial-card { background: #ffffff; border-radius: 25px; border: 1.5px solid rgba(20,20,20,0.1); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }\n    .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26,107,255,0.05) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n    .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n    .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(26,107,255,0.1), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(26,107,255,0.35); }\n    .testimonial-image { width: 100%; max-height: 300px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); }\n    .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n    .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; }\n    .testimonial-card:hover .testimonial-rating { transform: scale(1.05); }\n    .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #555555; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n    .testimonial-card:hover .testimonial-text { color: #333333; }\n    .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #141414; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; }\n    .testimonial-card:hover .testimonial-author { transform: translateX(8px); }\n    .trust { background: #ffffff; padding: 90px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); width: 100%; max-width: 100%; }\n    .verification-image { max-width: 620px; width: 90%; height: auto; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.12); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 34px auto 0; border: 1px solid rgba(20,20,20,0.1); }\n    .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); }\n    .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(26,107,255,0.06) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n    .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #141414; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; }\n    .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #666666; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n    .payment-info { background: #f6f6f6; padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(20,20,20,0.12); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n    .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(26,107,255,0.06), transparent); transition: left 0.8s ease; }\n    .payment-info:hover::before { left: 100%; }\n    .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(26,107,255,0.1), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(26,107,255,0.3); }\n    .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #141414; transition: all 0.3s ease; word-wrap: break-word; position: relative; z-index: 2; }\n    .payment-info:hover h3 { transform: translateY(-3px); }\n    .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n    .payment-feature { display: flex; align-items: center; font-size: 1.05em; color: #444444; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n    .payment-feature:hover { transform: translateX(10px); color: #141414; }\n    .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #141414; font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; }\n    .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); }\n    .price-comparison { background: #f6f6f6; padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(20,20,20,0.15); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n    .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(26,107,255,0.06), transparent); transition: left 0.8s ease; }\n    .price-comparison:hover::before { left: 100%; }\n    .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(26,107,255,0.1), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(26,107,255,0.35); }\n    .old-price { text-decoration: line-through; color: #aaaaaa; font-size: 1.6em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n    .new-price { color: var(--accent); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n    .price-comparison:hover .new-price { transform: scale(1.06); }\n    .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n    .product-card.destacada { border: 2px solid rgba(26,107,255,0.25); box-shadow: 0 0 35px rgba(26,107,255,0.1); }\n    .colors-section { background: #ffffff; padding: 60px 0; text-align: center; border-top: 1px solid rgba(20,20,20,0.08); border-bottom: 1px solid rgba(20,20,20,0.08); }\n    .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }\n    .color-chip { display: flex; align-items: center; gap: 12px; padding: 12px 24px; border-radius: 50px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1em; letter-spacing: 2px; transition: all 0.3s ease; cursor: default; }\n    .chip-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.12); }\n    .chip-white { background: #f4f4f4; color: #333; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }\n    .chip-gray { background: linear-gradient(135deg, #9aa0a6, #c4c9ce); color: #2b2f33; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(154,160,166,0.25); }\n    .chip-beige { background: linear-gradient(135deg, #d9c3a3, #ecdcc4); color: #4a3b28; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 6px 18px rgba(217,195,163,0.25); }\n    .chip-blue { background: linear-gradient(135deg, #1a6bff, #4a8fff); color: #fff; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(26,107,255,0.25); }\n    .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; }\n    .dot-dark { background: radial-gradient(circle, #3a3a3a, #141414); box-shadow: 0 0 8px rgba(0,0,0,0.3); }\n    .dot-white { background: radial-gradient(circle, #ffffff, #cfcfcf); border: 1px solid rgba(0,0,0,0.1); }\n    .dot-gray { background: radial-gradient(circle, #d4d8db, #7a8288); box-shadow: 0 0 8px rgba(154,160,166,0.4); }\n    .dot-beige { background: radial-gradient(circle, #f3e6d0, #b89e77); box-shadow: 0 0 8px rgba(217,195,163,0.4); }\n    .dot-blue { background: radial-gradient(circle, #6ba3ff, #0d3fa0); box-shadow: 0 0 8px rgba(26,107,255,0.4); }\n    .footer { background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #0a0a0a); color: #cccccc; padding: 80px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n    .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n    .footer-logo { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ffffff; padding: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.15); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: inkGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n    .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); }\n    .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n    .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #ffffff; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; }\n    .footer-text:hover .tagline { transform: translateX(10px); }\n    .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffffff; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n    .footer-text:hover .store-name { transform: translateX(10px); }\n    .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n    .footer-text:hover p { color: #cccccc; }\n    @media (max-width: 768px) {\n        body { overflow-x: hidden; width: 100%; max-width: 100%; }\n        .hero h1 { font-size: 3.2em; }\n        .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; }\n        .hero-content { flex-direction: column; gap: 30px; width: 100%; padding: 0 10px; text-align: center; }\n        .hero-text { text-align: center; }\n        .hero-logo { width: 260px; height: 260px; }\n        .section-title { font-size: 2.2em; }\n        .product-showcase { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n        .benefits-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n        .specs-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n        .testimonials-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n        .footer-content { flex-direction: column; gap: 30px; }\n        .footer-text { text-align: center; }\n        .footer-logo { width: 160px; height: 160px; }\n        .cta-button { font-size: 1.1em; padding: 18px 35px; }\n        .payment-features { grid-template-columns: 1fr; }\n        .container { padding: 0 15px; max-width: 100%; }\n        .hero { padding: 60px 0; }\n        .hero p { font-size: 1.05em; }\n        .price-banner { font-size: 1em; padding: 12px 22px; }\n        .old-price { font-size: 1.3em; }\n        .new-price { font-size: 2.5em; }\n    }\n    @media (max-width: 480px) {\n        .hero h1 { font-size: 2.5em; }\n        .section-title { font-size: 1.9em; }\n        .product-showcase, .benefits-grid, .specs-grid, .testimonials-grid { gap: 20px; }\n        .product-card, .benefit-card, .testimonial-card { padding: 25px 16px; }\n    }\n\n    \/* ================= CAPA TEMÁTICA HALLOWEEN =================\n       Fondo blanco minimalista intacto. Solo se re-tinta el acento\n       (la base traía azul hardcodeado) y se añade decoración sutil.\n       Nada de esto altera la estructura ni el layout. *\/\n\n    :root { --accent-lite: #FF9A4D; --hw-line: rgba(20,20,20,0.10); }\n\n    \/* --- Re-tintado: la base tenía #4a8fff y rgba(26,107,255) fijos --- *\/\n    .price-banner,\n    .cta-button { background-image: linear-gradient(45deg, var(--accent), var(--accent-lite), var(--accent)) !important; }\n    .price-banner { box-shadow: 0 8px 25px rgba(232,89,12,0.32) !important; }\n    .cta-button { box-shadow: 0 8px 30px rgba(232,89,12,0.38) !important; }\n    .cta-button:hover { box-shadow: 0 18px 50px rgba(232,89,12,0.5) !important; }\n    .scroll-progress { box-shadow: 0 0 8px rgba(232,89,12,0.4) !important; }\n    .real-photo-note { background: rgba(232,89,12,0.06) !important; border-color: rgba(232,89,12,0.22) !important; }\n    .product-card::before,\n    .payment-info::before,\n    .price-comparison::before { background: linear-gradient(90deg, transparent, rgba(232,89,12,0.07), transparent) !important; }\n    .product-card:hover { box-shadow: 0 0 25px rgba(232,89,12,0.12), 0 25px 70px rgba(0,0,0,0.1) !important; border-color: rgba(232,89,12,0.38) !important; }\n    .benefit-card::after { background: radial-gradient(circle at center, rgba(232,89,12,0.06) 0%, transparent 70%) !important; }\n    .benefit-card:hover { border-color: rgba(232,89,12,0.38) !important; box-shadow: 0 0 25px rgba(232,89,12,0.1), 0 20px 60px rgba(0,0,0,0.1) !important; }\n    .spec-item:hover { box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(232,89,12,0.12) !important; }\n    .testimonial-card::before { background: radial-gradient(circle, rgba(232,89,12,0.06) 0%, transparent 70%) !important; }\n    .testimonial-card:hover { box-shadow: 0 0 30px rgba(232,89,12,0.1), 0 25px 70px rgba(0,0,0,0.1) !important; border-color: rgba(232,89,12,0.33) !important; }\n    .payment-info:hover { box-shadow: 0 0 25px rgba(232,89,12,0.1), 0 20px 50px rgba(0,0,0,0.05) !important; border-color: rgba(232,89,12,0.28) !important; }\n    .price-comparison:hover { box-shadow: 0 0 30px rgba(232,89,12,0.1), 0 20px 50px rgba(0,0,0,0.06) !important; border-color: rgba(232,89,12,0.33) !important; }\n    .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(232,89,12,0.07) 0%, transparent 70%), #ffffff !important; }\n    .product-card.destacada { border-color: rgba(232,89,12,0.28) !important; box-shadow: 0 0 35px rgba(232,89,12,0.12) !important; }\n\n    \/* --- Decoración: telarañas de línea fina --- *\/\n    .hw-deco { position: absolute; pointer-events: none; user-select: none; z-index: 1; color: var(--hw-line); }\n    .hw-deco svg { display: block; width: 100%; height: auto; }\n    .hw-web-tl { top: 0; left: 0; width: 190px; }\n    .hw-web-tr { top: 0; right: 0; width: 190px; transform: scaleX(-1); }\n    .hw-web-bl { bottom: 0; left: 0; width: 150px; transform: scaleY(-1); }\n\n    .hero, .final-cta, .trust { position: relative; }\n    .hero \u003e .container, .final-cta \u003e .container, .trust \u003e .container { position: relative; z-index: 3; }\n\n    \/* --- Araña colgante: hilo + emoji con balanceo lento --- *\/\n    .hw-spider { position: absolute; top: 0; right: 13%; z-index: 2; pointer-events: none; text-align: center; transform-origin: top center; animation: hwSway 6s ease-in-out infinite; }\n    .hw-spider .hilo { display: block; width: 1px; height: 88px; margin: 0 auto; background: linear-gradient(to bottom, rgba(20,20,20,0), rgba(20,20,20,0.22)); }\n    .hw-spider .bicho { display: block; font-size: 1.5em; line-height: 1; opacity: 0.5; filter: grayscale(0.35); }\n    @keyframes hwSway { 0%, 100% { transform: rotate(-3.5deg); } 50% { transform: rotate(3.5deg); } }\n\n    \/* --- Emojis del marquee: sobrios, no saturados --- *\/\n    .marquee .m-sep { opacity: 0.75; font-size: 0.95em; }\n\n    \/* --- Respeto por accesibilidad y limpieza en móvil --- *\/\n    @media (max-width: 900px) { .hw-web-tl, .hw-web-tr { width: 130px; } .hw-spider { right: 6%; } }\n    @media (max-width: 600px) { .hw-web-bl, .hw-spider { display: none; } .hw-web-tl, .hw-web-tr { width: 96px; opacity: 0.75; } }\n    @media (prefers-reduced-motion: reduce) { .hw-spider { animation: none; } }\n\n\u003c\/style\u003e\n\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\u003cscript\u003e\n\/* Decoración Halloween: telarañas de línea fina en las esquinas de las\n   secciones clave + araña colgante. Se inyecta por JS para no alterar\n   el HTML estructural de la plantilla base. *\/\n(function () {\n    var TELARANA =\n        '\u003csvg viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\"\u003e' +\n        '\u003cpath d=\"M0 0 L200 0 M0 0 L0 200 M0 0 L200 200 M0 0 L200 96 M0 0 L96 200 M0 0 L200 44 M0 0 L44 200\"\/\u003e' +\n        '\u003cpath d=\"M40 0 Q28 28 0 40 M74 0 Q52 52 0 74 M112 0 Q78 78 0 112 M152 0 Q106 106 0 152 M196 0 Q136 136 0 196\"\/\u003e' +\n        '\u003c\/svg\u003e';\n\n    function web(clase, host) {\n        var d = document.createElement('div');\n        d.className = 'hw-deco ' + clase;\n        d.setAttribute('aria-hidden', 'true');\n        d.innerHTML = TELARANA;\n        host.appendChild(d);\n    }\n\n    function montar() {\n        var hero = document.querySelector('.hero');\n        var cierre = document.querySelector('.final-cta');\n        var trust = document.querySelector('.trust');\n\n        if (hero) {\n            web('hw-web-tl', hero);\n            web('hw-web-tr', hero);\n            var sp = document.createElement('div');\n            sp.className = 'hw-spider';\n            sp.setAttribute('aria-hidden', 'true');\n            sp.innerHTML = '\u003cspan class=\"hilo\"\u003e\u003c\/span\u003e\u003cspan class=\"bicho\"\u003e🕷️\u003c\/span\u003e';\n            hero.appendChild(sp);\n        }\n        if (cierre) { web('hw-web-tl', cierre); web('hw-web-tr', cierre); }\n        if (trust) { web('hw-web-bl', trust); }\n    }\n\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', montar);\n    else montar();\n})();\n\u003c\/script\u003e\n\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"price-banner\"\u003e🕸️ PAGO CONTRA ENTREGA · ENVÍO GRATIS A TODO COLOMBIA 🕷️\u003c\/div\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003cimg class=\"hero-logo\" alt=\"Disfraz de Spider-Man Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1788230142812.png?v=1788230316\"\u003e\n            \u003cdiv class=\"hero-text\"\u003e\n                \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n                \u003ch1\u003eDISFRAZ\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eSPIDER-MAN\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz con el que se cree el superhéroe de la película.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje + máscara + guantes + lanzador de telarañas con 3 dardos · Tela suave\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales\u003c\/span\u003e\u003c\/p\u003e\n                \u003cdiv style=\"margin-top:12px;\"\u003e\n                    \u003cspan class=\"color-badge badge-dark\"\u003eHALLOWEEN 2026\u003c\/span\u003e\n                    \u003cspan class=\"color-badge badge-soft\"\u003eDISFRAZ + LANZADOR\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO EL DISFRAZ · $189.900\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eDISFRAZ + LANZADOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA SUAVE Y CÓMODA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS 100% REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 2 A 12\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\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\"\u003eDISFRAZ + LANZADOR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA SUAVE Y CÓMODA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS 100% REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 2 A 12\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\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=\"visual-banner urban-section\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch2 class=\"section-title dark-title fade-in\"\u003e🕷️ Así se Va a Ver 🕷️\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eFotos reales del disfraz\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/5bf1a4dd-fad6-4963-8805-bbda04176875.jpg?v=1788224769\" alt=\"Niño con el disfraz de Spider-Man\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Así se Ve Puesto 🕸️\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. Se lo pone y ya se cree el superhéroe de la película.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/458b8200-ba5c-4151-b9bb-5dda6bb7fc8e.jpg?v=1788224768\" alt=\"Disfraz de Spider-Man visto de espalda con diseño de telaraña\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Diseño con Telaraña 🕷️\u003c\/h3\u003e\n\u003cp\u003eEl estampado de telaraña cubre todo el traje, incluso la espalda. Se nota la calidad apenas se lo pone.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/f3ce567d-fab7-4ac6-a3cf-a83840ad74ef.jpg?v=1788224769\" alt=\"Accesorios del disfraz de Spider-Man: guantes y lanzador de telarañas\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo con Accesorios 👻\u003c\/h3\u003e\n\u003cp\u003eMáscara, guantes y lanzador de telarañas con 3 dardos en el mismo pedido. No tienes que salir a completar nada.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card ancha scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/pp.png?v=1788228202\" alt=\"Guía de tallas del disfraz de Spider-Man\"\u003e\u003c\/div\u003e\n\u003ch3\u003e📏 Cómo Escoger la Talla Correcta 📏\u003c\/h3\u003e\n\u003cp\u003eMide al niño de los pies HASTA LOS HOMBROS y compara esa altura con la tabla de la imagen y así sabes que talla pedir.\u003cbr\u003e\u003cstrong style=\"color:#141414;\"\u003eDe igual manera tienes 5 días desde que te llega el pedido para cambios.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch2 class=\"section-title fade-in\"\u003e🕷️ Por Qué Este y No el más barato 🕷️\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\u003eSe Ve Igual al de la Película\u003c\/h3\u003e\n\u003cp\u003eTraje rojo y azul con el estampado de telaraña, máscara y guantes incluidos. Todos lo reconocen \u003cstrong style=\"color:#141414\"\u003ede una\u003c\/strong\u003e, sin tener que explicar de qué está disfrazado.\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\u003eLlega Todo en Un Pedido\u003c\/h3\u003e\n\u003cp\u003eTraje, máscara, guantes y lanzador de telarañas incluidos. Otras tiendas venden solo el traje y después toca conseguir el resto corriendo.\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\u003eTela Suave Que No Pica\u003c\/h3\u003e\n\u003cp\u003eTela suave y cómoda, no ese material plástico que rasca. Aguanta la noche completa sin que se lo quiera quitar.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e👶\u003c\/span\u003e\u003ch3\u003eTallas 2 a 12\u003c\/h3\u003e\n\u003cp\u003eSirve para el bebé y para el mayorcito. Si tienes dos, pides los dos y la foto de Halloween se hace sola.\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\u003eEnvío Gratis a Todo Colombia\u003c\/h3\u003e\n\u003cp\u003eA cualquier ciudad, sin costo adicional. El precio que ves en pantalla es el único que vas a pagar.\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\u003ePagas Cuando lo Recibes\u003c\/h3\u003e\n\u003cp\u003eContra entrega. Lo abres, lo revisas, y ahí pagas. Sin transferencias por adelantado a una tienda que no conoces.\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eASÍ SE VE EN LA VIDA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMAMÁS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE NOTA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCOMPRA SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eLO RECIBES EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"m-item\"\u003eASÍ SE VE EN LA VIDA REAL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMAMÁS SATISFECHAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE NOTA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCOMPRA SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eLO RECIBES EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003ePAGAS AL RECIBIR\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"specifications\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch2 class=\"section-title fade-in\"\u003eTodo lo que Recibes\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eSin sorpresas al abrir la bolsa: esto es exactamente lo que llega\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\u003eDisfraz de Spider-Man — calidad premium, inspirado en la última película\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje rojo y azul con diseño de telaraña + máscara + guantes + lanzador de telarañas con 3 dardos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e2, 4, 6, 8, 10, 12\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCómo Pedir tu Talla\u003c\/strong\u003e\u003cspan\u003eValida la guía de tallas que encuentras más arriba de esta página\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003e¿Y si no le queda?\u003c\/strong\u003e\u003cspan\u003eTienes 5 días desde que lo recibes para el cambio de talla.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela suave, fresca y flexible — pensada para piel de niños, con máscara cómoda que no aprieta\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eCuidado\u003c\/strong\u003e\u003cspan\u003eLavar a mano con jabón suave, no retorcer, secar a la sombra\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, cumpleaños, día del niño, sesiones de fotos y disfraces del colegio\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$189.900 COP — antes $239.000, precio final sin costos ocultos\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 todo Colombia, despachamos desde Pereira\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eForma de Pago\u003c\/strong\u003e\u003cspan\u003eContra entrega — pagas al recibir el pedido\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eSeguimiento\u003c\/strong\u003e\u003cspan\u003eApenas hagas tu compra te escribimos por WhatsApp y te compartimos la guía de tu envío\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"testimonials\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch2 class=\"section-title fade-in\"\u003e👻 Lo Que Dicen las Mamás Que Ya lo Compraron 👻\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"testimonials-grid\"\u003e\n            \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/Screenshot_2026-08-31-19-47-11-732-edit_com_whatsapp_w4b_jpg.jpg?v=1788224768\" alt=\"Reseña de clienta – disfraz de Spider-Man Zahariq\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Llegó rápido y tal cual las fotos, 100% recomendado.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Diana R. · Mamá de Samuel (5 años) · 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-09-01_at_10.53.19_PM.jpg?v=1788321229\" alt=\"Reseña de clienta – disfraz de Spider-Man Zahariq\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Mi niño vió la película y quedó fascinado. Se lo puso inmediatamente y es de muy buena calidad.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Lorena M. · Mamá de Tomás (7 meses) · 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-08-31_at_10.06.42_PM.jpg?v=1788232253\" alt=\"Reseña de clienta – disfraz de Spider-Man Zahariq\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Pagué contra entrega sin ningún problema y llegó completo: traje, guantes y lanzador. Superó lo que esperaba.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camilo P. · Papá de Emiliano (4 años) · Cali\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"trust\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch2 class=\"section-title fade-in\" style=\"font-size:2.3em;\"\u003eCompra con Total Confianza\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\" style=\"margin-bottom:6px;\"\u003eTienda verificada · Pago contra entrega · Tu compra 100% protegida\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/dd06030e-0d49-483d-b19a-6921e15817ff.png?v=1784842108\" alt=\"Zahariq Shop – Tienda verificada y confiable\" class=\"verification-image scale-in\"\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eENTREGA ANTES DE HALLOWEEN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTRAJE + MÁSCARA + GUANTES + LANZADOR\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\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eEL QUE MÁS ROTA\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\"\u003eENTREGA ANTES DE HALLOWEEN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTRAJE + MÁSCARA + GUANTES + LANZADOR\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\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eEL QUE MÁS ROTA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"benefits\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"product-card scale-in destacada\" style=\"max-width: 650px; margin: 0 auto; padding: 50px 40px; opacity:1; transform:none;\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1788232641256_04cf3d38-1004-47cf-b5f0-6e2fde86c723.png?v=1788232849\" alt=\"No te quedes sin el disfraz de Spider-Man\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n            \u003ch2 style=\"color:#141414; font-family:'Bebas Neue',sans-serif; font-size:2em; letter-spacing:3px; margin-bottom:18px; text-align:center; animation: alertPulse 2s ease-in-out infinite;\"\u003e🕷 Este es el que Más se Agota 🕷\u003c\/h2\u003e\n            \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eHay unidades disponibles hoy, pero es el disfraz que más sale de la tienda cada semana de octubre.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo con tiempo y tenlo guardado antes de que empiece la fila.\u003c\/span\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"final-cta\" id=\"comprar\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch2 class=\"fade-in\"\u003e🕷️ Que Este Año Sea el Suyo 🕷️\u003c\/h2\u003e\n        \u003cp class=\"fade-in\"\u003e\"Porque esa foto con el disfraz puesto la vas a ver por años\"\u003c\/p\u003e\n        \u003cdiv class=\"payment-info fade-in\"\u003e\n            \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n            \u003cdiv class=\"payment-features\"\u003e\n                \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eLlega Completo\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eFotos 100% Reales\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eCambios de Talla\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"price-comparison fade-in\"\u003e\n            \u003cspan class=\"old-price\"\u003e$239.000\u003c\/span\u003e\n            \u003cspan class=\"new-price\"\u003e$189.900 COP\u003c\/span\u003e\n            \u003cdiv class=\"savings\"\u003e🕷️ Envío GRATIS incluido · Pagas cuando lo tienes en tus manos 🕷️\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO EL DISFRAZ AHORA\u003c\/a\u003e\n        \u003cp style=\"margin-top:30px; font-size:1.05em; color:#999999; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\u003cstrong style=\"color:#141414;\"\u003eAviso:\u003c\/strong\u003e Es un disfraz de temporada. En octubre la demanda se dispara y los envíos se congestionan — pedirlo con tiempo es la diferencia entre que lo use y que llegue tarde.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter class=\"footer\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"footer-content\"\u003e\n            \u003cimg class=\"footer-logo\" alt=\"Disfraz de Spider-Man Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1788230142812.png?v=1788230316\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eSPIDER-MAN PREMIUM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Spider-Man para bebé y niño, calidad premium. Incluye traje, máscara, guantes y lanzador de telarañas con 3 dardos, envío gratis a todo Colombia y pago contra entrega.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp style=\"color:#777777; position:relative; z-index:2;\"\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cscript\u003e\n    function updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; }\n    function revealOnScroll() { const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card'); for (let i = 0; i \u003c reveals.length; i++) { const elementTop = reveals[i].getBoundingClientRect().top; if (elementTop \u003c window.innerHeight - 150) reveals[i].classList.add('visible'); } }\n    function smoothScroll() { const links = document.querySelectorAll('a[href^=\"#\"]'); for (let link of links) { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); } }\n    function handleImageLoading() { document.querySelectorAll('img').forEach(img =\u003e { if (img.complete) { img.style.opacity = '1'; } else { img.style.opacity = '0'; img.style.transition = 'opacity 0.5s ease'; img.addEventListener('load', function() { this.style.opacity = '1'; }); } }); }\n    document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); });\n    let ticking = false;\n    window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } });\n    function addStaggerDelay() { [ { selector: '.product-showcase .product-card', delay: 100 }, { selector: '.benefits-grid .benefit-card', delay: 150 }, { selector: '.specs-grid .spec-item', delay: 80 }, { selector: '.testimonials-grid .testimonial-card', delay: 200 } ].forEach(grid =\u003e { document.querySelectorAll(grid.selector).forEach((item, i) =\u003e { item.style.transitionDelay = `${i * grid.delay}ms`; }); }); }\n    document.addEventListener('DOMContentLoaded', addStaggerDelay);\n    document.querySelectorAll('.cta-button').forEach(button =\u003e { button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); button.addEventListener('mouseleave', function() { this.style.transform = ''; }); button.addEventListener('mousedown', function() { this.style.transform = 'translateY(-2px) scale(1.05)'; }); button.addEventListener('mouseup', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; }); });\n    document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); });\n    if ('ontouchstart' in window) { document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e { card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; }); }); }\n    if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) =\u003e { entries.forEach(entry =\u003e { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el)); }\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { const style = document.createElement('style'); style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }'; document.head.appendChild(style); }\n\n    \/* CTA → formulario de compra real del tema. Sin esto los botones solo hacen scroll interno y no venden. *\/\n    (function () {\n        function conectarCTA() {\n            var form = document.querySelector('form[action*=\"\/cart\/add\"]');\n            if (!form) return;\n            document.querySelectorAll('.cta-button').forEach(function (b) {\n                if (!\/^#\/.test(b.getAttribute('href') || '')) return;\n                b.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    form.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                    var campo = form.querySelector('select, input[type=\"radio\"], fieldset, button[name=\"add\"]');\n                    if (campo) setTimeout(function () { try { campo.focus({ preventScroll: true }); } catch (_) {} }, 700);\n                }, true);\n            });\n        }\n        if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', conectarCTA);\n        else conectarCTA();\n    })();\n\u003c\/script\u003e","brand":"zahariq","offers":[{"title":"12","offer_id":50395405451512,"sku":"-5","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50395405484280,"sku":"-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50395405517048,"sku":"-1","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50395405549816,"sku":"-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50395405582584,"sku":"-3","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50395405615352,"sku":"-4","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1788232641256_04cf3d38-1004-47cf-b5f0-6e2fde86c723.png?v=1788232849","url":"https:\/\/zahariq.com\/products\/disfraz-spiderman-lanzador-guantes","provider":"zahariq","version":"1.0","type":"link"}