{"title":"HALLOWEEN","description":"\u003cp\u003eDescubre disfraces increíbles, originales y en tendencia para hacer de esta temporada una experiencia inolvidable.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCompra fácil y segura\u003c\/strong\u003e | \u003cstrong\u003eEnvíos contraentrega\u003c\/strong\u003e | \u003cstrong\u003eDisfraces para todos los estilos\u003c\/strong\u003e\u003c\/p\u003e","products":[{"product_id":"disfraz-nina-kpop-talla-2-a-la-11","title":"DISFRAZ GOLDEN KPOP TALLA 2 A 14","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Guerrera K-Pop Niña – Tallas 2 a 16 | 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    \/* ===== CARRUSEL (deslizable, flechas + puntos + autoplay) ===== *\/\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(0,0,0,0.18); }\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; border: none; border-radius: 0; margin-bottom: 0; }\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    @media (max-width: 768px) { .carousel { max-width: 100%; } .carousel-label { font-size: 1.4em; } }\n    \/* --- Slider dentro de una tarjeta: ocupa el mismo marco de la foto,\n           así la tarjeta conserva su tamaño y no desplaza a las vecinas --- *\/\n    .card-carousel { position: relative; }\n    .card-carousel .img-frame { position: relative; margin-bottom: 0; }\n    .card-carousel .carousel__track { display: flex; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.65,0,0.35,1); }\n    .card-carousel .carousel__slide { flex: 0 0 100%; width: 100%; height: 100%; }\n    .card-carousel .carousel__slide img { width: 100%; height: 100%; object-fit: cover; border: none; border-radius: 0; margin-bottom: 0; }\n    .card-carousel .carousel__arrow { width: 34px; height: 34px; font-size: 1.1em; }\n    .card-carousel .carousel__arrow--prev { left: 8px; }\n    .card-carousel .carousel__arrow--next { right: 8px; }\n    .card-carousel .carousel__dots { margin: 6px 0 8px; }  \/* 0+6+8+8 = los mismos 22px del marco original: la tarjeta no crece *\/\n    .card-carousel .carousel__dot { width: 8px; height: 8px; }\n    .card-carousel .carousel__dot.active { width: 20px; border-radius: 4px; }\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.talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Guerrera K-Pop – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_ago_2026_05_33_26_p.m..png?v=1787353863\"\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\"\u003eGUERRERA\u003c\/span\u003e\u003cbr\u003eK-POP\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🎃 COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 16 🎃\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz que ella va a querer usar todo el año.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eChaqueta guerrera + Top + Shorts · Calidad importada\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — Así lo recibes\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\"\u003e3 PIEZAS\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 · $159.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\"\u003e3 PIEZAS COMPLETAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 2 A 16\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD IMPORTADA\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\"\u003e3 PIEZAS COMPLETAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 2 A 16\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD IMPORTADA\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🦇 Disfraz de 3 Piezas 🦇\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eChaqueta guerrera, top y shorts\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_ago_2026_05_13_34_p.m..png?v=1787353863\" alt=\"Niñas con el disfraz Guerrera K-Pop completo\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 El Conjunto Completo 🎃\u003c\/h3\u003e\n\u003cp\u003eAsí se ve puesto. Chaqueta, top y shorts a juego — el look completo de guerrera K-Pop, sin tener que comprar piezas por separado.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"card-carousel\" data-carousel\u003e\n\u003cdiv class=\"img-frame\"\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\/ChatGPT_Image_21_ago_2026_04_46_21_p.m..png?v=1787353863\" alt=\"Top y shorts del disfraz Guerrera K-Pop\" 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\/ChatGPT_Image_21_ago_2026_04_50_58_p.m..png?v=1787353863\" alt=\"Chaqueta guerrera del disfraz K-Pop\" 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\u003ch3\u003e🦇 Chaqueta, Top y Shorts 🦇\u003c\/h3\u003e\n\u003cp\u003eLas 3 piezas con detalles metálicos y acabados que solo las verdaderas fans reconocen. Tela con cuerpo, no ese material que se transparenta.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_ago_2026_05_19_43_p.m..png?v=1787353863\" alt=\"Niñas luciendo el disfraz Guerrera K-Pop\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Para Brillar Toda la Noche 👻\u003c\/h3\u003e\n\u003cp\u003eCómodo para bailar, resistente para correr y lo bastante bonito para las fotos. Aguanta la fiesta completa sin romperse.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/RELOJ_LUXURY_100_25_ORIGINAL_1080_x_1080_px_1080_x_1080_px__20250926_163213_0000.png?v=1758922390\" alt=\"Guía de tallas del disfraz Guerrera K-Pop — tallas 2 a 16\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu niña de pies a cabeza y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu niña y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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 Otro? 🎃\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\u003eSon 3 Piezas, No Una\u003c\/h3\u003e\n\u003cp\u003eChaqueta guerrera, top y shorts. Llega el conjunto completo — no tienes que salir a completar el look a última hora.\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\u003e8 Tallas: de 2 a 16 Años\u003c\/h3\u003e\n\u003cp\u003eDesde las más pequeñas hasta las preadolescentes. Si tienes dos hijas de edades distintas, ambas encuentran la suya.\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 Importada\u003c\/h3\u003e\n\u003cp\u003eMateriales con cuerpo y costuras firmes. No es el disfraz que se descose en la primera fiesta y toca botar en noviembre.\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\u003eNo Solo para Halloween\u003c\/h3\u003e\n\u003cp\u003eFiestas de cumpleaños, presentaciones del colegio, videos de TikTok, disfraces del día del niño. Se usa todo el año.\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\u003eSin costo adicional, a cualquier ciudad del país. El precio que ves es el precio que pagas.\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 tienes en las manos, lo revisas y ahí pagas. Sin transferencias por adelantado, sin riesgo.\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 Necesitas Saber\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eSin sorpresas: esto es exactamente lo que llega a tu casa\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 Guerrera K-Pop para niña\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eChaqueta guerrera + Top + Shorts (3 piezas)\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, 14 y 16\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEdades\u003c\/strong\u003e\u003cspan\u003eDe 2 a 16 años aproximadamente\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTextil importado con detalles metálicos\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, presentaciones, contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003eAntes $189.900 → Hoy $159.900 COP · Ahorras $30.000\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eGRATIS a todo Colombia\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\u003eImportante\u003c\/strong\u003e\u003cspan\u003eRevisa la talla antes de pedir.\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\/WhatsApp_Image_2026-09-07_at_6.09.48_PM.jpg?v=1788822622\" alt=\"Reseña de clienta – disfraz Guerrera K-Pop\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Le compré este disfraz a mi hija y sinceramente superó todas mis expectativas. Llegó súper rápido, bien empacado. RECOMENDADOS\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura M. · Mamá de Sofía (7 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_2025-09-26_at_11.31.13_AM.jpg?v=1758904359\" alt=\"Reseña de clienta – disfraz Guerrera K-Pop\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"La tela es de buena calidad y se ve tal cual como en las fotos, nada que ver con esos disfraces baratos que uno encuentra en otras páginas.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carmen A. · Mamá de Isabella (10 años) · 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-22_at_11.38.10_AM.jpg?v=1787416712\" alt=\"Reseña de clienta – disfraz Guerrera K-Pop\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Definitivamente vale cada peso, porque la felicidad de ver a tu hija tan emocionada no tiene precio. Lo recomiendo 100%.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Patricia L. · Mamá de Valentina (12 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\"\u003eTALLAS 2 A 16\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\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"m-item\"\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\"\u003eTALLAS 2 A 16\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\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"benefits\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"product-card scale-in 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\/ChatGPT_Image_21_ago_2026_05_13_34_p.m..png?v=1787353863\" alt=\"No te quedes sin el disfraz Guerrera K-Pop\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n            \u003ch2 style=\"color:#141414; font-family:'Bebas Neue',sans-serif; font-size:2em; letter-spacing:3px; margin-bottom:18px; text-align:center; animation: alertPulse 2s ease-in-out infinite;\"\u003e🕷 Las Tallas 6, 8 y 16 Están por Agotarse 🕷\u003c\/h2\u003e\n            \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eHalloween llega en octubre, pero las tallas no esperan.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eAsegura la de ella hoy y recíbela en casa antes de la fiesta.\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 Halloween Sea el Suyo 🎃\u003c\/h2\u003e\n        \u003cp class=\"fade-in\"\u003e\"Porque ella no quiere un disfraz cualquiera: quiere ese\"\u003c\/p\u003e\n        \u003cdiv class=\"payment-info fade-in\"\u003e\n            \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n            \u003cdiv class=\"payment-features\"\u003e\n                \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTallas 2 a 16\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eFotos Reales\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eConjunto de 3 Piezas\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"price-comparison fade-in\"\u003e\n            \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.900 COP\u003c\/span\u003e\n            \u003cspan class=\"new-price\"\u003eHOY $159.900 COP\u003c\/span\u003e\n            \u003cdiv class=\"savings\"\u003e🎃 Ahorras $30.000 · Envío GRATIS incluido · Pagas al recibir 🎃\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 producto de temporada. Cuando una talla se agota, no siempre alcanza a reponerse antes de Halloween.\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 Guerrera K-Pop – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_ago_2026_05_33_26_p.m..png?v=1787353863\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🎃 Hazle realidad su Halloween 🎃\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eGUERRERA K-POP – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de 3 piezas para niña: chaqueta guerrera, top y shorts. Tallas 2 a 16, 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    \/* Carruseles: flechas, puntos, swipe táctil y autoplay (se detiene al interactuar). *\/\n    function initCarousels() {\n        document.querySelectorAll('[data-carousel]').forEach(function (root) {\n            var track = root.querySelector('.carousel__track');\n            var slides = root.querySelectorAll('.carousel__slide');\n            var dotsWrap = root.querySelector('[data-dots]');\n            var prevBtn = root.querySelector('[data-prev]');\n            var nextBtn = root.querySelector('[data-next]');\n            var index = 0, autoplayTimer = null;\n\n            slides.forEach(function (_, i) {\n                var 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            var 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(function (d, di) { 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            var startX = 0;\n            track.addEventListener('touchstart', function (e) { stopAutoplay(); startX = e.touches[0].clientX; }, { passive: true });\n            track.addEventListener('touchend', function (e) {\n                var diff = e.changedTouches[0].clientX - startX;\n                if (diff \u003e 40) prev(); else if (diff \u003c -40) next();\n            }, { passive: true });\n\n            if (slides.length \u003e 1) startAutoplay();\n        });\n    }\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initCarousels);\n    else initCarousels();\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\n\n","brand":"zahariq","offers":[{"title":"16","offer_id":50202135429368,"sku":"KPOP_NIÑA-16","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50202135462136,"sku":"KPOP_NIÑA-10","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50202135494904,"sku":"KPOP_NIÑA-4","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50202135527672,"sku":"KPOP_NIÑA-6","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50202135560440,"sku":"KPOP_NIÑA-8","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50202135593208,"sku":"KPOP_NIÑA-12","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50202135625976,"sku":"KPOP_NIÑA-14","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50202135658744,"sku":"KPOP_NIÑA-2","price":159900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_ago_2026_05_29_13_p.m..png?v=1787353861"},{"product_id":"disfraz-nina-merlina-adams","title":"DISFRAZ MERLINA ADDAMS TALLA 2 A 12","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Merlina Addams Niña – Tallas 2 a 12 | 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 Merlina Addams – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_50_58_a.m..png?v=1787590306\"\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\"\u003eMERLINA\u003c\/span\u003e\u003cbr\u003eADDAMS\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷 COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 12 AÑOS 🕷\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"No quiere ser princesa. Quiere ser Merlina.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eVestido negro clásico + cinturón · Tela fresca · Tallas 2 a 12\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003eVESTIDO + CINTURÓN\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 · $149.900\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eVESTIDO + CINTURÓN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FRESCA\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\"\u003eVESTIDO + CINTURÓN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FRESCA\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 que llega a tu casa — sin montajes, sin retoques\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_46_10_a.m..png?v=1787590306\" alt=\"Niña con el disfraz de Merlina Addams\"\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 está haciendo la cara de Merlina — no hay que pedírselo.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_44_46_a.m..png?v=1787590306\" alt=\"Niña posando con el disfraz de Merlina Addams\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🖤 El Look Completo 🖤\u003c\/h3\u003e\n\u003cp\u003eVestido negro con el cuello blanco y el cinturón. Se reconoce al instante, sin tener que explicar nada.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_46_59_a.m..png?v=1787590306\" alt=\"Disfraz de Merlina Addams completo: vestido y cinturón\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo 👻\u003c\/h3\u003e\n\u003cp\u003eVestido y cinturón en el mismo pedido. Con unas medias y unos zapatos negros ya queda lista.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/RELOJ_LUXURY_100_25_ORIGINAL_1080_x_1080_px_1080_x_1080_px__20250926_164602_0000.png?v=1758923222\" alt=\"Guía de tallas del disfraz de Merlina Addams — tallas 2 a 12\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cp\u003eMídela y compara con la tabla antes de pedir. Así recibes la talla correcta a la primera, y si dudas escríbenos y te ayudamos a elegir.\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 de la Esquina 🎃\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\u003eEl Personaje Que Ella Pide\u003c\/h3\u003e\n\u003cp\u003eMerlina no pasa de moda: cada año vuelve. Es \u003cstrong style=\"color:#141414\"\u003eel disfraz que ella elige\u003c\/strong\u003e, no el que le toca ponerse.\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\u003eSe Reconoce de Lejos\u003c\/h3\u003e\n\u003cp\u003eVestido negro, cuello blanco y cinturón. Nadie tiene que preguntarle de qué está disfrazada.\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\u003eAguanta la Noche Entera\u003c\/h3\u003e\n\u003cp\u003eTela fresca con costuras firmes. Puede bailar, correr y posar sin quejarse del calor a la media hora.\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\u003eDe 2 a 12 Años\u003c\/h3\u003e\n\u003cp\u003eTodo el rango en un solo disfraz. Sirve igual para la pequeña de la casa que para la de quinto de primaria.\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 Merlina Addams para niña — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eVestido negro clásico + cinturón característico\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, 4-6, 6-8, 8-10 y 10-12 años\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\u003eAl llenar los datos de envío, escribe la talla en la casilla \"Talla\". Si tienes dudas, escríbenos antes de ordenar y te ayudamos a elegir.\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela fresca y liviana, ideal para el clima de octubre\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eConfección\u003c\/strong\u003e\u003cspan\u003eCosturas resistentes que aguantan fiestas, colegio y sesiones de fotos\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, actos del colegio y contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$129.000 COP — 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\/WhatsApp_Image_2025-09-24_at_5.45.42_PM.jpg?v=1758833510\" alt=\"Reseña de clienta – disfraz de Merlina Addams 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\"La tela es muy suave y se ve igual a las fotos. Llegó rápido y pagué al recibir, sin ningún susto.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carolina M. · Mamá de Sofía (8 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_2025-09-25_at_3.42.48_PM.jpg?v=1758833510\" alt=\"Reseña de clienta – disfraz de Merlina Addams 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\"Se lo puso y empezó a imitar los gestos del personaje. Llegó bien empacado y le encantó.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Patricia L. · Mamá de Valentina (6 años) · 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_2025-09-24_at_5.45.03_PM.jpg?v=1758833510\" alt=\"Reseña de clienta – disfraz de Merlina Addams 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\"Lo pedí con tiempo y llegó perfecto. La talla quedó bien y lo usó también en el colegio.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Alejandra R. · Mamá de Isabella (9 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\"\u003eEL LOOK QUE TODAS PIDEN\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\"\u003eEL LOOK QUE TODAS PIDEN\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\/ChatGPT_Image_24_ago_2026_11_44_46_a.m..png?v=1787590306\" alt=\"No te quedes sin el disfraz de Merlina\" 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 Rota 🕷\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 colgado en el clóset mucho antes de la fiesta.\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 la que se disfraza de Merlina siempre sale en las fotos\"\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=\"new-price\"\u003e$149.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 Merlina Addams – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_50_58_a.m..png?v=1787590306\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷 Hazle realidad su Halloween 🕷\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eMERLINA ADDAMS – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Merlina Addams para niña, calidad premium. Incluye vestido negro clásico y cinturón. Tallas de 2 a 12 años, 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\n","brand":"zahariq","offers":[{"title":"Default Title","offer_id":46892279038200,"sku":"DISFRAZ NIñA MERLINA ADAMS","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_46_10_a.m..png?v=1787590306"},{"product_id":"disfraz-spiderman-iron-spider","title":"DISFRAZ SPIDERMAN IRON SPIDER TALLA 2 A 12","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Iron Spider Niño – Tallas 2 a 12 | 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 Iron Spider – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ironspiderman_jpg.jpg?v=1787600569\"\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\"\u003eIRON\u003c\/span\u003e\u003cbr\u003eSPIDER\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷 COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 12 AÑOS 🕷\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Se lo pone y ya no camina igual. Camina como el héroe.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje acolchado + máscara + cubrezapatos · Músculos marcados · Tallas 2 a 12\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003eMÚSCULOS ACOLCHADOS\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 · $174.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\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA INCLUIDA\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\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA INCLUIDA\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 que llega a tu casa — sin montajes, sin retoques\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\/watermarked_img_11995983576652562061_jpg.jpg?v=1787600569\" alt=\"Niño con el disfraz Iron Spider puesto\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Así se Ve Puesto 🕷\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. Apenas se lo pone hace la pose solo — no hay que pedírselo.\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\/watermarked_img_2325961586833094615_jpg.jpg?v=1787600568\" alt=\"Detalle de los músculos acolchados del disfraz Iron Spider\"\u003e\u003c\/div\u003e\n\u003ch3\u003e💪 Los Músculos Son de Verdad 💪\u003c\/h3\u003e\n\u003cp\u003eAcolchados y marcados, no estampados. Esa es la diferencia entre parecer el héroe y parecer un niño en pijama roja.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_7514798402918073658_1__jpg.jpg?v=1787600568\" alt=\"Disfraz Iron Spider completo: traje, máscara y cubrezapatos\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo 👻\u003c\/h3\u003e\n\u003cp\u003eTraje, máscara y cubrezapatos en el mismo pedido. Del pie a la cabeza, sin tener que completar nada aparte.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/RELOJ_LUXURY_100_25_ORIGINAL_1080_x_1080_px_1080_x_1080_px__20250926_122854_0000.png?v=1758907757\" alt=\"Guía de tallas del disfraz Iron Spider — tallas 2 a 12\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cp\u003eMídelo y compara con la tabla antes de pedir. Así recibes la talla correcta a la primera, y si dudas escríbenos y te ayudamos a elegir.\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 de $50.000 🎃\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\u003eMúsculos Acolchados\u003c\/h3\u003e\n\u003cp\u003eEl detalle que lo cambia todo. Con relleno de verdad, tu hijo se ve \u003cstrong style=\"color:#141414\"\u003ecomo el personaje\u003c\/strong\u003e, no como alguien con un buzo rojo puesto.\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 y cubrezapatos incluidos. Otras tiendas venden el traje solo y la máscara toca conseguirla 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\u003eAguanta el Trepe y el Salto\u003c\/h3\u003e\n\u003cp\u003eTela resistente con buen elástico. Puede correr, saltar y hacer poses toda la noche sin que se descosa.\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\u003eDe 2 a 12 Años\u003c\/h3\u003e\n\u003cp\u003eTodo el rango en el mismo disfraz, y la talla se elige aquí mismo en el selector. Sin adivinar.\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\"\u003ePAPÁS SATISFECHOS\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\"\u003ePAPÁS SATISFECHOS\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 Iron Spider para niño — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje completo acolchado con músculos + máscara + cubrezapatos\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 y 12 años — se eligen en el selector de talla de esta página\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCómo Elegir la Talla\u003c\/strong\u003e\u003cspan\u003ePide la talla que tu hijo usa hoy. Si tienes dudas, escríbenos antes de ordenar y te ayudamos a elegir.\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela resistente y cómoda, con relleno acolchado en torso y brazos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, cumpleaños, día del niño, actos del colegio y contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$165.000 COP — precio final, sin costos ocultos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\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-right\"\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-left\"\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 los Papá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\/WhatsApp_Image_2025-09-25_at_11.36.14_PM.jpg?v=1758861918\" alt=\"Reseña de clienta – disfraz Iron Spider 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\"Los músculos se ven muy reales y la máscara le queda perfecta. No se lo ha querido quitar desde que llegó.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea P. · Mamá de Santiago (7 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_2025-09-25_at_11.36.25_PM.jpg?v=1758861918\" alt=\"Reseña de cliente – disfraz Iron Spider 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\"Se ve igualito al de la película. Llegó justo como aparece en las fotos, mi hijo se volvió loco.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carlos M. · Papá de Mateo (9 años) · 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_2025-09-25_at_11.36.48_PM.jpg?v=1758861918\" alt=\"Reseña de clienta – disfraz Iron Spider 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\"La talla quedó perfecta y el material es muy bueno. Ya lo tiene apartado también para el colegio.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Melissa R. · Mamá de Sebastián (11 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 + CUBREZAPATOS\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 + CUBREZAPATOS\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\/watermarked_img_2270977431133861229_jpg.jpg?v=1787600568\" alt=\"No te quedes sin el disfraz Iron Spider\" 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 Rota 🕷\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 de los disfraces que más salen de la tienda cada semana de octubre.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo con tiempo y tenlo guardado mucho antes de la fiesta.\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 la cara que pone al abrir la bolsa vale más que cualquier descripción\"\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=\"new-price\"\u003e$174.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 Iron Spider – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ironspiderman_jpg.jpg?v=1787600569\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷 Hazle realidad su Halloween 🕷\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eIRON SPIDER – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz Iron Spider para niño, calidad premium. Incluye traje acolchado con músculos, máscara y cubrezapatos. Tallas de 2 a 12 años, 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\n","brand":"zahariq","offers":[{"title":"8","offer_id":46898435555576,"sku":"IronSpider-3","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":46898435588344,"sku":"IronSpider-2","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":46898435621112,"sku":"IronSpider-1","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":46898435653880,"sku":"IronSpider-0","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":46898435686648,"sku":"IronSpider-4","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":46898435719416,"sku":"IronSpider-5","price":174900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_11995983576652562061_jpg.jpg?v=1787600569"},{"product_id":"disfraz-nina-mujer-maravilla-deluxe","title":"DISFRAZ MUJER MARAVILLA TIPO PREMIUM TALLA 2 A 12","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Mujer Maravilla Niña y Adulto – 5 Piezas | 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 Mujer Maravilla Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260823_223159_jpg.jpg?v=1787544031\"\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\"\u003eMUJER\u003c\/span\u003e\u003cbr\u003eMARAVILLA\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e⚡ COLECCIÓN HALLOWEEN 2026 · NIÑA 2 A 12 ⚡\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Se lo pone y camina distinto. Eso no lo hace cualquier disfraz.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eVestido + capa + diadema + cubrebotas + pulseras · Calidad premium\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003e5 PIEZAS INCLUIDAS\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 · $149.900\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003e5 PIEZAS INCLUIDAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCAPA + DIADEMA + PULSERAS\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\"\u003eNIÑA 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\"\u003e5 PIEZAS INCLUIDAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCAPA + DIADEMA + PULSERAS\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\"\u003eNIÑA 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 que llega a tu casa — sin montajes, sin retoques\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\/a7de8991-ac64-4f8b-a741-1869237c22c8.jpg?v=1787544031\" alt=\"Niña con el disfraz de Mujer Maravilla premium\"\u003e\u003c\/div\u003e\n\u003ch3\u003e⚡ Así se Ve Puesto ⚡\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. Apenas se pone la capa hace la pose sola — no hay que pedírselo.\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\/072192bb-c973-400f-8ac0-dea48d11383e.jpg?v=1787544031\" alt=\"Disfraz de Mujer Maravilla completo: vestido, capa, diadema, cubrebotas y pulseras\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👑 Llega Completo 👑\u003c\/h3\u003e\n\u003cp\u003eVestido, capa, diadema, cubrebotas y pulseras en el mismo pedido. No tienes que salir a completar nada.\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\/40fe6eb9-114e-4f69-bea0-1d369ca51628.jpg?v=1787544031\" alt=\"Niña de 2 años con el disfraz de Mujer Maravilla\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 Desde los 2 Añitos 🎃\u003c\/h3\u003e\n\u003cp\u003eSí, también viene en talla 2. Y hasta adulto S–M: si quieren ir iguales mamá e hija, se puede.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/RELOJ_LUXURY_100_25_ORIGINAL_1080_x_1080_px_1080_x_1080_px__20250926_163213_0000.png?v=1758922390\" alt=\"Guía de tallas del disfraz de Mujer Maravilla — mide a tu niña y compara\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cp\u003eMídela y compara con la tabla antes de pedir. Así recibes la talla correcta a la primera. Para adulto pide S o M de contextura delgada, y si dudas escríbenos y te ayudamos.\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 de la Esquina 🎃\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\u003eLlega Todo en Un Pedido\u003c\/h3\u003e\n\u003cp\u003eLas \u003cstrong style=\"color:#141414\"\u003e5 piezas incluidas\u003c\/strong\u003e: vestido, capa, diadema, cubrebotas y pulseras. Otras tiendas venden el vestido solo y los accesorios aparte.\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\u003eSe Ve Como el Personaje\u003c\/h3\u003e\n\u003cp\u003eNadie tiene que preguntarle de qué está disfrazada. Los colores y los detalles se leen al instante, incluso en la foto de grupo.\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\u003eAguanta la Noche Entera\u003c\/h3\u003e\n\u003cp\u003eTela con cuerpo y costuras firmes. Puede correr, saltar y posar sin que la capa se descosa a la media hora.\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\u003eValida nuestra guía de tallas para que pidas la correcta.\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 Mujer Maravilla para niña y adulto — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eVestido + capa + diadema dorada + cubrebotas + pulseras\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003eNiña: 2, 4, 6, 8, 10 y 12 años\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\u003eAl llenar los datos de envío, escribe la talla en la casilla \"Talla\". Si tienes dudas, escríbenos antes de ordenar y te ayudamos a elegir.\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTextil importado con buena caída y costuras reforzadas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, cumpleaños, día del niño, actos del colegio y sesiones de fotos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$149.900 COP — precio final, sin costos ocultos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\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-right\"\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-left\"\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\/WhatsApp_Image_2025-09-26_at_3.37.22_PM.jpg?v=1758919122\" alt=\"Reseña de clienta – disfraz de Mujer Maravilla 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\"La capa es hermosa y las pulseras le encantaron. Llegó rápido y pagué al recibir, sin ningún susto.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea M. · Mamá de Camila (7 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_2025-09-26_at_3.36.39_PM.jpg?v=1758919123\" alt=\"Reseña de clienta – disfraz de Mujer Maravilla 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\"Los accesorios están muy bien hechos y la diadema le quedó perfecta. Mi niña se siente poderosa con él.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Marcela R. · Mamá de Sofía (9 años) · 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_2025-09-26_at_3.37.04_PM.jpg?v=1758919123\" alt=\"Reseña de clienta – disfraz de Mujer Maravilla 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\"Los materiales son resistentes y se ve muy auténtico. Lo usó todo el día del colegio y quedó intacto.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carolina L. · Mamá de Valentina (6 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\"\u003eVESTIDO + CAPA + ACCESORIOS\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\"\u003eVESTIDO + CAPA + ACCESORIOS\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\/ChatGPT_Image_23_ago_2026_09_58_08_p.m..png?v=1787544032\" alt=\"No te quedes sin el disfraz de Mujer Maravilla\" 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 Rota 🕷\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 de los disfraces que más salen de la tienda cada semana de octubre.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo con tiempo y tenlo colgado en el clóset mucho antes de la fiesta.\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 hay disfraces que se ponen… y otros que se sienten\"\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=\"new-price\"\u003e$149.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 Mujer Maravilla Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260823_223159_jpg.jpg?v=1787544031\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e⚡ Hazle realidad su Halloween ⚡\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eMUJER MARAVILLA – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Mujer Maravilla para niña y adulto, calidad premium. Incluye vestido, capa, diadema, cubrebotas y pulseras. Tallas de 2 a 12 años y adulto S–M, 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\n","brand":"zahariq","offers":[{"title":"6","offer_id":50461879730424,"sku":"DISFRAZNIñAMUJERMARAVILLAEDICIONDELUXE-2","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50461879763192,"sku":"DISFRAZNIñAMUJERMARAVILLAEDICIONDELUXE-4","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50461879795960,"sku":"DISFRAZNIñAMUJERMARAVILLAEDICIONDELUXE-5","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50461879828728,"sku":"DISFRAZNIñAMUJERMARAVILLAEDICIONDELUXE-0","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50461879861496,"sku":"DISFRAZNIñAMUJERMARAVILLAEDICIONDELUXE-1","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50461879894264,"sku":"DISFRAZNIñAMUJERMARAVILLAEDICIONDELUXE-3","price":149900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50461879927032,"sku":"DISFRAZNIñAMUJERMARAVILLAEDICIONDELUXE-6","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/a7de8991-ac64-4f8b-a741-1869237c22c8.jpg?v=1787544031"},{"product_id":"disfraz-nino-gohan","title":"DISFRAZ GOHAN CALIDAD PREMIUM TALLA BEBÉS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Gohan Bebé y Niño – 3 Piezas Premium | Zahariq Shop Colombia\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Raleway:wght@300;400;600;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    html { width: 100%; overflow-x: hidden; scroll-behavior: smooth; }\n    body { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #1a1a1a; background: #ffffff; margin: 0; padding: 0; }\n    section { width: 100%; max-width: 100%; overflow-x: hidden; position: relative; }\n    img, video { max-width: 100%; height: auto; display: block; }\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; }\n    .fade-in { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .fade-in.visible { opacity: 1; transform: translateY(0); }\n    .slide-in-left { opacity: 0; transform: translateX(-100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .slide-in-left.visible { opacity: 1; transform: translateX(0); }\n    .slide-in-right { opacity: 0; transform: translateX(100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .slide-in-right.visible { opacity: 1; transform: translateX(0); }\n    .scale-in { opacity: 0; transform: scale(0.8); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n    .scale-in.visible { opacity: 1; transform: scale(1); }\n    @keyframes slideInTop { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } }\n    @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }\n    @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n    @keyframes logoReveal { 0% { opacity: 0; transform: scale(0) rotate(-180deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } }\n    @keyframes textReveal { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } }\n    @keyframes titleReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.9); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n    @keyframes subtitleReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n    @keyframes paragraphReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n    @keyframes buttonReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.8); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n    @keyframes shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n    @keyframes inkGlow { 0%, 100% { box-shadow: 0 0 18px rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.02); } 50% { box-shadow: 0 0 30px rgba(0,0,0,0.18), inset 0 0 16px rgba(0,0,0,0.04); } }\n    @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n    @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n    :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#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 Gohan Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_12_39_19_p.m..png?v=1787507211\"\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\"\u003eGOHAN\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🐉 COLECCIÓN HALLOWEEN 2026 · DE 6 MESES A 6 AÑOS 🐉\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz que le sacas en la foto y ya no quiere quitárselo.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eBuzo + pantalón con cola + gorrita · Tela fleece suave · Bebés y niños\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003e3 PIEZAS INCLUIDAS\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 · $149.900\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003e3 PIEZAS INCLUIDAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FLEECE SUAVE\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\"\u003eDE 6 MESES A 6 AÑOS\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\"\u003e3 PIEZAS INCLUIDAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FLEECE SUAVE\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\"\u003eDE 6 MESES A 6 AÑOS\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 que llega a tu casa — sin montajes, sin retoques\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_12_34_22_p.m..png?v=1787507250\" alt=\"Niño con el disfraz de Gohan de Dragon Ball\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🐉 Así se Ve Puesto 🐉\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. Se lo pone y hace la pose solo — no hay que pedírselo.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_12_34_02_p.m..png?v=1787507250\" alt=\"Bebé con el disfraz de Gohan de Dragon Ball\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 También para Bebés 🎃\u003c\/h3\u003e\n\u003cp\u003eDesde los 6 meses. La tela es suave y no le aprieta nada: se lo puede dejar puesto toda la tarde.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_12_34_13_p.m..png?v=1787507250\" alt=\"Disfraz de Gohan completo: buzo, pantalón con cola y gorrita\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo 👻\u003c\/h3\u003e\n\u003cp\u003eBuzo, pantalón con cola y gorrita en el mismo pedido. No tienes que salir a completar nada.\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 de $40.000 🎃\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 a Gohan\u003c\/h3\u003e\n\u003cp\u003eBuzo naranja, pantalón azul con cola y la gorrita. 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\u003eLas 3 piezas incluidas. Otras tiendas venden solo el buzo 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\u003eFleece Que No Pica\u003c\/h3\u003e\n\u003cp\u003eTela suave y con caída, 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\u003eDe 6 Meses a 6 Años\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 Gohan (Dragon Ball) para bebé y niño — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eBuzo naranja + pantalón azul con cola de Saiyajin + gorrita\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e6-9 meses · 9-12 meses · 12-18 meses · 18-24 meses · Talla 6 (4 años) · Talla 8 (6 años)\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\u003eAl llenar los datos de envío, escribe la talla en la casilla \"Talla\". Si tienes dudas, escríbenos antes de ordenar y te ayudamos.\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela fleece suave, fresca y flexible — pensada para piel de bebé\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$$149.900 COP — 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\/WhatsApp_Image_2026-08-31_at_8.15.23_PM.jpg?v=1788225451\" alt=\"Reseña de clienta – disfraz de Gohan 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\"La tela es suave y no le molestó nada. Lo compré por mi esposo que ama a dragon ball y pagué al recibir, sin ningún susto.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María C. · Mamá de Santiago (8 meses) · 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\/images_2.jpg?v=1759027695\" alt=\"Reseña de clienta – disfraz de Gohan 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\"Las tres piezas vienen muy bien hechas. Mi hijo no se lo quiere quitar, se lo pone hasta para jugar.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Ana L. · Mamá de Mateo (4 años) · 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-23_at_12.43.20_PM.png?v=1787507220\" alt=\"Reseña de clienta – disfraz de Gohan 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. La gorrita es lo que más le gustó, no se la quita ni para dormir.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carolina R. · Mamá de Sebastián (3 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\"\u003eBUZO + PANTALÓN + GORRITA\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\"\u003eBUZO + PANTALÓN + GORRITA\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\/ChatGPT_Image_23_ago_2026_12_34_22_p.m..png?v=1787507250\" alt=\"No te quedes sin el disfraz de Gohan\" 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 Rota 🕷\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=\"new-price\"\u003e$149.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 Gohan Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_12_39_19_p.m..png?v=1787507211\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🐉 Hazle realidad su Halloween 🐉\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eGOHAN PREMIUM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Gohan de Dragon Ball para bebé y niño, calidad premium. Incluye buzo, pantalón con cola y gorrita en tela fleece. De 6 meses a 6 años, 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\n","brand":"zahariq","offers":[{"title":"Disfraz Niño","offer_id":46914508128504,"sku":"Disfraz Niño Gohan-0","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_12_34_22_p.m..png?v=1787507250"},{"product_id":"disfraz-deadpool-sucon-musculos","title":"DISFRAZ DEADPOOL + CATANAS TALLA 4 A 12","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Deadpool Niño Premium – Tallas 4 a 12 | 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 Deadpool Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260823_103026_jpg.jpg?v=1787499060\"\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\"\u003eDEADPOOL\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🎃 COLECCIÓN HALLOWEEN 2026 · TALLAS 4 A 12 AÑOS 🎃\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Este no lo pides tú. Lo pide él.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje con músculos acolchados + máscara + cinturón · Calidad premium\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003eMÚSCULOS ACOLCHADOS\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\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA INCLUIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eDOS CATANAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 4 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\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA INCLUIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eDOS CATANAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 4 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 tu Hijo 🦇\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eFotos reales del disfraz que llega a tu casa — sin montajes, sin retoques\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\/5e3ab052-27f3-4504-81ae-17d67a6f3e57.jpg?v=1788827009\" alt=\"Niño con el disfraz de Deadpool en pose de superhéroe\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 Así se Ve Puesto 🎃\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. Apenas se lo pone hace la pose solo — no hay que pedírselo.\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\/81f4cf73-0044-4aa7-b5e1-fdaa8779de8d_1.jpg?v=1787496598\" alt=\"Detalle de los músculos acolchados del disfraz de Deadpool\"\u003e\u003c\/div\u003e\n\u003ch3\u003e💪 Los Músculos Son de Verdad 💪\u003c\/h3\u003e\n\u003cp\u003eAcolchados y marcados, no estampados. Esa es la diferencia entre parecer Deadpool y parecer un niño en pijama roja.\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\/73a04505-0a72-4296-9ac8-ccc92f47f47d.jpg?v=1788827008\" alt=\"Disfraz de Deadpool completo: traje, máscara y cinturón\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🦇 Llega Completo 🦇\u003c\/h3\u003e\n\u003cp\u003eTraje, catanas, máscara y cinturón en el mismo pedido. No tienes que salir a completar nada a última hora.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/19_20250928_131136_0002.png?v=1759083950\" alt=\"Detalles del disfraz de Deadpool: máscara, cinturón y acabados\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎭 Cada Detalle en Su Lugar 🎭\u003c\/h3\u003e\n\u003cp\u003eLa máscara, el cinturón y los acabados del traje vistos de cerca. Esto es lo que separa un disfraz que se ve bien en las fotos de uno que se nota barato apenas se acerca alguien.\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 de la Esquina 🎃\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\u003eMúsculos Acolchados\u003c\/h3\u003e\n\u003cp\u003eEl detalle que lo cambia todo. Con relleno de verdad, tu hijo se ve \u003cstrong style=\"color:#141414\"\u003ecomo el personaje\u003c\/strong\u003e, no como alguien con un buzo rojo puesto.\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 y cinturón incluidos. Otras tiendas venden el traje solo y después toca conseguir la máscara 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\u003eCalidad Premium Real\u003c\/h3\u003e\n\u003cp\u003eTela con cuerpo y costuras firmes. Aguanta la noche completa de correr, saltar y posar sin descoserse.\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\u003eNo Solo para Halloween\u003c\/h3\u003e\n\u003cp\u003eCumpleaños, día del niño, fiestas de disfraces y videos de TikTok. Se lo va a poner mucho después de octubre.\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\"\u003ePAPÁS SATISFECHOS\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\"\u003ePAPÁS SATISFECHOS\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 Deadpool para niño — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado con músculos + máscara + cinturón\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e4, 6, 8, 10 y 12\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCómo Elegir la Talla\u003c\/strong\u003e\u003cspan\u003ePide la talla que tu hijo usa hoy. Si tienes dudas, escríbenos antes de ordenar y te ayudamos a elegir.\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTextil importado con relleno acolchado en el torso y los brazos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, cumpleaños, día del niño, fiestas de disfraces\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$189.900 COP — precio final, sin costos ocultos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eGRATIS a todo Colombia\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\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        \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 los Papá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\/WhatsApp_Image_2026-09-07_at_7.31.02_PM.jpg?v=1788827482\" alt=\"Reseña de cliente – disfraz de Deadpool 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 hijo se lo puso de una le encantó y con las catanas casi no se consigue.Los recomiendo.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea C. · Mamá de Sebastián (7 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_2025-09-28_at_1.17.38_PM.jpg?v=1759083949\" alt=\"Reseña de cliente – disfraz de Deadpool 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 hijo no se lo quería quitar. Se ve muy real, nada que ver con los disfraces baratos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carlos M. · Papá de Diego (9 años) · 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_2025-09-28_at_12.06.14_PM.jpg?v=1759083950\" alt=\"Reseña de cliente – disfraz de Deadpool 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\"La talla quedó perfecta y la máscara es de muy buena calidad. Llegó rápido y bien empacado.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Patricia R. · Mamá de Mateo (8 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 + CINTURÓN\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\"\u003ePRODUCTO DE TEMPORADA\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 + CINTURÓN\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\"\u003ePRODUCTO DE TEMPORADA\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\/Gemini_Generated_Image_4zcp5s4zcp5s4zcp_1.jpg?v=1787496598\" alt=\"No te quedes sin el disfraz de Deadpool\" 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🕷 En Octubre Ya No Alcanza a Llegar 🕷\u003c\/h2\u003e\n            \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eCada año pasa lo mismo: todos lo dejan para la última semana y ahí ya no hay tiempo de envío.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo hoy y tenlo guardado en el clóset mucho antes de la fiesta.\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 ver a tu hijo sacar pecho frente al espejo no tiene precio\"\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=\"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 Deadpool Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260823_103026_jpg.jpg?v=1787499060\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🎃 Hazle realidad su Halloween 🎃\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eDEADPOOL PREMIUM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Deadpool para niño, calidad premium. Incluye traje con músculos acolchados, máscara y cinturón. Tallas 4 a 12, 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    \/* 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\n","brand":"zahariq","offers":[{"title":"12","offer_id":46916556554488,"sku":"Dead-5","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":46916556685560,"sku":"Dead-1","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":46916556652792,"sku":"Dead-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50461846962424,"sku":"Dead-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":46916556587256,"sku":"Dead-4","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":46916556620024,"sku":"Dead-3","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/5e3ab052-27f3-4504-81ae-17d67a6f3e57.jpg?v=1788827009"},{"product_id":"disfraz-de-catrina-hallowen","title":"DISFRAZ CATRINA ADULTO TALLA ÚNICA XS A M","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Catrina Premium Mujer – Talla Única | 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 Catrina Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_08_52_37_a.m..png?v=1787493186\"\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\"\u003eCATRINA\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e💀 COLECCIÓN HALLOWEEN 2026 · TALLA ÚNICA XS A M 💀\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El único disfraz que te hace ver elegante, no disfrazada.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eVestido + balaca de flores + mancuernas · Satín fresco · Talla única\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003eLLEGA COMPLETO\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO MI CATRINA · $149.900\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eLLEGA COMPLETO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLA ÚNICA XS A M\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\"\u003eSATÍN FRESCO\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\"\u003eLLEGA COMPLETO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLA ÚNICA XS A M\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\"\u003eSATÍN FRESCO\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í te Vas a Ver 🌺\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eFotos reales del disfraz que llega a tu casa — sin montajes, sin retoques\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_08_39_59_a.m..png?v=1787492836\" alt=\"Mujer con el disfraz de Catrina Premium\"\u003e\u003c\/div\u003e\n\u003ch3\u003e💀 Así se Ve Puesto 💀\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. El vestido cae bien, la balaca se ve del tamaño justo y el conjunto se lee elegante en cualquier foto.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_08_39_51_a.m..png?v=1787492836\" alt=\"Disfraz de Catrina completo: vestido, balaca y mancuernas\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🌺 Llega Completo 🌺\u003c\/h3\u003e\n\u003cp\u003eVestido, balaca de flores y mancuernas en el mismo pedido. No tienes que salir a completar nada a última hora.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_08_39_44_a.m..png?v=1787492836\" alt=\"Mujer y niña con disfraz de Catrina\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕯 Perfecto para Ir en Pareja 🕯\u003c\/h3\u003e\n\u003cp\u003eCon tu hija, con tu hermana o con tu mejor amiga. Las Catrinas juntas son las fotos que todos comparten al otro día.\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 Cualquier Otro 💀\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\u003eElegante, No de Miedo\u003c\/h3\u003e\n\u003cp\u003eLa Catrina es el único disfraz de Halloween donde te ves \u003cstrong style=\"color:#141414\"\u003earreglada, no ridícula\u003c\/strong\u003e. Sales en todas las fotos y en ninguna te arrepientes.\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\u003eVestido, balaca de flores y mancuernas incluidas. Otras tiendas te venden solo el vestido y después toca buscar los accesorios 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\u003eSatín Fresco para Bailar\u003c\/h3\u003e\n\u003cp\u003eTela ligera que no da calor. Puedes estar de pie toda la noche sin sentir que traes una cortina encima.\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 de XS a M\u003c\/h3\u003e\n\u003cp\u003eDiseñado para ajustar cómodamente en ese rango. Si estás entre esas tallas, te queda — y si algo no cuadra, escríbenos y lo resolvemos.\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\"\u003eCLIENTAS 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\"\u003eCLIENTAS 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 Catrina para mujer — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eVestido + balaca de flores + mancuernas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla\u003c\/strong\u003e\u003cspan\u003eÚnica — ajusta cómodamente en XS, S y M\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTela\u003c\/strong\u003e\u003cspan\u003eSatín fresco y liviano, ideal para clima cálido\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eConfección\u003c\/strong\u003e\u003cspan\u003eCosturas reforzadas que aguantan la noche completa\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, Día de Muertos, fiestas temáticas y contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$149.900 COP — 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\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 Quienes Ya lo Usaron 🌺\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_2025-09-28_at_10.00.42_PM.jpg?v=1759117042\" alt=\"Reseña de clienta – disfraz de Catrina 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\"La balaca de flores es hermosa y el vestido cae divino. Me tomaron fotos toda la noche.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María C. · 28 años · Cali\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_2025-09-28_at_10.12.34_PM.jpg?v=1759117042\" alt=\"Reseña de clienta – disfraz de Catrina 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\"Se ve igualito a las fotos y la talla única me quedó perfecta. El satín es fresco, bailé sin calor.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea L. · 32 años · 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_2025-09-28_at_10.11.52_PM.jpg?v=1759117042\" alt=\"Reseña de clienta – disfraz de Catrina 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ó bien empacado y con todo lo que decía. Pagué al recibir, sin ningún susto.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sofía R. · 25 años · Bogotá\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\"\u003eVESTIDO + BALACA + MANCUERNAS\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\"\u003ePRODUCTO DE TEMPORADA\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\"\u003eVESTIDO + BALACA + MANCUERNAS\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\"\u003ePRODUCTO DE TEMPORADA\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\/ChatGPT_Image_23_ago_2026_08_39_44_a.m..png?v=1787492836\" alt=\"No te quedes sin tu disfraz de Catrina\" 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🕯 En Octubre Ya No Alcanza a Llegar 🕯\u003c\/h2\u003e\n            \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eCada año pasa lo mismo: todos lo dejan para la última semana y ahí ya no hay tiempo de envío.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo hoy y tenlo colgado en tu clóset mucho antes de la fiesta.\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🎃 Esta Vez Sé Tú la de las Fotos 🎃\u003c\/h2\u003e\n        \u003cp class=\"fade-in\"\u003e\"Porque en toda fiesta hay una Catrina… y todos recuerdan cuál era\"\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\"\u003eTalla Única XS a M\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"price-comparison fade-in\"\u003e\n            \u003cspan class=\"new-price\"\u003e$149.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 MI CATRINA 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 usarlo y quedarte viendo las fotos de las demás.\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 Catrina Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_08_52_37_a.m..png?v=1787493186\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🌺 Elegancia que se recuerda 🌺\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eCATRINA PREMIUM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Catrina para mujer, calidad premium. Incluye vestido, balaca de flores y mancuernas. Talla única de XS a M, 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    \/* 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\n","brand":"zahariq","offers":[{"title":"Disfraz Dama Talla UNICA","offer_id":47040054558968,"sku":"Disfraz Catrina Dama Mexicana-0","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_23_ago_2026_08_39_59_a.m..png?v=1787492836"},{"product_id":"disfraz-tanjiro-kamado","title":"DISFRAZ TANJIRO + CATANA TALLAS 8 A 16","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eCosplay de Tanjiro Premium – Tallas 8 a 16 | 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=\"Cosplay de Tanjiro Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_24_22_a.m..png?v=1787588771\"\u003e\n            \u003cdiv class=\"hero-text\"\u003e\n                \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n                \u003ch1\u003eCOSPLAY\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eTANJIRO\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🗡 COLECCIÓN HALLOWEEN 2026 · TALLAS 8 A 16 🗡\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Este no es un disfraz. Es el traje que lleva pidiendo todo el año.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eKimono + catana + haori + pantalón + protectores · Nivel cosplay, no disfraz de bolsa\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003eSET COMPLETO\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003ca href=\"#comprar\" class=\"cta-button\"\u003eQUIERO EL COSPLAY · $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\"\u003eSET COMPLETO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKIMONO + CATANA + HAORI + PANTALÓN\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 8 A 16\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\"\u003eSET COMPLETO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKIMONO + CATANA + HAORI + PANTALÓN\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 8 A 16\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 cosplay que llega a tu casa — sin montajes, sin retoques\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_7_sept_2026_08_01_21_p.m..png?v=1788829553\" alt=\"Niño con el cosplay de Tanjiro de Demon Slayer\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🗡 Así se Ve Puesto 🗡\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. El patrón del kimono y el haori se leen igual que en el anime.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_7_sept_2026_08_01_51_p.m..png?v=1788829553\" alt=\"Niño en pose de samurái con el cosplay de Tanjiro\"\u003e\u003c\/div\u003e\n\u003ch3\u003e⚔️ Y Así se Siente ⚔️\u003c\/h3\u003e\n\u003cp\u003eApenas se lo pone empieza a posar solo. No hay que pedírselo, y esa foto se va derecho a sus historias.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_17_01_a.m..png?v=1787588770\" alt=\"Cosplay de Tanjiro completo: kimono, haori, pantalón y protectores\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo 👻\u003c\/h3\u003e\n\u003cp\u003eKimono, haori, pantalón y protectores en el mismo pedido. Lo único que pone él son los zapatos.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_33_14_a.m..png?v=1787589236\" alt=\"Guía de tallas del cosplay de Tanjiro — tallas 8 a 16\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cp\u003eMide del piso al hombro y compara con la tabla antes de pedir. Así recibes la talla correcta a la primera, y si dudas escríbenos y te ayudamos a elegir.\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 una Imitación 🎃\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\u003eNivel Cosplay, No Disfraz\u003c\/h3\u003e\n\u003cp\u003ePatrón, colores y acabados \u003cstrong style=\"color:#141414\"\u003efieles al anime\u003c\/strong\u003e. Se nota de lejos que no es el traje de $50.000 de la esquina.\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\u003eKimono, haori, pantalón y protectores incluidos. Otras tiendas venden el haori solo y el resto toca conseguirlo aparte.\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\u003eAguanta el Uso Real\u003c\/h3\u003e\n\u003cp\u003ePoliéster transpirable con costuras reforzadas. Se lava, se vuelve a poner y sigue igual — no es de un solo uso.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎭\u003c\/span\u003e\u003ch3\u003eNo Solo para Halloween\u003c\/h3\u003e\n\u003cp\u003eConvenciones de anime, cumpleaños, sesiones de fotos y videos de TikTok. Se lo va a poner mucho después de octubre.\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\"\u003eCLIENTES SATISFECHOS\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\"\u003eCLIENTES SATISFECHOS\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 el paquete: 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\u003eCosplay de Tanjiro (Demon Slayer) — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eKimono + haori + pantalón + protectores. Tal cual las fotos; solo pones el calzado\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e8, 10, 12, 14 y 16 — se eligen en el selector de talla de esta página\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCómo Elegir tu Talla\u003c\/strong\u003e\u003cspan\u003eMide del piso al hombro: 8 → 101-110 cm · 10 → 111-120 · 12 → 121-130 · 14 → 131-140 · 16 → 141-150\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003ePoliéster de alta calidad, transpirable y duradero\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eAcabados\u003c\/strong\u003e\u003cspan\u003eCosturas reforzadas, colores que resisten el lavado y detalles bordados\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, convenciones de anime, cumpleaños, sesiones de fotos y contenido para redes\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 — 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 Quienes 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_20251006_163110_Gallery.jpg?v=1759786306\" alt=\"Reseña de cliente – cosplay de Tanjiro 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\"El haori es hermoso y los colores son exactos al anime. Se siente como una pieza oficial, vale cada peso.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Santiago R. · Bogotá\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/WhatsApp_Image_2025-10-06_at_1.27.31_PM.jpg?v=1759780054\" alt=\"Reseña de clienta – cosplay de Tanjiro 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\"La talla le quedó perfecta y llegó muy bien empacado. Mi hijo está feliz y ya me pidió otro personaje.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María P. · Mamá de un niño de 10 años · 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_2025-10-04_at_11.06.53_PM.jpg?v=1759637393\" alt=\"Reseña de cliente – cosplay de Tanjiro 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\"El patrón del traje está perfecto y se ve muy cómodo. Se lo compré a mi hijo de 12 y no se lo quita.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés L. · Papá de un niño de 12 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\"\u003eNIVEL COSPLAY, NO DISFRAZ\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\"\u003eNIVEL COSPLAY, NO DISFRAZ\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\/ChatGPT_Image_24_ago_2026_11_11_19_a.m..png?v=1787588770\" alt=\"No te quedes sin el cosplay de Tanjiro\" 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 Rota 🕷\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 de los que más salen de la tienda cada semana de octubre.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo con tiempo y tenlo listo mucho antes de la fiesta.\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 la cara que pone al abrir la bolsa vale más que cualquier descripción\"\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\"\u003eSet 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=\"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 COSPLAY 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 producto 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=\"Cosplay de Tanjiro Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_11_24_22_a.m..png?v=1787588771\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🗡 Hazle realidad su Halloween 🗡\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eTANJIRO PREMIUM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eCosplay de Tanjiro calidad premium. Incluye kimono, haori, pantalón y protectores. Tallas 8 a 16, 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\n","brand":"zahariq","offers":[{"title":"XS","offer_id":46999880663288,"sku":"Tanjiro-5","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":46999880499448,"sku":"Tanjiro-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":46999880532216,"sku":"Tanjiro-1","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":46999880564984,"sku":"Tanjiro-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":46999880597752,"sku":"Tanjiro-3","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"16","offer_id":46999880630520,"sku":"Tanjiro-4","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_7_sept_2026_08_01_21_p.m..png?v=1788829553"},{"product_id":"disfraz-nina-harley-quin-cosplay-tutu","title":"DISFRAZ HARLEY QUINN CALIDAD PREMIUM TALLAS 2 A 12","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Harley Quinn Niña – Tallas 2 a 12 | 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 Harley Quinn – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_16898969064806697162_jpg.jpg?v=1787592018\"\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\"\u003eHARLEY\u003c\/span\u003e\u003cbr\u003eQUINN\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🃏 COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 12 AÑOS 🃏\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz con el que entra a la fiesta y todos voltean.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eChaqueta brillante + blusa estampada + tutú · Tela fresca · Tallas 2 a 12\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003eCHAQUETA + BLUSA + TUTÚ\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 · $149.900\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eCHAQUETA + BLUSA + TUTÚ\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FRESCA\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\"\u003eCHAQUETA + BLUSA + TUTÚ\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FRESCA\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 que llega a tu casa — sin montajes, sin retoques\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_12_06_02_p.m..png?v=1787592019\" alt=\"Niña de 8 años con el disfraz de Harley Quinn\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🃏 Así se Ve Puesto 🃏\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. La chaqueta y el tutú se ven igual de vivos en persona que en la pantalla.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_12_08_56_p.m..png?v=1787592019\" alt=\"Niña de 2 años con el disfraz de Harley Quinn\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 Desde los 2 Añitos 🎃\u003c\/h3\u003e\n\u003cp\u003eSí, también viene en talla 2. El tutú no pesa y la deja moverse sin problema toda la tarde.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_12_10_21_p.m..png?v=1787592019\" alt=\"Disfraz de Harley Quinn visto de frente y de espalda\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🖤 De Frente y de Espalda 🖤\u003c\/h3\u003e\n\u003cp\u003eLos detalles están por los dos lados. No es de esos disfraces que solo sirven para la foto de frente.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_12_12_19_p.m..png?v=1787592019\" alt=\"Disfraz de Harley Quinn completo: chaqueta, blusa y tutú\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo 👻\u003c\/h3\u003e\n\u003cp\u003eChaqueta, blusa y tutú en el mismo pedido. No tienes que salir a completar nada a última hora.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/RELOJ_LUXURY_100_25_ORIGINAL_1080_x_1080_px_1080_x_1080_px__20250926_163213_0000.png?v=1758922390\" alt=\"Guía de tallas del disfraz de Harley Quinn — tallas 2 a 12\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cp\u003eMídela y compara con la tabla antes de pedir. Así recibes la talla correcta a la primera, y si dudas escríbenos y te ayudamos a elegir.\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 de la Esquina 🎃\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\u003eColor Que Se Ve de Lejos\u003c\/h3\u003e\n\u003cp\u003eEn una fiesta llena de negro y morado, este \u003cstrong style=\"color:#141414\"\u003edestaca de una\u003c\/strong\u003e. Es el disfraz que sale en todas las fotos del grupo.\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\u003eChaqueta, blusa y tutú incluidos. Otras tiendas venden solo el tutú y después toca armar 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\u003eAguanta la Noche Entera\u003c\/h3\u003e\n\u003cp\u003eTela fresca con costuras firmes. Puede bailar, correr y posar sin que el tutú se desarme a la media hora.\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\u003eDe 2 a 12 Años\u003c\/h3\u003e\n\u003cp\u003eTodo el rango en un solo disfraz. Sirve igual para la pequeña de la casa que para la de quinto de primaria.\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 Harley Quinn para niña — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eChaqueta brillante + blusa estampada + tutú\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 y 12 años\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\u003eAl llenar los datos de envío, escribe la talla en la casilla \"Talla\". Si tienes dudas, escríbenos antes de ordenar y te ayudamos a elegir.\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela fresca y liviana, ideal para el clima de octubre\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eConfección\u003c\/strong\u003e\u003cspan\u003eCosturas resistentes que aguantan fiestas, colegio y sesiones de fotos\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, actos del colegio y contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$149.900 COP — 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\/WhatsApp_Image_2025-10-07_at_10.35.40_PM.jpg?v=1759896079\" alt=\"Reseña de clienta – disfraz de Harley Quinn 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\"Los colores son muy vivos y la tela buena. Se lo puso apenas llegó y no se lo quería quitar.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María C. · Mamá de Camila (7 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_2025-10-07_at_10.38.55_PM.jpg?v=1759896080\" alt=\"Reseña de clienta – disfraz de Harley Quinn 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\"El tutú es hermoso y la chaqueta tiene buenos acabados. Llegó muy bien empacado.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea P. · Mamá de Valentina (9 años) · 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_2025-10-07_at_10.40.24_PM.jpg?v=1759896079\" alt=\"Reseña de clienta – disfraz de Harley Quinn 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 pagué al recibir, sin ningún susto. Mi hija quedó feliz con los detalles.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura M. · Mamá de Sofía (6 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\"\u003eCOLOR QUE SE VE DE LEJOS\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\"\u003eCOLOR QUE SE VE DE LEJOS\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\/ChatGPT_Image_24_ago_2026_12_06_02_p.m..png?v=1787592019\" alt=\"No te quedes sin el disfraz de Harley Quinn\" 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 Rota 🕷\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 de los disfraces que más salen de la tienda cada semana de octubre.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo con tiempo y tenlo colgado en el clóset mucho antes de la fiesta.\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 hay disfraces que se ponen… y otros que se disfrutan\"\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=\"new-price\"\u003e$149.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 Harley Quinn – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_16898969064806697162_jpg.jpg?v=1787592018\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🃏 Hazle realidad su Halloween 🃏\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eHARLEY QUINN – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Harley Quinn para niña, calidad premium. Incluye chaqueta brillante, blusa estampada y tutú. Tallas de 2 a 12 años, 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\n","brand":"zahariq","offers":[{"title":"Disfraz Niña","offer_id":47024709566712,"sku":"Disfraz Niña Harley Quin Cosplay Tutu-0","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_24_ago_2026_12_06_02_p.m..png?v=1787592019"},{"product_id":"disfraz-superman-capa-de-mascota","title":"DISFRAZ SUPERMAN TALLAS 2 A 12 GRATIS CAPA MASCOTA","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Superman Niño + Capa para Mascota – Tallas 2 a 12 | Zahariq Shop\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 Superman Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/superman-dc-comics-reposable-giant-sticker-686cm-x-1016cm.jpg?v=1787628784\"\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\"\u003eSUPERMAN\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🦸 COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 12 AÑOS 🦸\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El único que sale a pedir dulces con su perro de copiloto.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje con músculos bordados + capa · Y una capa GRATIS para tu mascota\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003e+ CAPA PARA TU MASCOTA\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 · $174.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\"\u003eCAPA GRATIS PARA TU MASCOTA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\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\"\u003eCAPA GRATIS PARA TU MASCOTA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\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 que llega a tu casa — sin montajes, sin retoques\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\/watermarked_img_3970584547988996808_jpg.jpg?v=1787628784\" alt=\"Niño con el disfraz de Superman puesto\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🦸 Así se Ve Puesto 🦸\u003c\/h3\u003e\n\u003cp\u003eFoto real, sin filtros. Apenas se pone la capa cambia la postura — no hay que pedirle la pose.\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\/watermarked_img_795934371733700940_jpg.jpg?v=1787628784\" alt=\"Detalle de los músculos bordados del disfraz de Superman\"\u003e\u003c\/div\u003e\n\u003ch3\u003e💪 Los Músculos Son Bordados 💪\u003c\/h3\u003e\n\u003cp\u003eCon relieve real, no estampados. De cerca se nota la diferencia contra el traje plano de $50.000.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_1646859098044059138_jpg.jpg?v=1787628784\" alt=\"Disfraz de Superman completo: traje, capa y capa para mascota\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo 👻\u003c\/h3\u003e\n\u003cp\u003eTraje, capa y la capa de la mascota en el mismo pedido. Nada que salir a completar a última hora.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/f56a9655-9454-463b-9bf4-8ad968c6231a.png?v=1787629365\" alt=\"Guía de tallas del disfraz de Superman — tallas 2 a 12\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cp\u003eMídelo y compara con la tabla antes de pedir. Así recibes la talla correcta a la primera, y si dudas escríbenos y te ayudamos a elegir.\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 de la Esquina 🎃\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\u003eLa Capa del Perro va GRATIS\u003c\/h3\u003e\n\u003cp\u003eNadie más la incluye. Tu hijo y su mascota salen \u003cstrong style=\"color:#141414\"\u003ea juego\u003c\/strong\u003e, y esa es la foto que todo el mundo pide y comparte.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💪\u003c\/span\u003e\u003ch3\u003eMúsculos Bordados\u003c\/h3\u003e\n\u003cp\u003eAcolchado con relieve, no un dibujo impreso. Se ve como el héroe, no como un niño con buzo azul.\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\u003eColores Que No se Desteñen\u003c\/h3\u003e\n\u003cp\u003eAzul, rojo y amarillo bordados de alta calidad. Aguanta lavadas sin quedar descolorido a la segunda puesta.\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\u003eSe Pone Solo\u003c\/h3\u003e\n\u003cp\u003eCierre trasero y tela elástica. Se lo pone y se lo quita sin pelear, y eso el 31 de octubre vale oro.\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\"\u003ePAPÁS SATISFECHOS\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\"\u003ePAPÁS SATISFECHOS\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 Superman para niño — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado con músculos bordados + capa roja + capa para mascota (GRATIS)\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eLa Capa de la Mascota\u003c\/strong\u003e\u003cspan\u003eMini capa de Superman para perro o gato — va incluida sin costo en todos los pedidos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e2, 4, 6, 8, 10 y 12 años — se eligen en el selector de talla de esta página\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eCómo Elegir la Talla\u003c\/strong\u003e\u003cspan\u003eRevisa la tabla de medidas antes de pedir. Si tienes dudas, escríbenos y te ayudamos a elegir.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003e¿Y si no le queda?\u003c\/strong\u003e\u003cspan\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela elástica con acolchado en torso y brazos, cierre trasero resistente\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, actos del colegio y contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$174.900 COP — 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 los Papá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\/WhatsApp_Image_2025-10-08_at_1.33.46_PM_1.jpg?v=1759965899\" alt=\"Reseña de clienta – disfraz de Superman 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\"Los músculos se ven muy bien y la capa es de excelente calidad. Lo mejor fue la capa del perro, se veían hermosos juntos.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea M. · Mamá de Santiago (7 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_2025-10-08_at_1.33.46_PM.jpg?v=1759965899\" alt=\"Reseña de cliente – disfraz de Superman 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\"Se sintió un superhéroe de verdad, hasta hizo las poses. La capa de nuestra perra Luna fue la sorpresa.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carlos R. · Papá de Mateo (9 años) · 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_2025-10-08_at_1.33.47_PM.jpg?v=1759965899\" alt=\"Reseña de clienta – disfraz de Superman 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\"Es tal cual las fotos. Llegó con el perro a la fiesta y todos quedaron impresionados. Pagué al recibir.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura P. · Mamá de David (6 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\"\u003eNIÑO Y MASCOTA A JUEGO\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\"\u003eNIÑO Y MASCOTA A JUEGO\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\/watermarked_img_11996509697708181841_jpg.jpg?v=1787628784\" alt=\"No te quedes sin el disfraz de Superman\" 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 Rota 🕷\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 de los disfraces que más salen de la tienda cada semana de octubre.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo con tiempo y tenlo guardado mucho antes de la fiesta.\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 la foto del niño y el perro con capa la van a pedir todos\"\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\"\u003eCapa de Mascota GRATIS\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=\"new-price\"\u003e$174.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 Superman Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/superman-dc-comics-reposable-giant-sticker-686cm-x-1016cm.jpg?v=1787628784\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🦸 Hazle realidad su Halloween 🦸\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eSUPERMAN PREMIUM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Superman para niño, calidad premium. Incluye traje acolchado con músculos bordados, capa roja y una capa GRATIS para tu mascota. Tallas de 2 a 12 años, 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\n","brand":"zahariq","offers":[{"title":"2","offer_id":47039874924792,"sku":"Superman-0","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":47039874957560,"sku":"Superman-1","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":47039874990328,"sku":"Superman-2","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":47039875023096,"sku":"Superman-3","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":47039875055864,"sku":"Superman-4","price":174900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":47039875088632,"sku":"Superman-5","price":174900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_3970584547988996808_jpg.jpg?v=1787628784"},{"product_id":"disfraz-nino-mario-bross","title":"DISFRAZ MARIO BROS CALIDAD PREMIUM TALLAS 2 A 12","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz de Mario Bros Niño – Buso, Mameluco y Gorra – Tallas 2 a 12 | Zahariq Shop\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:#D93025; --accent-deep:#9A1B14; --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 Mario Bros Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_15331227623712504166_jpg.jpg?v=1787683417\"\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\"\u003eMARIO BROS\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🍄 COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 12 AÑOS 🍄\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz que ningún niño tiene que explicar. Lo ven y ya saben quién es.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eBuso rojo + mameluco azul + gorra con M · Las tres piezas en el mismo pedido\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — sin IA, sin edición, así lo recibes\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\"\u003e3 PIEZAS COMPLETAS\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 · $149.900\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eBUSO + MAMELUCO + GORRA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003e3 PIEZAS COMPLETAS\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\"\u003eBUSO + MAMELUCO + GORRA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003e3 PIEZAS COMPLETAS\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 que llega a tu casa — sin montajes, sin retoques\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\/watermarked_img_13434488669668042558_jpg.jpg?v=1787683417\" alt=\"Niño de 8 años con el disfraz de Mario Bros puesto\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🍄 Así se Ve Puesto 🍄\u003c\/h3\u003e\n\u003cp\u003eFoto real de un niño de 8 años. Se pone la gorra y el personaje aparece solo — no hay que pedirle la pose.\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\/watermarked_img_3953332512568918690_jpg.jpg?v=1787683417\" alt=\"Niño de 2 años con el disfraz de Mario Bros\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👶 También en Talla 2 👶\u003c\/h3\u003e\n\u003cp\u003eEl mismo disfraz en el más pequeño de la casa. Los tirantes se ajustan y no le queda arrastrando.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_2112190908880188875_1__jpg.jpg?v=1787683417\" alt=\"Disfraz de Mario Bros completo: buso, mameluco y gorra\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Llega Completo 👻\u003c\/h3\u003e\n\u003cp\u003eBuso, mameluco y gorra en el mismo pedido. Nada que salir a completar a última hora.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/RELOJ_LUXURY_100_25_ORIGINAL_1080_x_1080_px_1080_x_1080_px__20250926_163213_0000.png?v=1758922390\" alt=\"Guía de tallas del disfraz de Mario Bros — tallas 2 a 12\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cp\u003eMídelo y compara con la tabla antes de pedir. Así recibes la talla correcta a la primera, y si dudas escríbenos y te ayudamos a elegir.\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 de la Esquina 🎃\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\u003eSon Tres Piezas de Verdad\u003c\/h3\u003e\n\u003cp\u003eBuso rojo, mameluco azul y gorra con la M. No es \u003cstrong style=\"color:#141414\"\u003eun enterizo con el dibujo estampado\u003c\/strong\u003e como los de $50.000.\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\u003eLa Gorra Va Incluida\u003c\/h3\u003e\n\u003cp\u003eEs la pieza que hace que se entienda el personaje al instante, y es justo la que casi nadie incluye en el precio.\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\u003eColores Que No se Destiñen\u003c\/h3\u003e\n\u003cp\u003eRojo y azul de alta calidad. Aguanta lavadas sin quedar descolorido a la segunda puesta.\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 Fresca para Octubre\u003c\/h3\u003e\n\u003cp\u003eMaterial ligero, pensado para que corra toda la noche sin acalorarse ni pedir quitárselo a los veinte minutos.\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\"\u003ePAPÁS SATISFECHOS\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\"\u003ePAPÁS SATISFECHOS\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 Mario Bros para niño — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eBuso rojo + mameluco azul con tirantes y botones amarillos + gorra roja con la M\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 y 12 años\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCómo Elegir la Talla\u003c\/strong\u003e\u003cspan\u003eRevisa la tabla de medidas antes de pedir. Si tienes dudas, escríbenos y te ayudamos a elegir.\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\u003eHacemos el cambio de talla sin ningún inconveniente. Escríbenos por WhatsApp y lo resolvemos.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela fresca y ligera, costuras reforzadas que aguantan fiesta, juego y carrera\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, cumpleaños, día del niño, actos del colegio y contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$149.900 COP — precio final, sin costos ocultos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\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-right\"\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-left\"\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 los Papá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\/WhatsApp_Image_2025-10-09_at_9.18.00_PM.jpg?v=1760063453\" alt=\"Reseña de clienta – disfraz de Mario Bros 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ó completo: buso, mameluco y gorra. La calidad es muy buena y no se lo quiere quitar.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea M. · Mamá de Sebastián (7 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_2025-10-09_at_9.17.54_PM.jpg?v=1760063454\" alt=\"Reseña de clienta – disfraz de Mario Bros 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\"La tela es suave y los colores muy vivos. Nada que ver con los disfraces baratos de por ahí.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— María L. · Mamá de Felipe (5 años) · 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_2025-10-09_at_9.17.59_PM.jpg?v=1760063454\" alt=\"Reseña de clienta – disfraz de Mario Bros 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\"La gorra le quedó perfecta y el mameluco tiene unos botones muy lindos. Pagué al recibir.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Catalina R. · Mamá de Mateo (9 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\"\u003eTELA FRESCA Y CÓMODA\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\"\u003eTELA FRESCA Y CÓMODA\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\/watermarked_img_3953332512568918690_jpg.jpg?v=1787683417\" alt=\"No te quedes sin el disfraz de Mario Bros\" 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 Rota 🕷\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 de los disfraces que más salen de la tienda cada semana de octubre.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo con tiempo y tenlo guardado mucho antes de la fiesta.\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\"Se lo pone, se pone la gorra, y ya no se lo quiere quitar\"\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\"\u003e3 Piezas Completas\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=\"new-price\"\u003e$149.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 Mario Bros Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_15331227623712504166_jpg.jpg?v=1787683417\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🍄 Hazle realidad su Halloween 🍄\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eMARIO BROS PREMIUM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Mario Bros para niño, calidad premium. Incluye buso rojo, mameluco azul con tirantes y gorra roja con la M. Tallas de 2 a 12 años, 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\n","brand":"zahariq","offers":[{"title":"Default Title","offer_id":47072544948472,"sku":"DISFRAZ NIñO MARIO BROSS","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_13434488669668042558_jpg.jpg?v=1787683417"},{"product_id":"rumi-de-k-pop-demon-hunters","title":"DISFRAZ KPOP RUMI TALLAS 4 A 12 AÑOS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz K-Pop Premium para Niña | 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    .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    .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    .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    .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    .marquee .m-sep { opacity: 0.75; font-size: 0.95em; }\n\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 K-Pop Premium – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_22_ago_2026_05_03_24_p.m..png?v=1787436449\"\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\"\u003eK-POP\u003c\/span\u003e\u003cbr\u003ePREMIUM\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🎃 COLECCIÓN HALLOWEEN 2026 · TALLAS 4 A 12 AÑOS 🎃\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Ella ya sabe cuál quiere. Tú solo tienes que pedirlo.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eCalidad premium importada · Tallas colombianas · Cambios sin problema\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos reales, así lo recibes\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\"\u003eTALLAS 4 A 12\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 · $159.000\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"marquee__track\"\u003e\n        \u003cdiv class=\"marquee__group\"\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 4 A 12\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS COLOMBIANAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCAMBIOS SIN PROBLEMA\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        \u003c\/div\u003e\n        \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 4 A 12\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS COLOMBIANAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCAMBIOS SIN PROBLEMA\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        \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🦇 El Disfraz que Ella sueña 🦇\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eFotos reales del disfraz que va a recibir\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_22_ago_2026_04_52_55_p.m..png?v=1787436449\" alt=\"Niña con el disfraz K-Pop Premium puesto\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 Así se Ve Puesto 🎃\u003c\/h3\u003e\n\u003cp\u003eLo que ves en la pantalla es lo que ella se va a poner el 31 de octubre.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_22_ago_2026_04_46_17_p.m..png?v=1787436448\" alt=\"Dos niñas con el disfraz K-Pop Premium\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🦇 El que Todas Van a Querer 🦇\u003c\/h3\u003e\n\u003cp\u003eSi su grupo de amigas está pidiendo el mismo, mejor: van juntas y las fotos quedan increíbles.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_22_ago_2026_04_41_27_p.m..png?v=1787436448\" alt=\"Disfraz K-Pop Premium en detalle\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Mira el Detalle de Cerca 👻\u003c\/h3\u003e\n\u003cp\u003eAcabados con cuerpo, brillos que se ven bien en foto y tela que no se transparenta. La diferencia entre un disfraz premium y uno de temporada se nota apenas lo sacas de la bolsa.\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é las Mamás lo Piden Aquí 🎃\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\u003eTallas Colombianas\u003c\/h3\u003e\n\u003cp\u003ePide la \u003cstrong style=\"color:#141414\"\u003emisma talla que tu niña usa hoy\u003c\/strong\u003e y le va a quedar.\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\u003eSi No le Queda, lo Cambiamos\u003c\/h3\u003e\n\u003cp\u003eTienes 5 días para cambios.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e👻\u003c\/span\u003e\u003ch3\u003eCalidad Premium Real\u003c\/h3\u003e\n\u003cp\u003eTela de alta calidad, costuras firmes y acabados que aguantan la noche completa.\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\u003eNo Solo para Halloween\u003c\/h3\u003e\n\u003cp\u003eCumpleaños, presentaciones del colegio, videos de TikTok, día del niño.\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 del país, 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 Tienes en Mano\u003c\/h3\u003e\n\u003cp\u003eContra entrega. Lo recibes, 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 Necesitas Saber Antes de Pedir\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eAsí lo recibes en tu casa\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 K-Pop para niña — calidad premium\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e4, 6, 8, 10 y 12 años\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eCómo Elegir la Talla\u003c\/strong\u003e\u003cspan\u003eSon tallas colombianas tradicionales. Pide la misma talla que tu niña usa hoy — no necesitas medir nada.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003e¿Y si no le queda?\u003c\/strong\u003e\u003cspan\u003eHacemos el cambio de talla sin ningún inconveniente.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTextil importado de calidad premium, con cuerpo y buena caída\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, presentaciones del colegio, contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$159.000 COP — 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\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\/WhatsApp_Image_2026-08-22_at_4.59.20_PM.jpg?v=1787436448\" alt=\"Reseña de clienta – disfraz K-Pop 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\"Le compré este disfraz a mi hija porque desde hace semanas me venía pidiendo uno estilo K-pop y sinceramente superó todas mis expectativas.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Laura M. · Mamá de Sofía (8 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\/IMG-20251018-WA0070.jpg?v=1760839437\" alt=\"Reseña de clienta – disfraz K-Pop 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\"La tela es de buena calidad y se ve tal cual como en las fotos, nada que ver con esos disfraces baratos que uno encuentra en otras páginas.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Carmen A. · Mamá de Isabella (10 años) · 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-22_at_5.45.59_PM.jpg?v=1787438828\" alt=\"Reseña de clienta – disfraz K-Pop 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\"Definitivamente vale cada peso, porque la felicidad de ver a tu hija tan emocionada no tiene precio. Lo recomiendo 100%.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Patricia L. · Mamá de Valentina (12 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\"\u003eCAMBIOS DE TALLA\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\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"m-item\"\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\"\u003eCAMBIOS DE TALLA\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\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"benefits\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"product-card scale-in 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\/ChatGPT_Image_22_ago_2026_04_46_17_p.m..png?v=1787436448\" alt=\"No te quedes sin el disfraz K-Pop Premium\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n            \u003ch2 style=\"color:#141414; font-family:'Bebas Neue',sans-serif; font-size:2em; letter-spacing:3px; margin-bottom:18px; text-align:center; animation: alertPulse 2s ease-in-out infinite;\"\u003e🕷 Pide tu talla antes que se agote 🕷\u003c\/h2\u003e\n            \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eTallas 4 a 12.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eHalloween llegó.\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 Halloween Sea el Suyo 🎃\u003c\/h2\u003e\n        \u003cp class=\"fade-in\"\u003e\"Porque hay disfraces que se ponen una noche… y disfraces que ella va a recordar\"\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\"\u003eCambios de Talla\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\"\u003eTallas Colombianas\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"price-comparison fade-in\"\u003e\n            \u003cspan class=\"new-price\"\u003e$159.000 COP\u003c\/span\u003e\n            \u003cdiv class=\"savings\"\u003e🎃 Envío GRATIS incluido · Pagas cuando lo recibes 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 Una vez realizas tu pedido al whatsapp te llega la guía.\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 K-Pop Premium – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_22_ago_2026_05_03_24_p.m..png?v=1787436449\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🎃 Hazle realidad su Halloween 🎃\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eDISFRAZ K-POP – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz K-Pop de calidad premium para niña. Tallas colombianas de 4 a 12 años, cambios de talla sin complicaciones, 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":"8","offer_id":47190144778488,"sku":"Rumi de K-Pop -2","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":47190144811256,"sku":"Rumi de K-Pop -3","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":47190144844024,"sku":"Rumi de K-Pop -4","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":47190144745720,"sku":"Rumi de K-Pop -1","price":159000.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":47190144712952,"sku":"Rumi de K-Pop -0","price":159000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_22_ago_2026_04_52_55_p.m..png?v=1787436449"},{"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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\n","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"},{"product_id":"disfraz-kpop-tutu-nina-halloween","title":"DISFRAZ KPOP TUTU TALLAS 2 A 14","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz K-Pop Tutú Niña – Tallas 2 a 14 | 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: la foto NO se recorta, se muestra completa --- *\/\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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 K-Pop Tutú – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_ago_2026_05_33_26_p.m..png?v=1787353863\"\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\"\u003eK-POP\u003c\/span\u003e\u003cbr\u003eTUTÚ\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🎃 COLECCIÓN HALLOWEEN 2026 · TALLAS 2 A 14 🎃\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz con el que ella se va a robar la noche.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eCalidad premium · Falda tutú con volumen real · Acabados de marca\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eFotos 100% reales — Así lo recibes\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\"\u003eCALIDAD PREMIUM\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 · $159.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\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 2 A 14\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFALDA TUTÚ CON VOLUMEN\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\"\u003eCALIDAD PREMIUM\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 2 A 14\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFOTOS REALES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eFALDA TUTÚ CON VOLUMEN\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 Ve Puesto 🦇\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eFotos reales del disfraz — sin filtros ni montajes\u003c\/p\u003e\n        \u003cdiv class=\"product-showcase\"\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_10_sept_2026_09_24_12_p.m..png?v=1789095190\" alt=\"Niña de 8 años con el disfraz K-Pop Tutú\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 El Look Que Ella Quiere 🎃\u003c\/h3\u003e\n\u003cp\u003eEstilo K-Pop de verdad: brillo, actitud y una falda tutú con caída y volumen. Se ve caro puesto, porque está hecho como los de verdad.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_10_sept_2026_09_31_34_p.m..png?v=1789095189\" alt=\"Niña de 4 años con el disfraz K-Pop Tutú\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🦇 También Para las Pequeñas 🦇\u003c\/h3\u003e\n\u003cp\u003eDesde talla 2. Sin costuras que raspen, sin materiales rígidos: se lo pone y puede bailar, correr y jugar toda la tarde sin quejarse.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_10_sept_2026_09_28_35_p.m..png?v=1789095190\" alt=\"Dos niñas luciendo el disfraz K-Pop Tutú\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Si Son Dos, Mejor 👻\u003c\/h3\u003e\n\u003cp\u003eHermanas, primas o amigas: hay talla para cada edad. El mismo disfraz, la misma foto, y esa noche nadie más va a llevar algo igual.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_10_sept_2026_09_25_39_p.m..png?v=1789095190\" alt=\"Disfraz K-Pop Tutú completo — tallas 2 a 14\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Esto Es Exactamente lo Que Llega 🕷\u003c\/h3\u003e\n\u003cp\u003eEl disfraz completo, tal como sale de la bolsa. Tallas 2, 4, 6, 8, 10, 12 y 14: elige la talla según la edad de tu niña. Si no le queda, la cambiamos sin complicaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/RELOJ_LUXURY_100_25_ORIGINAL_1080_x_1080_px_1080_x_1080_px__20250926_163213_0000.png?v=1758922390\" alt=\"Guía de tallas del disfraz K-Pop Tutú\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu niña de pies a cabeza y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu niña y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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 Otro? 🎃\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"benefits-grid\"\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎃\u003c\/span\u003e\u003ch3\u003eCalidad Premium Real\u003c\/h3\u003e\n\u003cp\u003eTela con cuerpo, costuras firmes y acabados parejos. No es el disfraz plástico que se descose antes de terminar la fiesta.\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\u003e7 Tallas: de 2 a 14 Años\u003c\/h3\u003e\n\u003cp\u003eDesde las más pequeñas hasta las preadolescentes. Si tienes dos hijas de edades distintas, ambas encuentran la suya.\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\u003eTutú Con Volumen de Verdad\u003c\/h3\u003e\n\u003cp\u003eCapas de tul que se sostienen solas y no se aplastan. Ese vuelo es justo lo que hace que las fotos queden espectaculares.\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\u003eNo Solo para Halloween\u003c\/h3\u003e\n\u003cp\u003eCumpleaños, presentaciones del colegio, videos de TikTok, día del niño. Un disfraz que se usa muchas veces, no una sola noche.\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\u003eSin costo adicional, a cualquier ciudad del país. El precio que ves es el precio que pagas.\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 tienes en las manos, lo revisas y ahí pagas. Sin transferencias por adelantado, sin riesgo.\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\"\u003ePAPÁS Y MAMÁS SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE 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\"\u003ePAPÁS Y MAMÁS SATISFECHOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCALIDAD QUE SE 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 Necesitas Saber\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eSin sorpresas: esto es exactamente lo que llega a tu casa\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 K-Pop Tutú para niña\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEstilo\u003c\/strong\u003e\u003cspan\u003eInspirado en el look de las estrellas del K-Pop, con falda tutú\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 y 14\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEdades\u003c\/strong\u003e\u003cspan\u003eDe 2 a 14 años aproximadamente\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eCalidad\u003c\/strong\u003e\u003cspan\u003ePremium: tela con cuerpo, tul de varias capas y costuras reforzadas\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, presentaciones, contenido para redes\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003eAntes $189.900 → Hoy $159.900 COP · Ahorras $30.000\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eGRATIS a todo Colombia\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\u003eImportante\u003c\/strong\u003e\u003cspan\u003eElige la talla según la edad de tu niña antes de pedir.\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 los Padres 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\/WhatsApp_Image_2026-09-07_at_9.08.42_PM.jpg?v=1788833447\" alt=\"Reseña de cliente – disfraz K-Pop Tutú\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Lo pedí para el cumpleaños de mi hija y quedó feliz. Está tan bonito que lo va a volver a usar en Halloween.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Diana R. · Mamá de Mariana (3 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-07_at_9.10.03_PM.jpg?v=1788833448\" alt=\"Reseña de cliente – disfraz K-Pop Tutú\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e\"Apenas lo desempaqué se nota la calidad: el tutú es hermoso y las costuras están muy bien hechas.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrés G. · Papá de Emilia (6 años) · Bucaramanga\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-07_at_9.04.47_PM.jpg?v=1788833448\" alt=\"Reseña de cliente – disfraz K-Pop Tutú\" 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 le quedó perfecto de talla. Se lo midió apenas lo sacamos y no se lo quería quitar.\"\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Marcela T. · Mamá de Salomé (5 años) · Medellín\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\"\u003eTALLAS 2 A 14\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\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"m-item\"\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\"\u003eTALLAS 2 A 14\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\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🦇\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"benefits\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"product-card scale-in 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\/ChatGPT_Image_10_sept_2026_09_28_35_p.m..png?v=1789095190\" alt=\"No te quedes sin el disfraz K-Pop Tutú\" 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🕷 Las Tallas 4, 6 y 10 Están por Agotarse 🕷\u003c\/h2\u003e\n            \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eHalloween llega en octubre, pero las tallas no esperan.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eAsegura la de ella hoy y recíbela en casa antes de la fiesta.\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 Halloween Sea el Suyo 🎃\u003c\/h2\u003e\n        \u003cp class=\"fade-in\"\u003e\"Porque ella no quiere un disfraz cualquiera: quiere ese\"\u003c\/p\u003e\n        \u003cdiv class=\"payment-info fade-in\"\u003e\n            \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n            \u003cdiv class=\"payment-features\"\u003e\n                \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTallas 2 a 14\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eFotos Reales\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eCalidad Premium\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"price-comparison fade-in\"\u003e\n            \u003cspan class=\"old-price\"\u003ePrecio Regular: $189.900 COP\u003c\/span\u003e\n            \u003cspan class=\"new-price\"\u003eHOY $159.900 COP\u003c\/span\u003e\n            \u003cdiv class=\"savings\"\u003e🎃 Ahorras $30.000 · Envío GRATIS incluido · Pagas al recibir 🎃\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 producto de temporada. Cuando una talla se agota, no siempre alcanza a reponerse antes de Halloween.\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 K-Pop Tutú – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_21_ago_2026_05_33_26_p.m..png?v=1787353863\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🎃 Hazle realidad su Halloween 🎃\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eDISFRAZ K-POP TUTÚ – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz K-Pop con falda tutú para niña, calidad premium. Tallas 2 a 14, 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\n","brand":"zahariq","offers":[{"title":"2","offer_id":50460986474744,"sku":"disfraz niña kpop tutu-0","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50460986507512,"sku":"disfraz niña kpop tutu-1","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50460986540280,"sku":"disfraz niña kpop tutu-2","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50460986573048,"sku":"disfraz niña kpop tutu-3","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50460986605816,"sku":"disfraz niña kpop tutu-4","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50460986638584,"sku":"disfraz niña kpop tutu-5","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50460986671352,"sku":"disfraz niña kpop tutu-6","price":159900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_10_sept_2026_09_24_12_p.m..png?v=1789095190"},{"product_id":"disfraz-hulk-para-ninos-traje-acolchad","title":"DISFRAZ NIÑO HULK ACOLCHADO","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Hulk Niño Acolchado – Tallas 2 a 12 | 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: la foto NO se recorta, se muestra completa --- *\/\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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Hulk Niño Acolchado – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260918_193356_jpg.jpg?v=1789778128\"\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\"\u003eHULK\u003c\/span\u003e\u003cbr\u003eACOLCHADO\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\"Que se sienta el héroe más fuerte de Marvel.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje acolchado con músculos · Máscara incluida · Tela fresca, cómoda y resistente\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eMira las fotos y reseñas de nuestros clientes\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\"\u003eTRAJE ACOLCHADO\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 · $179.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\"\u003eTRAJE ACOLCHADO\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\"\u003eMÁSCARA INCLUIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FRESCA, CÓMODA Y RESISTENTE\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\"\u003eTRAJE ACOLCHADO\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\"\u003eMÁSCARA INCLUIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FRESCA, CÓMODA Y RESISTENTE\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 Ve Puesto 🦇\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eMíralo completo, de cerca y en acción\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\/c36a37f2-a930-4f47-bf7c-4545a3caf6bb.jpg?v=1789776549\" alt=\"Niño con el disfraz Hulk acolchado, vista completa\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🎃 Poder Hulk de Pies a Cabeza 🎃\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado con músculos que le da al héroe más fuerte de Marvel toda su presencia, con máscara incluida para completar el look.\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\/aa8d4814-e2fe-4e36-a566-3f8424a4f3e1.jpg?v=1789776549\" alt=\"Detalle de cerca del disfraz Hulk acolchado\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🦇 Los Detalles de Cerca 🦇\u003c\/h3\u003e\n\u003cp\u003eMira de cerca el acolchado y los músculos del traje. Tela fresca y resistente, pensada para Halloween, fiestas temáticas y juegos en casa.\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\/f91f4a0f-de93-42ac-8e35-793e0e254f81.jpg?v=1789776549\" alt=\"Niño con el disfraz Hulk golpeando el suelo\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Listo para la Acción 👻\u003c\/h3\u003e\n\u003cp\u003eCon este disfraz tu hijo puede hacer su mejor pose de Hulk, en Halloween, en una fiesta o jugando en casa.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_9068311503487711190_jpg.jpg?v=1789776549\" alt=\"Disfraz Hulk Niño Acolchado completo — tallas 2 a 12\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Esto Es lo Que Recibes 🕷\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado con músculos y máscara. Disponible en tallas 2, 4, 6, 8, 10 y 12: elige la talla con ayuda de la guía que sigue.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in ancha\"\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 Hulk acolchado\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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 Otro? 🎃\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\u003eAcolchado Con Músculos\u003c\/h3\u003e\n\u003cp\u003eEl traje trae el acolchado que marca los músculos de Hulk, para que tu hijo se vea tan fuerte como el héroe.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🦇\u003c\/span\u003e\u003ch3\u003eMáscara Incluida\u003c\/h3\u003e\n\u003cp\u003eViene con la máscara para completar el personaje, sin tener que comprar nada más aparte.\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 fresca, Cómoda y Resistente\u003c\/h3\u003e\n\u003cp\u003eHecho en tela fresca, cómoda y resistente, pensado para disfrutar toda la fiesta y también para jugar en casa.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🕷\u003c\/span\u003e\u003ch3\u003eTallas de la 2 a la 12\u003c\/h3\u003e\n\u003cp\u003eUn rango amplio de tallas para elegir la que corresponde a tu hijo. Revisa la guía antes de pedir.\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\u003eSin costo adicional, a cualquier ciudad del país. El precio que ves es el precio que pagas.\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 tienes en las manos y ahí pagas. Sin transferencias por adelantado, sin riesgo.\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 PUESTO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eRESEÑAS DE CLIENTES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA CÓMODA Y RESISTENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCOMPRA SEGURA\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 PUESTO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eRESEÑAS DE CLIENTES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e👻\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTELA FRESCA, CÓMODA Y RESISTENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🎃\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCOMPRA SEGURA\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 Necesitas Saber\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eSin sorpresas: esto es exactamente lo que llega a tu casa\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 Hulk acolchado para niño\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEstilo\u003c\/strong\u003e\u003cspan\u003eInspirado en Hulk, el héroe más fuerte de Marvel\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado con músculos y máscara\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e2, 4, 6, 8, 10 y 12\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela fresca, cómoda y resistente\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas temáticas y juegos en casa\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003eAntes $219.900 → Hoy $179.900 COP · Ahorras $40.000\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eGRATIS a todo Colombia\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\u003eImportante\u003c\/strong\u003e\u003cspan\u003eRevisa la guía de tallas y elige la talla correcta antes de pedir, tienes 5 días para cambios.\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 Nuestros Clientes 👻\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"testimonials-grid\"\u003e\n            \u003cdiv class=\"testimonial-card scale-in\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/WhatsApp_Image_2026-09-19_at_12.14.56_PM.jpg?v=1789840223\" alt=\"Reseña de cliente con el disfraz Hulk puesto\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-text\"\u003eLos detalles del disfraz son impresionantes de excelente calidad y los colores muy vivos, quedamos muy satisfechos.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Marcela mamá de Jerónimo · 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-09-19_at_12.18.25_PM.jpg?v=1789840223\" alt=\"Reseña de cliente con el pedido del disfraz Hulk empacado\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-text\"\u003eLlegó muy bien empacado y tal cual lo promocionan, se vé mucho mejor cuando lo recibimos, los recomiendo al 100%.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Juan Pablo papá de Camilo · 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-19_at_12.16.22_PM.jpg?v=1789840223\" alt=\"Reseña de cliente – niño de 4 años con el disfraz Hulk\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-text\"\u003eMi hijo después de la película quedó antojado de este disfraz y fué una excelente compra.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Sandra mamá de Mati · Barranquilla\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\"\u003eLISTO PARA 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\"\u003eTALLAS 2 A 12\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\"\u003eTIENES 5 DÍAS PARA CAMBIOS\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\"\u003eLISTO PARA 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\"\u003eTALLAS 2 A 12\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\"\u003eELIGE BIEN LA TALLA\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\/watermarked_img_9068311503487711190_jpg.jpg?v=1789776549\" alt=\"No te quedes sin el disfraz Hulk acolchado\" 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🕷 Halloween Está Cerca: Asegura Su Disfraz de Hulk 🕷\u003c\/h2\u003e\n            \u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eElige bien la talla con la guía y haz tu pedido hoy.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003eEnvío gratis a todo Colombia y pagas cuando lo recibes.\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 Halloween Sea el Suyo 🎃\u003c\/h2\u003e\n        \u003cp class=\"fade-in\"\u003e\"Porque él no quiere un disfraz cualquiera: quiere ser Hulk\"\u003c\/p\u003e\n        \u003cdiv class=\"payment-info fade-in\"\u003e\n            \u003ch3\u003eCompra 100% Segura y Sin Riesgos\u003c\/h3\u003e\n            \u003cdiv class=\"payment-features\"\u003e\n                \u003cdiv class=\"payment-feature\"\u003ePago Contraentrega\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS Colombia\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTallas 2 a 12\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eTraje Acolchado\u003c\/div\u003e\n                \u003cdiv class=\"payment-feature\"\u003eMáscara Incluida\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: $219.900 COP\u003c\/span\u003e\n            \u003cspan class=\"new-price\"\u003eHOY $179.900 COP\u003c\/span\u003e\n            \u003cdiv class=\"savings\"\u003e🎃 Ahorras $40.000 · Envío GRATIS incluido · Pagas al recibir 🎃\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 producto de temporada. Revisa la guía de tallas y elige la talla correcta antes de hacer tu pedido.\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 Hulk Niño Acolchado – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG_20260918_193356_jpg.jpg?v=1789778128\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🎃 Hazle realidad su Halloween 🎃\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eDISFRAZ HULK ACOLCHADO – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Hulk acolchado para niño, con músculos y máscara. Tallas 2 a 12, 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\n","brand":"zahariq","offers":[{"title":"2","offer_id":50489567510776,"sku":"Hulk-0","price":179900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50489567543544,"sku":"Hulk-1","price":179900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50489567576312,"sku":"Hulk-2","price":179900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50489567609080,"sku":"Hulk-3","price":179900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50489567641848,"sku":"Hulk-4","price":179900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50489567674616,"sku":"Hulk-5","price":179900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/watermarked_img_9068311503487711190_jpg.jpg?v=1789776549"},{"product_id":"disfraz-batman-con-musculos","title":"DISFRAZ BATMAN MÚSCULOS ACOLCHADOS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Batman Niño – Músculos Acolchados con Capa y Máscara | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Batman Músculos Acolchados – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eBATMAN\u003c\/span\u003e\u003cbr\u003eACOLCHADO\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ MÚSCULOS BORDADOS · HALLOWEEN 2026 · TALLAS 2 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz con el que se siente el verdadero Caballero Oscuro.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje acolchado + capa + máscara + cubre zapatos\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eCAPA + MÁSCARA\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 · $169.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\"\u003eTRAJE + CAPA + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eTRAJE + CAPA + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eAsí es el 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\/1754773579disfraz-batman-angelshore-994544104_20-_20copia.jpg?v=1789853617\" alt=\"Disfraz Batman acolchado con músculos bordados\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ El Caballero Oscuro 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Batman para niños, perfecto para los pequeños héroes que desean luchar contra el crimen.\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\/1754773579sin-titulo-1698073856-angelshore-592706839.jpg?v=1789854488\" alt=\"Detalle del disfraz Batman\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Músculos Bordados 🕷️\u003c\/h3\u003e\n\u003cp\u003eViene acolchado con músculos bordados, lo que proporciona un aspecto robusto y auténtico.\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\/1754773582sin-titulo-1698073856-angelshore-131419279_1.jpg?v=1789854488\" alt=\"Capa y máscara del disfraz Batman\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Capa y Máscara 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye una capa y una máscara que completan el look, además de cubrir los zapatos para una experiencia de disfraz integral.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Batman\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado con capa, máscara y músculos bordados. 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 que cubre los zapatos, capa y máscara incluidas. 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\u003eAcolchado con Músculos\u003c\/h3\u003e\n\u003cp\u003eLos músculos bordados dan un aspecto robusto y auténtico. Ideal para fiestas de disfraces o juegos imaginativos.\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 pequeño 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 Batman para niños — acolchado con músculos bordados\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado que cubre los zapatos + capa + máscara\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eAcolchado con músculos bordados, con capa y máscara que completan el look\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la tabla de medidas para elegir correctamente, ya que son tallas completas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces y juegos imaginativos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$169.900 COP — 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=\"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 + CAPA + MÁSCARA\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\"\u003eTALLAS 2 A 12\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 + CAPA + MÁSCARA\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\"\u003eTALLAS 2 A 12\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\/1754773579disfraz-batman-angelshore-994544104_20-_20copia.jpg?v=1789853617\" alt=\"No te quedes sin el disfraz de Batman\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 2 a 12\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=\"new-price\"\u003e$169.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 Batman Músculos Acolchados – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eBATMAN – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz acolchado de Batman para niños. Incluye traje con músculos bordados, capa y máscara, 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":50556602843384,"sku":"Bat-5","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556602876152,"sku":"Bat-4","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50556602908920,"sku":"Bat-3","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50556602941688,"sku":"Bat-2","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50556602974456,"sku":"Bat-1","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50556603007224,"sku":"Bat-0","price":169900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754773579disfraz-batman-angelshore-994544104_20-_20copia.jpg?v=1789853617"},{"product_id":"disfraz-kyojuro-rengoku-demon-slayers","title":"DISFRAZ KYOJURO RENGOKU DEMOS SLAYER","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Kyojuro Rengoku Demon Slayer Niño – Pilar de la Llama | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Kyojuro Rengoku Demon Slayer – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eRENGOKU\u003c\/span\u003e\u003cbr\u003ePILAR DE LA LLAMA\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ HALLOWEEN 2026 · TALLAS XS A 16 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El valiente Pilar de la Llama.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eCamisa + pantalón + tobilleras + haori\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eHAORI ESPECTACULAR\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\"\u003eCAMISA + PANTALÓN + HAORI\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003ePILAR DE LA LLAMA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTOBILLERAS INCLUIDAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS XS A 16\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\"\u003eCAMISA + PANTALÓN + HAORI\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003ePILAR DE LA LLAMA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTOBILLERAS INCLUIDAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS XS A 16\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\"\u003eAsí es el 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\/1759764499Imagen_de_WhatsApp_2025-09-25_a_las_04.47.31_a4487065.jpg?v=1789854715\" alt=\"Disfraz de Kyojuro Rengoku\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Así es el Disfraz 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Kyojuro Rengoku, el Pilar de la Llama de Demon Slayer, para transformar a tu pequeño en un valiente héroe.\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\/1759764499Imagen_20de_20WhatsApp_202025-09-25_20a_20las_2004.47.31_ab435ba3.jpg?v=1789853743\" alt=\"Detalle del disfraz de Kyojuro Rengoku\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Espectacular Haori 🕷️\u003c\/h3\u003e\n\u003cp\u003eUn espectacular haori que captura la esencia del personaje.\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\/1759764499Imagen_de_WhatsApp_2024-09-03_a_las_16.22.04_fd649a0e.jpg?v=1789854710\" alt=\"Accesorios del disfraz de Kyojuro Rengoku\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Conjunto Completo 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye pantalón, camisa, tobilleras y haori en el mismo pedido.\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\/1759764499Imagen_de_WhatsApp_2025-09-25_a_las_04.47.31_e605fc0f.jpg?v=1789854715\" alt=\"Disfraz de Kyojuro Rengoku – vista adicional\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Más Detalles 🕷️\u003c\/h3\u003e\n\u003cp\u003eMira el disfraz desde otro ángulo antes de decidir.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Rengoku\u003c\/h3\u003e\n\u003cp\u003ePantalón, camisa, tobilleras y un espectacular haori que captura la esencia del personaje. 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\u003ePantalón, camisa, tobilleras y haori incluidos. No tienes que salir a completar nada a última hora.\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\u003eListo para la Aventura\u003c\/h3\u003e\n\u003cp\u003eCómodo, e inspira la valentía y el espíritu de lucha. Para que su imaginación vuele.\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 XS a 16\u003c\/h3\u003e\n\u003cp\u003eSirve para el pequeño 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 Kyojuro Rengoku, el Pilar de la Llama de Demon Slayer\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eCamisa + pantalón + tobilleras + haori\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003eXS, 8, 10, 12, 14, 16\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eEspectacular haori que captura la esencia del personaje\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la guía de tallas para elegir correctamente el disfraz\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces y juegos\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 — 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=\"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\"\u003eCONJUNTO COMPLETO\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\"\u003eTALLAS XS A 16\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\"\u003eCONJUNTO COMPLETO\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\"\u003eTALLAS XS A 16\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\/1759764499Imagen_de_WhatsApp_2024-10-23_a_las_02.32.26_93ee44b3.jpg?v=1789854710\" alt=\"No te quedes sin el disfraz de Kyojuro Rengoku\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas XS a 16\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=\"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 Kyojuro Rengoku Demon Slayer – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eRENGOKU – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Kyojuro Rengoku, el Pilar de la Llama de Demon Slayer. Incluye pantalón, camisa, tobilleras y haori, 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(-2px) scale(1.05)'; }); });\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\n","brand":"zahariq","offers":[{"title":"XS","offer_id":50556605366520,"sku":"Rengoku-5","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50556605399288,"sku":"Rengoku-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556605432056,"sku":"Rengoku-1","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556605464824,"sku":"Rengoku-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50556605497592,"sku":"Rengoku-3","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"16","offer_id":50556605530360,"sku":"Rengoku-4","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1759764499Imagen_de_WhatsApp_2025-09-25_a_las_04.47.31_a4487065.jpg?v=1789854715"},{"product_id":"disfraz-zenitzu-katana-retractil","title":"DISFRAZ ZENITZU + KATANA RETRACTIL","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Zenitsu Demon Slayer Niño + Katana Retráctil | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Zenitsu Demon Slayer con Katana Retráctil – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eZENITSU\u003c\/span\u003e\u003cbr\u003e+ KATANA\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ HALLOWEEN 2026 · TALLAS 8 A 16 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El cazador de demonios en colores naranja y amarillo.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eCamisa + pantalón + tobilleras + haori + katana retráctil\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eKATANA RETRÁCTIL\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\"\u003eCAMISA + PANTALÓN + HAORI\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eNARANJA Y AMARILLO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 8 A 16\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\"\u003eCAMISA + PANTALÓN + HAORI\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eNARANJA Y AMARILLO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 8 A 16\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\"\u003eAsí es el 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\/1759762843Imagen_20de_20WhatsApp_202025-10-04_20a_20las_2008.21.39_5f7e4c20.jpg?v=1789853810\" alt=\"Disfraz de Zenitsu\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Así es el Disfraz 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Zenitsu de Demon Slayer, una opción de alta calidad para que tu pequeño se sienta como un verdadero cazador de demonios.\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\/1759762843Imagen_de_WhatsApp_2025-10-04_a_las_08.21.39_04adef8d.jpg?v=1789854943\" alt=\"Detalle del disfraz de Zenitsu\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Colores del Personaje 🕷️\u003c\/h3\u003e\n\u003cp\u003eDiseñado con los vibrantes colores naranja y amarillo que caracterizan al famoso personaje.\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\/1759762843Imagen_de_WhatsApp_2025-10-04_a_las_08.21.39_d8b83b17.jpg?v=1789854943\" alt=\"Accesorios del disfraz de Zenitsu\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Conjunto Completo 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye camisa, pantalones, tobilleras y haori, más katana retráctil, en el mismo pedido.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Zenitsu\u003c\/h3\u003e\n\u003cp\u003eCamisa, pantalón, tobilleras y haori en los colores naranja y amarillo del personaje. 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\u003eCamisa, pantalones, tobilleras, haori y katana retráctil incluidos. No tienes que salir a completar nada a última hora.\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\u003eListo para la Aventura\u003c\/h3\u003e\n\u003cp\u003eCómodo para fiestas de disfraces, convenciones o simplemente para jugar, y hace que tu niño destaque en cualquier ocasión.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e👶\u003c\/span\u003e\u003ch3\u003eTallas 8 a 16\u003c\/h3\u003e\n\u003cp\u003eSirve para el pequeño 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 Zenitsu Demon Slayer para niños + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eCamisa + pantalón + tobilleras + haori + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e8, 10, 12, 14, 16\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eColores naranja y amarillo del personaje, cómodo para jugar\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la guía de tallas para elegir correctamente el disfraz\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces, convenciones y juegos\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 — 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=\"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\"\u003eCONJUNTO + KATANA RETRÁCTIL\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\"\u003eTALLAS 8 A 16\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\"\u003eCONJUNTO + KATANA RETRÁCTIL\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\"\u003eTALLAS 8 A 16\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\/5f5b8d3b-b22a-42ae-8164-4c9c05e0fbf6.jpg?v=1789854943\" alt=\"No te quedes sin el disfraz de Zenitsu\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 8 a 16\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=\"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 Zenitsu Demon Slayer con Katana Retráctil – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eZENITSU – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Zenitsu de Demon Slayer con katana retráctil. Incluye camisa, pantalones, tobilleras y haori, 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":"8","offer_id":50556606218488,"sku":"Zenitzu-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556606251256,"sku":"Zenitzu-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50556606284024,"sku":"Zenitzu-6","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556606316792,"sku":"Zenitzu-4","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"16","offer_id":50556606349560,"sku":"Zenitzu-8","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1759762843Imagen_20de_20WhatsApp_202025-10-04_20a_20las_2008.21.39_5f7e4c20.jpg?v=1789853810"},{"product_id":"disfraz-gwen-stacy","title":"DISFRAZ GWEN STACY SIPER GIRL","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Gwen Stacy Niña – Spider-Woman con Capucha y Máscara | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Gwen Stacy Spider-Woman – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eGWEN STACY\u003c\/span\u003e\u003cbr\u003eCON CAPUCHA\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ SPIDER-WOMAN · HALLOWEEN 2026 · TALLAS 2 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz que toda fan de Gwen Stacy quiere tener.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eDisfraz + capucha + máscara · Estilo y comodidad\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eCAPUCHA + MÁSCARA\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 · $119.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 + CAPUCHA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA INCLUIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eESTILO Y COMODIDAD\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 + CAPUCHA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA INCLUIDA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eESTILO Y COMODIDAD\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\"\u003eAsí es el 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\/1754778383gwen1_20-_20copia.jpg?v=1789853883\" alt=\"Disfraz Gwen Stacy Spider-Woman\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ El Look de Gwen Stacy 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz inspirado en la famosa Spider-Woman, ideal para fiestas de disfraces y eventos temáticos.\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\/1754778383gwen_2_-_copia.jpg?v=1789855191\" alt=\"Detalle del disfraz Gwen Stacy\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Estilo y Comodidad 🕷️\u003c\/h3\u003e\n\u003cp\u003eUn diseño atractivo con detalles cuidados que combina estilo y comodidad, para destacar con un toque de superhéroe.\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\/1754778383gwen_4.jpg?v=1789855191\" alt=\"Capucha y máscara del disfraz Gwen Stacy\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Capucha y Máscara 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye capucha y máscara que completan el look.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Gwen Stacy\u003c\/h3\u003e\n\u003cp\u003eDisfraz inspirado en Spider-Woman, con capucha y máscara. Todos lo reconocen \u003cstrong style=\"color:#141414\"\u003ede una\u003c\/strong\u003e, sin tener que explicar de qué está disfrazada.\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\u003eDisfraz con capucha y máscara incluidas. 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\u003eEstilo y Comodidad\u003c\/h3\u003e\n\u003cp\u003eDiseño atractivo y detalles cuidados que combinan estilo y comodidad. Ideal para fiestas de disfraces o eventos temáticos.\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 la pequeña y para la mayorcita. 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 Gwen Stacy inspirado en Spider-Woman\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eDisfraz + capucha + máscara\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eDetalles cuidados que combinan estilo y comodidad, con capucha y máscara que completan el look\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eVerifica la guía de tallas antes de pedir para elegir la talla adecuada\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces y eventos temáticos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$119.900 COP — 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=\"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\"\u003eDISFRAZ + CAPUCHA + MÁSCARA\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\"\u003eTALLAS 2 A 12\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\"\u003eDISFRAZ + CAPUCHA + MÁSCARA\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\"\u003eTALLAS 2 A 12\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\/17547783837096CA73-CAB4-46E4-A0DB-255F41E87399.jpg?v=1789855190\" alt=\"No te quedes sin el disfraz de Gwen Stacy\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 2 a 12\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=\"new-price\"\u003e$119.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 Gwen Stacy Spider-Woman – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eGWEN STACY – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Gwen Stacy inspirado en Spider-Woman. Incluye capucha y máscara, 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\n","brand":"zahariq","offers":[{"title":"8","offer_id":50556607168760,"sku":"Gwen-3","price":119900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556607201528,"sku":"Gwen-4","price":199900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556607234296,"sku":"Gwen-5","price":199900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50556607267064,"sku":"Gwen-2","price":199900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50556607299832,"sku":"Gwen-1","price":119900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50556607332600,"sku":"Gwen-0","price":119900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754778383gwen1_20-_20copia.jpg?v=1789853883"},{"product_id":"disfraz-venom","title":"DISFRAZ VENOM MÚSCULOS ACOLCHADOS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Venom Niño – Músculos Acolchados con Máscara | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Venom Músculos Acolchados – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eVENOM\u003c\/span\u003e\u003cbr\u003eACOLCHADO\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ MÚSCULOS BORDADOS · HALLOWEEN 2026 · TALLAS 2 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz con el que se convierte en su villano favorito.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje acolchado + máscara + cubre zapatos · Músculos bordados\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eMÚSCULOS BORDADOS\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 · $169.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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eAsí es el 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\/1754774454sin-titulo-1698073163-angelshore-1191885441_20-_20copia.jpg?v=1789853937\" alt=\"Disfraz Venom acolchado con músculos bordados\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Su Villano Favorito 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Venom para niño, perfecto para los pequeños que quieren convertirse en su villano favorito.\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\/1754774454sin-titulo-1698073163-angelshore-252430539.jpg?v=1789855322\" alt=\"Detalle del disfraz Venom\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Músculos Bordados 🕷️\u003c\/h3\u003e\n\u003cp\u003eViene acolchado con músculos bordados que le dan un aspecto impresionante y realista.\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\/1754774454sin-titulo-1698073163-angelshore-495292171.jpg?v=1789855322\" alt=\"Máscara del disfraz Venom\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Máscara y Cubre Zapatos 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye una máscara aterradora que completa el look, y el disfraz cubre los zapatos.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Venom\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado con máscara y músculos bordados. 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 que cubre los zapatos y máscara incluida. 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\u003eAcolchado con Músculos\u003c\/h3\u003e\n\u003cp\u003eLos músculos bordados le dan un aspecto impresionante y realista. Un disfraz de alta gama para lucirse en Halloween.\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 pequeño 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 Venom para niño — acolchado con músculos bordados, de alta gama\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado que cubre los zapatos + máscara\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eAcolchado con músculos bordados y máscara que completa el look\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la guía de tallas para elegir correctamente el disfraz\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween y fiestas de disfraces\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$169.900 COP — 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=\"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 + CUBRE ZAPATOS\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\"\u003eTALLAS 2 A 12\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 + CUBRE ZAPATOS\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\"\u003eTALLAS 2 A 12\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\/1754774454sin-titulo-1698073163-angelshore-1191885441_20-_20copia.jpg?v=1789853937\" alt=\"No te quedes sin el disfraz de Venom\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 2 a 12\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=\"new-price\"\u003e$169.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 Venom Músculos Acolchados – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eVENOM – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz acolchado de Venom para niño. Incluye traje con músculos bordados y máscara, 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":"10","offer_id":50556608053496,"sku":"-4","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556608086264,"sku":"-5","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50556608119032,"sku":"-3","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50556608151800,"sku":"-2","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50556608184568,"sku":"-1","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50556608217336,"sku":"-0","price":169900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754774454sin-titulo-1698073163-angelshore-1191885441_20-_20copia.jpg?v=1789853937"},{"product_id":"disfraz-nezuko-katana-retractil","title":"DISFRAZ NEZUKO + KATANA RETRACTIL","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Nezuko Demon Slayer + Katana Retráctil | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Nezuko Demon Slayer con Katana Retráctil – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eNEZUKO\u003c\/span\u003e\u003cbr\u003e+ KATANA\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ HALLOWEEN 2026 · TALLAS S A 16 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"La heroína de su propia historia.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eDos kimonos (marrón y rosa) + tobilleras + cinturón + katana retráctil\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eDOS KIMONOS + CINTURÓN\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\"\u003eDOS KIMONOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTOBILLERAS + CINTURÓN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS S A 16\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\"\u003eDOS KIMONOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTOBILLERAS + CINTURÓN\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS S A 16\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\"\u003eAsí es el 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\/1759763510Imagen_20de_20WhatsApp_202025-10-01_20a_20las_2007.31.51_b0df0fe7.jpg?v=1789854012\" alt=\"Disfraz de Nezuko\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Así es el Disfraz 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Nezuko de Demon Slayer, una opción de alta calidad para destacar en cualquier evento.\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\/ac971d4e-d1a5-4f72-a577-081317e1442f.jpg?v=1789855468\" alt=\"Detalle del disfraz de Nezuko\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Dos Kimonos 🕷️\u003c\/h3\u003e\n\u003cp\u003eIncluye dos kimonos en tonos marrón y rosa que completan el look.\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\/1759763509Imagen_de_WhatsApp_2025-10-01_a_las_07.31.52_8e83ba45.jpg?v=1789855468\" alt=\"Accesorios del disfraz de Nezuko\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Tobilleras y Cinturón 👻\u003c\/h3\u003e\n\u003cp\u003eAdemás de los kimonos, trae tobilleras, cinturón y katana retráctil en el mismo pedido.\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\/1759763510Imagen_de_WhatsApp_2025-10-01_a_las_07.31.52_ed06641a.jpg?v=1789855468\" alt=\"Disfraz de Nezuko – vista adicional\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Más Detalles 🕷️\u003c\/h3\u003e\n\u003cp\u003eMira el disfraz desde otro ángulo antes de decidir.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Nezuko\u003c\/h3\u003e\n\u003cp\u003eDos kimonos en tonos marrón y rosa, tobilleras y cinturón que completan el look. 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\u003eKimonos, tobilleras, cinturón y katana retráctil incluidos. No tienes que salir a completar nada a última hora.\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\u003eListo para la Aventura\u003c\/h3\u003e\n\u003cp\u003eConfeccionado con materiales duraderos y cómodos, para quienes buscan autenticidad y estilo.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e👶\u003c\/span\u003e\u003ch3\u003eTallas S a 16\u003c\/h3\u003e\n\u003cp\u003eSirve para el pequeño 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 Nezuko Demon Slayer + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eDos kimonos (marrón y rosa) + tobilleras + cinturón + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003eS, 8, 10, 12, 14, 16\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eDos kimonos en tonos marrón y rosa, con cinturón y tobilleras\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la guía de tallas para elegir correctamente el disfraz\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces y eventos\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 — 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=\"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\"\u003eKIMONOS + KATANA RETRÁCTIL\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\"\u003eTALLAS S A 16\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\"\u003eKIMONOS + KATANA RETRÁCTIL\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\"\u003eTALLAS S A 16\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\/1759763510Imagen_de_WhatsApp_2025-10-01_a_las_07.31.52_8885630a.jpg?v=1789855468\" alt=\"No te quedes sin el disfraz de Nezuko\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas S a 16\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=\"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 Nezuko Demon Slayer con Katana Retráctil – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eNEZUKO – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Nezuko de Demon Slayer con katana retráctil. Incluye dos kimonos, tobilleras y cinturón, 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":"S","offer_id":50556614508792,"sku":"Nezuko-5","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50556614541560,"sku":"Nezuko-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556614574328,"sku":"Nezuko-1","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556614607096,"sku":"Nezuko-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50556614639864,"sku":"Nezuko-3","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"16","offer_id":50556614672632,"sku":"Nezuko-4","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1759763510Imagen_20de_20WhatsApp_202025-10-01_20a_20las_2007.31.51_b0df0fe7.jpg?v=1789854012"},{"product_id":"disfraz-tomioka-katana-retractil","title":"DISFRAZ TOMIOKA + KATANA RETRACTIL","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Tomioka Demon Slayer Niño + Katana Retráctil | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Tomioka Demon Slayer con Katana Retráctil – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eTOMIOKA\u003c\/span\u003e\u003cbr\u003e+ KATANA\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ HALLOWEEN 2026 · TALLAS XS A 16 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Para los pequeños héroes que quieren lucir como su personaje favorito.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eCamisa + pantalón + tobilleras + haoris + katana retráctil\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eKATANA RETRÁCTIL\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\"\u003eCAMISA + PANTALÓN + HAORIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eDETALLES AUTÉNTICOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS XS A 16\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\"\u003eCAMISA + PANTALÓN + HAORIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eDETALLES AUTÉNTICOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS XS A 16\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\"\u003eAsí es el 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\/1759764803Imagen_20de_20WhatsApp_202025-10-04_20a_20las_2008.21.39_6300869d.jpg?v=1789854061\" alt=\"Disfraz de Tomioka\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Así es el Disfraz 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Tomioka de Demon Slayer, perfecto para los pequeños héroes que quieren lucir como sus personajes favoritos.\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\/515376b3-68fc-4766-938e-7df3d0f9ade3.jpg?v=1789855656\" alt=\"Detalle del disfraz de Tomioka\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Detalles Auténticos 🕷️\u003c\/h3\u003e\n\u003cp\u003eColores vibrantes y detalles auténticos que capturan la esencia del anime.\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\/1759764803Imagen_de_WhatsApp_2025-10-04_a_las_08.21.39_17462f4d.jpg?v=1789855656\" alt=\"Accesorios del disfraz de Tomioka\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Conjunto Completo 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye pantalón, camisa, tobilleras y haoris, más katana retráctil, en el mismo pedido.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Tomioka\u003c\/h3\u003e\n\u003cp\u003ePantalón, camisa, tobilleras y haoris con colores vibrantes y detalles auténticos. 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\u003ePantalón, camisa, tobilleras, haoris y katana retráctil incluidos. No tienes que salir a completar nada a última hora.\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\u003eListo para la Aventura\u003c\/h3\u003e\n\u003cp\u003eIdeal para fiestas de disfraces, Halloween o simplemente para jugar, con comodidad y estilo.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e👶\u003c\/span\u003e\u003ch3\u003eTallas XS a 16\u003c\/h3\u003e\n\u003cp\u003eSirve para el pequeño 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 Tomioka Demon Slayer para niños + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eCamisa + pantalón + tobilleras + haoris + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003eXS, 8, 10, 12, 14, 16\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eColores vibrantes y detalles auténticos que capturan la esencia del anime\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la guía de tallas para elegir correctamente el disfraz\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces y juegos\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 — 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=\"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\"\u003eCONJUNTO + KATANA RETRÁCTIL\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\"\u003eTALLAS XS A 16\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\"\u003eCONJUNTO + KATANA RETRÁCTIL\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\"\u003eTALLAS XS A 16\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\/1759764803Imagen_de_WhatsApp_2025-10-04_a_las_08.21.39_483b315a.jpg?v=1789855681\" alt=\"No te quedes sin el disfraz de Tomioka\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas XS a 16\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=\"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 Tomioka Demon Slayer con Katana Retráctil – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eTOMIOKA – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Tomioka de Demon Slayer con katana retráctil. Incluye camisa, pantalón, tobilleras y haoris, 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":"10","offer_id":50556615327992,"sku":"Tomioka-1","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556615360760,"sku":"Tomioka-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50556615393528,"sku":"Tomioka-3","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50556615426296,"sku":"Tomioka-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"16","offer_id":50556615459064,"sku":"Tomioka-4","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"XS","offer_id":50556615491832,"sku":"Tomioka-6","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1759764803Imagen_20de_20WhatsApp_202025-10-04_20a_20las_2008.21.39_6300869d.jpg?v=1789854061"},{"product_id":"disfraz-wolverine-garras-retractil","title":"WOLVERINE MUSCULOS + GARRAS RETRACTIL","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Wolverine Niño – Músculos Acolchados + Garras Retráctiles | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Wolverine Músculos y Garras Retráctiles – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eWOLVERINE\u003c\/span\u003e\u003cbr\u003eCON GARRAS\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ MÚSCULOS ACOLCHADOS · HALLOWEEN 2026 · TALLAS 4 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz del mutante más icónico.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje con músculos acolchados + garras retráctiles\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eGARRAS RETRÁCTILES\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 · $184.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\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eGARRAS RETRÁCTILES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eLOOK AUTÉNTICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 4 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\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eGARRAS RETRÁCTILES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eLOOK AUTÉNTICO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS 4 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\"\u003eAsí es el 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\/1754776362Imagen_20de_20WhatsApp_202024-09-18_20a_20las_2000.27.42_462d8512_20-_20copia_20_2.jpg?v=1789854155\" alt=\"Disfraz Wolverine con músculos acolchados y garras\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ El Mutante Más Icónico 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Wolverine perfecto para cualquier fanático de X-Men. ¿Listo para desatar su lado salvaje?\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\/1754776362Imagen_de_WhatsApp_2024-09-18_a_las_00.27.44_d7865320.jpg?v=1789855852\" alt=\"Detalle del disfraz Wolverine\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Músculos Acolchados 🕷️\u003c\/h3\u003e\n\u003cp\u003eCon músculos acolchados que le dan un look de héroe feroz.\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\/1754776362Imagen_de_WhatsApp_2024-09-18_a_las_00.27.44_abf5a01a.jpg?v=1789855852\" alt=\"Garras retráctiles del disfraz Wolverine\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Garras Retráctiles 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye garras retráctiles para un look auténtico.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Wolverine\u003c\/h3\u003e\n\u003cp\u003eTraje con músculos acolchados y garras retráctiles. 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 con músculos acolchados y garras retráctiles en el mismo pedido. No tienes que salir a completar nada a última hora.\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\u003eAcolchado con Músculos\u003c\/h3\u003e\n\u003cp\u003eLos músculos acolchados le dan un look de héroe feroz, con garras retráctiles para verse auténtico.\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 4 a 12\u003c\/h3\u003e\n\u003cp\u003eSirve para el pequeño 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 Wolverine — músculos acolchados y garras retráctiles\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje con músculos acolchados + garras retráctiles\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003e4, 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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eMúsculos acolchados y garras retráctiles para un look auténtico\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la tabla de medidas para elegir correctamente, ya que son tallas completas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween y fiestas de disfraces\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$184.900 COP — 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=\"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\"\u003eMÚSCULOS + GARRAS RETRÁCTILES\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\"\u003eTALLAS 4 A 12\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\"\u003eMÚSCULOS + GARRAS RETRÁCTILES\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\"\u003eTALLAS 4 A 12\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\/1754776362Imagen_20de_20WhatsApp_202024-09-18_20a_20las_2000.27.42_462d8512_20-_20copia_20_2.jpg?v=1789854155\" alt=\"No te quedes sin el disfraz de Wolverine\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 4 a 12\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=\"new-price\"\u003e$184.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 Wolverine Músculos y Garras Retráctiles – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eWOLVERINE – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Wolverine con músculos acolchados y garras retráctiles. 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":"8","offer_id":50556617097464,"sku":"Wolv+G-2","price":184900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556617130232,"sku":"Wolv+G-3","price":184900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556617163000,"sku":"Wolv+G-4","price":184900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50556617195768,"sku":"Wolv+G-0","price":184900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50556617228536,"sku":"Wolv+G-1","price":184900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50556617261304,"sku":"Wolv+G-6","price":184900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754776362Imagen_20de_20WhatsApp_202024-09-18_20a_20las_2000.27.42_462d8512_20-_20copia_20_2.jpg?v=1789854155"},{"product_id":"disfraz-pantera-negra","title":"DISFRAZ PANTERA NEGRA MÚSCULOS ACOLCHADOS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Pantera Negra Niño – Músculos Acolchados con Máscara | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Pantera Negra Músculos Acolchados – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003ePANTERA NEGRA\u003c\/span\u003e\u003cbr\u003eACOLCHADO\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ MÚSCULOS ACOLCHADOS · HALLOWEEN 2026 · TALLAS 2 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz llamativo y cómodo que todo pequeño quiere usar.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje acolchado + máscara con orejas que cubre toda la cabeza\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eMÁSCARA CON OREJAS\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 · $169.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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA CON OREJAS\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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS ACOLCHADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÁSCARA CON OREJAS\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\"\u003eAsí es el 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\/1754775118Imagen_de_WhatsApp_2024-10-21_a_las_14.11.21_1032f41e_-_copia.jpg?v=1789855915\" alt=\"Disfraz Pantera Negra acolchado\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Llamativo y Cómodo 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Pantera Negra para niños, ideal para quienes buscan un atuendo llamativo y cómodo.\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\/1754775118Imagen_20de_20WhatsApp_202024-10-21_20a_20las_2014.11.21_029684cc.jpg?v=1789854221\" alt=\"Detalle del disfraz Pantera Negra\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Músculos Acolchados 🕷️\u003c\/h3\u003e\n\u003cp\u003eDiseño acolchado que resalta los músculos y da un aspecto impresionante y realista.\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\/1754775118Imagen_de_WhatsApp_2024-10-21_a_las_14.11.21_029684cc.jpg?v=1789855914\" alt=\"Máscara con orejas del disfraz Pantera Negra\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Máscara con Orejas 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye una máscara con orejas que cubre toda la cabeza para una experiencia completa y divertida.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Pantera Negra\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado con máscara con orejas. 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 y máscara con orejas que cubre toda la cabeza, en el mismo pedido. No tienes que salir a completar nada.\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\u003eAcolchado con Músculos\u003c\/h3\u003e\n\u003cp\u003eEl diseño acolchado resalta los músculos y da un aspecto impresionante y realista.\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 pequeño 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 Pantera Negra para niños — acolchado con músculos resaltados\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado + máscara con orejas que cubre toda la cabeza\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, 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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eDiseño acolchado que resalta los músculos, con máscara con orejas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la tabla de medidas para elegir correctamente, ya que son tallas completas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces o cualquier ocasión especial\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$169.900 COP — 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=\"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 CON OREJAS\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\"\u003eTALLAS 2 A 12\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 CON OREJAS\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\"\u003eTALLAS 2 A 12\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\/1754775118Imagen_de_WhatsApp_2024-10-21_a_las_14.11.21_1032f41e_-_copia.jpg?v=1789855915\" alt=\"No te quedes sin el disfraz de Pantera Negra\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 2 a 12\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=\"new-price\"\u003e$169.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 Pantera Negra Músculos Acolchados – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003ePANTERA NEGRA – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz acolchado de Pantera Negra para niños. Incluye traje y máscara con orejas, 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":"6","offer_id":50556618375416,"sku":"Pantera-2","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556618408184,"sku":"Pantera-5","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556618440952,"sku":"Pantera-4","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50556618473720,"sku":"Pantera-1","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50556618506488,"sku":"Pantera-0","price":169900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754775118Imagen_de_WhatsApp_2024-10-21_a_las_14.11.21_1032f41e_-_copia.jpg?v=1789855915"},{"product_id":"disfraz-spiderman-miles-morales","title":"DISFRAZ SPIDERMAN MILES MORALES","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Spider-Man Miles Morales Niño – Acolchado con Máscara | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Spider-Man Miles Morales – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\u003eACOLCHADO\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ MILES MORALES · HALLOWEEN 2026 · TALLAS 2 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz que todo fan de Miles Morales quiere tener.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje acolchado + máscara + cubre zapatos · Músculos bordados\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eMÚSCULOS BORDADOS\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 · $169.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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eAsí es el 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\/1754780965Imagen_20de_20WhatsApp_202024-09-03_20a_20las_2016.22.00_33549e0a_20-_20copia_2bc3d394-da1e-4bfa-8f33-5f0cf41cf837.jpg?v=1789854304\" alt=\"Disfraz Spider-Man Miles Morales acolchado\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ El Look de Miles Morales 🕸️\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado inspirado en Miles Morales, ideal para los fanáticos del universo de Into the Spider-Verse.\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\/1754780968PhotoRoom_20240131_191130.jpg?v=1789856056\" alt=\"Detalle del disfraz Spider-Man Miles Morales\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Músculos Bordados 🕷️\u003c\/h3\u003e\n\u003cp\u003eLos músculos bordados realzan la figura y le dan ese look de superhéroe, con comodidad y estilo en cada movimiento.\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\/1754780965Imagen_de_WhatsApp_2024-09-03_a_las_16.22.07_f49181de_-_copia.jpg?v=1789856056\" alt=\"Máscara y traje del disfraz Spider-Man Miles Morales\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Máscara y Cubre Zapatos 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye la máscara que completa el look y un diseño que cubre los zapatos para una apariencia auténtica.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Miles Morales\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado con máscara y músculos bordados. 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 con diseño que cubre los zapatos y máscara incluida. 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\u003eAcolchado con Músculos\u003c\/h3\u003e\n\u003cp\u003eLos músculos bordados realzan la figura y le dan volumen al traje. Comodidad y estilo en cada movimiento.\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 inspirado en Miles Morales — acolchado con músculos bordados\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado con diseño que cubre los zapatos + máscara\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eAcolchado con músculos bordados y máscara que completa el look\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la tabla de medidas para elegir correctamente, ya que son tallas completas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces y eventos temáticos\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$169.900 COP — 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=\"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 + CUBRE ZAPATOS\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\"\u003eTALLAS 2 A 12\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 + CUBRE ZAPATOS\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\"\u003eTALLAS 2 A 12\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\/1754780965Imagen_20de_20WhatsApp_202024-09-03_20a_20las_2016.22.00_33549e0a_20-_20copia_2bc3d394-da1e-4bfa-8f33-5f0cf41cf837.jpg?v=1789854304\" alt=\"No te quedes sin el disfraz Spider-Man Miles Morales\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 2 a 12\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=\"new-price\"\u003e$169.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 Spider-Man Miles Morales – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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 MILES MORALES – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz acolchado de Spider-Man inspirado en Miles Morales. Incluye traje con músculos bordados y máscara, 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\n","brand":"zahariq","offers":[{"title":"8","offer_id":50556620505336,"sku":"MIles-3","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556620538104,"sku":"MIles-4","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556620570872,"sku":"MIles-5","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50556620603640,"sku":"MIles-2","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50556620636408,"sku":"MIles-9","price":169900.0,"currency_code":"COP","in_stock":true},{"title":"2","offer_id":50556620669176,"sku":"MIles-6","price":169900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754780965Imagen_20de_20WhatsApp_202024-09-03_20a_20las_2016.22.00_33549e0a_20-_20copia_2bc3d394-da1e-4bfa-8f33-5f0cf41cf837.jpg?v=1789854304"},{"product_id":"disfraz-iron-man","title":"DISFRAZ IROMAN MÚSCULOS ACOLCHADOS","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Iron Man Niño – Músculos Bordados Acolchados con Máscara | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Iron Man Músculos Acolchados – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eIRON MAN\u003c\/span\u003e\u003cbr\u003eACOLCHADO\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ MÚSCULOS BORDADOS · HALLOWEEN 2026 · TALLAS 2 A 12 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El disfraz con el que se siente como Tony Stark.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003eTraje acolchado + máscara + cubre zapatos\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eMÁSCARA INCLUIDA\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 · $159.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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eTRAJE + MÁSCARA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eMÚSCULOS BORDADOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eCUBRE ZAPATOS\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\"\u003eAsí es el 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\/1754774805EA00F461-CC70-4ED6-836C-9CC88DB0D845.jpg?v=1789854352\" alt=\"Disfraz Iron Man acolchado con músculos bordados\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ El Look de Tony Stark 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Iron Man para niño, perfecto para los pequeños superhéroes.\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\/39696888-75e7-4f24-8e41-050b010970b7.jpg?v=1789856156\" alt=\"Detalle del disfraz Iron Man\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Músculos Bordados 🕷️\u003c\/h3\u003e\n\u003cp\u003eViene acolchado con músculos bordados que le dan un aspecto impresionante.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Iron Man\u003c\/h3\u003e\n\u003cp\u003eTraje acolchado con músculos bordados y máscara. 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 que cubre los zapatos y máscara incluida. 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\u003eAcolchado con Músculos\u003c\/h3\u003e\n\u003cp\u003eLos músculos bordados le dan un aspecto impresionante, para que se sienta como un auténtico héroe.\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 pequeño 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 Iron Man para niño — acolchado con músculos bordados\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003eTraje acolchado que cubre los zapatos + máscara\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eAcolchado con músculos bordados y máscara que completa el look\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la tabla de medidas para elegir correctamente, ya que son tallas completas\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween y fiestas de disfraces\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e$159.900 COP — 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=\"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 + CUBRE ZAPATOS\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\"\u003eTALLAS 2 A 12\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 + CUBRE ZAPATOS\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\"\u003eTALLAS 2 A 12\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\/39696888-75e7-4f24-8e41-050b010970b7.jpg?v=1789856156\" alt=\"No te quedes sin el disfraz de Iron 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas 2 a 12\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=\"new-price\"\u003e$159.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 Iron Man Músculos Acolchados – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eIRON MAN – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz acolchado de Iron Man para niño. Incluye traje con músculos bordados y máscara, cubre los zapatos, 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\n","brand":"zahariq","offers":[{"title":"2","offer_id":50556621422840,"sku":"IronMan-0","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"4","offer_id":50556621455608,"sku":"IronMan-1","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"6","offer_id":50556621488376,"sku":"IronMan-2","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50556621521144,"sku":"IronMan-3","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556621553912,"sku":"IronMan-4","price":159900.0,"currency_code":"COP","in_stock":true},{"title":"12","offer_id":50556621586680,"sku":"IronMan-5","price":159900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1754774805EA00F461-CC70-4ED6-836C-9CC88DB0D845.jpg?v=1789854352"},{"product_id":"disfraz-shinobu-demon-slayers","title":"DISFRAZ SHINOBU + KATANA RETRACTIL DEMOS SLAYER","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDisfraz Shinobu Demon Slayer + Katana Retráctil | 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    \/* --- Alerta de talla (guía de tallas): reutiliza el acento y el pulso existentes --- *\/\n    .talla-alert { max-width: 620px; margin: 0 auto 18px; padding: 16px 20px; background: rgba(232,89,12,0.08); border: 2px solid var(--accent); border-radius: 16px; color: var(--accent-deep); font-weight: 800; font-size: 1em; line-height: 1.5; text-align: center; animation: alertPulse 2s ease-in-out infinite; }\n    .talla-alert strong { display: block; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: var(--accent); margin-bottom: 4px; }\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 Shinobu Demon Slayer con Katana Retráctil – Zahariq Shop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\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\"\u003eSHINOBU\u003c\/span\u003e\u003cbr\u003e+ KATANA\u003c\/h1\u003e\n                \u003cp class=\"subtitle\"\u003e🕷️ HALLOWEEN 2026 · TALLAS S A 16 🕷️\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"Elegancia y estilo con kimono de mariposas.\"\u003c\/span\u003e\u003c\/p\u003e\n                \u003cp\u003ePantalón + camisa + haoris + tobilleras + katana retráctil\u003c\/p\u003e\n                \u003cp\u003e\u003cspan class=\"real-photo-note\"\u003eTallaje americano — Mide del piso al hombro\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\"\u003eKIMONO DE MARIPOSAS\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\"\u003eKIMONO DE MARIPOSAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eROSA Y BLANCO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS S A 16\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\"\u003eKIMONO DE MARIPOSAS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eKATANA RETRÁCTIL\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕷️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eROSA Y BLANCO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e🕸️\u003c\/span\u003e\n            \u003cspan class=\"m-item\"\u003eTALLAS S A 16\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\"\u003eAsí es el 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\/1759764145Imagen_20de_20WhatsApp_202025-10-01_20a_20las_2007.31.52_b1d8af7b.jpg?v=1789854397\" alt=\"Disfraz de Shinobu\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕸️ Así es el Disfraz 🕸️\u003c\/h3\u003e\n\u003cp\u003eDisfraz de Shinobu de Demon Slayer, con un look elegante y auténtico para cualquier evento o convención.\u003c\/p\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/2551b033-0cad-4e7c-8265-3ad39f9c9be0.jpg?v=1789856253\" alt=\"Detalle del disfraz de Shinobu\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Kimono de Mariposas 🕷️\u003c\/h3\u003e\n\u003cp\u003eHermoso kimono con delicado diseño de mariposas en tonos rosa y blanco.\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\/1759764144Imagen_de_WhatsApp_2025-10-01_a_las_07.31.52_fcb32a53.jpg?v=1789856258\" alt=\"Accesorios del disfraz de Shinobu\"\u003e\u003c\/div\u003e\n\u003ch3\u003e👻 Conjunto Completo 👻\u003c\/h3\u003e\n\u003cp\u003eIncluye pantalón, camisa, haoris y tobilleras, más katana retráctil, en el mismo pedido.\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\/1759764145Imagen_de_WhatsApp_2025-10-01_a_las_07.31.53_9505460f.jpg?v=1789856258\" alt=\"Disfraz de Shinobu – vista adicional\"\u003e\u003c\/div\u003e\n\u003ch3\u003e🕷️ Más Detalles 🕷️\u003c\/h3\u003e\n\u003cp\u003eMira el disfraz desde otro ángulo antes de decidir.\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🕷 Guía de Tallas 🕷\u003c\/h3\u003e\n\u003cdiv class=\"talla-alert\"\u003e\n\u003cstrong\u003e⚠ ¡Importante! Elige la talla correcta\u003c\/strong\u003eMide a tu hijo del piso al hombro y revisa la guía de tallas, tienes 5 días para cambios.\u003c\/div\u003e\n\u003cp\u003eToma las medidas de tu hijo y compáralas con la guía. Elegir bien la talla desde el principio es la mejor forma de recibir el disfraz perfecto.\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\u003eEl Look de Shinobu\u003c\/h3\u003e\n\u003cp\u003eKimono con delicado diseño de mariposas en tonos rosa y blanco. 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\u003ePantalón, camisa, haoris, tobilleras y katana retráctil incluidos. No tienes que salir a completar nada a última hora.\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\u003eListo para la Aventura\u003c\/h3\u003e\n\u003cp\u003ePensado para que se sienta cómoda y lista para cualquier evento o convención, con un look impresionante y auténtico.\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 S a 16\u003c\/h3\u003e\n\u003cp\u003eSirve para el pequeño 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 Shinobu Demon Slayer + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eIncluye\u003c\/strong\u003e\u003cspan\u003ePantalón + camisa + haoris + tobilleras + katana retráctil\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTallas Disponibles\u003c\/strong\u003e\u003cspan\u003eS, M, 8, 10, 12, 14, 16\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\u003eTallaje americano: mide del piso al hombro y valida 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\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eKimono con diseño de mariposas en tonos rosa y blanco\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eTalla Completa\u003c\/strong\u003e\u003cspan\u003eUsa la guía de tallas para elegir correctamente el disfraz\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eOcasiones\u003c\/strong\u003e\u003cspan\u003eHalloween, fiestas de disfraces y convenciones\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 — 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=\"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\"\u003eCONJUNTO + KATANA RETRÁCTIL\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\"\u003eTALLAS S A 16\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\"\u003eCONJUNTO + KATANA RETRÁCTIL\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\"\u003eTALLAS S A 16\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\/1759764145Imagen_de_WhatsApp_2025-10-01_a_las_07.31.53_432541f9.jpg?v=1789856258\" alt=\"No te quedes sin el disfraz de Shinobu\" 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🕷 Pídelo con Tiempo 🕷\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 en octubre la demanda de disfraces se dispara.\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\"\u003eTallas S a 16\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=\"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 Shinobu Demon Slayer con Katana Retráctil – Zahariq Shop Colombia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/ChatGPT_Image_19_sept_2026_05_27_22_p.m..png?v=1789856892\"\u003e\n            \u003cdiv class=\"footer-text\"\u003e\n                \u003cdiv class=\"tagline\"\u003e🕷️ Hazle realidad su Halloween 🕷️\u003c\/div\u003e\n                \u003cdiv class=\"store-name\"\u003eSHINOBU – Halloween 2026\u003c\/div\u003e\n                \u003cp\u003eDisfraz de Shinobu de Demon Slayer con katana retráctil. Incluye pantalón, camisa, haoris y tobilleras, 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\n","brand":"zahariq","offers":[{"title":"12","offer_id":50556623749368,"sku":"Shinobu-2","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"M","offer_id":50556623782136,"sku":"Shinobu-6","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"8","offer_id":50556623814904,"sku":"Shinobu-0","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"10","offer_id":50556623847672,"sku":"Shinobu-1","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"14","offer_id":50556623880440,"sku":"Shinobu-3","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"16","offer_id":50556623913208,"sku":"Shinobu-4","price":189900.0,"currency_code":"COP","in_stock":true},{"title":"S","offer_id":50556623945976,"sku":"Shinobu-5","price":189900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1759764145Imagen_20de_20WhatsApp_202025-10-01_20a_20las_2007.31.52_b1d8af7b.jpg?v=1789854397"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/collections\/1000092787.jpg?v=1758730733","url":"https:\/\/zahariq.com\/collections\/halloween.oembed?page=2","provider":"zahariq","version":"1.0","type":"link"}