{"product_id":"pack-3-bodys-basicos","title":"Pack 3 Bodys Básicos","description":"\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003ctitle\u003ePack 3 Bodys Básicos de Suplex | Zahariq Shop Ecuador\u003c\/title\u003e\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\u003cstyle\u003e* { margin: 0; padding: 0; box-sizing: border-box; } html { width: 100%; overflow-x: hidden; scroll-behavior: smooth; } 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; } section { width: 100%; max-width: 100%; overflow-x: hidden; position: relative; } img, video { max-width: 100%; height: auto; display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; } .fade-in { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fade-in.visible { opacity: 1; transform: translateY(0); } .slide-in-left { opacity: 0; transform: translateX(-100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .slide-in-left.visible { opacity: 1; transform: translateX(0); } .slide-in-right { opacity: 0; transform: translateX(100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .slide-in-right.visible { opacity: 1; transform: translateX(0); } .scale-in { opacity: 0; transform: scale(0.8); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scale-in.visible { opacity: 1; transform: scale(1); } @keyframes slideInTop { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes logoReveal { 0% { opacity: 0; transform: scale(0) rotate(-180deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } } @keyframes textReveal { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes titleReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.9); } 100% { opacity: 1; transform: translateY(0) scale(1); } } @keyframes subtitleReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes paragraphReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes buttonReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.8); } 100% { opacity: 1; transform: translateY(0) scale(1); } } @keyframes shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @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); } } @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes mqScroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } } :root { --ink:#141414; --graphite:#2b2b2b; --stone:#6f6f6f; --smoke:#f5f5f5; --line:rgba(20,20,20,0.12); --mid:#555555; --accent:#d98bab; --accent-deep:#b5678a; --star:#f5b301; } .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(217,139,171,0.4); max-width: 100%; } .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%; } .price-banner { background: linear-gradient(45deg, #d98bab, #eaa6c2, #d98bab); 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(217,139,171,0.45); border: 1px solid rgba(255,255,255,0.35); 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; } .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%; } .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%; } .hero-logo:hover { transform: scale(1.06) rotate(2deg) translateY(-12px); box-shadow: 0 25px 60px rgba(0,0,0,0.16); } .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; } .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; } .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; } .hero h1 span.accent-word { color: #ffffff; -webkit-text-stroke: 1px var(--accent); text-stroke: 1px var(--accent); } .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; } .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; } .highlight-text { color: var(--accent-deep); font-weight: 900; font-style: italic; position: relative; } .cta-button { background: linear-gradient(45deg, #141414, #d98bab, #141414); background-size: 200% 200%; color: #ffffff; padding: 20px 55px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 30px rgba(217,139,171,0.4); 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%; } .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 18px 50px rgba(217,139,171,0.6); } .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; } .badge-dark { background: linear-gradient(135deg, #141414, #2b2b2b); color: #fff; border: 1px solid rgba(0,0,0,0.2); } .badge-soft { background: linear-gradient(135deg, #ececec, #f8f8f8); color: #333; border: 1px solid rgba(0,0,0,0.12); } .marquee { position: relative; overflow: hidden; padding: 20px 0; width: auto; max-width: none; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } .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); } .marquee.light { background: #ffffff; border-top: 1px solid rgba(20,20,20,0.12); border-bottom: 1px solid rgba(20,20,20,0.12); } .marquee__track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); } .marquee.dark .marquee__track { animation: mqScroll 30s linear infinite; } .marquee.light .marquee__track { animation: mqScroll 34s linear infinite reverse; } .marquee.light.rev .marquee__track { animation: mqScroll 32s linear infinite; } .marquee:hover .marquee__track { animation-play-state: paused; } .marquee__group { display: flex; align-items: center; flex: 0 0 auto; } .marquee__group .m-item { font-family: 'Bebas Neue', sans-serif; font-size: 1.9em; letter-spacing: 3px; padding: 0 6px; white-space: nowrap; } .marquee__group .m-sep { display: inline-block; padding: 0 22px; font-style: normal; font-size: 1.1em; line-height: 1; } .marquee.dark .m-item { color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); } .marquee.dark .m-sep { color: #9a9a9a; } .marquee.light .m-item { color: #141414; } .marquee.light .m-sep { color: var(--accent); } @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; } } .visual-banner { background: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; } .visual-banner.urban-section { background: #ffffff; } .visual-banner.soft-section { background: #f6f6f6; } .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; } .section-title.dark-title { color: #141414; } .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; } .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 15px auto 30px; } .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%; } .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%; } .product-card.visible { transform: translateY(0); opacity: 1; } .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(217,139,171,0.08), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .product-card:hover::before { left: 100%; } .product-card:hover { box-shadow: 0 0 25px rgba(217,139,171,0.14), 0 25px 70px rgba(0,0,0,0.1); transform: translateY(-15px) scale(1.02); border-color: rgba(217,139,171,0.4); } .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); } .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); } .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); } .product-card:hover img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); } .product-card:hover .img-frame img { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); } .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; } .product-card:hover h3 { transform: translateY(-3px); } .product-card p { color: #666666; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; font-size: 0.95em; } .product-card:hover p { color: #333333; } .benefits { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; } .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%; } .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); } .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(217,139,171,0.06) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; } .benefit-card:hover::after { opacity: 1; } .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(217,139,171,0.4); box-shadow: 0 0 25px rgba(217,139,171,0.12), 0 20px 60px rgba(0,0,0,0.1); } .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); } .benefit-card:hover .benefit-icon { transform: scale(1.15) rotate(180deg); color: var(--accent-deep); } .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; } .benefit-card:hover h3 { transform: translateY(-4px); } .benefit-card p { color: #666666; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; } .benefit-card:hover p { color: #333333; } .specifications { background: #ffffff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; } .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; } .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%; } .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); } .spec-item:hover::before { height: 100%; } .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.07), -8px 0 20px rgba(217,139,171,0.12); } .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; } .spec-item:hover strong { transform: translateX(8px); color: var(--stone); } .spec-item span { font-size: 0.9em; color: #666666; line-height: 1.6; } .testimonials { background: #f6f6f6; color: #141414; padding: 100px 0; position: relative; width: 100%; max-width: 100%; } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; } .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); } .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(217,139,171,0.06) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); } .testimonial-card:hover::before { opacity: 1; transform: scale(1); } .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 30px rgba(217,139,171,0.12), 0 25px 70px rgba(0,0,0,0.1); border-color: rgba(217,139,171,0.35); } .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); } .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.03) saturate(1.05); } .testimonial-body { padding: 34px 30px; position: relative; z-index: 2; } .testimonial-rating { font-size: 1.15em; margin-bottom: 16px; color: var(--star); letter-spacing: 4px; transition: all 0.3s ease; } .testimonial-card:hover .testimonial-rating { transform: scale(1.05); } .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; } .testimonial-card:hover .testimonial-text { color: #333333; } .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; } .testimonial-card:hover .testimonial-author { transform: translateX(8px); } .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%; } .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); } .verification-image:hover { transform: scale(1.03); box-shadow: 0 20px 55px rgba(0,0,0,0.18); } .final-cta { background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(217,139,171,0.07) 0%, transparent 70%), #ffffff; color: #141414; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; } .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; } .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; } .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; } .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(217,139,171,0.08), transparent); transition: left 0.8s ease; } .payment-info:hover::before { left: 100%; } .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(217,139,171,0.12), 0 20px 50px rgba(0,0,0,0.05); border-color: rgba(217,139,171,0.35); } .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; } .payment-info:hover h3 { transform: translateY(-3px); } .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; } .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; } .payment-feature:hover { transform: translateX(10px); color: #141414; } .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: var(--accent-deep); font-size: 1.3em; flex-shrink: 0; transition: all 0.3s ease; } .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); } .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%; } .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(217,139,171,0.08), transparent); transition: left 0.8s ease; } .price-comparison:hover::before { left: 100%; } .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(217,139,171,0.12), 0 20px 50px rgba(0,0,0,0.06); border-color: rgba(217,139,171,0.35); } .pack-label { color: #888888; font-size: 1.2em; font-weight: 700; letter-spacing: 2px; display: block; margin-bottom: 10px; text-transform: uppercase; } .new-price { color: var(--accent-deep); font-family: 'Bebas Neue', sans-serif; font-size: 3.5em; letter-spacing: 3px; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; } .price-comparison:hover .new-price { transform: scale(1.06); } .savings { color: var(--stone); font-size: 1.1em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; } .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); } .color-chips { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; } .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; } .color-chip:hover { transform: translateY(-4px); } .chip-black { background: linear-gradient(135deg, #141414, #2b2b2b); color: #ffffff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 18px rgba(0,0,0,0.15); } .chip-white { background: #ffffff; color: #333333; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 18px rgba(0,0,0,0.06); } .chip-habano { background: linear-gradient(135deg, #e9d3b8, #f4e6d5); color: #7a5a3a; border: 1px solid rgba(196,154,108,0.35); box-shadow: 0 6px 18px rgba(196,154,108,0.18); } .chip-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; } .dot-black { background: radial-gradient(circle, #444444, #000000); border: 1px solid rgba(255,255,255,0.35); } .dot-white { background: radial-gradient(circle, #ffffff, #e6e6e6); border: 1px solid rgba(0,0,0,0.15); } .dot-habano { background: radial-gradient(circle, #dcb48a, #c49a6c); box-shadow: 0 0 8px rgba(196,154,108,0.4); } .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%); } .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%; } .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; } .footer-logo:hover { transform: scale(1.08) rotate(3deg); box-shadow: 0 20px 50px rgba(0,0,0,0.6); } .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; } .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; } .footer-text:hover .tagline { transform: translateX(10px); } .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; } .footer-text:hover .store-name { transform: translateX(10px); } .footer-text p { font-size: 1em; color: #999999; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; } .footer-text:hover p { color: #cccccc; } @media (max-width: 768px) { body { overflow-x: hidden; width: 100%; max-width: 100%; } .hero h1 { font-size: 3.2em; } .hero h1 span.accent-word { -webkit-text-stroke-width: 0.8px; text-stroke-width: 0.8px; } .hero-content { flex-direction: column; gap: 30px; width: 100%; padding: 0 10px; text-align: center; } .hero-text { text-align: center; } .hero-logo { width: 260px; height: 260px; } .section-title { font-size: 2.2em; } .product-showcase { grid-template-columns: 1fr; width: 100%; padding: 0 10px; } .benefits-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; } .specs-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; } .testimonials-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; } .footer-content { flex-direction: column; gap: 30px; } .footer-text { text-align: center; } .footer-logo { width: 160px; height: 160px; } .cta-button { font-size: 1.1em; padding: 18px 35px; } .payment-features { grid-template-columns: 1fr; } .container { padding: 0 15px; max-width: 100%; } .hero { padding: 60px 0; } .hero p { font-size: 1.05em; } .price-banner { font-size: 1em; padding: 12px 22px; } .new-price { font-size: 2.5em; } } @media (max-width: 480px) { .hero h1 { font-size: 2.5em; } .section-title { font-size: 1.9em; } .product-showcase, .benefits-grid, .specs-grid, .testimonials-grid { gap: 20px; } .product-card, .benefit-card, .testimonial-card { padding: 25px 16px; } }\u003c\/style\u003e\u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\u003csection class=\"hero\"\u003e\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"price-banner\"\u003ePAGO CONTRA ENTREGA  ·  ENVÍO GRATIS A TODO ECUADOR\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg class=\"hero-logo\" alt=\"Zahariq Shop Ecuador\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Screenshot_20261028_211417_Chrome.jpg?v=1793240078\"\u003e\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n\u003ch1\u003ePACK 3\u003cbr\u003e\u003cspan class=\"accent-word\"\u003eBODYS\u003c\/span\u003e\u003cbr\u003eBÁSICOS\u003c\/h1\u003e\n\u003cp class=\"subtitle\"\u003e✦ BODYS DE SUPLEX PARA MUJER · NEGRO, BLANCO Y HABANO ✦\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"highlight-text\"\u003e“Los básicos que combinan con todo tu clóset.”\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eSuaves · Elásticos · Se adaptan a tu figura\u003c\/p\u003e\n\u003cdiv style=\"margin-top:12px;\"\u003e\n\u003cspan class=\"color-badge badge-dark\"\u003e3 BODYS\u003c\/span\u003e\u003cspan class=\"color-badge badge-soft\"\u003eTALLAS S · M · L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"#comprar\" class=\"cta-button\"\u003eLOS QUIERO AHORA · $39.90\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\u003cdiv class=\"marquee__track\"\u003e\n\u003cdiv class=\"marquee__group\"\u003e\n\u003cspan class=\"m-item\"\u003eTELA SUPLEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eSUAVE Y ELÁSTICA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eDOBLE FORRO EN BUSTO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCIERRE CON BROCHES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eUSO DIARIO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"m-item\"\u003eTELA SUPLEX\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eSUAVE Y ELÁSTICA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e3 COLORES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eDOBLE FORRO EN BUSTO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCIERRE CON BROCHES\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eUSO DIARIO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003csection class=\"colors-section\"\u003e\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title fade-in\"\u003e3 Colores Básicos en Un Solo Pack\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp class=\"section-subtitle fade-in\"\u003eRecibes un body de cada color: los tonos que nunca pasan de moda\u003c\/p\u003e\n\u003cdiv class=\"color-chips\"\u003e\n\u003cdiv class=\"color-chip chip-black\"\u003e\n\u003cdiv class=\"chip-dot dot-black\"\u003e\u003c\/div\u003e NEGRO\u003c\/div\u003e\n\u003cdiv class=\"color-chip chip-white\"\u003e\n\u003cdiv class=\"chip-dot dot-white\"\u003e\u003c\/div\u003e BLANCO\u003c\/div\u003e\n\u003cdiv class=\"color-chip chip-habano\"\u003e\n\u003cdiv class=\"chip-dot dot-habano\"\u003e\u003c\/div\u003e HABANO\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"visual-banner urban-section\"\u003e\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title dark-title fade-in\"\u003eUn Body para Cada Look\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp class=\"section-subtitle fade-in\"\u003eManga corta · Cuello redondo · Tela suplex suave y elástica\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\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_8.56.47_PM.jpg?v=1793239744\" alt=\"Body básico de suplex color negro\"\u003e\u003c\/div\u003e\n\u003ch3\u003eNegro\u003c\/h3\u003e\n\u003cp\u003eEl básico infaltable. Elegante, fácil de combinar y perfecto para el día o la noche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card scale-in\"\u003e\n\u003cdiv class=\"img-frame\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_8.56.47_PM_1.jpg?v=1793239744\" alt=\"Body básico de suplex color habano\"\u003e\u003c\/div\u003e\n\u003ch3\u003eHabano\u003c\/h3\u003e\n\u003cp\u003eUn tono neutro y cálido que luce con jeans claros, oscuros o pantalones de color.\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\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_8.56.47_PM_2.jpg?v=1793239744\" alt=\"Body básico de suplex color blanco\"\u003e\u003c\/div\u003e\n\u003ch3\u003eBlanco\u003c\/h3\u003e\n\u003cp\u003eFresco y limpio. La base perfecta para crear outfits modernos en cualquier ocasión.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"visual-banner soft-section\"\u003e\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title dark-title fade-in\"\u003eAsí Lucen Puestos\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp class=\"section-subtitle fade-in\"\u003eSe adaptan a la figura del cuerpo y combinan con jeans, faldas, shorts o pantalones\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\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_8.56.47_PM_4.jpg?v=1793239744\" alt=\"Bodys de suplex para uso diario\"\u003e\u003c\/div\u003e\n\u003ch3\u003eCómodos Todo el Día\u003c\/h3\u003e\n\u003cp\u003eSuaves y elásticos, ideales para el uso diario: al trabajo, a la universidad o a pasear.\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\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_8.56.47_PM_5.jpg?v=1793239744\" alt=\"Bodys combinados con diferentes jeans\"\u003e\u003c\/div\u003e\n\u003ch3\u003eCombinan con Todo\u003c\/h3\u003e\n\u003cp\u003eCon jeans azules, blancos o negros. Tres colores básicos para armar muchos outfits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"benefits\"\u003e\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title fade-in\"\u003e¿Por Qué Amarás Este Pack?\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eTela Suplex Suave\u003c\/h3\u003e\n\u003cp\u003eSuave, cómoda y elástica. Se siente agradable en la piel y se adapta a la figura del cuerpo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eDoble Forro en el Busto\u003c\/h3\u003e\n\u003cp\u003eMayor cubrimiento y seguridad en la zona del busto, para que te sientas tranquila todo el día.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003eCierre con Broches\u003c\/h3\u003e\n\u003cp\u003eBroches en la parte inferior para ponértelo y quitártelo fácilmente, y que siempre quede en su lugar.\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\u003e3 Colores, Muchos Outfits\u003c\/h3\u003e\n\u003cp\u003eNegro, blanco y habano: los básicos que combinan con jeans, faldas, shorts o pantalones.\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 Ecuador\u003c\/h3\u003e\n\u003cp\u003eLo recibes en la puerta de tu casa sin pagar envío, y pagas en efectivo al recibirlo. Compras con total tranquilidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-in\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✦\u003c\/span\u003e\u003ch3\u003ePrecio Especial por el Pack\u003c\/h3\u003e\n\u003cp\u003eLlévate los 3 bodys por solo \u003cstrong style=\"color:#141414\"\u003e$39.90\u003c\/strong\u003e. Sale a $13.30 cada uno.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"marquee light rev\" aria-hidden=\"true\"\u003e\u003cdiv class=\"marquee__track\"\u003e\n\u003cdiv class=\"marquee__group\"\u003e\n\u003cspan class=\"m-item\"\u003eTUS NUEVOS BÁSICOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCOMBINAN CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e3 BODYS POR $39.90\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\"\u003eTUS NUEVOS BÁSICOS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCOMBINAN CON TODO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCALIDAD QUE SE SIENTE\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eCOMPRA HOY SIN RIESGO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eRECÍBELOS EN CASA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e3 BODYS POR $39.90\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003csection class=\"specifications\"\u003e\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title fade-in\"\u003eEspecificaciones del Producto\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber antes de hacer tu pedido\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\u003ePack de 3 bodys básicos para mujer\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e\u003cspan\u003eTela suplex suave, cómoda y elástica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eDiseño\u003c\/strong\u003e\u003cspan\u003eManga corta y cuello redondo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eForro\u003c\/strong\u003e\u003cspan\u003eDoble forro en la zona del busto\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003eCierre\u003c\/strong\u003e\u003cspan\u003eBroches en la parte inferior\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eColores Incluidos\u003c\/strong\u003e\u003cspan\u003eNegro, blanco y habano – uno de cada color\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 · L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eCambio de Talla\u003c\/strong\u003e\u003cspan\u003eTienes 5 días desde que lo recibes para cambiar la talla\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-left\"\u003e\n\u003cstrong\u003ePrecio\u003c\/strong\u003e\u003cspan\u003e3 bodys por $39.90 · $13.30 cada uno\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item slide-in-right\"\u003e\n\u003cstrong\u003eEnvío\u003c\/strong\u003e\u003cspan\u003eEnvío GRATIS a todo Ecuador y pago contra entrega\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"testimonials\"\u003e\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title fade-in\"\u003eLo Que Dicen Nuestras Clientas en Ecuador\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\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_9.07.03_PM.jpg?v=1793239744\" alt=\"Reseña clienta de Quito\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e“Me encantaron los bodys, la tela es suave, lisa y de muy buena calidad. Quedan muy bonitos puestos y son cómodos para usar a diario”.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Daniela M. · Quito, Ecuador\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\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_9.07.03_PM_1.jpg?v=1793239745\" alt=\"Reseña clienta de Guayaquil\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e“Recibí mi pedido y me gustaron mucho los colores. La tela se siente de buena calidad y el diseño es tal como lo esperaba”.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Andrea P. · Guayaquil, Ecuador\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\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_9.07.04_PM.jpg?v=1793239745\" alt=\"Reseña clienta de Cuenca\" class=\"testimonial-image\"\u003e\u003cdiv class=\"testimonial-body\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"testimonial-text\"\u003e“Estoy muy contenta con mi compra. Los bodys son cómodos, tienen buenos acabados y combinan con diferentes pantalones. Los recomiendo”.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-author\"\u003e— Camila R. · Cuenca, Ecuador\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"trust\"\u003e\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\/0958\/4335\/2946\/files\/Compra_con_confianza_en_Ecuador.png?v=1792356275\" alt=\"Zahariq Shop – Compra con confianza en Ecuador\" class=\"verification-image scale-in\"\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"marquee light\" aria-hidden=\"true\"\u003e\u003cdiv class=\"marquee__track\"\u003e\n\u003cdiv class=\"marquee__group\"\u003e\n\u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e3 BODYS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e5 DÍAS PARA CAMBIO DE TALLA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eSTOCK LIMITADO\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"marquee__group\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"m-item\"\u003ePAGO CONTRA ENTREGA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eENVÍO GRATIS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e3 BODYS\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003eTIENDA VERIFICADA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\u003cspan class=\"m-item\"\u003e5 DÍAS PARA CAMBIO DE TALLA\u003c\/span\u003e\u003cspan class=\"m-sep\"\u003e\/\u003c\/span\u003e\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\u003c\/div\u003e\u003csection class=\"benefits\"\u003e\u003cdiv class=\"container\"\u003e\u003cdiv class=\"product-card scale-in\" style=\"max-width: 650px; margin: 0 auto; padding: 50px 40px; opacity:1; transform:none; border: 2px solid rgba(217,139,171,0.3); box-shadow: 0 0 35px rgba(217,139,171,0.12);\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/WhatsApp_Image_2026-10-28_at_8.56.47_PM_4.jpg?v=1793239744\" alt=\"Elige bien tu talla – Pack 3 bodys\" style=\"max-height: 460px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\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¡Elige Bien tu Talla!\u003c\/h2\u003e\n\u003cp style=\"color:#555555; font-size:1.15em; line-height:1.8; text-align:center; font-weight:600;\"\u003eTallas disponibles: \u003cstrong style=\"color:#141414;\"\u003eS · M · L\u003c\/strong\u003e. Si después de recibirlo necesitas otra talla, tienes 5 días para hacer el cambio.\u003cbr\u003e\u003cspan style=\"color:#141414; font-style:italic;\"\u003ePídelo hoy y recíbelo en casa con envío gratis y pago contra entrega.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"final-cta\" id=\"comprar\"\u003e\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"fade-in\"\u003e¡Lleva Tu Pack de 3 Bodys Hoy!\u003c\/h2\u003e\n\u003cp class=\"fade-in\"\u003e“Porque mereces básicos cómodos, bonitos y fáciles de combinar para verte bien todos los días”\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 Contra Entrega\u003c\/div\u003e\n\u003cdiv class=\"payment-feature\"\u003eEnvío GRATIS a Todo Ecuador\u003c\/div\u003e\n\u003cdiv class=\"payment-feature\"\u003e3 Bodys: Negro, Blanco y Habano\u003c\/div\u003e\n\u003cdiv class=\"payment-feature\"\u003eTienda Verificada\u003c\/div\u003e\n\u003cdiv class=\"payment-feature\"\u003eTela Suplex Suave y Elástica\u003c\/div\u003e\n\u003cdiv class=\"payment-feature\"\u003e5 Días para Cambio de Talla\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"price-comparison fade-in\"\u003e\n\u003cspan class=\"pack-label\"\u003ePack de 3 Bodys\u003c\/span\u003e\u003cspan class=\"new-price\"\u003eHOY SOLO $39.90\u003c\/span\u003e\u003cdiv class=\"savings\"\u003eSale a $13.30 cada body · Precio especial por tiempo limitado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"#comprar\" class=\"cta-button\"\u003eLOS QUIERO AHORA\u003c\/a\u003e\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;\"\u003eImportante:\u003c\/strong\u003e Después de hacer tu pedido, mantente atenta a tu WhatsApp. Por ahí te enviamos el número de guía para que sigas tu envío.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cfooter class=\"footer\"\u003e\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"footer-content\"\u003e\n\u003cimg class=\"footer-logo\" alt=\"Zahariq Shop Ecuador\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Screenshot_20261028_211417_Chrome.jpg?v=1793240078\"\u003e\u003cdiv class=\"footer-text\"\u003e\n\u003cdiv class=\"tagline\"\u003e✦ Tus básicos favoritos, en un solo pack. ✦\u003c\/div\u003e\n\u003cdiv class=\"store-name\"\u003ePACK 3 BODYS BÁSICOS – Suplex para Mujer\u003c\/div\u003e\n\u003cp\u003eNegro, blanco y habano en tela suplex suave y elástica. Envío gratis a todo Ecuador 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\u003c\/footer\u003e\u003cscript\u003efunction updateScrollProgress() { const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100; document.getElementById('scrollProgress').style.width = scrolled + '%'; } 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'); } } function smoothScroll() { const links = document.querySelectorAll('a[href*=comprar]'); 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' }); }); } } 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'; }); } }); } document.addEventListener('DOMContentLoaded', function() { smoothScroll(); handleImageLoading(); revealOnScroll(); updateScrollProgress(); }); let ticking = false; window.addEventListener('scroll', function() { updateScrollProgress(); if (!ticking) { requestAnimationFrame(function() { revealOnScroll(); ticking = false; }); ticking = true; } }); 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'; }); }); } document.addEventListener('DOMContentLoaded', addStaggerDelay); 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)'; }); }); document.querySelectorAll('img, video').forEach(media =\u003e { media.addEventListener('error', function() { console.warn('Media failed to load:', this.src); this.style.display = 'none'; }); }); 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 || ''; }); }); } 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)); } 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); }\u003c\/script\u003e","brand":"Zahariq Shop ","offers":[{"title":"S","offer_id":62658992275826,"sku":"BODY-3PACK-S-0","price":39.9,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":62658992308594,"sku":"BODY-3PACK-M","price":39.9,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":62658992341362,"sku":"BODY-3PACK-L","price":39.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/WhatsAppImage2026-10-28at8.56.47PM_3.jpg?v=1793240130","url":"https:\/\/zahariqshop.com\/products\/pack-3-bodys-basicos","provider":"Zahariq Shop ","version":"1.0","type":"link"}