{"product_id":"tablero-con-biblioteca-80x40","title":"Tablero con biblioteca 80x40","description":"\u003cp\u003e\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n  \u003cmeta property=\"og:title\" content=\"Estación Creativa Infantil 2 en 1\"\u003e\n\n  \u003cmeta property=\"og:description\" content=\"Pizarra, librero y organizador infantil. Menos pantallas, más creatividad. Pago contra entrega en Colombia.\"\u003e\n\n  \u003cmeta property=\"og:image\" content=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/00.png?v=1788228542\"\u003e\n\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003c\/p\u003e\n\n\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  html,\n  body {\n    width: 100%;\n    min-height: 100%;\n    overflow-x: hidden;\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n      Helvetica, Arial, sans-serif;\n    background-color: #ffffff;\n  }\n\n  \/* =========================\n     BARRA SUPERIOR\n  ========================== *\/\n\n  .timer-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    width: 100%;\n    padding: 14px 12px;\n    text-align: center;\n    z-index: 50;\n    background: linear-gradient(\n      135deg,\n      #123357 0%,\n      #174b73 100%\n    );\n    border-bottom: 3px solid #f6a623;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);\n  }\n\n  .timer-text {\n    display: inline-block;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.3px;\n  }\n\n  #timer {\n    display: inline-block;\n    min-width: 100px;\n    margin-left: 8px;\n    color: #ffc247;\n    font-family: \"Playfair Display\", serif;\n    font-size: 28px;\n    font-weight: 700;\n  }\n\n  \/* =========================\n     NOTIFICACIONES\n  ========================== *\/\n\n  #notification {\n    position: fixed;\n    top: 67px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: calc(100% - 24px);\n    max-width: 650px;\n    display: none;\n    padding: 16px 18px;\n    text-align: center;\n    z-index: 40;\n    color: #ffffff;\n    font-size: 15px;\n    line-height: 1.4;\n    border-radius: 0 0 14px 14px;\n    background: linear-gradient(\n      135deg,\n      #ef8f16 0%,\n      #f6aa24 100%\n    );\n    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.18);\n  }\n\n  #notification strong {\n    font-weight: 700;\n  }\n\n  \/* =========================\n     CONTENEDOR LANDING\n  ========================== *\/\n\n  #app {\n    width: 100%;\n    margin-top: 67px;\n    display: flex;\n    flex-direction: column;\n    background: #ffffff;\n  }\n\n  #app img {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    padding: 0;\n    border: none;\n  }\n\n  \/* =========================\n     ANIMACIONES\n  ========================== *\/\n\n  @keyframes slideIn {\n    from {\n      transform: translate(-50%, -100%);\n      opacity: 0;\n    }\n\n    to {\n      transform: translate(-50%, 0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideOut {\n    from {\n      transform: translate(-50%, 0);\n      opacity: 1;\n    }\n\n    to {\n      transform: translate(-50%, -100%);\n      opacity: 0;\n    }\n  }\n\n  .slide-in {\n    animation: slideIn 0.5s ease-out;\n  }\n\n  .slide-out {\n    animation: slideOut 0.5s ease-in;\n  }\n\n  \/* =========================\n     RESPONSIVE\n  ========================== *\/\n\n  @media (max-width: 600px) {\n\n    .timer-container {\n      padding: 11px 8px;\n    }\n\n    .timer-text {\n      font-size: 14px;\n    }\n\n    #timer {\n      font-size: 24px;\n      min-width: 86px;\n      margin-left: 5px;\n    }\n\n    #app {\n      margin-top: 59px;\n    }\n\n    #notification {\n      top: 59px;\n      width: calc(100% - 16px);\n      padding: 14px 10px;\n      font-size: 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003c!-- =========================\n     BARRA DE URGENCIA\n========================== --\u003e\n\n\u003cdiv class=\"timer-container\"\u003e\n  \u003cspan class=\"timer-text\"\u003e\n    🔥 Oferta especial termina en\n    \u003cspan id=\"timer\"\u003e30:00\u003c\/span\u003e\n  \u003c\/span\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- =========================\n     NOTIFICACIONES DE COMPRA\n========================== --\u003e\n\n\u003cdiv id=\"notification\"\u003e\u003c\/div\u003e\n\n\n\u003c!-- =========================\n     IMÁGENES DE LA LANDING\n========================== --\u003e\n\n\u003cdiv id=\"app\"\u003e\n\n  \u003c!-- Imagen 1 --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/00.png?v=1788228542\" alt=\"Estación Creativa Infantil 2 en 1 con pizarra, librero y organizador\" loading=\"eager\" fetchpriority=\"high\"\u003e\n\n  \u003c!-- Imagen 2 --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/8339377e-0d0b-4948-9161-2b0205499bfd.jpg?v=1788228542\" alt=\"Niños utilizando la Estación Creativa Infantil para dibujar y aprender\" loading=\"lazy\"\u003e\n\n  \u003c!-- Imagen 3 --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/3de82b71-953b-4a2c-9ed0-847ac3ded2bb.png?v=1788228542\" alt=\"Beneficios de aprendizaje y creatividad de la Estación Infantil\" loading=\"lazy\"\u003e\n\n  \u003c!-- Imagen 4 --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/72bae4e1-099b-40ba-a991-8b1013b47472.png?v=1788228542\" alt=\"Pizarra infantil con librero, bandejas y organizadores\" loading=\"lazy\"\u003e\n\n  \u003c!-- Imagen 5 --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/0d4bdc97-d0ea-4386-9380-72afa90e0e33.png?v=1788228542\" alt=\"Características de la Estación Creativa Infantil 2 en 1\" loading=\"lazy\"\u003e\n\n  \u003c!-- Imagen 6 --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/48dc6197-917b-4091-b4c4-cd4b42a58950.png?v=1788228541\" alt=\"Opiniones y comentarios sobre la Estación Creativa Infantil\" loading=\"lazy\"\u003e\n\n  \u003c!-- Imagen 7 --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/3f3a7aa0-a5bd-4800-943d-5978a5b5093d.png?v=1788228542\" alt=\"Compra segura y pago contra entrega de la Estación Creativa Infantil\" loading=\"lazy\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n\n    \/* =========================\n       TEMPORIZADOR\n    ========================== *\/\n\n    const timerElement = document.getElementById(\"timer\");\n    const notification = document.getElementById(\"notification\");\n\n    let remainingSeconds = 30 * 60;\n\n    function updateTimer() {\n\n      const minutes = Math.floor(remainingSeconds \/ 60);\n      const seconds = remainingSeconds % 60;\n\n      timerElement.textContent =\n        String(minutes).padStart(2, \"0\") +\n        \":\" +\n        String(seconds).padStart(2, \"0\");\n\n      if (remainingSeconds \u003c= 0) {\n        remainingSeconds = 30 * 60;\n      } else {\n        remainingSeconds--;\n      }\n    }\n\n    updateTimer();\n\n    setInterval(updateTimer, 1000);\n\n\n    \/* =========================\n       NOTIFICACIONES\n    ========================== *\/\n\n    const notifications = [\n\n      \"\u003cstrong\u003eLaura, de Bogotá\u003c\/strong\u003e, acaba de pedir su Estación Creativa Infantil.\",\n\n      \"\u003cstrong\u003ePaola, de Medellín\u003c\/strong\u003e, aprovechó la oferta con pago contra entrega.\",\n\n      \"\u003cstrong\u003eAndrea, de Cali\u003c\/strong\u003e, acaba de realizar su pedido para su pequeña.\",\n\n      \"\u003cstrong\u003eDaniela, de Barranquilla\u003c\/strong\u003e, pidió su Estación Creativa Infantil.\",\n\n      \"\u003cstrong\u003eCarolina, de Bucaramanga\u003c\/strong\u003e, acaba de aprovechar la oferta.\",\n\n      \"\u003cstrong\u003eMarcela, de Bogotá\u003c\/strong\u003e, acaba de pedir el Pack Hermanitos.\",\n\n      \"\u003cstrong\u003eAndrés, de Medellín\u003c\/strong\u003e, compró 2 unidades para sus hijos.\",\n\n      \"\u003cstrong\u003eJuliana, de Cali\u003c\/strong\u003e, eligió pagar cuando reciba su pedido.\"\n    ];\n\n\n    function showNotification() {\n\n      const randomNotification =\n        notifications[\n          Math.floor(Math.random() * notifications.length)\n        ];\n\n      notification.innerHTML = randomNotification;\n\n      notification.style.display = \"block\";\n\n      notification.classList.remove(\"slide-out\");\n      notification.classList.add(\"slide-in\");\n\n\n      setTimeout(function () {\n\n        notification.classList.remove(\"slide-in\");\n        notification.classList.add(\"slide-out\");\n\n\n        setTimeout(function () {\n\n          notification.style.display = \"none\";\n\n        }, 500);\n\n      }, 3500);\n    }\n\n\n    \/* Primera notificación después de 5 segundos *\/\n\n    setTimeout(showNotification, 5000);\n\n\n    \/* Nueva notificación cada 14 segundos *\/\n\n    setInterval(showNotification, 14000);\n\n  });\n\u003c\/script\u003e","brand":"Ama store","offers":[{"title":"AZUL\/CREMA","offer_id":48421422072066,"sku":"BS-02-1","price":249900.0,"currency_code":"COP","in_stock":true},{"title":"AMARILLO\/CREMA","offer_id":48421422104834,"sku":"BS-02-0","price":249900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0781\/2228\/7362\/files\/277ef683-05a7-4875-a1fd-6522734301e9.png?v=1788227379","url":"https:\/\/amacompra.com\/products\/tablero-con-biblioteca-80x40","provider":"Ama store","version":"1.0","type":"link"}