{"title":"Children's Desks ","description":"\u003cdiv class=\"text-wrapper\" style=\"width: 100%; max-width: 100%; box-sizing: border-box; padding: 0; margin: 0;\"\u003e\n\u003cdiv id=\"textContainer\" style=\"position: relative; overflow: hidden;\"\u003e\n\u003cp id=\"mainText\" style=\"width: 100%; max-width: 100%; margin: 0 0 15px 0; padding: 0; box-sizing: border-box; text-align: left;\"\u003e Slow Deco's children's desks combine ergonomics, design, and warmth to create spaces where creativity and learning flow naturally. Made with sustainable materials and clean lines, they offer comfort and style in every detail. Discover tables and desks perfect for accompanying your little ones' growth, fostering their concentration, independence, and appreciation for order.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton id=\"toggleBtn\" style=\"display: none; background: none; border: none; color: #1A1A1A; text-decoration: underline; cursor: pointer; font-size: 14px; padding: 0; margin: 0 0 15px 0; font-weight: 500;\"\u003eSee more\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Estructura básica optimizada para móvil con tarjetas de imagen --\u003e\n\u003cdiv class=\"nav-wrap\" style=\"width: 100%; max-width: 100%; position: relative; margin: 0; padding: 0; box-sizing: border-box;\"\u003e\n\u003c!-- Contenedor de tarjetas con scroll --\u003e\n\u003cdiv class=\"nav-container\" style=\"width: 100%; max-width: 100%; margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; box-sizing: border-box; position: relative;\"\u003e\n\u003c!-- Tarjeta 1: Armarios infantiles --\u003e\n\u003ca class=\"nav-card first-card\" href=\"https:\/\/solquexorniv.digital\/collections\/armarios-infantiles\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Children's wardrobes\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/armario-infantil.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3; border: none; text-decoration: none;\"\u003eChildren's wardrobes\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 2: Camas infantiles --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/camas-infantiles\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Children's beds\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/cama-infantil.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003eChildren's beds\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 3: Cunas --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/cunas\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Cribs\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/cuna.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003eCribs\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 4: Cómodas infantiles --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/comodas-infantiles\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Children's dressers\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/comoda-infantil.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003eChildren's dressers\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 5: Juguetes Montessori --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/juguetes-montessori\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Montessori Toys\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/juguete-montessori.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003eMontessori Toys\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 6: Librerías \u0026 Estanterías --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/librerias-y-estanterias-infantiles\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Bookshelves \u0026amp; Shelving\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/estanteria-montessori.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003e Bookshelves \u0026amp; Shelving\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 7: Literas infantiles --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/literas-infantiles\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Children's bunk beds\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/litera-infantil.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003eChildren's bunk beds\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 8: Mesitas de noche infantiles --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/mesitas-de-noche-infantiles\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Children's bedside tables\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/mesita-noche_43d55e50-ebea-4d80-9893-559a1e243c48.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003eNightstands\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c!-- Tarjeta 9: Sofás infantiles Montessori --\u003e\n\u003ca class=\"nav-card\" href=\"https:\/\/solquexorniv.digital\/collections\/sofas-infantiles-montessori\" style=\"display: inline-block; width: 180px; margin: 0 8px; text-decoration: none; color: #1A1A1A; vertical-align: top; white-space: normal; box-sizing: border-box;\"\u003e\n\u003cdiv class=\"card-image-wrap\" style=\"width: 100%; height: 180px; overflow: hidden; border-radius: 8px; position: relative; box-sizing: border-box;\"\u003e\n\u003cimg alt=\"Montessori children's sofas\" class=\"card-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/sofa-infantil_707c06ff-a523-4ae1-a5fd-eeb363490861.jpg?v=1764003593\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-text\" style=\"text-align: center; padding: 10px 4px 0; font-size: 13px; font-weight: 500; line-height: 1.3;\"\u003eChildren's sofas\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Barra indicadora de scroll (solo móvil) --\u003e\n\u003cdiv class=\"scroll-indicator-bar\" style=\"display: none;\"\u003e\n\u003cdiv class=\"scroll-progress\" style=\"width: 0%;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Flechas de navegación estilo Sklum (solo desktop) --\u003e\n\u003cbutton id=\"prevBtn\" style=\"position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: white; border: none; font-size: 22px; cursor: pointer; display: none; z-index: 10; opacity: 0; transition: opacity 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.15); line-height: 1; color: #333;\"\u003e‹\u003c\/button\u003e\n\u003cbutton id=\"nextBtn\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: white; border: none; font-size: 22px; cursor: pointer; display: none; z-index: 10; opacity: 0; transition: opacity 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.15); line-height: 1; color: #333;\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Estilos optimizados --\u003e\n\u003cstyle\u003e\n\/* Forzar ancho completo en todos los contenedores *\/\n* {\n    box-sizing: border-box !important;\n}\n\n.nav-wrap, .nav-container {\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n\/* Eliminar TODAS las posibles líneas, bordes y sombras *\/\n.nav-wrap, .nav-container, .nav-card, .card-text, .card-image-wrap, a.nav-card {\n    border: none !important;\n    border-top: none !important;\n    border-bottom: none !important;\n    border-left: none !important;\n    border-right: none !important;\n    outline: none !important;\n    text-decoration: none !important;\n    box-shadow: none !important;\n}\n\nhr {\n    display: none !important;\n}\n\n\/* Efecto hover: zoom en la imagen *\/\n.nav-card:hover .card-img {\n    transform: scale(1.08);\n}\n\n\/* Efecto hover en las flechas *\/\n#prevBtn:hover,\n#nextBtn:hover {\n    background: #f5f5f5 !important;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;\n}\n\n\/* Estilos para Ver más\/Ver menos (solo móvil) *\/\n@media (max-width: 768px) {\n    \/* FORZAR contenedores padres sin padding *\/\n    .site-box-content,\n    .rte.subtitle {\n        padding-left: 0 !important;\n        padding-right: 0 !important;\n    }\n    \n    \/* Wrapper de texto con margin negativo para compensar padding padre *\/\n    .text-wrapper {\n        padding: 0 !important;\n        margin: 0 -30px !important;\n        width: calc(100% + 60px) !important;\n        max-width: calc(100% + 60px) !important;\n    }\n    \n    \/* Contenedor de texto sin padding en móvil *\/\n    #textContainer {\n        max-height: 60px;\n        transition: max-height 0.3s ease;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n    \n    #mainText {\n        padding: 0 5px !important;\n        margin: 0 0 10px 0 !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n    }\n    \n    #textContainer.expanded {\n        max-height: none;\n    }\n    \n    #toggleBtn {\n        display: block !important;\n        margin-left: 5px !important;\n    }\n}\n\n@media (min-width: 769px) {\n    #textContainer {\n        max-height: none !important;\n    }\n    \n    #toggleBtn {\n        display: none !important;\n    }\n}\n\n\/* Scrollbar oculta por defecto *\/\n.nav-container {\n    scrollbar-width: none;\n}\n\n.nav-container::-webkit-scrollbar {\n    display: none;\n    height: 0;\n    width: 0;\n}\n\n\/* Barra indicadora de scroll (solo móvil) *\/\n.scroll-indicator-bar {\n    width: 100%;\n    height: 3px;\n    background: rgba(0,0,0,0.1);\n    position: relative;\n    margin-top: 8px;\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.scroll-progress {\n    height: 100%;\n    background: #1A1A1A;\n    transition: width 0.1s ease-out;\n    border-radius: 2px;\n}\n\n\/* Ajustes para móvil *\/\n@media (max-width: 768px) {\n    \/* Forzar nav-wrap con margin negativo para compensar padding del padre *\/\n    .nav-wrap {\n        padding: 0 !important;\n        margin: 0 -30px !important;\n        position: relative;\n        --scroll-indicator-opacity: 1;\n        width: calc(100% + 60px) !important;\n        max-width: calc(100% + 60px) !important;\n        overflow: visible !important;\n    }\n    \n    \/* Ocultar scrollbar completamente en móvil *\/\n    .nav-container::-webkit-scrollbar {\n        display: none !important;\n    }\n    \n    .nav-container {\n        scrollbar-width: none !important;\n        padding: 0 !important;\n        margin: 0 !important;\n        text-align: left;\n        display: flex !important;\n        flex-wrap: nowrap !important;\n    }\n    \n    \/* Indicador de scroll - gradiente en el borde derecho *\/\n    .nav-wrap::after {\n        content: '';\n        position: absolute;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        width: 20px;\n        background: linear-gradient(to left, rgba(255,255,255,0.95), rgba(255,255,255,0));\n        pointer-events: none;\n        z-index: 5;\n        opacity: var(--scroll-indicator-opacity, 1);\n        transition: opacity 0.3s ease;\n    }\n    \n    \/* FORZAR imágenes 70px x 70px (30% más pequeñas de 100px) *\/\n    .nav-card {\n        flex: 0 0 auto !important;\n        width: 70px !important;\n        min-width: 70px !important;\n        max-width: 70px !important;\n        margin: 0 8px !important;\n        padding: 0 !important;\n    }\n    \n    .nav-card.first-card {\n        margin-left: 0 !important;\n    }\n    \n    .nav-card:last-child {\n        margin-right: 10px !important;\n    }\n    \n    \/* FORZAR imágenes 70px x 70px *\/\n    .card-image-wrap {\n        height: 70px !important;\n        min-height: 70px !important;\n        max-height: 70px !important;\n        width: 70px !important;\n        min-width: 70px !important;\n        max-width: 70px !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n    \n    .card-image-wrap img,\n    .card-img {\n        height: 70px !important;\n        width: 70px !important;\n        max-height: 70px !important;\n        max-width: 70px !important;\n        min-height: 70px !important;\n        min-width: 70px !important;\n    }\n    \n    .card-text {\n        font-size: 9px !important;\n        padding: 4px 0 0 !important;\n        margin: 0 !important;\n    }\n    \n    \/* Mostrar barra indicadora en móvil *\/\n    .scroll-indicator-bar {\n        display: block !important;\n    }\n    \n    \/* Ocultar flechas en móvil *\/\n    #prevBtn, #nextBtn {\n        display: none !important;\n    }\n}\n\n\/* Ajustes para tablet *\/\n@media (min-width: 769px) and (max-width: 1024px) {\n    \/* Ocultar barra de scroll en tablet *\/\n    .scroll-indicator-bar {\n        display: none !important;\n    }\n    \n    .nav-wrap {\n        padding: 0 !important;\n    }\n    \n    .nav-container {\n        padding: 10px 50px !important;\n    }\n    \n    .nav-card {\n        width: 170px !important;\n    }\n    \n    .card-image-wrap {\n        height: 170px !important;\n    }\n    \n    \/* Flechas funcionales en tablet *\/\n    #prevBtn, #nextBtn {\n        opacity: 1 !important;\n        background: white !important;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;\n        pointer-events: auto !important;\n        width: 40px !important;\n        height: 40px !important;\n        font-size: 22px !important;\n    }\n    \n    #prevBtn {\n        left: 10px !important;\n    }\n    \n    #nextBtn {\n        right: 10px !important;\n    }\n}\n\n\/* Desktop: ocultar scrollbar y mostrar flechas *\/\n@media (min-width: 1025px) {\n    \/* Ocultar barra de scroll en desktop *\/\n    .scroll-indicator-bar {\n        display: none !important;\n    }\n    \n    .nav-container::-webkit-scrollbar {\n        display: none;\n    }\n    \n    .nav-container {\n        scrollbar-width: none;\n        padding: 10px 50px !important;\n    }\n    \n    .nav-wrap {\n        padding: 0 !important;\n    }\n    \n    .nav-card {\n        width: 200px !important;\n        margin: 0 10px !important;\n    }\n    \n    .card-image-wrap {\n        height: 200px !important;\n    }\n    \n    \/* Flechas funcionales en desktop *\/\n    #prevBtn, #nextBtn {\n        opacity: 1 !important;\n        background: white !important;\n        box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;\n        pointer-events: auto !important;\n        width: 40px !important;\n        height: 40px !important;\n        font-size: 22px !important;\n    }\n    \n    #prevBtn {\n        left: 10px !important;\n    }\n    \n    #nextBtn {\n        right: 10px !important;\n    }\n}\n\u003c\/style\u003e\n\u003c!-- Script para navegación con flechas dinámicas --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Funcionalidad See more\/See less (solo móvil)\n    var textContainer = document.getElementById('textContainer');\n    var toggleBtn = document.getElementById('toggleBtn');\n    var isExpanded = false;\n    \n    if (toggleBtn) {\n        toggleBtn.addEventListener('click', function() {\n            if (isExpanded) {\n                textContainer.classList.remove('expanded');\n                toggleBtn.textContent = 'See more';\n                isExpanded = false;\n            } else {\n                textContainer.classList.add('expanded');\n                toggleBtn.textContent = 'See less';\n                isExpanded = true;\n            }\n        });\n    }\n    \n    var navContainer = document.querySelector('.nav-container');\n    var prevBtn = document.getElementById('prevBtn');\n    var nextBtn = document.getElementById('nextBtn');\n    var scrollProgress = document.querySelector('.scroll-progress');\n    \n    \/\/ Función para actualizar barra de progreso en móvil\n    function updateScrollProgress() {\n        if (window.innerWidth \u003e 768 || !scrollProgress) return; \/\/ Solo para móvil\n        \n        var scrollLeft = navContainer.scrollLeft;\n        var scrollWidth = navContainer.scrollWidth;\n        var clientWidth = navContainer.clientWidth;\n        var maxScroll = scrollWidth - clientWidth;\n        \n        if (maxScroll \u003c= 0) {\n            scrollProgress.style.width = '100%';\n        } else {\n            var percentage = (scrollLeft \/ maxScroll) * 100;\n            scrollProgress.style.width = percentage + '%';\n        }\n    }\n    \n    \/\/ Función para actualizar el indicador de scroll en móvil\n    function updateScrollIndicator() {\n        if (window.innerWidth \u003e 768) return; \/\/ Solo para móvil\n        \n        var navWrap = document.querySelector('.nav-wrap');\n        var scrollLeft = navContainer.scrollLeft;\n        var scrollWidth = navContainer.scrollWidth;\n        var clientWidth = navContainer.clientWidth;\n        var maxScroll = scrollWidth - clientWidth;\n        \n        \/\/ Ocultar indicador si está al final del scroll\n        if (scrollLeft \u003e= maxScroll - 10) {\n            navWrap.style.setProperty('--scroll-indicator-opacity', '0');\n        } else {\n            navWrap.style.setProperty('--scroll-indicator-opacity', '1');\n        }\n    }\n    \n    \/\/ Escuchar scroll en el contenedor para actualizar indicador\n    navContainer.addEventListener('scroll', updateScrollIndicator);\n    navContainer.addEventListener('scroll', updateScrollProgress);\n    window.addEventListener('resize', updateScrollIndicator);\n    window.addEventListener('resize', updateScrollProgress);\n    updateScrollIndicator(); \/\/ Llamar al cargar\n    updateScrollProgress(); \/\/ Llamar al cargar\n    \n    \/\/ Función para actualizar visibilidad de flechas según posición del scroll (solo desktop)\n    function updateArrows() {\n        if (window.innerWidth \u003c= 768) return; \/\/ Solo desktop y tablet\n        \n        var scrollLeft = navContainer.scrollLeft;\n        var scrollWidth = navContainer.scrollWidth;\n        var clientWidth = navContainer.clientWidth;\n        var maxScroll = scrollWidth - clientWidth;\n        \n        \/\/ Si no hay scroll necesario, ocultar ambas flechas\n        if (maxScroll \u003c= 0) {\n            prevBtn.style.opacity = '0';\n            nextBtn.style.opacity = '0';\n            setTimeout(function() {\n                if (prevBtn.style.opacity === '0') prevBtn.style.display = 'none';\n                if (nextBtn.style.opacity === '0') nextBtn.style.display = 'none';\n            }, 300);\n            return;\n        }\n        \n        \/\/ Mostrar\/ocultar flecha izquierda\n        if (scrollLeft \u003c= 5) {\n            prevBtn.style.opacity = '0';\n            setTimeout(function() {\n                if (prevBtn.style.opacity === '0') prevBtn.style.display = 'none';\n            }, 300);\n        } else {\n            prevBtn.style.display = 'block';\n            setTimeout(function() {\n                prevBtn.style.opacity = '1';\n            }, 10);\n        }\n        \n        \/\/ Mostrar\/ocultar flecha derecha\n        if (scrollLeft \u003e= maxScroll - 5) {\n            nextBtn.style.opacity = '0';\n            setTimeout(function() {\n                if (nextBtn.style.opacity === '0') nextBtn.style.display = 'none';\n            }, 300);\n        } else {\n            nextBtn.style.display = 'block';\n            setTimeout(function() {\n                nextBtn.style.opacity = '1';\n            }, 10);\n        }\n    }\n    \n    \/\/ Navegación con flechas (solo desktop - en móvil son indicadores)\n    if (prevBtn \u0026\u0026 nextBtn) {\n        prevBtn.addEventListener('click', function() {\n            if (window.innerWidth \u003e 768) {\n                navContainer.scrollBy({ left: -220, behavior: 'smooth' });\n                setTimeout(updateArrows, 300);\n            }\n        });\n        \n        nextBtn.addEventListener('click', function() {\n            if (window.innerWidth \u003e 768) {\n                navContainer.scrollBy({ left: 220, behavior: 'smooth' });\n                setTimeout(updateArrows, 300);\n            }\n        });\n    }\n    \n    \/\/ Actualizar flechas cuando se hace scroll\n    navContainer.addEventListener('scroll', updateArrows);\n    \n    \/\/ Actualizar flechas al cargar y redimensionar\n    setTimeout(function() {\n        updateArrows();\n        updateScrollProgress();\n    }, 100);\n    window.addEventListener('resize', updateArrows);\n});\n\u003c\/script\u003e\n","products":[{"product_id":"escritorio-infantil-rectangular-esteban-110-cm-blanco","title":"Atlas wood desk","description":"\u003ch5\u003e\u003cstrong\u003eColección Esteban\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003eEste elegante escritorio Esteban blanco con un cajón es perfecto para teletrabajar o para que tus hijos hagan sus deberes y pinten. Con su diseño versátil, se adapta a cualquier decoración de tu casa, brindando funcionalidad y estilo al espacio de trabajo. ¡Optimiza tu productividad y establece un ambiente de aprendizaje cómodo y moderno con este escritorio! ¡Combina a la perfección con la colección Esteban!\u003c\/p\u003e\n\u003ch4\u003e\u003cspan\u003e\u003cstrong\u003eProduct Details\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAssembly required: ¡Sí!\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003cli\u003eAssembly level: ¡Sencillo!\u003c\/li\u003e\n\u003cli\u003eHecho en la carpintería de Sollana, Valencia \u003c\/li\u003e\n\u003cli\u003eComposition dimensions:\n\u003cul\u003e\n\u003cli\u003eWidth: 110 cm\u003c\/li\u003e\n\u003cli\u003eDepth: 54 cm\u003c\/li\u003e\n\u003cli\u003eAltura mesa: 75 cm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e \u003cstrong\u003eMaterials\u003c\/strong\u003e\n\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eDM acabado en color blanco y madera de pino de bosques sostenibles certificados etiqueta FSC®\u003cmeta charset=\"utf-8\"\/\u003e \u003cbr\/\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eMore Information\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e \u003cspan\u003e\u003ca href=\"https:\/\/solquexorniv.digital\/pages\/cuidados-para-tus-muebles\" target=\"_blank\"\u003eCare for your furniture\u003c\/a\u003e\u003c\/span\u003e \u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Marck","offers":[{"title":"Default Title","offer_id":48946304123227,"sku":null,"price":186.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/16400-dr.jpg?v=1725260270"},{"product_id":"escritorio-infantil-rectangular-esteban-110-cm-verde-kaki","title":"Atlas wood desk","description":"\u003ch5\u003e\u003cstrong\u003eColección Esteban\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp\u003eEste elegante escritorio Esteban verde kaki con un cajón es perfecto para teletrabajar o para que tus hijos hagan sus deberes y pinten. Con su diseño versátil, se adapta a cualquier decoración de tu casa, brindando funcionalidad y estilo al espacio de trabajo. ¡Optimiza tu productividad y establece un ambiente de aprendizaje cómodo y moderno con este escritorio! ¡Combina a la perfección con la colección Esteban!\u003c\/p\u003e\n\u003ch4\u003e\u003cspan\u003e\u003cstrong\u003eProduct Details\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAssembly required: ¡Sí!\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003cli\u003eAssembly level: ¡Sencillo!\u003c\/li\u003e\n\u003cli\u003eHecho en la carpintería de Sollana, Valencia \u003c\/li\u003e\n\u003cli\u003eComposition dimensions:\n\u003cul\u003e\n\u003cli\u003eWidth: 110 cm\u003c\/li\u003e\n\u003cli\u003eDepth: 54 cm\u003c\/li\u003e\n\u003cli\u003eAltura mesa: 75 cm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e \u003cstrong data-mce-fragment=\"1\"\u003eMaterials\u003c\/strong\u003e\n\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eDM acabado en color verde kaki y madera de pino de bosques sostenibles certificados etiqueta FSC®\u003cmeta charset=\"utf-8\"\/\u003e \u003cbr\/\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eMore Information\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e \u003cspan\u003e\u003ca href=\"https:\/\/solquexorniv.digital\/pages\/cuidados-para-tus-muebles\" target=\"_blank\"\u003eCare for your furniture\u003c\/a\u003e\u003c\/span\u003e \u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Marck","offers":[{"title":"Default Title","offer_id":48948572815707,"sku":"16371","price":186.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/16371-dr.jpg?v=1725286397"},{"product_id":"escritorio-infantil-rectangular-max-120-cm-blanco-y-pino","title":"Children's Rectangular Desk Max 120 White \u0026 Pine","description":"\u003cdiv class=\"read-more-wrapper\"\u003e\n\u003cp\u003eDescubra la versatilidad atemporal de la mesa de escritorio infantil rectangular Max de 120 cm con 3 cajones, un mueble esencial en el dormitorio juvenil. Fabricada en resistente madera de pino lacado (disponible en blanco mate o verde kaki), su diseño de estilo nórdico y minimalista garantiza que siempre combine con la evolución del espacio. Una pieza de mobiliario consciente que crece con su familia, ofreciendo la sencillez y la calidez que definen la decoración slow.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eLa funcionalidad se une a la estética con esta mesa, que incorpora tres cajones con guías metálicas y un práctico hueco adicional para maximizar el almacenamiento. Los tiradores en madera natural añaden un toque orgánico. Elija calidad, elija diseño duradero, y cree una zona de trabajo o estudio libre de ruido visual.\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cspan\u003e\u003cstrong\u003eProduct Details\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAssembly required: ¡Sí!\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003cli\u003eAssembly level: ¡Sencillo!\u003c\/li\u003e\n\u003cli\u003eHecho en la carpintería de Sollana, Valencia \u003c\/li\u003e\n\u003cli\u003eComposition dimensions:\n\u003cul\u003e\n\u003cli\u003eWidth: 110 cm\u003c\/li\u003e\n\u003cli\u003eDepth: 54 cm\u003c\/li\u003e\n\u003cli\u003eAltura mesa: 74 cm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 class=\"subtitle\"\u003e\u003cstrong\u003eMaterials\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eDM acabado en color blanco y madera de pino de bosques sostenibles certificados etiqueta FSC®\u003cmeta charset=\"utf-8\"\/\u003e \u003cmeta charset=\"utf-8\"\/\u003e \u003cbr\/\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eMore Information\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e \u003cspan\u003e\u003ca href=\"https:\/\/solquexorniv.digital\/pages\/cuidados-para-tus-muebles\" target=\"_blank\"\u003eCare for your furniture\u003c\/a\u003e\u003c\/span\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ca href=\"#\" id=\"readmore\"\u003e\u003cspan class=\"readmore-txt\"\u003e\u003c\/span\u003e \u003cspan class=\"readless-txt\" style=\"display: none;\"\u003eMostrar menos\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e","brand":"Marck","offers":[{"title":"Default Title","offer_id":51548402024795,"sku":"16115","price":254.15,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/escritorio-max-3c1h-blanco-11.jpg?v=1761559213"},{"product_id":"escritorio-infantil-rectangular-max-120-cm-verde-kaki-y-pino","title":"Max 120 Rectangular Children's Desk Khaki Green \u0026 Pine","description":"\u003cdiv class=\"read-more-wrapper\"\u003e\n\u003cp\u003eDescubra la versatilidad atemporal de la mesa de escritorio infantil rectangular Max de 120 cm con 3 cajones, un mueble esencial en el dormitorio juvenil. Fabricada en resistente madera de pino lacado (disponible en blanco mate o verde kaki), su diseño de estilo nórdico y minimalista garantiza que siempre combine con la evolución del espacio. Una pieza de mobiliario consciente que crece con su familia, ofreciendo la sencillez y la calidez que definen la decoración slow.\u003cbr\/\u003e\u003c\/p\u003e\n\u003cp\u003eLa funcionalidad se une a la estética con esta mesa, que incorpora tres cajones con guías metálicas y un práctico hueco adicional para maximizar el almacenamiento. Los tiradores en madera natural añaden un toque orgánico. Elija calidad, elija diseño duradero, y cree una zona de trabajo o estudio libre de ruido visual.\u003c\/p\u003e\n\u003ch4\u003e\u003cspan\u003e\u003cstrong\u003eProduct Details\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAssembly required: ¡Sí!\u003cbr\/\u003e\n\u003c\/li\u003e\n\u003cli\u003eAssembly level: ¡Sencillo!\u003c\/li\u003e\n\u003cli\u003eHecho en la carpintería de Sollana, Valencia \u003c\/li\u003e\n\u003cli\u003eComposition dimensions:\n\u003cul\u003e\n\u003cli\u003eWidth: 110 cm\u003c\/li\u003e\n\u003cli\u003eDepth: 54 cm\u003c\/li\u003e\n\u003cli\u003eAltura mesa: 74 cm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 class=\"subtitle\"\u003e \u003cstrong\u003eMaterials\u003c\/strong\u003e\n\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eDM acabado en color verde kaki y madera de pino de bosques sostenibles certificados etiqueta FSC®\u003cmeta charset=\"utf-8\"\/\u003e \u003cmeta charset=\"utf-8\"\/\u003e \u003cbr\/\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eMore Information\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cmeta charset=\"utf-8\"\/\u003e \u003cspan\u003e\u003ca href=\"https:\/\/solquexorniv.digital\/pages\/cuidados-para-tus-muebles\" target=\"_blank\"\u003eCare for your furniture\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"Marck","offers":[{"title":"Default Title","offer_id":51548402057563,"sku":"16116","price":254.15,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0909\/7932\/files\/escritorio-max-3c1h-verde-petroleo-15.jpg?v=1761823645"}],"url":"https:\/\/solquexorniv.digital\/en-eu\/collections\/children-s-desks.oembed","provider":"Slowdeco","version":"1.0","type":"link"}