{"product_id":"morena","title":"MORENA","description":"\u003ch6 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #808080;\"\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cspan style=\"font-size: 14px;\"\u003eMorena es una fuente diseñada por Nirvan Type en Nueva Delhi, India. Es un tipo de letra sans serif, sencilla, limpia y elegante, combinando formas de letras actualizadas de manera minimalista. Versátil y carismática, estas sneakers en tonos blancos y rosados son toda una revolución\u003c\/span\u003e. \u003c\/span\u003e\u003c\/h6\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e\u003cb\u003eDETALLES\u003c\/b\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cbr\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e- Piezas en piel y ante.\u003c\/span\u003e\u003cspam style=\"color: #05d95a; font-size: 10px;\"\u003e Pieles con certificación Leather Working Group.\u003c\/spam\u003e\u003cbr\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e- Plantillas Memory-Foam serigrafiadas extraíbles.\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e- Forro textil interior blanco.\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e- Suela plancha de EVA 3,5 cm de altura.\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e- Logotipo estampado en lengüeta y plantilla.\u003c\/span\u003e\u003cbr\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e- Patín dentado en goma transparente reciclada.\u003c\/span\u003e\u003cbr\u003e\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003e\n\u003ctitle\u003eGUÍA DE TALLAS\u003c\/title\u003e\n\u003cstyle\u003e\n  .guia-toggle {\n    font-family: sans-serif;\n    cursor: pointer;\n    color: #1c1c1c;\n    font-weight: bold;\n    display: inline-block;\n  }\n\n  #toggle-modal {\n    display: none;\n  }\n\n  .overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.6);\n    justify-content: center;\n    align-items: center;\n    z-index: 2147483647 !important;\n  }\n\n  #toggle-modal:checked ~ .overlay {\n    display: flex;\n  }\n\n  .modal {\n    background: #f9f9f9;\n    padding: 20px;\n    border-radius: 12px;\n    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);\n    max-width: 400px;\n    width: 90%;\n    animation: fadeIn 0.3s ease;\n    position: relative;\n    z-index: 2147483647 !important;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .tabla-tallas {\n    font-family: sans-serif;\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 5px;\n  }\n\n  .tabla-tallas th,\n  .tabla-tallas td {\n    color: #1c1c1c;\n    border: 1px solid #ccc;\n    padding: 14px;\n    text-align: center;\n  }\n\n  .tabla-tallas th {\n    background-color: #f5f5f5;\n  }\n\n  .tabla-tallas tbody tr:hover {\n    background-color: #D6D6D6;\n  }\n\n  \/* Alinear todas las celdas y títulos al centro, excepto la última columna *\/\n  .tabla-tallas th:not(:last-child),\n  .tabla-tallas td:not(:last-child) {\n    text-align: center;\n  }\n\n  .cerrar {\n    font-family: sans-serif;\n    display: inline-block;\n    background: black;\n    color: white;\n    padding: 4px 10px;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n  }\n\n  \/* 🔒 Bloqueo de scroll *\/\n  body.modal-open {\n    overflow: hidden;\n  }\n\u003c\/style\u003e\n\n\u003c!-- El \"botón\" --\u003e\n\u003clabel for=\"toggle-modal\" class=\"guia-toggle\"\u003eGUÍA DE TALLAS\u003c\/label\u003e\n\u003cinput type=\"checkbox\" id=\"toggle-modal\"\u003e\n\n\u003c!-- El modal con tabla --\u003e\n\u003cdiv class=\"overlay\"\u003e\n  \u003cdiv class=\"modal\"\u003e\n    \u003clabel for=\"toggle-modal\" class=\"cerrar\"\u003eX\u003c\/label\u003e\n    \u003ch2 style=\"color:#1c1c1c; font-family: sans-serif; margin-top: 15px;\"\u003eGuía de tallas\u003c\/h2\u003e\n    \u003ctable class=\"tabla-tallas\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eEUR\u003c\/th\u003e\n          \u003cth\u003eUK\u003c\/th\u003e\n          \u003cth\u003eUSA\u003c\/th\u003e\n          \u003cth\u003eLongitud (cm)\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e36\u003c\/td\u003e\n          \u003ctd\u003e3\u003c\/td\u003e\n          \u003ctd\u003e5.5\u003c\/td\u003e\n          \u003ctd\u003e23,5\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e37\u003c\/td\u003e\n          \u003ctd\u003e4\u003c\/td\u003e\n          \u003ctd\u003e6\u003c\/td\u003e\n          \u003ctd\u003e24\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e38\u003c\/td\u003e\n          \u003ctd\u003e5\u003c\/td\u003e\n          \u003ctd\u003e7\u003c\/td\u003e\n          \u003ctd\u003e24,5\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e39\u003c\/td\u003e\n          \u003ctd\u003e6\u003c\/td\u003e\n          \u003ctd\u003e8\u003c\/td\u003e\n          \u003ctd\u003e25,5\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e40\u003c\/td\u003e\n          \u003ctd\u003e7\u003c\/td\u003e\n          \u003ctd\u003e8.5\u003c\/td\u003e\n          \u003ctd\u003e26\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003e41\u003c\/td\u003e\n          \u003ctd\u003e8\u003c\/td\u003e\n          \u003ctd\u003e9.5\u003c\/td\u003e\n          \u003ctd\u003e26,5\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Script para bloquear\/desbloquear scroll --\u003e\n\u003cscript\u003e\n  const checkbox = document.getElementById(\"toggle-modal\");\n  checkbox.addEventListener(\"change\", function () {\n    document.body.classList.toggle(\"modal-open\", this.checked);\n  });\n\u003c\/script\u003e\n\u003c\/summary\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e\u003cb\u003eCUIDADOS DE LAVADO\u003c\/b\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cbr\u003e\n\u003cdiv class=\"etiquetas-cuidado\"\u003e\n\u003cdiv class=\"etiqueta\"\u003e\n\u003ci class=\"fas fa-tint-slash\" style=\"font-size: 12px; color: #dddddd;\"\u003e\u003c\/i\u003e \u003cspan class=\"textocuidados\"\u003eEvitar sumergir en agua.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"etiqueta\"\u003e\n\u003ci class=\"fas fa-spray-can\" style=\"font-size: 12px; color: #dddddd;\"\u003e\u003c\/i\u003e \u003cspan class=\"textocuidados\"\u003eEvitar productos abrasivos.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"etiqueta\"\u003e\n\u003ci class=\"fas fa-ban\" style=\"font-size: 12px; color: #dddddd;\"\u003e\u003c\/i\u003e \u003cspan class=\"textocuidados\"\u003eProhibido usar secadora.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"etiqueta\"\u003e\n\u003ci class=\"fas fa-fire\" style=\"font-size: 12px; color: #dddddd;\"\u003e\u003c\/i\u003e \u003cspan class=\"textocuidados\"\u003eNo usar calor extremo.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e\u003cb\u003eENVÍO Y DEVOLUCIONES\u003c\/b\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cspan style=\"color: #1c1c1c;\"\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003c\/span\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #1c1c1c;\"\u003eEnvío gratuito en 3-5 días laborables \u003cmeta charset=\"UTF-8\"\u003een España (península).\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e+ info. (\u003cspan style=\"color: #848484;\"\u003e\u003ca style=\"color: #848484;\" href=\"https:\/\/www.browibrand.com\/pages\/envio\"\u003eEnvío\u003c\/a\u003e\u003c\/span\u003e)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e \u003cmeta charset=\"UTF-8\"\u003e Devolución gratuita \u003cmeta charset=\"UTF-8\"\u003een España (península). \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e+ info. (\u003cspan style=\"color: #848484;\"\u003e\u003ca href=\"https:\/\/www.browibrand.com\/pages\/derecho-de-devolucion\" style=\"color: #808080;\"\u003eDevoluciones\u003c\/a\u003e\u003c\/span\u003e)\u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e\u003cb\u003eMADE IN SPAIN\u003c\/b\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cspan style=\"color: #1c1c1c;\"\u003e\u003cmeta charset=\"UTF-8\"\u003e· Diseñadas y creadas en España por \u003cspam style=\" font-size: 10px; font-family: Roboto,sans-serif; color:#1c1c1c; font-weight: 600;\"\u003eBROWÏ.\u003c\/spam\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails id=\"sostenibilidad\"\u003e\n\u003csummary\u003e\u003cspan style=\"color:#1c1c1c;\"\u003e\u003cb\u003eSOSTENIBILIDAD\u003c\/b\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cbr\u003e\n\n\u003cdiv class=\"sostenibilidad\"\u003e\n\n  \u003cdiv class=\"circle-row\"\u003e\n\n    \u003cdiv class=\"circle\" data-percent=\"75\"\u003e\n      \u003cdiv class=\"circle-progress\"\u003e\u003cspan\u003e75%\u003c\/span\u003e\u003c\/div\u003e\n      \u003cp\u003ePLANETA\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"circle\" data-percent=\"80\"\u003e\n      \u003cdiv class=\"circle-progress\"\u003e\u003cspan\u003e80%\u003c\/span\u003e\u003c\/div\u003e\n      \u003cp\u003ePERSONAS\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"circle\" data-percent=\"65\"\u003e\n      \u003cdiv class=\"circle-progress\"\u003e\u003cspan\u003e65%\u003c\/span\u003e\u003c\/div\u003e\n      \u003cp\u003eCIRCULARIDAD\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"circle\" data-percent=\"75\"\u003e\n      \u003cdiv class=\"circle-progress\"\u003e\u003cspan\u003e75%\u003c\/span\u003e\u003c\/div\u003e\n      \u003cp\u003eTRANSPARENCIA\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\n\u003cstyle\u003e\n  \n.textocuidados {\n    font-size:13px;\n  }\n  .etiquetas-cuidado {\n    display: flex;\n    flex-direction: column;\n    gap: 10px; \/* Espacio entre cada etiqueta *\/\n}\n\n.etiqueta {\n    display: flex;\n    align-items: center;\n    font-size: 16px;\n    color: #1c1c1c;\n}\n\n.etiqueta i {\n    margin-right: 8px;\n    font-size: 20px; \/* Tamaño del ícono *\/\n    color: #1c1c1c; \/* Color del ícono *\/\n}\n\/* === SOSTENIBILIDAD === *\/\n\n.circle-row{\n  display:flex;\n  justify-content:center;\n  gap:3px;\n  flex-wrap:nowrap;\n  padding-bottom:15px;\n}\n\n.circle{\n  text-align:center;\n  font-size:9px;\n  color:#1c1c1c;\n  flex:1;\n  min-width:55px;\n}\n\n.circle-progress{\n  width:50px;\n  height:50px;\n  margin:auto;\n  border-radius:50%;\n  background: conic-gradient(#E9E9E9 0deg, #f5f5f5 0deg);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n  margin-bottom:3px;\n}\n\n.circle-progress::before{\n  content:\"\";\n  position:absolute;\n  width:70%;\n  height:70%;\n  background:#fff;\n  border-radius:50%;\n}\n\n.circle-progress span{\n  position:relative;\n  font-size:10px;\n  color:#1c1c1c;\n}\n\ndetails summary{\n  cursor:pointer;\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n  const details = document.getElementById(\"sostenibilidad\");\n  const circles = document.querySelectorAll(\".circle\");\n\n  let animated = false;\n\n  details.addEventListener(\"toggle\", () =\u003e {\n    if (details.open \u0026\u0026 !animated) {\n\n      circles.forEach(circle =\u003e {\n        const percent = parseInt(circle.dataset.percent);\n        const progress = circle.querySelector(\".circle-progress\");\n\n        let deg = 0;\n        let target = percent * 3.6;\n\n        let interval = setInterval(() =\u003e {\n          if (deg \u003e= target) {\n            clearInterval(interval);\n          } else {\n            deg += 2;\n            progress.style.background =\n              `conic-gradient(#1c1c1c ${deg}deg, #E9E9E9 ${deg}deg)`;\n          }\n        }, 15);\n      });\n\n      animated = true;\n    }\n  });\n});\n\u003c\/script\u003e","brand":"TYPOGRAPHS","offers":[{"title":"36","offer_id":46621843259732,"sku":"","price":120.0,"currency_code":"EUR","in_stock":true},{"title":"37","offer_id":46621843292500,"sku":"","price":120.0,"currency_code":"EUR","in_stock":true},{"title":"38","offer_id":46621843325268,"sku":"","price":120.0,"currency_code":"EUR","in_stock":true},{"title":"39","offer_id":46621843358036,"sku":"","price":120.0,"currency_code":"EUR","in_stock":false},{"title":"40","offer_id":46621843390804,"sku":"","price":120.0,"currency_code":"EUR","in_stock":true},{"title":"41","offer_id":46621843423572,"sku":"","price":120.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0343\/7579\/4821\/files\/1morena.png?v=1727001642","url":"https:\/\/www.browibrand.com\/en\/products\/morena","provider":"BROWÏ","version":"1.0","type":"link"}