{"product_id":"oferta-relampago-boss-casual-ref-7729","title":"OFERTA RELAMPAGO BOSS CASUAL REF 7729","description":"\u003cstyle\u003e\n        \/* Estilos generales *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background-color: #000;\n            color: #f5f5f5;\n            line-height: 1.6;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        section {\n            padding: 80px 0;\n        }\n        \n        h1, h2, h3 {\n            color: #D4AF37;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        p {\n            margin-bottom: 15px;\n            text-align: center;\n        }\n        \n        .btn {\n            display: inline-block;\n            background-color: #D4AF37;\n            color: #000;\n            padding: 15px 30px;\n            border-radius: 5px;\n            text-decoration: none;\n            font-weight: bold;\n            font-size: 18px;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n        }\n        \n        .btn:hover {\n            background-color: #f5d76e;\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);\n        }\n        \n        \/* Sección Hero *\/\n        .hero {\n            background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), #000;\n            height: 100vh;\n            display: flex;\n            align-items: center;\n            text-align: center;\n            position: relative;\n        }\n        \n        .hero-content {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .hero h1 {\n            font-size: 3.5rem;\n            margin-bottom: 20px;\n            color: #D4AF37;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n        }\n        \n        .hero p {\n            font-size: 1.5rem;\n            margin-bottom: 30px;\n            color: #ffffff;\n        }\n        \n        \/* Sección Galería *\/\n        .gallery {\n            text-align: center;\n            background: #111;\n            padding: 60px 0;\n        }\n        \n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n        \n        .gallery-item {\n            background-color: #1a1a1a;\n            border-radius: 10px;\n            overflow: hidden;\n            transition: transform 0.3s ease;\n            border: 1px solid #333;\n        }\n        \n        .gallery-item:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 10px 25px rgba(212, 175, 55, 0.3);\n        }\n        \n        .gallery-item img {\n            width: 100%;\n            height: 250px;\n            object-fit: cover;\n        }\n        \n        .gallery-item-content {\n            padding: 20px;\n        }\n        \n        .gallery-item-content h3 {\n            color: #D4AF37;\n            margin-bottom: 10px;\n        }\n        \n        \/* Sección Testimonios *\/\n        .testimonials {\n            background-color: #000;\n            text-align: center;\n            padding: 60px 0;\n        }\n        \n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n        \n        .testimonial-item {\n            background-color: #1a1a1a;\n            padding: 30px;\n            border-radius: 10px;\n            border-left: 3px solid #D4AF37;\n        }\n        \n        .stars {\n            color: #D4AF37;\n            font-size: 1.2rem;\n            margin-bottom: 15px;\n        }\n        \n        .testimonial-item p {\n            font-style: italic;\n            margin-bottom: 15px;\n            color: #f5f5f5;\n        }\n        \n        .testimonial-item span {\n            color: #D4AF37;\n            font-weight: bold;\n        }\n        \n        \/* Sección Oferta *\/\n        .offer {\n            text-align: center;\n            background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), #000;\n            padding: 60px 0;\n        }\n        \n        .price {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 20px;\n            margin: 30px 0;\n        }\n        \n        .old-price {\n            font-size: 2rem;\n            text-decoration: line-through;\n            color: #999;\n        }\n        \n        .new-price {\n            font-size: 3rem;\n            color: #D4AF37;\n            font-weight: bold;\n        }\n        \n        .discount {\n            background-color: #D4AF37;\n            color: #000;\n            padding: 5px 10px;\n            border-radius: 5px;\n            font-weight: bold;\n        }\n        \n        \/* CONTADOR ROJO MEJORADO *\/\n        .counter-container {\n            background: rgba(20, 0, 0, 0.9);\n            border-radius: 15px;\n            padding: 30px;\n            margin: 40px auto;\n            max-width: 700px;\n            box-shadow: 0 0 30px rgba(255, 0, 0, 0.5);\n            border: 3px solid #ff0000;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .counter-container::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(90deg, #ff0000, #ff3333, #ff0000);\n            background-size: 200% 100%;\n            animation: gradientMove 2s infinite linear;\n        }\n        \n        @keyframes gradientMove {\n            0% { background-position: 0% 50%; }\n            100% { background-position: 200% 50%; }\n        }\n        \n        .counter-title {\n            color: #ff3333;\n            font-size: 1.8rem;\n            margin-bottom: 25px;\n            font-weight: 700;\n            text-align: center;\n            text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);\n        }\n        \n        .units-counter {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-bottom: 30px;\n        }\n        \n        .unit-box {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, #ff0000, #cc0000);\n            color: #fff;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 2.2rem;\n            font-weight: bold;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(255, 0, 0, 0.5);\n            animation: pulse-red 1.5s infinite;\n            position: relative;\n            overflow: hidden;\n            border: 2px solid #ff3333;\n        }\n        \n        .unit-box::after {\n            content: \"\";\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to bottom right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            animation: shine 3s infinite;\n        }\n        \n        @keyframes shine {\n            0% { transform: translateX(-100%) translateY(-100%) rotate(30deg); }\n            100% { transform: translateX(100%) translateY(100%) rotate(30deg); }\n        }\n        \n        @keyframes pulse-red {\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }\n            70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(255, 0, 0, 0); }\n            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }\n        }\n        \n        .units-text {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #ff3333;\n            text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);\n        }\n        \n        .timer-container {\n            margin: 20px 0;\n            background: linear-gradient(135deg, #330000, #660000);\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 8px 20px rgba(255, 0, 0, 0.3);\n            position: relative;\n            overflow: hidden;\n            border: 2px solid #ff3333;\n        }\n        \n        .timer-title {\n            color: #fff;\n            font-size: 1.5rem;\n            margin-bottom: 20px;\n            font-weight: 600;\n            text-align: center;\n            text-shadow: 0 0 5px rgba(255, 0, 0, 0.5);\n        }\n        \n        .timer {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n        }\n        \n        .timer-box {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 12px;\n            padding: 20px 15px;\n            min-width: 100px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n            position: relative;\n            overflow: hidden;\n            border: 2px solid #ff0000;\n        }\n        \n        .timer-box::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(90deg, #ff0000, #ff3333, #ff0000);\n            animation: gradientMove 2s infinite linear;\n        }\n        \n        .timer-value {\n            font-size: 3rem;\n            font-weight: 800;\n            color: #ff0000;\n            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);\n        }\n        \n        .timer-label {\n            font-size: 1rem;\n            color: #660000;\n            margin-top: 8px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .urgency-message {\n            background: linear-gradient(135deg, #ff0000, #cc0000);\n            color: #fff;\n            padding: 20px;\n            border-radius: 12px;\n            margin: 25px 0;\n            font-weight: 700;\n            font-size: 1.3rem;\n            box-shadow: 0 8px 20px rgba(255, 0, 0, 0.4);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n            border: 2px solid #ff3333;\n            animation: shake 3s infinite;\n        }\n        \n        @keyframes shake {\n            0%, 100% { transform: translateX(0); }\n            10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }\n            20%, 40%, 60%, 80% { transform: translateX(5px); }\n        }\n        \n        .btn-comprar {\n            display: inline-block;\n            background-color: #ff0000;\n            color: #fff;\n            font-size: 20px;\n            font-weight: bold;\n            text-transform: uppercase;\n            padding: 16px 35px;\n            border-radius: 8px;\n            text-decoration: none;\n            letter-spacing: 0.5px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4);\n            margin-top: 15px;\n            border: 2px solid #ff3333;\n            animation: pulse-btn 2s infinite;\n        }\n        \n        @keyframes pulse-btn {\n            0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }\n            70% { box-shadow: 0 0 0 15px rgba(255, 0, 0, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }\n        }\n\n        .btn-comprar:hover {\n            background-color: #ff1a1a;\n            transform: translateY(-3px);\n            box-shadow: 0 6px 18px rgba(255, 0, 0, 0.6);\n        }\n\n        .btn-comprar:active {\n            transform: scale(0.98);\n        }\n\n        .btn-container {\n            text-align: center;\n            margin-top: 25px;\n        }\n        \n        \/* Sección de Calificación *\/\n        .rating-section {\n            background: #111;\n            padding: 40px 0;\n            text-align: center;\n            border-bottom: 1px solid #333;\n        }\n        \n        .rating-container {\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        \n        .product-name {\n            color: #fff;\n            font-size: 1.8rem;\n            margin-bottom: 15px;\n            font-weight: 600;\n        }\n        \n        .stars-large {\n            color: #D4AF37;\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n        }\n        \n        .review-count {\n            color: #ccc;\n            font-size: 1.1rem;\n            margin-bottom: 20px;\n        }\n        \n        \/* Media Elements *\/\n        .media-container {\n            max-width: 900px;\n            margin: 30px auto;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n        }\n        \n        .media-container img, \n        .media-container video {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n        \n        \/* Footer *\/\n        footer {\n            background-color: #000;\n            padding: 30px 0;\n            text-align: center;\n            border-top: 1px solid #333;\n            color: #777;\n            font-size: 0.9rem;\n        }\n\n        \/* NOTIFICACIÓN DE COMPRAS *\/\n        .notificacion {\n          position: fixed;\n          bottom: 20px;\n          left: 20px;\n          background: #2d2d2d;\n          color: white;\n          padding: 12px 18px;\n          border-radius: 25px;\n          display: flex;\n          align-items: center;\n          box-shadow: 0 0 10px rgba(0,0,0,0.3);\n          opacity: 0;\n          transition: opacity 0.5s;\n          z-index: 9999;\n          font-size: 13px;\n        }\n\n        .notificacion.visible {\n          opacity: 1;\n        }\n\n        .notificacion img {\n          width: 48px;\n          height: 48px;\n          border-radius: 10px;\n          object-fit: cover;\n          margin-right: 12px;\n          border: 2px solid #00e676;\n          background: white;\n        }\n\n        .notificacion .texto span {\n          font-weight: bold;\n        }\n\n        .verificado {\n          font-size: 11px;\n          color: #c5f5c5;\n          display: flex;\n          align-items: center;\n          margin-top: 3px;\n        }\n\n        .verificado::before {\n          content: \"✔️\";\n          color: #00e676;\n          margin-right: 5px;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero {\n                height: auto;          \/* hero más pequeño en móvil *\/\n                padding: 40px 0 30px;\n            }\n\n            .hero h1 {\n                font-size: 2.5rem;\n            }\n            \n            .hero p {\n                font-size: 1.2rem;\n            }\n            \n            .price {\n                flex-direction: column;\n                gap: 10px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .timer {\n                gap: 10px;\n            }\n            \n            .timer-box {\n                min-width: 70px;\n                padding: 12px 8px;\n            }\n            \n            .timer-value {\n                font-size: 1.8rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003c!-- Sección Hero --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1\u003eHUGO BOSS - CALZADO PREMIUM\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Video Principal --\u003e\n\u003cdiv class=\"media-container\"\u003e\u003cvideo playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n    \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0afdedcb22a544699f5ad7fa90ca0ccc.mp4\"\u003e\n    Tu navegador no soporta reproducción de video.\n  \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- Sección de Calificación --\u003e\n\u003csection class=\"rating-section\"\u003e\n\u003cdiv class=\"rating-container\"\u003e\n\u003cdiv class=\"product-name\"\u003eHUGO BOSS - Colección Premium\u003c\/div\u003e\n\u003cdiv class=\"stars-large\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n\u003cdiv class=\"review-count\"\u003e+8502 Reseñas\u003c\/div\u003e\n\u003cdiv class=\"price\"\u003e\n\u003cdiv class=\"new-price\"\u003e$139.900,00\u003c\/div\u003e\n\u003cdiv class=\"old-price\"\u003e$299.900,00\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Sección Oferta con Contador --\u003e\n\u003csection id=\"offer\" class=\"offer\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch1\u003e🔥 MEGA OFERTA DIA DEL PADRE 🔥\u003c\/h1\u003e\n\u003c!-- Contador Rojo Mejorado --\u003e\n\u003cdiv class=\"counter-container\"\u003e\n\u003cdiv class=\"counter-title\"\u003e¡ÚLTIMAS UNIDADES DISPONIBLES!\u003c\/div\u003e\n\u003cdiv class=\"units-counter\"\u003e\n\u003cdiv class=\"unit-box\"\u003e0\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unit-box\"\u003e7\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"units-text\"\u003eUNIDADES RESTANTES\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timer-container\"\u003e\n\u003cdiv class=\"timer-title\"\u003eLA OFERTA FINALIZA EN:\u003c\/div\u003e\n\u003cdiv class=\"timer\"\u003e\n\u003cdiv class=\"timer-box\"\u003e\n\u003cdiv class=\"timer-value\" id=\"minutes\"\u003e49\u003c\/div\u003e\n\u003cdiv class=\"timer-label\"\u003eMinutos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timer-box\"\u003e\n\u003cdiv class=\"timer-value\" id=\"seconds\"\u003e37\u003c\/div\u003e\n\u003cdiv class=\"timer-label\"\u003eSegundos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"urgency-message\"\u003e⚠️ ¡NO PIERDAS ESTA OPORTUNIDAD! LAS UNIDADES SE AGOTAN RÁPIDAMENTE.\u003c\/div\u003e\n\u003cdiv class=\"btn-container\"\u003e\n\u003c!-- Botón que baja a la sección de compra --\u003e \u003ca href=\"#purchase\" class=\"btn-comprar\"\u003e¡COMPRAR AHORA!\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Imagen de Presentación --\u003e\n\u003cdiv class=\"media-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/2823\/0040\/files\/Minimalist-Business-Name-Facebook-Cover.jpg?v=1743651843\" alt=\"Zapatos HUGO BOSS Premium\"\u003e\u003c\/div\u003e\n\u003c!-- Sección Galería de Colores --\u003e\n\u003csection class=\"gallery\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003eCOLORES DISPONIBLES\u003c\/h2\u003e\n\u003cdiv class=\"gallery-grid\"\u003e\n\u003cdiv class=\"gallery-item\"\u003e\n\u003cimg alt=\"Zapato HUGO BOSS Negro\" src=\"https:\/\/i.ibb.co\/2YsZB8dv\/Chat-GPT-Image-22-oct-2025-12-01-33.png\"\u003e\n\u003cdiv class=\"gallery-item-content\"\u003e\n\u003ch3\u003eNegro Elegante\u003c\/h3\u003e\n\u003cp\u003eIdeal para ocasiones formales y de negocios. Cuero de primera calidad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-item\"\u003e\n\u003cimg alt=\"Zapato HUGO BOSS Marrón\" src=\"https:\/\/i.ibb.co\/3y401WNc\/Chat-GPT-Image-22-oct-2025-11-50-27.png\"\u003e\n\u003cdiv class=\"gallery-item-content\"\u003e\n\u003ch3\u003eMarrón Premium\u003c\/h3\u003e\n\u003cp\u003eElegancia atemporal que combina con cualquier outfit. Detalles en dorado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Imágenes Adicionales --\u003e\n\u003cdiv class=\"media-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/2823\/0040\/files\/Chat-GPT-Image-22-oct-2025-11-56-49.png?v=1761171281\" alt=\"Detalles de calidad HUGO BOSS\"\u003e\u003c\/div\u003e\n\u003c!-- Video de Demostración --\u003e\n\u003cdiv class=\"media-container\"\u003e\u003cvideo preload=\"auto\" playsinline=\"\" loop=\"loop\" muted=\"\" autoplay=\"autoplay\"\u003e\n    \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/eb30701c43c347cda89ce02e6c8981f9.mp4\"\u003e\n    Tu navegador no soporta videos en HTML5.\n  \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- Sección Testimonios --\u003e\n\u003csection class=\"testimonials\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003eLO QUE DICEN NUESTROS CLIENTES\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-item\"\u003e\n\u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp\u003e\"Súper cómodos, el diseño se ve mejor en persona. Los uso tanto en la oficina como en eventos.\"\u003c\/p\u003e\n\u003cspan\u003e– Andrés C. Cali - Valle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-item\"\u003e\n\u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp\u003e\"Los pedí con pago contraentrega, llegaron rápido y perfectos. La calidad superó mis expectativas.\"\u003c\/p\u003e\n\u003cspan\u003e– Felipe R. Bogotá D.C.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-item\"\u003e\n\u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp\u003e\"Increíble relación calidad-precio. Los zapatos más cómodos que he tenido. Ya pedí un segundo par.\"\u003c\/p\u003e\n\u003cspan\u003e– Carlos M. Bucaramanga - Santander\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Garantía --\u003e\n\u003cdiv class=\"media-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/2823\/0040\/files\/Chat-GPT-Image-17-nov-2025-09-48-36.png?v=1763390957\" alt=\"Garantía de calidad HUGO BOSS\"\u003e\u003c\/div\u003e\n\u003c!-- Imagen Final --\u003e\n\u003cdiv class=\"media-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/2823\/0040\/files\/Chat-GPT-Image-17-nov-2025-09-39-34.png?v=1763390625\" alt=\"Zapatos HUGO BOSS\"\u003e\u003c\/div\u003e\n\u003c!-- Video Final --\u003e\n\u003cdiv class=\"media-container\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2bbe27ed7b324e8d8113609577749ffd.mp4\" type=\"video\/mp4\"\u003e\n    Tu navegador no soporta reproducción de video.\n  \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- Sección Final de Compra --\u003e\n\u003csection id=\"purchase\" class=\"offer\" style=\"background: #000;\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003eCOMPLETA TU PEDIDO\u003c\/h2\u003e\n\u003cdiv class=\"price\"\u003e\n\u003cdiv class=\"new-price\"\u003e$139.900,00\u003c\/div\u003e\n\u003cdiv class=\"old-price\"\u003e$299.900,00\u003c\/div\u003e\n\u003cdiv class=\"discount\"\u003e53% DCTO\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"btn-container\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e\u003ca style=\"color: rgb(255, 255, 255);\" href=\"#\" id=\"btn-finalizar-compra\" class=\"btn-comprar\"\u003ePAGAR CON TARJETA\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cp style=\"margin-top: 20px; color: #ccc;\"\u003e  disponible | Envío gratis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Footer --\u003e\u003cfooter\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cp\u003eHUGO BOSS - Calzado Premium de Caballero © 2023. Todos los derechos reservados.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/footer\u003e\u003c!-- NOTIFICACIÓN DE COMPRA + AUDIO --\u003e\n\u003cdiv class=\"notificacion\" id=\"notificacion\"\u003e\n\u003cimg id=\"img-compra\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/2823\/0040\/files\/Chat-GPT-Image-22-oct-2025-11-56-49_746bbce3-a76d-406e-b684-340d50496466.png?v=1764109176\" alt=\"PRODUCTO\"\u003e\n\u003cdiv class=\"texto\"\u003e\n\u003cspan id=\"nombre\"\u003eCarlos\u003c\/span\u003e desde \u003cspan id=\"ciudad\"\u003eMedellín\u003c\/span\u003e compró \u003cspan id=\"cantidad\"\u003e1 UNIDAD\u003c\/span\u003e hace \u003cspan id=\"minutos\"\u003e5 minutos\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"verificado\"\u003everificado por Shopify\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003caudio id=\"cash-sound\" src=\"https:\/\/cdn.pixabay.com\/download\/audio\/2021\/08\/04\/audio_289def7f41.mp3?filename=cash-register-01-107662.mp3\" preload=\"auto\"\u003e\u003c\/audio\u003e \u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n  \/* CONTADOR REGRESIVO (59 MINUTOS) *\/\n  var duration = 59 * 60; \/\/ segundos\n  var minutesEl = document.getElementById('minutes');\n  var secondsEl = document.getElementById('seconds');\n\n  if (minutesEl \u0026\u0026 secondsEl) {\n    var remaining = duration;\n\n    function updateTimer() {\n      var m = Math.floor(remaining \/ 60);\n      var s = remaining % 60;\n\n      minutesEl.textContent = String(m).padStart(2, '0');\n      secondsEl.textContent = String(s).padStart(2, '0');\n\n      remaining--;\n\n      if (remaining \u003c 0) {\n        clearInterval(timerInterval);\n        minutesEl.textContent = '00';\n        secondsEl.textContent = '00';\n      }\n    }\n\n    updateTimer();\n    var timerInterval = setInterval(updateTimer, 1000);\n  }\n\n  \/* BOTÓN \"FINALIZAR COMPRA\" -\u003e DISPARA \"COMPRAR AHORA\" DE SHOPIFY *\/\n  var finalizarBtn = document.getElementById('btn-finalizar-compra');\n  if (finalizarBtn) {\n    finalizarBtn.addEventListener('click', function (e) {\n      e.preventDefault();\n\n      var buyNowButton = document.querySelector(\n        'button[name=\"add\"], .shopify-payment-button button, button.shopify-payment-button__button'\n      );\n\n      if (buyNowButton) {\n        buyNowButton.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        setTimeout(function () {\n          buyNowButton.click();\n        }, 500);\n      } else {\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      }\n    });\n  }\n\n  \/* NOTIFICACIONES DE COMPRA *\/\n  const nombres = [\n    \"Carlos\", \"Juan\", \"Andrés\", \"Sebastián\",\n    \"David\", \"Miguel\", \"Julián\", \"Felipe\"\n  ];\n\n  const ciudades = [\n    \"Bogotá\", \"Medellín\", \"Cali\", \"Barranquilla\", \"Cartagena\",\n    \"Pereira\", \"Manizales\", \"Ibagué\", \"Bucaramanga\"\n  ];\n\n  const cantidades = [\n    \"1 UNIDAD\", \"2 UNIDADES\",\n    \"1 PAR\", \"2 PARES\"\n  ];\n\n  const minutosArr = [\n    \"5 minutos\", \"7 minutos\", \"10 minutos\",\n    \"12 minutos\", \"15 minutos\"\n  ];\n\n  const notificacion = document.getElementById(\"notificacion\");\n  const nombreEl = document.getElementById(\"nombre\");\n  const ciudadEl = document.getElementById(\"ciudad\");\n  const cantidadEl = document.getElementById(\"cantidad\");\n  const minutosTexto = document.getElementById(\"minutos\");\n  const imgCompra = document.getElementById(\"img-compra\");\n  const audio = document.getElementById(\"cash-sound\");\n\n  function mostrarNotificacion() {\n    if (!notificacion) return;\n\n    nombreEl.textContent = nombres[Math.floor(Math.random() * nombres.length)];\n    ciudadEl.textContent = ciudades[Math.floor(Math.random() * ciudades.length)];\n    cantidadEl.textContent = cantidades[Math.floor(Math.random() * cantidades.length)];\n    minutosTexto.textContent = minutosArr[Math.floor(Math.random() * minutosArr.length)];\n\n    imgCompra.src = \"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/2823\/0040\/files\/Chat-GPT-Image-22-oct-2025-11-56-49_746bbce3-a76d-406e-b684-340d50496466.png?v=1764109176\";\n\n    notificacion.classList.add(\"visible\");\n    try { audio.play(); } catch(e) {} \/\/ por si el navegador bloquea el autoplay\n\n    setTimeout(() =\u003e {\n      notificacion.classList.remove(\"visible\");\n    }, 3000);\n  }\n\n  \/\/ Primera notificación y recurrentes\n  mostrarNotificacion();\n  setInterval(mostrarNotificacion, 6000);\n});\n\u003c\/script\u003e\u003c\/p\u003e","brand":"MASTERDESCUENTOS","offers":[{"title":"cafe \/ 37","offer_id":47456764461208,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"cafe \/ 38","offer_id":47456764493976,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"cafe \/ 39","offer_id":47456764526744,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"cafe \/ 40","offer_id":47456764559512,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"cafe \/ 41","offer_id":47456764592280,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"cafe \/ 42","offer_id":47456764625048,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"cafe \/ 43","offer_id":47456764657816,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 37","offer_id":47456764690584,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 38","offer_id":47456764723352,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 39","offer_id":47456764756120,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 40","offer_id":47456764788888,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 41","offer_id":47456764821656,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 42","offer_id":47456764854424,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true},{"title":"Negro \/ 43","offer_id":47456764887192,"sku":null,"price":139900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/2823\/0040\/files\/Chat-GPT-Image-22-oct-2025-15-24-28.png?v=1763390894","url":"https:\/\/jencalpremiun.com\/products\/oferta-relampago-boss-casual-ref-7729","provider":"MASTERDESCUENTOS","version":"1.0","type":"link"}