{"product_id":"mochila-para-ninos-con-ruedas","title":"COMBO ESCOLAR MINNIE MOCHILA, LONCHERA Y CARTUCHERA 3D","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e🎒 MORRAL TRIO DE RUEDAS 3D MINNIE - Combo Escolar Premium Ecuador\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        \/* SOLUCIÓN DEFINITIVA PARA EL ESPACIO EN BLANCO LATERAL *\/\n        html {\n            width: 100%;\n            overflow-x: hidden;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            width: 100%;\n            max-width: 100%;\n            overflow-x: hidden;\n            font-family: 'Georgia', 'Garamond', serif;\n            line-height: 1.6;\n            color: #2C3E50;\n            background: linear-gradient(135deg, #ffffff, #f8f9fa, #e8f4f8);\n            margin: 0;\n            padding: 0;\n        }\n\n        section {\n            width: 100%;\n            max-width: 100%;\n            overflow-x: hidden;\n            position: relative;\n        }\n\n        img, video {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            width: 100%;\n        }\n\n        \/* Scroll reveal animations *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(50px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-100px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(100px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .scale-in {\n            opacity: 0;\n            transform: scale(0.8);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            background: linear-gradient(135deg, #ffffff 0%, #e8f4f8 50%, #f8f9fa 100%);\n            color: #2C3E50;\n            padding: 80px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(circle at 20% 50%, rgba(74, 144, 226, 0.08) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(255, 107, 157, 0.08) 0%, transparent 50%),\n                radial-gradient(circle at 40% 20%, rgba(255, 217, 61, 0.08) 0%, transparent 50%);\n            animation: moveBackground 15s ease infinite;\n        }\n\n        @keyframes moveBackground {\n            0%, 100% { transform: translate(0, 0); }\n            50% { transform: translate(30px, 30px); }\n        }\n        \n        .price-banner {\n            background: linear-gradient(45deg, #4A90E2, #FF6B9D, #FFD93D);\n            color: #ffffff;\n            padding: 15px 30px;\n            border-radius: 50px;\n            display: inline-block;\n            margin-bottom: 30px;\n            font-size: 1.2em;\n            font-weight: bold;\n            box-shadow: 0 8px 25px rgba(74, 144, 226, 0.4);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: pulse 2s infinite, slideInTop 1s ease-out;\n            max-width: 100%;\n        }\n\n        @keyframes slideInTop {\n            0% {\n                opacity: 0;\n                transform: translateY(-50px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n        \n        .hero-content {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 50px;\n            flex-wrap: wrap;\n            margin-bottom: 40px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .hero-logo {\n            width: 494px;\n            height: 494px;\n            object-fit: cover;\n            border-radius: 50%;\n            background: #ffffff;\n            padding: 10px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 40px rgba(74, 144, 226, 0.2);\n            border: 3px solid #4A90E2;\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both;\n            max-width: 90%;\n        }\n\n        @keyframes logoReveal {\n            0% {\n                opacity: 0;\n                transform: scale(0) rotate(-180deg);\n            }\n            100% {\n                opacity: 1;\n                transform: scale(1) rotate(0deg);\n            }\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n        \n        .hero-logo:hover {\n            transform: scale(1.05) rotate(2deg) translateY(-15px);\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2), 0 0 60px rgba(74, 144, 226, 0.4);\n        }\n        \n        .hero-text {\n            flex: 1;\n            max-width: 600px;\n            animation: textReveal 1.2s ease-out 1s both;\n            width: 100%;\n        }\n\n        @keyframes textReveal {\n            0% {\n                opacity: 0;\n                transform: translateX(50px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        .hero h1 {\n            font-size: 4em;\n            margin-bottom: 15px;\n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n            color: #4A90E2;\n            animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n            word-wrap: break-word;\n            font-weight: 900;\n            font-family: 'Garamond', 'Georgia', serif;\n        }\n\n        @keyframes titleReveal {\n            0% {\n                opacity: 0;\n                transform: translateY(30px) scale(0.9);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0) scale(1);\n            }\n        }\n        \n        @keyframes glow {\n            from { filter: drop-shadow(0 0 5px rgba(74, 144, 226, 0.3)); }\n            to { filter: drop-shadow(0 0 15px rgba(74, 144, 226, 0.6)); }\n        }\n        \n        .hero .subtitle {\n            font-size: 1.4em;\n            margin-bottom: 20px;\n            color: #FF6B9D;\n            font-weight: 600;\n            animation: subtitleReveal 1s ease-out 1.4s both;\n            word-wrap: break-word;\n            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);\n            font-style: italic;\n        }\n\n        @keyframes subtitleReveal {\n            0% {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .hero p {\n            font-size: 1.3em;\n            margin-bottom: 30px;\n            color: #2C3E50;\n            animation: paragraphReveal 1s ease-out 1.6s both;\n            word-wrap: break-word;\n            font-weight: 400;\n        }\n\n        @keyframes paragraphReveal {\n            0% {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .highlight-text {\n            color: #FF6B9D;\n            font-weight: bold;\n            font-style: italic;\n            text-shadow: 1px 1px 3px rgba(255, 107, 157, 0.3);\n            position: relative;\n            animation: highlightGlow 3s ease-in-out infinite;\n        }\n\n        @keyframes highlightGlow {\n            0%, 100% { text-shadow: 1px 1px 3px rgba(255, 107, 157, 0.3); }\n            50% { text-shadow: 1px 1px 8px rgba(255, 107, 157, 0.6); }\n        }\n        \n        .cta-button {\n            background: linear-gradient(45deg, #4A90E2, #FF6B9D, #FFD93D);\n            background-size: 200% 200%;\n            color: #ffffff;\n            padding: 20px 50px;\n            border: none;\n            border-radius: 50px;\n            font-size: 1.4em;\n            font-weight: bold;\n            cursor: pointer;\n            text-decoration: none;\n            display: inline-block;\n            box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both;\n            margin: 10px;\n            max-width: 90%;\n        }\n\n        @keyframes buttonReveal {\n            0% {\n                opacity: 0;\n                transform: translateY(30px) scale(0.8);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0) scale(1);\n            }\n        }\n        \n        @keyframes shimmer {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-5px) scale(1.08);\n            box-shadow: 0 15px 45px rgba(74, 144, 226, 0.6);\n        }\n        \n        \/* Visual Banner Section *\/\n        .visual-banner {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e8f4f8 100%);\n            padding: 100px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .section-title {\n            font-size: 3em;\n            color: #4A90E2;\n            margin-bottom: 25px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            font-weight: 900;\n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n            font-family: 'Garamond', 'Georgia', serif;\n        }\n        \n        .section-subtitle {\n            font-size: 1.3em;\n            color: #2C3E50;\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            font-weight: 400;\n            font-style: italic;\n        }\n        \n        .product-showcase {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 40px;\n            margin-top: 60px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .product-card {\n            background: #ffffff;\n            border-radius: 25px;\n            padding: 40px;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1), 0 0 20px rgba(74, 144, 226, 0.1);\n            text-align: center;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid #e8f4f8;\n            position: relative;\n            overflow: hidden;\n            transform: translateY(30px);\n            opacity: 0;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .product-card.visible {\n            transform: translateY(0);\n            opacity: 1;\n        }\n        \n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(74, 144, 226, 0.08), transparent);\n            transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        .product-card:hover::before {\n            left: 100%;\n        }\n        \n        .product-card:hover {\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15), 0 0 40px rgba(74, 144, 226, 0.2);\n            transform: translateY(-15px) scale(1.02);\n            border-color: #4A90E2;\n        }\n        \n        .product-card img, .product-card video {\n            width: 100%;\n            max-width: 100%;\n            height: 419px;\n            object-fit: cover;\n            border-radius: 20px;\n            margin-bottom: 25px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 2px solid #e8f4f8;\n        }\n        \n        .product-card:hover img, .product-card:hover video {\n            transform: scale(1.05) rotate(1deg);\n            filter: brightness(1.05) saturate(1.1);\n            border-color: #4A90E2;\n        }\n        \n        .product-card h3 {\n            color: #4A90E2;\n            margin-bottom: 15px;\n            font-size: 1.4em;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .product-card:hover h3 {\n            transform: translateY(-3px);\n            text-shadow: 0 0 10px rgba(74, 144, 226, 0.3);\n        }\n        \n        .product-card p {\n            color: #5a6c7d;\n            line-height: 1.6;\n            transition: color 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .product-card:hover p {\n            color: #2C3E50;\n        }\n\n        .product-measurements {\n            background: rgba(74, 144, 226, 0.05);\n            padding: 15px;\n            border-radius: 15px;\n            margin-top: 15px;\n            border: 1px solid #e8f4f8;\n        }\n\n        .product-measurements h4 {\n            color: #FF6B9D;\n            font-size: 1.1em;\n            margin-bottom: 10px;\n        }\n\n        .product-measurements p {\n            font-size: 0.95em;\n            margin: 5px 0;\n            color: #2C3E50;\n        }\n        \n        \/* Benefits Section *\/\n        .benefits {\n            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #e8f4f8 100%);\n            color: #2C3E50;\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 40px;\n            margin-top: 60px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .benefit-card {\n            background: #ffffff;\n            padding: 50px 30px;\n            border-radius: 25px;\n            text-align: center;\n            border: 1px solid #e8f4f8;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .benefit-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at center, rgba(74, 144, 226, 0.05) 0%, transparent 70%);\n            opacity: 0;\n            transition: opacity 0.6s ease;\n        }\n\n        .benefit-card:hover::after {\n            opacity: 1;\n        }\n        \n        .benefit-card:hover {\n            background: #ffffff;\n            transform: scale(1.08) translateY(-10px);\n            border-color: #4A90E2;\n            box-shadow: 0 20px 60px rgba(74, 144, 226, 0.2);\n        }\n        \n        .benefit-icon {\n            font-size: 3.5em;\n            margin-bottom: 25px;\n            color: #FFD93D;\n            text-shadow: 0 0 15px rgba(255, 217, 61, 0.3);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .benefit-card:hover .benefit-icon {\n            transform: scale(1.2) rotateY(360deg);\n            text-shadow: 0 0 25px rgba(255, 217, 61, 0.5);\n        }\n        \n        .benefit-card h3 {\n            margin-bottom: 20px;\n            font-size: 1.5em;\n            color: #FF6B9D;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .benefit-card:hover h3 {\n            color: #4A90E2;\n            transform: translateY(-5px);\n        }\n        \n        .benefit-card p {\n            color: #5a6c7d;\n            line-height: 1.7;\n            transition: color 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .benefit-card:hover p {\n            color: #2C3E50;\n        }\n        \n        \/* Specifications *\/\n        .specifications {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e8f4f8 100%);\n            padding: 100px 0;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n            margin-top: 60px;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .spec-item {\n            background: #ffffff;\n            padding: 30px;\n            border-radius: 20px;\n            border-left: 5px solid #FF6B9D;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .spec-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 5px;\n            height: 0;\n            background: linear-gradient(to bottom, #FFD93D, #4A90E2, #FF6B9D);\n            transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .spec-item:hover::before {\n            height: 100%;\n        }\n        \n        .spec-item:hover {\n            transform: translateX(15px) scale(1.02);\n            box-shadow: 0 20px 50px rgba(74, 144, 226, 0.2);\n            background: #ffffff;\n        }\n        \n        .spec-item strong {\n            color: #4A90E2;\n            font-size: 1.1em;\n            display: block;\n            margin-bottom: 8px;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .spec-item:hover strong {\n            transform: translateX(10px);\n            text-shadow: 0 0 10px rgba(74, 144, 226, 0.3);\n        }\n\n        .spec-item span {\n            color: #5a6c7d;\n            word-wrap: break-word;\n        }\n        \n        \/* Testimonials *\/\n        .testimonials {\n            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n            color: #2C3E50;\n            padding: 100px 0;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 40px;\n            margin-top: 60px;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .testimonial-card {\n            background: #ffffff;\n            padding: 40px;\n            border-radius: 25px;\n            border: 1px solid #e8f4f8;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .testimonial-card::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(74, 144, 226, 0.05) 0%, transparent 70%);\n            opacity: 0;\n            transition: all 0.8s ease;\n            transform: scale(0);\n        }\n\n        .testimonial-card:hover::before {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .testimonial-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 25px 70px rgba(74, 144, 226, 0.2);\n            border-color: #4A90E2;\n        }\n        \n        .testimonial-image {\n            width: 100%;\n            max-width: 449px;\n            height: 374px;\n            object-fit: cover;\n            border-radius: 20px;\n            margin: 20px auto;\n            display: block;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 2px solid #e8f4f8;\n        }\n        \n        .testimonial-card:hover .testimonial-image {\n            transform: scale(1.05) rotate(1deg);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n            border-color: #4A90E2;\n        }\n        \n        .testimonial-rating {\n            color: #FFD93D;\n            font-size: 1.8em;\n            margin-bottom: 20px;\n            text-shadow: 0 0 10px rgba(255, 217, 61, 0.3);\n            transition: all 0.3s ease;\n        }\n\n        .testimonial-card:hover .testimonial-rating {\n            transform: scale(1.1);\n            text-shadow: 0 0 20px rgba(255, 217, 61, 0.5);\n        }\n        \n        .testimonial-text {\n            font-style: italic;\n            margin-bottom: 25px;\n            line-height: 1.7;\n            color: #5a6c7d;\n            transition: color 0.3s ease;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n        }\n\n        .testimonial-card:hover .testimonial-text {\n            color: #2C3E50;\n        }\n        \n        .testimonial-author {\n            font-weight: bold;\n            color: #FF6B9D;\n            font-size: 1.1em;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n        }\n\n        .testimonial-card:hover .testimonial-author {\n            transform: translateX(10px);\n            text-shadow: 0 0 10px rgba(255, 107, 157, 0.3);\n        }\n        \n        \/* Verification Section *\/\n        .verification {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e8f4f8 100%);\n            padding: 80px 0;\n            text-align: center;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .verification-image {\n            max-width: 897px;\n            width: 90%;\n            height: auto;\n            border-radius: 20px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n            transition: all 0.5s ease;\n            display: block;\n            margin: 0 auto;\n            border: 2px solid #e8f4f8;\n        }\n\n        .verification-image:hover {\n            transform: scale(1.03);\n            box-shadow: 0 25px 70px rgba(74, 144, 226, 0.2);\n            border-color: #4A90E2;\n        }\n        \n        \/* Final CTA *\/\n        .final-cta {\n            background: linear-gradient(45deg, #ffffff, #f8f9fa, #e8f4f8);\n            color: #2C3E50;\n            padding: 100px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .final-cta h2 {\n            font-size: 2.5em;\n            margin-bottom: 25px;\n            color: #4A90E2;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            font-weight: 900;\n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\n            font-family: 'Garamond', 'Georgia', serif;\n        }\n        \n        .final-cta p {\n            font-size: 1.3em;\n            margin-bottom: 50px;\n            color: #2C3E50;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            font-weight: 400;\n        }\n        \n        .video-cta {\n            background: #ffffff;\n            padding: 50px;\n            border-radius: 30px;\n            margin: 50px 0;\n            border: 1px solid #e8f4f8;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n            position: relative;\n            z-index: 2;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .video-cta:hover {\n            transform: scale(1.02);\n            box-shadow: 0 25px 60px rgba(74, 144, 226, 0.2);\n        }\n        \n        .video-cta img, .video-cta video {\n            width: 100%;\n            max-width: 598px;\n            height: 419px;\n            border-radius: 20px;\n            object-fit: cover;\n            margin-bottom: 25px;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n            transition: all 0.4s ease;\n            display: block;\n            margin-left: auto;\n            margin-right: auto;\n            border: 2px solid #e8f4f8;\n        }\n\n        .video-cta:hover img, .video-cta:hover video {\n            transform: scale(1.05);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\n            border-color: #4A90E2;\n        }\n        \n        .video-cta h3 {\n            font-size: 2em;\n            margin-bottom: 20px;\n            color: #4A90E2;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .video-cta:hover h3 {\n            transform: translateY(-5px);\n            text-shadow: 0 0 15px rgba(74, 144, 226, 0.3);\n        }\n        \n        .video-cta p {\n            font-size: 1.2em;\n            margin-bottom: 25px;\n            color: #5a6c7d;\n            transition: color 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .video-cta:hover p {\n            color: #2C3E50;\n        }\n        \n        .payment-info {\n            background: rgba(74, 144, 226, 0.05);\n            padding: 40px;\n            border-radius: 25px;\n            margin: 50px 0;\n            border: 1px solid #e8f4f8;\n            position: relative;\n            z-index: 2;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .payment-info:hover {\n            transform: scale(1.02);\n            box-shadow: 0 20px 50px rgba(74, 144, 226, 0.15);\n            border-color: #4A90E2;\n        }\n        \n        .payment-info h3 {\n            margin-bottom: 25px;\n            font-size: 1.6em;\n            color: #4A90E2;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .payment-info:hover h3 {\n            transform: translateY(-3px);\n            text-shadow: 0 0 10px rgba(74, 144, 226, 0.3);\n        }\n        \n        .payment-features {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 25px;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .payment-feature {\n            display: flex;\n            align-items: center;\n            font-size: 1.2em;\n            color: #5a6c7d;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            padding: 10px 0;\n            word-wrap: break-word;\n        }\n\n        .payment-feature:hover {\n            transform: translateX(10px);\n            color: #2C3E50;\n        }\n        \n        .payment-feature::before {\n            content: '✓';\n            margin-right: 15px;\n            font-weight: bold;\n            color: #6BCF7F;\n            font-size: 1.3em;\n            text-shadow: 0 0 10px rgba(107, 207, 127, 0.3);\n            transition: all 0.3s ease;\n            flex-shrink: 0;\n        }\n\n        .payment-feature:hover::before {\n            transform: scale(1.2) rotate(360deg);\n            text-shadow: 0 0 20px rgba(107, 207, 127, 0.5);\n        }\n        \n        .price-comparison {\n            background: rgba(255, 107, 157, 0.08);\n            padding: 30px;\n            border-radius: 20px;\n            margin: 40px 0;\n            text-align: center;\n            border: 1px solid rgba(255, 107, 157, 0.2);\n            position: relative;\n            z-index: 2;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .price-comparison::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(74, 144, 226, 0.1), transparent);\n            transition: left 0.8s ease;\n        }\n\n        .price-comparison:hover::before {\n            left: 100%;\n        }\n\n        .price-comparison:hover {\n            transform: scale(1.05);\n            box-shadow: 0 20px 50px rgba(255, 107, 157, 0.2);\n            border-color: #FF6B9D;\n        }\n        \n        .old-price {\n            text-decoration: line-through;\n            color: #888;\n            font-size: 1.8em;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .price-comparison:hover .old-price {\n            transform: scale(0.9);\n            color: #999;\n        }\n        \n        .new-price {\n            color: #6BCF7F;\n            font-size: 2.5em;\n            font-weight: bold;\n            margin-left: 20px;\n            text-shadow: 0 0 15px rgba(107, 207, 127, 0.3);\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n        }\n\n        .price-comparison:hover .new-price {\n            transform: scale(1.1);\n            text-shadow: 0 0 25px rgba(107, 207, 127, 0.5);\n        }\n        \n        .savings {\n            color: #FF6B9D;\n            font-size: 1.4em;\n            font-weight: bold;\n            margin-top: 15px;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .price-comparison:hover .savings {\n            transform: translateY(-3px) scale(1.1);\n            text-shadow: 0 0 10px rgba(255, 107, 157, 0.3);\n        }\n        \n        \/* Footer *\/\n        .footer {\n            background: linear-gradient(135deg, #e8f4f8, #f8f9fa);\n            color: #2C3E50;\n            padding: 80px 0;\n            text-align: center;\n            border-top: 1px solid #e8f4f8;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .footer-content {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 50px;\n            flex-wrap: wrap;\n            margin-bottom: 40px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .footer-logo {\n            width: 286px;\n            height: 286px;\n            border-radius: 50%;\n            object-fit: cover;\n            background: #ffffff;\n            padding: 15px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n            border: 3px solid #4A90E2;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            max-width: 90%;\n        }\n        \n        .footer-logo:hover {\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: 0 25px 70px rgba(74, 144, 226, 0.2);\n        }\n        \n        .footer-text {\n            flex: 1;\n            max-width: 500px;\n            text-align: left;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n        }\n        \n        .footer-text .tagline {\n            font-size: 1.4em;\n            color: #FF6B9D;\n            margin-bottom: 20px;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            font-style: italic;\n        }\n\n        .footer-text:hover .tagline {\n            transform: translateX(10px);\n            text-shadow: 0 0 10px rgba(255, 107, 157, 0.3);\n        }\n        \n        .footer-text .store-name {\n            font-size: 1.8em;\n            color: #4A90E2;\n            margin-bottom: 15px;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .footer-text:hover .store-name {\n            transform: translateX(10px);\n            color: #FF6B9D;\n        }\n        \n        .footer-text p {\n            font-size: 1.2em;\n            color: #5a6c7d;\n            line-height: 1.6;\n            transition: color 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .footer-text:hover p {\n            color: #2C3E50;\n        }\n\n        \/* Smooth scroll progress indicator *\/\n        .scroll-progress {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 3px;\n            background: linear-gradient(90deg, #4A90E2, #FF6B9D, #FFD93D);\n            z-index: 1000;\n            transition: width 0.1s ease;\n            max-width: 100%;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            body {\n                overflow-x: hidden;\n                width: 100vw;\n                max-width: 100%;\n            }\n\n            .hero h1 {\n                font-size: 2.8em;\n            }\n            \n            .hero-content {\n                flex-direction: column;\n                gap: 30px;\n                width: 100%;\n                padding: 0 10px;\n            }\n            \n            .hero-logo {\n                width: 260px;\n                height: 260px;\n            }\n            \n            .section-title {\n                font-size: 2.2em;\n            }\n            \n            .product-showcase {\n                grid-template-columns: 1fr;\n                width: 100%;\n                padding: 0 10px;\n            }\n            \n            .benefits-grid {\n                grid-template-columns: 1fr;\n                width: 100%;\n                padding: 0 10px;\n            }\n            \n            .specs-grid {\n                grid-template-columns: 1fr;\n                width: 100%;\n                padding: 0 10px;\n            }\n            \n            .testimonials-grid {\n                grid-template-columns: 1fr;\n                width: 100%;\n                padding: 0 10px;\n            }\n            \n            .product-card img, .product-card video {\n                height: 374px;\n            }\n            \n            .video-cta img, .video-cta video {\n                height: 374px;\n            }\n            \n            .testimonial-image {\n                max-width: 374px;\n                height: 299px;\n            }\n            \n            .footer-content {\n                flex-direction: column;\n                gap: 30px;\n            }\n            \n            .footer-text {\n                text-align: center;\n            }\n            \n            .footer-logo {\n                width: 221px;\n                height: 221px;\n            }\n            \n            .cta-button {\n                font-size: 1.2em;\n                padding: 18px 40px;\n            }\n\n            .payment-features {\n                grid-template-columns: 1fr;\n            }\n\n            .container {\n                padding: 0 15px;\n                max-width: 100%;\n            }\n\n            .hero {\n                padding: 60px 0;\n            }\n\n            .hero p {\n                font-size: 1.2em;\n            }\n\n            .price-banner {\n                font-size: 1em;\n                padding: 12px 25px;\n            }\n\n            .verification-image {\n                width: 95%;\n            }\n\n            .old-price {\n                font-size: 1.5em;\n            }\n\n            .new-price {\n                font-size: 2em;\n                margin-left: 10px;\n            }\n\n            .savings {\n                font-size: 1.2em;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero h1 {\n                font-size: 2.2em;\n            }\n\n            .section-title {\n                font-size: 1.8em;\n            }\n\n            .product-showcase,\n            .benefits-grid,\n            .specs-grid,\n            .testimonials-grid {\n                gap: 20px;\n            }\n\n            .product-card,\n            .benefit-card,\n            .testimonial-card {\n                padding: 30px 20px;\n            }\n        }\n\n        .hero img, .product-card img, .testimonial-image, \n        .verification-image, .video-cta img, .footer-logo,\n        .hero video, .product-card video, .video-cta video {\n            opacity: 0;\n            transition: opacity 0.5s ease-in-out;\n        }\n\n        .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n        .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n        .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n            opacity: 1;\n        }\n    \u003c\/style\u003e\n\n\n\n\n    \u003c!-- Scroll Progress Indicator --\u003e\n    \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n    \u003c!-- Hero Section --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRAENTREGA • 🚚 ENVÍO GRATIS A TODO ECUADOR\u003c\/div\u003e\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003cimg class=\"hero-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Zahariq_Shop_20260126_205635_0000.png?v=1769479094\"\u003e\n                \u003cdiv class=\"hero-text\"\u003e\n                    \u003ch1\u003e🎒 MORRAL TRIO DE RUEDAS 3D 🎒\u003c\/h1\u003e\n                    \u003cp class=\"subtitle\"\u003e✨ Combo Escolar Premium MINNIE MOUSE • 3 Piezas • Diseño Exclusivo 3D ✨\u003c\/p\u003e\n                    \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El kit escolar más completo con la ratoncita más linda de Disney en alto relieve 3D\"\u003c\/span\u003e\u003c\/p\u003e\n                    \u003cp\u003e🎨 Incluye: Mochila con Ruedas + Lonchera Térmica + Cartuchera • ¡Todo lo que necesita tu pequeña para el cole! 🎨\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES 💫 $54,00\u003c\/a\u003e\u003cbr\u003e\n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA 🔥 $44,00 🔥\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Visual Banner Section --\u003e\n    \u003csection class=\"visual-banner\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e🌟 DISEÑO EXCLUSIVO MINNIE MOUSE 3D 🌟\u003c\/h2\u003e\n            \u003cp class=\"section-subtitle fade-in\"\u003eLa ratoncita más fashion en alto relieve • Calidad Premium • Perfecto para tu pequeña\u003c\/p\u003e\n            \n            \u003cdiv class=\"product-showcase\"\u003e\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Azul_oscuro_20260126_195358_0000.png?v=1769476241\" alt=\"Combo Escolar Minnie Mouse 3D\" class=\"loaded\"\u003e\n                    \u003ch3\u003e🎀 MINNIE MOUSE 3D 🎀\u003c\/h3\u003e\n                    \u003cp\u003e¡La ratoncita más linda de Disney! Diseño rosa con moños y Minnie en alto relieve 3D. Para las niñas que aman el glamour y la elegancia. Perfecto para el regreso a clases.\u003c\/p\u003e\n                    \u003cdiv class=\"product-measurements\"\u003e\n                        \u003ch4\u003e📏 Medidas del Combo:\u003c\/h4\u003e\n                        \u003cp\u003e🎒 Mochila: 41cm alto x 31cm ancho\u003c\/p\u003e\n                        \u003cp\u003e🍱 Lonchera: 26cm alto x 26cm ancho\u003c\/p\u003e\n                        \u003cp\u003e✏️ Cartuchera: 24cm alto x 10cm ancho\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Zahariq_Shop_20260126_205529_0000.png?v=1769479095\" alt=\"Combo Escolar Minnie Mouse Vista Completa\" class=\"loaded\"\u003e\n                    \u003ch3\u003e✨ COMBO COMPLETO X3 ✨\u003c\/h3\u003e\n                    \u003cp\u003eTodo coordinado con el mismo diseño de Minnie Mouse en 3D. Mochila con sistema de ruedas, lonchera térmica que mantiene los alimentos frescos, y cartuchera espaciosa con doble cierre. ¡Calidad superior garantizada!\u003c\/p\u003e\n                    \u003cdiv class=\"product-measurements\"\u003e\n                        \u003ch4\u003e🎁 Contenido del Paquete:\u003c\/h4\u003e\n                        \u003cp\u003e✅ Mochila con ruedas y asa telescópica\u003c\/p\u003e\n                        \u003cp\u003e✅ Lonchera térmica aislante\u003c\/p\u003e\n                        \u003cp\u003e✅ Cartuchera doble cierre\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Benefits Section --\u003e\n    \u003csection class=\"benefits\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Elegir Nuestro MORRAL TRIO DE RUEDAS 3D? ✨\u003c\/h2\u003e\n            \u003cdiv class=\"benefits-grid\"\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e🎒\u003c\/div\u003e\n                    \u003ch3\u003eDiseño 3D en Alto Relieve\u003c\/h3\u003e\n                    \u003cp\u003eMinnie Mouse en figuras tridimensionales que resaltan y dan vida a la personaje favorita de las niñas. Tecnología de impresión avanzada para detalles impresionantes que lucen espectaculares.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n                    \u003ch3\u003eCombo Completo x3\u003c\/h3\u003e\n                    \u003cp\u003eIncluye mochila con ruedas, lonchera térmica y cartuchera de doble cierre. Todo coordinado con el mismo diseño de Minnie para lucir espectacular en el colegio.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e🛞\u003c\/div\u003e\n                    \u003ch3\u003eSistema de Ruedas Premium\u003c\/h3\u003e\n                    \u003cp\u003eBase de carro fija con ruedas resistentes que facilitan el transporte. Asa telescópica ajustable que protege la espalda de las niñas y hace el traslado súper cómodo.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e📚\u003c\/div\u003e\n                    \u003ch3\u003eSuper Espacioso y Organizado\u003c\/h3\u003e\n                    \u003cp\u003eMochila con 3 cierres y 3 compartimientos independientes. Bolsillos laterales para botella de agua y accesorios. Espacio suficiente para todos los útiles escolares del día.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e❄️\u003c\/div\u003e\n                    \u003ch3\u003eLonchera Térmica de Calidad\u003c\/h3\u003e\n                    \u003cp\u003eMantiene los alimentos frescos durante toda la jornada escolar. Material aislante de alta calidad que conserva la temperatura ideal para la lonchera de tu pequeña.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e✏️\u003c\/div\u003e\n                    \u003ch3\u003eEspacio Personalizable\u003c\/h3\u003e\n                    \u003cp\u003eZona especial en la parte trasera para marcar nombre y grado de la estudiante. Fácil identificación que evita confusiones en el colegio.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e💪\u003c\/div\u003e\n                    \u003ch3\u003eMaterial Resistente y Duradero\u003c\/h3\u003e\n                    \u003cp\u003eFabricado con materiales de alta calidad que resisten el uso diario intenso. Costuras reforzadas y cierres resistentes para máxima durabilidad todo el año escolar.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e🌈\u003c\/div\u003e\n                    \u003ch3\u003eDiseño Rosa Fashion\u003c\/h3\u003e\n                    \u003cp\u003eColores rosa vibrantes con detalles en negro y blanco, combinación perfecta que encanta a todas las niñas. Diseño elegante y divertido al mismo tiempo.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Specifications --\u003e\n    \u003csection class=\"specifications\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e📋 Especificaciones Técnicas del Combo 📋\u003c\/h2\u003e\n            \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre tu MORRAL TRIO DE RUEDAS 3D MINNIE\u003c\/p\u003e\n            \n            \u003cdiv class=\"specs-grid\"\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🎒 Tipo de Producto:\u003c\/strong\u003e \u003cspan\u003eCombo escolar completo de 3 piezas con diseño 3D en alto relieve de Minnie Mouse.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e📦 Contenido del Combo:\u003c\/strong\u003e \u003cspan\u003eMochila con ruedas + Lonchera térmica + Cartuchera doble cierre.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🎨 Diseño Disponible:\u003c\/strong\u003e \u003cspan\u003eMinnie Mouse en alto relieve 3D con colores rosa, negro y blanco. Diseño exclusivo y elegante.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e📏 Medidas de la Mochila:\u003c\/strong\u003e \u003cspan\u003e41cm de alto x 31cm de ancho con 3 compartimientos y bolsillos laterales para botellas.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🍱 Medidas de la Lonchera:\u003c\/strong\u003e \u003cspan\u003e26cm de alto x 26cm de ancho, térmica con aislamiento premium que mantiene los alimentos frescos.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e✏️ Medidas de la Cartuchera:\u003c\/strong\u003e \u003cspan\u003e24cm de alto x 10cm de ancho, doble cierre para mejor organización de útiles escolares.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🛞 Sistema de Ruedas:\u003c\/strong\u003e \u003cspan\u003eBase de carro fija con ruedas resistentes y asa telescópica ajustable en altura.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e🎯 Compartimientos:\u003c\/strong\u003e \u003cspan\u003eMochila con 3 cierres y 3 compartimientos independientes + 2 bolsillos laterales externos.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e📝 Personalización:\u003c\/strong\u003e \u003cspan\u003eEspacio en la parte trasera para marcar nombre y grado de la estudiante de forma permanente.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e💪 Material:\u003c\/strong\u003e \u003cspan\u003eTela resistente de alta calidad con costuras reforzadas, cierres duraderos y acabados premium.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🎭 Características 3D:\u003c\/strong\u003e \u003cspan\u003eAlto relieve tridimensional que hace resaltar a Minnie con detalles impresionantes y realistas.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e🌡️ Lonchera Térmica:\u003c\/strong\u003e \u003cspan\u003eMaterial aislante profesional que mantiene alimentos frescos durante 6-8 horas de clases.\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Testimonials --\u003e\n    \u003csection class=\"testimonials\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e⭐ Lo Que Dicen Nuestras Clientes Ecuatorianas ⭐\u003c\/h2\u003e\n            \u003cdiv class=\"testimonials-grid\"\u003e\n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                    \u003cdiv class=\"testimonial-text\"\u003e\"Compré el combo para mi hija y quedó encantada con Minnie! Las ruedas funcionan de maravilla y el material es de primera calidad. Muy recomendado!\"\u003c\/div\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260123-WA0007.jpg?v=1769481485\" alt=\"Cliente ecuatoriana satisfecha con Morral Minnie\" class=\"testimonial-image loaded\"\u003e\n                    \u003cdiv class=\"testimonial-author\"\u003e- María José, mamá de Quito\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                    \u003cdiv class=\"testimonial-text\"\u003e\"Mi niña está feliz con su morral de Minnie! El combo completo es bien práctico y la lonchera térmica mantiene todo fresquito. Llegó rápido a Guayaquil, súper recomendado\"\u003c\/div\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260126-WA0024.jpg?v=1769481225\" alt=\"Niña ecuatoriana con su morral Minnie\" class=\"testimonial-image loaded\"\u003e\n                    \u003cdiv class=\"testimonial-author\"\u003e- Carmen, mamá de Guayaquil\u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                    \u003cdiv class=\"testimonial-text\"\u003e\"Me encanta que tiene espacio atrás para poner el nombre. Los compartimientos son amplios y los cierres de buena calidad. Mi hija está feliz con su mochila de Minnie , se ve tido hermoso!\"\u003c\/div\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/IMG-20260111-WA0020.jpg?v=1768180556\" alt=\"Detalle parte trasera del morral con espacio para nombre\" class=\"testimonial-image loaded\"\u003e\n                    \u003cdiv class=\"testimonial-author\"\u003e- Patricia, mamá de Cuenca\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Final CTA --\u003e\n    \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"product-showcase\"\u003e\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Azul_oscuro_20260126_195358_0000.png?v=1769476241\" alt=\"Combo Escolar Minnie Mouse 3D Ecuador\" class=\"loaded\"\u003e\n                    \u003ch3\u003e🎒 ¡ASEGURA TU COMBO ESCOLAR ANTES QUE SE AGOTE! 🎒\u003c\/h3\u003e\n                    \u003cp style=\"color: #6BCF7F; font-weight: 700; text-shadow: 1px 1px 3px rgba(107, 207, 127, 0.3);\"\u003eMiles de mamitas ecuatorianas ya equiparon a sus hijitas con nuestro Combo Trio 3D Minnie. No dejes que tu pequeña se quede sin el suyo para este año escolar.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003ch2 class=\"fade-in\" style=\"color: #4A90E2; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);\"\u003e💫 ¡Lleva Tu MOCHILA TRIO DE RUEDAS 3D MINNIE Hoy! 💫\u003c\/h2\u003e\n            \u003cp class=\"fade-in\" style=\"color: #2C3E50; font-weight: 600; text-shadow: none;\"\u003e\"Porque tu hijita merece iniciar el año escolar con el combo más completo y lindo de Minnie Mouse\"\u003c\/p\u003e\n            \n            \u003cdiv class=\"payment-info fade-in\"\u003e\n                \u003ch3\u003e🛡️ Compra 100% Segura y Sin Riesgos en Ecuador 🛡️\u003c\/h3\u003e\n                \u003cdiv class=\"payment-features\"\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e💳 Pago Contraentrega\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🚚 Envío Gratis a Todo Ecuador\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🎒 Combo Completo 3 Piezas\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🎀 Diseño Minnie Mouse 3D\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e✨ Alto Relieve Premium\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e💪 Material Resistente\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"price-comparison fade-in\"\u003e\n                \u003cspan class=\"old-price\"\u003ePrecio Regular: $54,00\u003c\/span\u003e\n                \u003cspan class=\"new-price\"\u003ePRECIO ESPECIAL: $44,00\u003c\/span\u003e\n                \u003cdiv class=\"savings\"\u003e🎒 ¡Ahorra 10,00! Oferta Exclusiva para Ecuador 🎒\u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MI COMBO MINNIE AHORA 🔥\u003c\/a\u003e\n            \n            \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #2C3E50; font-weight: 600; font-style: italic; text-shadow: none;\"\u003e\n                ⏰ \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e El stock de este diseño se agota rápidamente por su alta calidad y precio especial. \n                Aprovecha mientras tengamos disponibilidad del combo Minnie Mouse 3D que le encanta a tu hijita.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Footer --\u003e\n    \u003csection class=\"footer\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"footer-content\"\u003e\n                \u003cimg class=\"footer-logo loaded\" alt=\"Zahariq Shop Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Zahariq_Shop_20260126_205635_0000.png?v=1769479094\"\u003e\n                \u003cdiv class=\"footer-text\"\u003e\n                    \u003cdiv class=\"tagline\"\u003e✨ Combo Minnie con todo para el regreso a clases con estilo en Ecuador ✨\u003c\/div\u003e\n                    \u003cdiv class=\"store-name\"\u003eZAHARIQ SHOP - Útiles Escolares Premium\u003c\/div\u003e\n                    \u003cp\u003eLos mejores combos escolares con tecnología 3D, diseño exclusivo de Minnie Mouse y calidad premium.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cp\u003e© 2026 ZAHARIQ SHOP ECUADOR. Todos los derechos reservados\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cscript\u003e\n        \/\/ Scroll Progress Bar\n        function updateScrollProgress() {\n            const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n            document.getElementById('scrollProgress').style.width = scrolled + '%';\n        }\n\n        \/\/ Scroll Reveal Animation\n        function revealOnScroll() {\n            const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card');\n            \n            for (let i = 0; i \u003c reveals.length; i++) {\n                const windowHeight = window.innerHeight;\n                const elementTop = reveals[i].getBoundingClientRect().top;\n                const elementVisible = 150;\n                \n                if (elementTop \u003c windowHeight - elementVisible) {\n                    reveals[i].classList.add('visible');\n                }\n            }\n        }\n\n        \/\/ Smooth scrolling for anchor links\n        function smoothScroll() {\n            const links = document.querySelectorAll('a[href^=\"#\"]');\n            \n            for (let link of links) {\n                link.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const target = document.querySelector(this.getAttribute('href'));\n                    if (target) {\n                        target.scrollIntoView({\n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                });\n            }\n        }\n\n        \/\/ Image lazy loading\n        function handleImageLoading() {\n            const images = document.querySelectorAll('img:not(.loaded)');\n            \n            images.forEach(img =\u003e {\n                img.addEventListener('load', function() {\n                    this.classList.add('loaded');\n                });\n                \n                if (img.complete) {\n                    img.classList.add('loaded');\n                }\n            });\n        }\n\n        \/\/ Initialize all functions\n        document.addEventListener('DOMContentLoaded', function() {\n            smoothScroll();\n            handleImageLoading();\n            revealOnScroll();\n            updateScrollProgress();\n        });\n\n        \/\/ Event listeners\n        window.addEventListener('scroll', function() {\n            updateScrollProgress();\n            revealOnScroll();\n        });\n\n        \/\/ Performance optimization: use requestAnimationFrame for scroll events\n        let ticking = false;\n        \n        function updateOnScroll() {\n            updateScrollProgress();\n            revealOnScroll();\n            ticking = false;\n        }\n\n        window.addEventListener('scroll', function() {\n            if (!ticking) {\n                requestAnimationFrame(updateOnScroll);\n                ticking = true;\n            }\n        });\n\n        \/\/ Enhanced hover effects for mobile touch devices\n        if ('ontouchstart' in window) {\n            const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n            \n            cards.forEach(card =\u003e {\n                card.addEventListener('touchstart', function() {\n                    this.style.transform = this.style.transform || '';\n                });\n            });\n        }\n\n        \/\/ Intersection Observer for better performance\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n\n            document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n                observer.observe(el);\n            });\n        }\n\n        \/\/ Add stagger animation delay to grid items\n        function addStaggerDelay() {\n            const grids = [\n                { selector: '.product-showcase .product-card', delay: 100 },\n                { selector: '.benefits-grid .benefit-card', delay: 150 },\n                { selector: '.specs-grid .spec-item', delay: 80 },\n                { selector: '.testimonials-grid .testimonial-card', delay: 200 }\n            ];\n\n            grids.forEach(grid =\u003e {\n                const items = document.querySelectorAll(grid.selector);\n                items.forEach((item, index) =\u003e {\n                    item.style.transitionDelay = `${index * grid.delay}ms`;\n                });\n            });\n        }\n\n        \/\/ Initialize stagger animations\n        document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n        \/\/ Enhanced button interactions\n        document.querySelectorAll('.cta-button').forEach(button =\u003e {\n            button.addEventListener('mouseenter', function() {\n                this.style.transform = 'translateY(-5px) scale(1.08)';\n            });\n            \n            button.addEventListener('mouseleave', function() {\n                this.style.transform = '';\n            });\n            \n            button.addEventListener('mousedown', function() {\n                this.style.transform = 'translateY(-2px) scale(1.05)';\n            });\n            \n            button.addEventListener('mouseup', function() {\n                this.style.transform = 'translateY(-5px) scale(1.08)';\n            });\n        });\n\n        \/\/ Enhanced error handling for media\n        document.querySelectorAll('img, video').forEach(media =\u003e {\n            media.addEventListener('error', function() {\n                console.warn('Failed to load media:', this.src);\n                this.style.display = 'none';\n            });\n        });\n\n        \/\/ Add keyboard navigation support\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Tab') {\n                document.body.classList.add('keyboard-navigation');\n            }\n        });\n\n        document.addEventListener('mousedown', function() {\n            document.body.classList.remove('keyboard-navigation');\n        });\n\n        \/\/ Optimize animations for reduced motion preference\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n            \n            const style = document.createElement('style');\n            style.textContent = `\n                *, *::before, *::after {\n                    animation-duration: 0.01ms !important;\n                    animation-iteration-count: 1 !important;\n                    transition-duration: 0.01ms !important;\n                }\n            `;\n            document.head.appendChild(style);\n        }\n\n        \/\/ Urgency timer for Ecuador\n        function createUrgencyTimer() {\n            const urgencyMessages = [\n                '🎒 ¡STOCK LIMITADO DE MINNIE MOUSE 3D!',\n                '✨ ÚLTIMA OPORTUNIDAD AL MEJOR PRECIO EN ECUADOR',\n                '💫 COMBO ESCOLAR COMPLETO - ORDENAR AHORA'\n            ];\n            \n            const urgencyBanner = document.createElement('div');\n            urgencyBanner.innerHTML = urgencyMessages[Math.floor(Math.random() * urgencyMessages.length)];\n            urgencyBanner.style.cssText = `\n                position: fixed;\n                bottom: 20px;\n                right: 20px;\n                background: linear-gradient(45deg, #4A90E2, #FF6B9D, #FFD93D);\n                color: #ffffff;\n                padding: 10px 20px;\n                border-radius: 25px;\n                font-weight: bold;\n                z-index: 1000;\n                animation: pulse 2s infinite;\n                box-shadow: 0 5px 15px rgba(74, 144, 226, 0.4);\n            `;\n            document.body.appendChild(urgencyBanner);\n        }\n\n        \/\/ Initialize urgency timer\n        setTimeout(createUrgencyTimer, 5000);\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61551798026610,"sku":"AMC-1422","price":44.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Azul_oscuro_20260126_195358_0000.png?v=1769476241","url":"https:\/\/zahariqshop.com\/products\/mochila-para-ninos-con-ruedas","provider":"Zahariq Shop ","version":"1.0","type":"link"}