{"product_id":"deposito-del-x60-pro-ultra-complete","title":"Depósito del X60 Pro Ultra Complete","description":"\u003cdiv class=\"product-timeline\"\u003e\n    \u003cdiv class=\"timeline-item item1\" data-date=\"2026\/06\/05 00:00:00\"\u003e\n        \u003cdiv class=\"item-empty\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv class=\"item-content\"\u003e\n            \u003cspan\u003e05.06-11.06\u003c\/span\u003e \u003cstrong\u003eDepósito\u003c\/strong\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"timeline-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv class=\"timeline-item item2\" data-date=\"2026\/06\/12 00:00:00\"\u003e\n        \u003cdiv class=\"item-empty\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv class=\"item-content\"\u003e\n            \u003cspan\u003e12.06-30.06\u003c\/span\u003e \u003cstrong\u003eRecordatorio\u003c\/strong\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"timeline-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv class=\"timeline-item item3\" data-date=\"2026\/07\/01 00:00:00\"\u003e\n        \u003cdiv class=\"item-empty\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv class=\"item-content\"\u003e\n            \u003cspan\u003e01.07-10.07\u003c\/span\u003e \u003cstrong\u003ePago Final\u003c\/strong\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    .product-timeline {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 10px;\n        width: 100%;\n        margin-bottom: 12px;\n        padding: 12px 24px 52px;\n        border-radius: 12px;\n        background: #9B76481A;\n    }\n\n    .product-timeline .timeline-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        border-radius: 100px;\n        background: linear-gradient(90deg, rgba(155, 118, 72, 0.5) 0%, rgba(226, 213, 175, 0.5) 100%);\n    }\n\n    .product-timeline .timeline-item.active {\n        width: 20px;\n        height: 20px;\n        background: linear-gradient(90deg, #9B7648 0%, #E2D5AF 100%);\n    }\n\n    .product-timeline .timeline-item .item-content {\n        position: absolute;\n        top: calc(100% + 5px);\n        left: 50%;\n        transform: translateX(-50%);\n        width: max-content;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        line-height: 1.4;\n        opacity: 0.5;\n    }\n\n    .product-timeline .timeline-item.active .item-content {\n        opacity: 1;\n    }\n\n    .product-timeline .timeline-item .item-content span {\n        font-size: 12px;\n    }\n\n    .product-timeline .timeline-item .item-content strong {\n        font-size: 14px;\n    }\n\n    .product-timeline .timeline-item .item-empty {\n        width: 8px;\n        height: 8px;\n        border-radius: 100px;\n        background: #FFF;\n    }\n\n    .product-timeline .timeline-line {\n        width: 30%;\n        height: 2px;\n        border-radius: 10px;\n        background: #9B7648;\n        opacity: 0.5;\n    }\n\n    .product-timeline .timeline-line.active {\n        opacity: 1;\n    }\n\n    @media (max-width: 589px) {\n        .product-timeline .timeline-item .item-content strong {\n            font-size: 12px;\n        }\n\n        .product-timeline .timeline-line {\n            width: 25%;\n        }\n    }\n\u003c\/style\u003e\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function () {\n        const timeline = document.querySelector('.product-timeline');\n        const timelineItems = timeline.querySelectorAll(\".timeline-item\");\n        const timelineLines = timeline.querySelectorAll(\".timeline-line\");\n        const nowDate = new Date().toLocaleString(\"en-US\", {\n            timeZone: \"Europe\/Berlin\",\n            hour12: false,\n        });\n        const now = new Date(nowDate);\n        let tempindex = 0;\n        timelineItems.forEach((item, index) =\u003e {\n            const itemDate = new Date(item.dataset.date);\n            if (itemDate \u003c now) {\n                item.classList.add(\"timeline-active\");\n                tempindex = index;\n            }\n        });\n        console.log(tempindex);\n        console.log(timelineLines);\n        timelineItems[tempindex].classList.remove(\"timeline-active\");\n        timelineItems[tempindex].classList.add(\"active\");\n        timelineLines[tempindex].classList.add(\"active\");\n    });\n\u003c\/script\u003e\n\u003cdiv style=\"background-color: #fff7e6; border-left: 5px solid #ffa500; padding: 16px; margin: 20px 0; font-size: 16px; color: #333; line-height: 1.5; position: relative;\"\u003e\n    \u003cdiv\u003e\n        \u003cstrong style=\"color: #d46b08; font-size: 17px;\"\u003eInformación de la reserva\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eDebido a su alta\n            demanda, actualmente este artículo puede reservarse.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\u003cstrong\u003eFecha de envío estimada: \u003cspan style=\"color: red;\"\u003e10 de julio de 2026\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 16px;\"\u003e\n        \u003cstrong style=\"color: #d46b08; font-size: 17px;\"\u003eVentajas exclusivas por el depósito:\u003c\/strong\u003e\n        \u003cul style=\"margin-top: 0;\"\u003e\n            \u003cli\u003eAsegura tu pedido con un depósito y consigue un \u003cstrong\u003edescuento de 250 €\u003c\/strong\u003e.\u003c\/li\u003e\n            \u003cli\u003e\n                \u003cstrong\u003eGarantía de precio:\u003c\/strong\u003e Si el precio baja antes de que completes el pago, te devolveremos\n                la diferencia automáticamente\n            \u003c\/li\u003e\n            \u003cli\u003eHaz clic en \u003cspan style=\"text-decoration: underline;\"\u003e\u003cspan style=\"color: rgb(64, 40, 180); text-decoration: underline;\"\u003e\u003ca style=\"color: rgb(64, 40, 180); text-decoration: underline;\" target=\"_blank\" href=\"https:\/\/es.dreametech.com\/pages\/preventa-con-deposito-terminos-y-condiciones\"\u003e\u003cstrong\u003eInformación\n                                de pedido \u003c\/strong\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/span\u003e con depósito para consultar más detalles.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \u003cimg style=\"position: absolute; right: 2%; top: 5%; cursor: pointer; width: 4%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/7508\/6033\/files\/sf25-preseal-rules-icon.png?v=1761727946\" class=\"pre-order-rule\"\u003e\n\u003c\/div\u003e","brand":"Dreame España","offers":[{"title":"Blanco","offer_id":53831629406572,"sku":"99900000000017","price":50.0,"currency_code":"EUR","in_stock":true},{"title":"Negro","offer_id":53831629439340,"sku":"99900000000018","price":50.0,"currency_code":"EUR","in_stock":true},{"title":"Gris","offer_id":53831629472108,"sku":"99900000000019","price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0706\/4489\/1931\/files\/X60PUC_-ES.jpg?v=1780308158","url":"https:\/\/es.dreametech.com\/products\/deposito-del-x60-pro-ultra-complete","provider":"Dreame España","version":"1.0","type":"link"}