{"product_id":"cleosoft-alu-sofa-pouf-white","title":"Cleosoft Alu - Sofa Pouf White","description":"\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003eThe outdoor pouf of the CleoSoft Alu collection is the perfect accessory for the modular sofa, sofas and armchair. Like the other living elements, the pouf was also conceived on an elegant game of simple and elegant geometries. The structure is in powder-coated aluminium and the cushions are in removable fabric, easy to wash and weather resistant. Quick dry foam padding.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003c\/span\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003c\/span\u003e\u003cspan data-sheets-root=\"1\"\u003eDimensions: 39.4\"x39.4\"x15.7\"\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/9514\/3109\/files\/DATA_SHEET_CLEOSOFT.rar?v=1782761759\" rel=\"noopener\" target=\"_blank\"\u003eTechnical Sheet\u003c\/a\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003c!-- Materioteca · generado desde Google Sheets --\u003e\n\u003cdiv class=\"materioteca\" data-materioteca\u003e\n  \u003cdiv class=\"materioteca__inner\"\u003e\n    \u003ch2 class=\"materioteca__title\"\u003eMOODBOARD\u003c\/h2\u003e\n    \u003cdiv class=\"materioteca__grid\"\u003e\n      \u003cdiv class=\"materioteca__stage\"\u003e\n        \u003cdiv class=\"materioteca__frame\"\u003e\n          \u003cdiv class=\"materioteca__panel is-active\" id=\"mtyn2j6v-panel-0\" role=\"tabpanel\" aria-labelledby=\"mtyn2j6v-tab-0\" aria-hidden=\"false\" data-mt-panel=\"0\"\u003e\n            \u003cdiv class=\"materioteca__composition\" style=\"transform: translateX(-22%);\"\u003e\n            \u003cdiv class=\"materioteca__sample materioteca__sample--square\" style=\"right: 0%; top: 0%; width: 44%; height: 100%; z-index: 1;\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/9514\/3109\/files\/white-2.jpg?v=1786998573\" alt=\"WHITE - SILVER\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"materioteca__sample materioteca__sample--square\" style=\"right: 38%; top: 19%; width: 18%; height: 62%; z-index: 2;\"\u003e\n              \u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/WHITE_7f862a35-ee27-4691-9a67-8730bd197a8d.jpg?v=1786990860\u0026amp;width=600\" alt=\"WHITE - SILVER\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\n            \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"materioteca__panel\" id=\"mtyn2j6v-panel-1\" role=\"tabpanel\" aria-labelledby=\"mtyn2j6v-tab-1\" aria-hidden=\"true\" data-mt-panel=\"1\"\u003e\n            \u003cdiv class=\"materioteca__composition\" style=\"transform: translateX(-22%);\"\u003e\n            \u003cdiv class=\"materioteca__sample materioteca__sample--square\" style=\"right: 0%; top: 0%; width: 44%; height: 100%; z-index: 1;\"\u003e\n              \u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/GRAPHITE.jpg?v=1786992208\u0026amp;width=600\" alt=\"GRAPHITE - DARK GREY\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"materioteca__sample materioteca__sample--square\" style=\"right: 38%; top: 19%; width: 18%; height: 62%; z-index: 2;\"\u003e\n              \u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/DARK_GREY.jpg?v=1786992207\u0026amp;width=600\" alt=\"GRAPHITE - DARK GREY\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\n            \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"materioteca__panel\" id=\"mtyn2j6v-panel-2\" role=\"tabpanel\" aria-labelledby=\"mtyn2j6v-tab-2\" aria-hidden=\"true\" data-mt-panel=\"2\"\u003e\n            \u003cdiv class=\"materioteca__composition\" style=\"transform: translateX(-22%);\"\u003e\n            \u003cdiv class=\"materioteca__sample materioteca__sample--square\" style=\"right: 0%; top: 0%; width: 44%; height: 100%; z-index: 1;\"\u003e\n              \u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/WARM_WHITE.jpg?v=1786992320\u0026amp;width=600\" alt=\"WARM - INKAS WHITE\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"materioteca__sample materioteca__sample--square\" style=\"right: 38%; top: 19%; width: 18%; height: 62%; z-index: 2;\"\u003e\n              \u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/INKAS_WHITE.jpg?v=1786992319\u0026amp;width=600\" alt=\"WARM - INKAS WHITE\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\n            \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"materioteca__name\" data-mt-name aria-live=\"polite\"\u003eWHITE - SILVER\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"materioteca__list\" role=\"tablist\" aria-label=\"MOODBOARD\" aria-orientation=\"vertical\"\u003e\n        \u003cbutton type=\"button\" class=\"materioteca__option\" id=\"mtyn2j6v-tab-0\" role=\"tab\" aria-controls=\"mtyn2j6v-panel-0\" aria-selected=\"true\" tabindex=\"0\" aria-label=\"WHITE - SILVER\" title=\"WHITE - SILVER\" data-mt-option=\"0\" data-mt-name=\"WHITE - SILVER\"\u003e\n          \u003cspan class=\"materioteca__chips\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"materioteca__chip materioteca__chip--square\" style=\"--i: 0;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/9514\/3109\/files\/white-2.jpg?v=1786998573\" alt=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\u003c\/span\u003e\n            \u003cspan class=\"materioteca__chip materioteca__chip--square\" style=\"--i: 1;\"\u003e\u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/WHITE_7f862a35-ee27-4691-9a67-8730bd197a8d.jpg?v=1786990860\u0026amp;width=600\" alt=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"materioteca__option\" id=\"mtyn2j6v-tab-1\" role=\"tab\" aria-controls=\"mtyn2j6v-panel-1\" aria-selected=\"false\" tabindex=\"-1\" aria-label=\"GRAPHITE - DARK GREY\" title=\"GRAPHITE - DARK GREY\" data-mt-option=\"1\" data-mt-name=\"GRAPHITE - DARK GREY\"\u003e\n          \u003cspan class=\"materioteca__chips\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"materioteca__chip materioteca__chip--square\" style=\"--i: 0;\"\u003e\u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/GRAPHITE.jpg?v=1786992208\u0026amp;width=600\" alt=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\u003c\/span\u003e\n            \u003cspan class=\"materioteca__chip materioteca__chip--square\" style=\"--i: 1;\"\u003e\u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/DARK_GREY.jpg?v=1786992207\u0026amp;width=600\" alt=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"materioteca__option\" id=\"mtyn2j6v-tab-2\" role=\"tab\" aria-controls=\"mtyn2j6v-panel-2\" aria-selected=\"false\" tabindex=\"-1\" aria-label=\"WARM - INKAS WHITE\" title=\"WARM - INKAS WHITE\" data-mt-option=\"2\" data-mt-name=\"WARM - INKAS WHITE\"\u003e\n          \u003cspan class=\"materioteca__chips\" aria-hidden=\"true\"\u003e\n            \u003cspan class=\"materioteca__chip materioteca__chip--square\" style=\"--i: 0;\"\u003e\u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/WARM_WHITE.jpg?v=1786992320\u0026amp;width=600\" alt=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\u003c\/span\u003e\n            \u003cspan class=\"materioteca__chip materioteca__chip--square\" style=\"--i: 1;\"\u003e\u003cimg src=\"https:\/\/talentiusa.net\/cdn\/shop\/files\/INKAS_WHITE.jpg?v=1786992319\u0026amp;width=600\" alt=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\u003e\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.materioteca {\n  --mt-bg: #ffffff;\n  --mt-heading: #3D3730;\n  --mt-title-size: 20px;\n  --mt-text: #8a7f70;\n  --mt-active: #2f2b26;\n  --mt-ratio: 16 \/ 10;\n  --mt-chip: 44px;\n  --mt-chips-count: 2;\n  --mt-chip-step-x: calc(var(--mt-chip) * 0.48);\n  --mt-chip-step-y: calc(var(--mt-chip) * 0.22);\n  --mt-chips-w: calc(var(--mt-chip) + var(--mt-chip-step-x) * (var(--mt-chips-count) - 1));\n  --mt-chips-h: calc(var(--mt-chip) + var(--mt-chip-step-y) * (var(--mt-chips-count) - 1));\n  --mt-chips-gap: 16px;\n  --mt-name-size: 0.95rem;\n  --mt-sample-bg: transparent;\n  background: var(--mt-bg);\n  color: var(--mt-text);\n  padding-block: 48px;\n  box-sizing: border-box;\n}\n.materioteca *, .materioteca *::before, .materioteca *::after { box-sizing: border-box; }\n.materioteca__inner {\n  max-width: 1500px; margin-inline: auto;\n  padding-inline: 20px;\n}\n.materioteca__title {\n  margin: 0; font-size: var(--mt-title-size); font-weight: 300;\n  letter-spacing: 0.12em; text-transform: uppercase; color: var(--mt-heading);\n}\n.materioteca__grid { display: grid; gap: 40px; margin-top: 36px; grid-template-areas: \"stage\" \"list\"; }\n\n.materioteca__stage { grid-area: stage; }\n.materioteca__frame { position: relative; width: 100%; aspect-ratio: var(--mt-ratio); }\n@supports not (aspect-ratio: 1 \/ 1) {\n  .materioteca__frame { height: 0; padding-top: 62.5%; }\n}\n.materioteca__panel {\n  position: absolute; inset: 0; opacity: 0; visibility: hidden;\n  transform: translateY(10px) scale(0.99); pointer-events: none;\n  transition: opacity 0.45s ease, transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);\n}\n.materioteca__panel.is-active { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }\n.materioteca__composition { position: absolute; inset: 0; }\n.materioteca__sample {\n  position: absolute; overflow: hidden; background: var(--mt-sample-bg);\n  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.09), 0 2px 5px rgba(0, 0, 0, 0.05);\n}\n\/* La imagen llena la caja aunque su relación de aspecto sea distinta.\n   Los !important blindan la regla frente al CSS global del tema\n   (reglas tipo \"img { height: auto }\" que descuadran la muestra). *\/\n.materioteca .materioteca__sample \u003e img,\n.materioteca .materioteca__chip \u003e img {\n  position: absolute; inset: 0;\n  width: 100% !important; height: 100% !important;\n  min-width: 0 !important; min-height: 0 !important;\n  max-width: none !important; max-height: none !important;\n  margin: 0 !important; padding: 0 !important; border: 0 !important;\n  object-fit: cover; object-position: center;\n  display: block; border-radius: inherit;\n}\n\/* Si una imagen no carga, la muestra desaparece en vez de dejar un bloque de color *\/\n.materioteca__sample.is-broken, .materioteca__chip.is-broken { display: none; }\n.materioteca__sample--square { border-radius: 0; }\n.materioteca__sample--rounded { border-radius: 12px; }\n.materioteca__sample--card { border-radius: 16px; }\n.materioteca__hole {\n  position: absolute; top: 7%; left: 50%; transform: translateX(-50%);\n  width: 9px; height: 9px; border-radius: 50%; background: var(--mt-bg);\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);\n}\n.materioteca__name {\n  margin: 20px 0 0; min-height: 1.5em; line-height: 1.5;\n  font-size: var(--mt-name-size); font-weight: 600; letter-spacing: 0.18em;\n  text-transform: uppercase; color: var(--mt-active);\n  text-align: left;\n  transition: opacity 0.22s ease;\n}\n.materioteca__name.is-changing { opacity: 0; }\n\n\/* Selector: solo muestras. El nombre vive sobre la muestra grande. *\/\n.materioteca__list {\n  grid-area: list; display: flex; flex-wrap: wrap; align-items: flex-start;\n  gap: var(--mt-chips-gap);\n}\n.materioteca__option {\n  display: block; padding: 6px; line-height: 0; background: none; border: 0;\n  border-radius: 6px; cursor: pointer; color: inherit; font: inherit;\n  transition: background-color 0.25s ease;\n}\n.materioteca__option:hover { background: rgba(0, 0, 0, 0.03); }\n.materioteca__option:focus-visible { outline: 1px solid var(--mt-active); outline-offset: 2px; }\n.materioteca__chips { position: relative; width: var(--mt-chips-w); height: var(--mt-chips-h); }\n.materioteca__chip {\n  position: absolute; top: calc(var(--i) * var(--mt-chip-step-y)); left: calc(var(--i) * var(--mt-chip-step-x));\n  width: var(--mt-chip); height: var(--mt-chip); overflow: hidden; background: var(--mt-sample-bg);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14); transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.materioteca__chip--square { border-radius: 2px; }\n.materioteca__chip--rounded, .materioteca__chip--card { border-radius: 5px; }\n.materioteca__option:hover .materioteca__chip,\n.materioteca__option[aria-selected=\"true\"] .materioteca__chip { transform: translateY(-2px); }\n.materioteca__option[aria-selected=\"true\"] .materioteca__chip {\n  box-shadow: 0 0 0 1px var(--mt-active), 0 4px 10px rgba(0, 0, 0, 0.16);\n}\n\n@media (min-width: 990px) {\n  .materioteca { padding-block: 80px; }\n  \/* Sin padding izquierdo en escritorio; en móvil se conserva. *\/\n  .materioteca__inner {\n    padding-left: 0px;\n    padding-right: 48px;\n    margin-inline: 0 auto;\n  }\n  .materioteca__name { --mt-name-size: 0.88rem; }\n  .materioteca__grid {\n    grid-template-columns: auto minmax(0, 1fr);\n    grid-template-areas: \"list stage\"; align-items: center; column-gap: 56px; margin-top: 48px;\n  }\n  .materioteca__list { flex-direction: column; flex-wrap: nowrap; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .materioteca__panel, .materioteca__chip, .materioteca__name { transition: opacity 0.2s linear; transform: none !important; }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\n(function () {\n  var roots = document.querySelectorAll(\"[data-materioteca]\");\n  Array.prototype.forEach.call(roots, function (root) {\n    if (root.getAttribute(\"data-mt-ready\")) return;\n    root.setAttribute(\"data-mt-ready\", \"1\");\n\n    var options = [].slice.call(root.querySelectorAll(\"[data-mt-option]\"));\n    var panels = [].slice.call(root.querySelectorAll(\"[data-mt-panel]\"));\n    var nameEl = root.querySelector(\"[data-mt-name]\");\n    if (!options.length) return;\n\n    if (true) {\n      var imgs = [].slice.call(root.querySelectorAll(\".materioteca__sample img, .materioteca__chip img\"));\n      imgs.forEach(function (img) {\n        var marcar = function () { img.parentNode.classList.add(\"is-broken\"); };\n        if (img.complete \u0026\u0026 img.naturalWidth === 0) marcar();\n        img.addEventListener(\"error\", marcar);\n      });\n    }\n\n    function select(index) {\n      options.forEach(function (option, i) {\n        var activo = i === index;\n        option.setAttribute(\"aria-selected\", activo ? \"true\" : \"false\");\n        option.tabIndex = activo ? 0 : -1;\n      });\n      panels.forEach(function (panel, i) {\n        var activo = i === index;\n        panel.classList.toggle(\"is-active\", activo);\n        panel.setAttribute(\"aria-hidden\", activo ? \"false\" : \"true\");\n      });\n      if (nameEl) {\n        var nombre = options[index].getAttribute(\"data-mt-name\") || \"\";\n        if (nombre !== nameEl.textContent) {\n          nameEl.classList.add(\"is-changing\");\n          setTimeout(function () {\n            nameEl.textContent = nombre;\n            nameEl.classList.remove(\"is-changing\");\n          }, 180);\n        }\n      }\n    }\n\n    root.addEventListener(\"click\", function (event) {\n      var option = event.target.closest ? event.target.closest(\"[data-mt-option]\") : null;\n      if (!option) return;\n      select(options.indexOf(option));\n    });\n\n    root.addEventListener(\"keydown\", function (event) {\n      var option = event.target.closest ? event.target.closest(\"[data-mt-option]\") : null;\n      if (!option) return;\n      var keys = [\"ArrowDown\", \"ArrowRight\", \"ArrowUp\", \"ArrowLeft\", \"Home\", \"End\"];\n      if (keys.indexOf(event.key) === -1) return;\n      event.preventDefault();\n      var current = options.indexOf(option);\n      var last = options.length - 1;\n      var next = current;\n      if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") next = current === last ? 0 : current + 1;\n      if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") next = current === 0 ? last : current - 1;\n      if (event.key === \"Home\") next = 0;\n      if (event.key === \"End\") next = last;\n      select(next);\n      options[next].focus();\n    });\n\n    select(0);\n  });\n})();\n\u003c\/script\u003e","brand":"Talenti","offers":[{"title":"Default Title","offer_id":49197282296059,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0359\/7375\/9108\/files\/cleosoft-sofa-pouf-white.jpg?v=1787161298","url":"https:\/\/addisonhouse.com\/products\/cleosoft-alu-sofa-pouf-white","provider":"Addison House","version":"1.0","type":"link"}