{"title":"Cafè \u0026 Més","description":"\u003cp\u003e*\u003c\/p\u003e","products":[{"product_id":"milk-pot-12l_bh-8228","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/8228\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente titanPro\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro brillante\" aria-label=\"negro brillante\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente titanPro\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente titanPro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/black-vantage-collection\" title=\"Ver colección Black Vantage Collection\"\u003e\n Black Vantage Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616807158103,"sku":"BH\/8228","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8228-1_430671b0-2714-49cc-9062-c0bb48a9f1ca.jpg?v=1764059243"},{"product_id":"milk-pot-12l_bh-8204","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/8204\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente titanPro\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde mate\" aria-label=\"verde mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente titanPro\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente titanPro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verde mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: verde mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/matte-green-collection\" title=\"Ver colección Matte Green Collection\"\u003e\n Matte Green Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616807125335,"sku":"BH\/8204","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8204-2_5d1c27ca-dc4b-471e-8e9a-d2f88a5652dd.jpg?v=1764059242"},{"product_id":"milk-pot-12l_bh-8192","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/8192\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente titanPro\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro mate\" aria-label=\"negro mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente titanPro\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente titanPro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: negro mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: negro mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/matte-black-collection\" title=\"Ver colección Matte Black Collection\"\u003e\n Matte Black Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616807059799,"sku":"BH\/8192","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8192-Conceptual-1.jpg?v=1764059236"},{"product_id":"milk-pot-12l_bh-8135","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/8135\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente titanPro\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#353535;\" title=\"antracita mate\" aria-label=\"antracita mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente titanPro\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente titanPro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: antracita mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: antracita mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616806666583,"sku":"BH\/8135","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8135-1_ce641aa6-b6f4-4679-b73f-df74049fd132.jpg?v=1764059232"},{"product_id":"milk-pot-12l_bh-8105","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/8105\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente titanPro\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#8B8589;\" title=\"gris topo mate\" aria-label=\"gris topo mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente titanPro\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente titanPro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: gris topo mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: gris topo mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/taupe-collection\" title=\"Ver colección Taupe Collection\"\u003e\n Taupe Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616806633815,"sku":"BH\/8105","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8105-1.jpg?v=1763467655"},{"product_id":"milk-pot-12l_bh-8075","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/8075\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente titanPro\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#FAF3D4;\" title=\"crema mate\" aria-label=\"crema mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente titanPro\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente titanPro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: crema mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: crema mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/sahara-collection\" title=\"Ver colección Sahara Collection\"\u003e\n Sahara Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616806273367,"sku":"BH\/8075","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8075-3.jpg?v=1763467653"},{"product_id":"milk-pot-12l_bh-8045","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/8045\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente titanPro\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#411B16;\" title=\"burdeos mate\" aria-label=\"burdeos mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente titanPro\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente titanPro\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: burdeos mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: burdeos mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/leonardo-collection\" title=\"Ver colección Leonardo Collection\"\u003e\n Leonardo Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616806240599,"sku":"BH\/8045","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8045-1_c71b48f4-6229-43c9-b92c-ce0f4e21d2a3.jpg?v=1763467651"},{"product_id":"turkish-coffee-pot-10cm_bh-7875","title":"Cafetera Turca De 10 Cm","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/7875\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente Titan\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 10 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 660 ml\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#EED0CF;\" title=\"oro rosa metalizado\" aria-label=\"oro rosa metalizado\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente Titan\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente Titan\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/metallic-line-rose-gold-edition\" title=\"Ver colección Metallic Line – Rose Gold Edition\"\u003e\n Metallic Line – Rose Gold Edition\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616991904087,"sku":"BH\/7875","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7875-2.jpg?v=1763472136"},{"product_id":"turkish-coffee-pot-10cm_bh-7868","title":"Cafetera Turca De 10 Cm","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/7868\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente Titan\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 10 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 660 ml\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#411B16;\" title=\"burdeos metalizado\" aria-label=\"burdeos metalizado\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente Titan\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente Titan\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/metallic-line-burgundy-edition\" title=\"Ver colección Metallic Line – Burgundy Edition\"\u003e\n Metallic Line – Burgundy Edition\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616991805783,"sku":"BH\/7868","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7868-2_0f086e36-757b-400a-9b9c-88b2e8e663e5.jpg?v=1763472135"},{"product_id":"milk-pot-12l_bh-1966","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/1966\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente efecto mármol\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#EED0CF;\" title=\"oro rosa metalizado\" aria-label=\"oro rosa metalizado\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Antiadherente\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/metallic-line-rose-gold-edition\" title=\"Ver colección Metallic Line – Rose Gold Edition\"\u003e\n Metallic Line – Rose Gold Edition\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617463501143,"sku":"BH\/1966","price":34.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1966-1_af33ebc1-c807-4cf8-b905-cd976553ebfc.jpg?v=1763381738"},{"product_id":"milk-pot-12l_bh-1965","title":"Olla De Llet 1,2L","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/1965\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente efecto mármol\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#411B16;\" title=\"burdeos metalizado\" aria-label=\"burdeos metalizado\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Antiadherente\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/metallic-line-burgundy-edition\" title=\"Ver colección Metallic Line – Burgundy Edition\"\u003e\n Metallic Line – Burgundy Edition\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617463435607,"sku":"BH\/1965","price":34.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1965-2.jpg?v=1763381737"},{"product_id":"whistling-milk-pot-2l_bh-8882","title":"Lletera Silbante De 2 L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8882\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Acer \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 15 x 14,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eBase de sandvitx\u003c\/td\u003e \u003ctd\u003e distribució uniforme de la calor \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eDoble paret\u003c\/td\u003e \u003ctd\u003e la llet no es dema! \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Doble paret: la llet no es vessa ni es crema al fons!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/xK1RvfW1\/double-wall.png\" alt=\"Doble Paret\"\u003e \u003cspan class=\"tooltiptext\"\u003eDoble paret: la llet no es vessa ni es crema en el fons!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cs\u003e Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617024147799,"sku":"BH\/8882","price":61.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8882-7_757ef2f0-5f4d-4a95-a29a-968e1858986a.jpg?v=1764059610"},{"product_id":"rechargeable-portable-espresso-coffee-maker-2in1_bh-9964","title":"Cafetera Espresso Portàtil Recarregable 2 En 1","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9964\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 120 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eBateria recarregable\u003c\/td\u003e \u003ctd\u003e 3 x 2600 mAh \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eTemps de càrrega\u003c\/td\u003e \u003ctd\u003e 3-4 hores \u003ctd\u003eAccessoris\u003c\/td\u003e \u003ctd\u003e Cable tipus C\u003cB\u003eBossa de viatge\u003cbr\u003eCullera de plàstic 2 en 1 amb premsador \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 7,3x7,3x21 cm \u003c\/td\u003e \u003c\/t\u003e \u003ct\u003e \u003ct\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e2 a 1\u003c\/td\u003e \u003ctd\u003e cafè mòlt, càpsules (compatible amb càpsules de cafè petites) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePressió de la bomba (20 bar)\u003c\/td\u003e \u003ctd\u003e sempre prepara el cafè amb aigua fresca \u003c\/t\u003e diferents\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eDispensar aigua sense bullir\u003c\/td\u003e \u003ctd\u003e fins a 100 usos per càrrega completa \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eBullir 50 ml d'aigua\u003c\/td\u003e \u003ctd\u003e 4-5 usos per càrrega completa \u003c\/td\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil De Limp netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cullera de plàstic 2 en 1 amb premsador\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/Xf6yznGD\/2n1.png\" alt=\"2 En 1\"\u003e \u003cspan class=\" premsador\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Botó d'encesa\/apagada amb llum indicadora\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/ynFz5KG6\/on-off.png\" alt=\"Encès\/Apagat\"\u003e\"s encès\/apagat amb llum indicadora\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":52871121764695,"sku":"BH\/9964","price":237.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9964-1.jpg?v=1772013941"},{"product_id":"capsule-coffee-maker-4in1_ftv-0157","title":"Cafetera De Càpsules 4 En 1","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eFTV-0157\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 0 \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 1545 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAccessoris\u003c\/td\u003e \u003ctd\u003e Suport per a càpsules petites Nespresso\u003cbr\u003eSuport per a càpsules grans Dolce Gusto\u003ct\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 100 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre-or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e4 en 1\u003c\/td\u003e \u003ctd\u003e cafè mòlt, càps marques), càpsules ESE \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eSistema de bomba d'alta pressió ULKA (20 bar)\u003c\/td\u003e \u003ctd\u003e sempre prepara el cafè amb aigua fresca \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Control de temperatura NTC d'alta precisió\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DHdzHd5Z\/Thermostat.png\" alt=\"Temperatura\"\u003e \u003cspan class=\"tooltiptext\"\u003eControl de temperatura NTC d'alta precisió\u003c\/span\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":52871135723863,"sku":"FTV-0157","price":434.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0157-Conceptual-2.jpg?v=1776164716"},{"product_id":"capsule-coffee-maker-4in1_ftv-0158","title":"Cafetera De Càpsules 4 En 1","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eFTV-0158\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 0 \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 1545 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAccessoris\u003c\/td\u003e \u003ctd\u003e Suport per a càpsules petites Nespresso\u003cbr\u003eSuport per a càpsules grans Dolce Gusto\u003ct\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 100 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e crema-daurat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e4 en 1\u003c\/td\u003e \u003ctd\u003e Cafè mòlt, càpsulas marques), càpsules ESE \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eSistema de bomba d'alta pressió ULKA (20 bar)\u003c\/td\u003e \u003ctd\u003e sempre prepara el cafè amb aigua fresca \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Control de temperatura NTC d'alta precisió\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DHdzHd5Z\/Thermostat.png\" alt=\"Temperatura\"\u003e \u003cspan class=\"tooltiptext\"\u003eControl de temperatura NTC d'alta precisió\u003c\/span\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":52871135822167,"sku":"FTV-0158","price":434.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0158-1.jpg?v=1776164722"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9732nn","title":"Cafetera Espresso Digital 3 En 1","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/9732NN\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#E7BEAE;\" title=\"oro rosa\" aria-label=\"oro rosa\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n prepara siempre el café con agua fresca\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/black-rose-collection\" title=\"Ver colección Black Rose Collection\"\u003e\n Black Rose Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53309929259351,"sku":"BH\/9732NN","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9732_1.jpg?v=1776759330"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9846n","title":"Cafetera Espresso Digital 3 En 1","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/9846N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#8B8589;\" title=\"gris topo mate\" aria-label=\"gris topo mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n siempre prepara el café con agua fresca\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: gris topo mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: gris topo mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/taupe-collection\" title=\"Ver colección Taupe Collection\"\u003e\n Taupe Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53309929357655,"sku":"BH\/9846N","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9846_Conceptual_2.jpg?v=1776759077"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9847n","title":"Cafetera Espresso Digital 3 En 1","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/9847N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#FAF3D4;\" title=\"crema mate\" aria-label=\"crema mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n prepara siempre el café con agua fresca\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: crema mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: crema mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/sahara-collection\" title=\"Ver colección Sahara Collection\"\u003e\n Sahara Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53309929423191,"sku":"BH\/9847N","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9847_1.jpg?v=1776758931"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9848n","title":"Cafetera Espresso Digital 3 En 1","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/9848N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#411B16;\" title=\"burdeos mate\" aria-label=\"burdeos mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n prepara siempre el café con agua fresca\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: burdeos mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: burdeos mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/leonardo-collection\" title=\"Ver colección Leonardo Collection\"\u003e\n Leonardo Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53309929554263,"sku":"BH\/9848N","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9848_1.jpg?v=1776758909"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9850n","title":"Cafetera Espresso Digital 3 En 1","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/9850N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde mate\" aria-label=\"verde mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n siempre prepara el café con agua fresca\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verde mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: verde mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/matte-green-collection\" title=\"Ver colección Matte Green Collection\"\u003e\n Matte Green Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53309929652567,"sku":"BH\/9850N","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9850_2.jpg?v=1776758774"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9851n","title":"Cafetera Espresso Digital 3 En 1","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/9851N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro mate\" aria-label=\"negro mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n prepara siempre el café con agua fresca\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: negro mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: negro mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/black-vantage-collection\" title=\"Ver colección Black Vantage Collection\"\u003e\n Black Vantage Collection\n \u003c\/a\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/matte-black-collection\" title=\"Ver colección Matte Black Collection\"\u003e\n Matte Black Collection\n \u003c\/a\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/black-silver-collection\" title=\"Ver colección Black Silver Collection\"\u003e\n Black Silver Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53309929718103,"sku":"BH\/9851N","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9851_Conceptual_8.jpg?v=1776758753"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9853n","title":"Cafetera Espresso Digital 3 En 1","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/9853N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#203462;\" title=\"azul mate\" aria-label=\"azul mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n prepara siempre el café con agua fresca\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: azul mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: azul mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53309931028823,"sku":"BH\/9853N","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9853_2.jpg?v=1776758671"},{"product_id":"milk-pot-12l-bh-6061","title":"Tarro De Leche De 1,2 Litros","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/6061\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente efecto mármol\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde esmeralda metalizado\" aria-label=\"verde esmeralda metalizado\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Antiadherente\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/emerald-collection\" title=\"Ver colección Emerald Collection\"\u003e\n Emerald Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53497529860439,"sku":"BH\/6061","price":34.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-6061-1.jpg?v=1778581431"},{"product_id":"milk-pot-12l-bh-6915","title":"Tarro De Leche De 1,2 Litros","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/6915\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente efecto mármol\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#808080;\" title=\"gris oscuro metalizado\" aria-label=\"gris oscuro metalizado\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Antiadherente\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/metallic-line-carbon-pro-edition\" title=\"Ver colección Metallic Line – Carbon Pro Edition\"\u003e\n Metallic Line – Carbon Pro Edition\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53497529893207,"sku":"BH\/6915","price":34.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-6915-1_0e89fe9f-eaac-4235-a9ed-d2e3f74eca0e.jpg?v=1778581432"},{"product_id":"milk-pot-12l-bh-7078","title":"Tarro De Leche De 1,2 Litros","description":"\u003cstyle\u003e\n \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n .bh-scope .bh-head{\n position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n }\n\n \/* ── Títulos de sección ─────────────────────────────── *\/\n .bh-scope .bh-section-title{\n display:flex;align-items:center;gap:10px;\n margin:32px 0 12px;font-size:1.05em;font-weight:700;\n color:#1a1a1a;letter-spacing:.01em;\n }\n .bh-scope .bh-section-title::after{\n content:\"\";flex:1;height:1px;\n background:linear-gradient(to right,#ddd,transparent);\n }\n .bh-scope .bh-pill{\n background:#800000;color:#fff;font-size:.68em;font-weight:700;\n padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n text-transform:uppercase;white-space:nowrap;\n }\n\n \/* ── Tabla de características - estilo clásico limpio ─ *\/\n .bh-scope .bh-specs{\n width:100%;border-collapse:collapse;\n margin-bottom:4px;font-size:.96em;\n border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n }\n .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n .bh-scope .bh-specs tr:last-child{border-bottom:none}\n .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n .bh-scope .bh-specs td{\n padding:10px 14px;vertical-align:middle;text-align:left;\n }\n .bh-scope .bh-specs td:first-child{\n font-weight:700;color:#444;width:34%;\n background:#f9f3f3;\n border-right:1px solid #efefef;\n }\n .bh-scope .bh-specs td:last-child{color:#222}\n\n \/* Swatches de color ─────────────────────────── *\/\n .bh-scope .color-swatch{\n display:inline-block;width:22px;height:22px;border-radius:50%;\n border:2px solid #fff;\n box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n transition:transform .15s,box-shadow .15s;\n }\n .bh-scope .color-swatch:hover{\n transform:scale(1.25);\n box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n }\n\n \/* ── Bullets de beneficios ─────────────────────────── *\/\n .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n .bh-scope .bullets li{\n padding:8px 0;border-bottom:1px solid #f2f2f2;\n display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n }\n .bh-scope .bullets li:last-child{border-bottom:none}\n .bh-scope .bullets .dot{\n flex-shrink:0;width:6px;height:6px;border-radius:50%;\n background:#800000;margin-top:8px;\n }\n\n \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n .bh-scope .icon-row{\n display:flex;flex-wrap:wrap;align-items:center;\n justify-content:center;gap:18px;\n margin:8px 0 20px;padding:14px 0;\n border-top:1px solid #f0f0f0;\n border-bottom:1px solid #f0f0f0;\n }\n .bh-scope .icon-row img{\n display:block;width:46px;height:46px;border:0;outline:0;\n opacity:.85;transition:opacity .15s,transform .15s;\n }\n .bh-scope .icon-row .tooltip:hover img,\n .bh-scope .icon-row .tooltip:focus img{\n opacity:1;transform:scale(1.12);\n }\n\n \/* ── Bloque de colección ──────────────────────────── *\/\n .bh-scope .bh-collection{\n display:flex;align-items:center;gap:14px;\n background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n }\n .bh-scope .bh-collection-label{\n font-size:.78em;font-weight:700;text-transform:uppercase;\n letter-spacing:.08em;color:#800000;white-space:nowrap;\n }\n .bh-scope .bh-collection-links{\n display:flex;flex-wrap:wrap;gap:8px;\n }\n .bh-scope .bh-collection-link{\n display:inline-block;\n background:#800000;color:#fff !important;text-decoration:none !important;\n font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n transition:background .18s,transform .15s;white-space:nowrap;\n }\n .bh-scope .bh-collection-link:hover{\n background:#600000;transform:translateY(-1px);\n text-decoration:none !important;\n }\n\n \/* Tooltip CSS puro ──────────────────────────────────── *\/\n .bh-scope .tooltip{\n position:relative;display:inline-flex;\n flex-direction:column;align-items:center;cursor:default;\n }\n .bh-scope .tooltiptext{\n visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n text-align:center;border-radius:7px;padding:6px 11px;\n position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n transform:translateX(-50%);opacity:0;\n transition:opacity .18s ease;\n white-space:normal;font-size:.80em;\n box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n }\n .bh-scope .tooltip:hover .tooltiptext,\n .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n .bh-scope .tooltiptext::after{\n content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n border-width:5px;border-style:solid;\n border-color:#1a1a1a transparent transparent transparent;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n \u003cdiv class=\"bh-head\"\u003e\n \u003cspan\u003eRef: BH\/7078\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Aluminio con revestimiento antiadherente gris\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n 12 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 1,2 L\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#808080;\" title=\"gris mate\" aria-label=\"gris mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: aluminio con revestimiento antiadherente gris\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio con revestimiento antiadherente gris\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: gris mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: gris mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n \u003cdiv class=\"bh-collection\"\u003e\n \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n \u003cdiv class=\"bh-collection-links\"\u003e\n \n \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/aspen-collection\" title=\"Ver colección Aspen Collection\"\u003e\n Aspen Collection\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53497529958743,"sku":"BH\/7078","price":33.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7078-1.jpg?v=1778581433"}],"url":"https:\/\/berlinger-haus.es\/ca\/collections\/bebidas-calientes-y-frias.oembed?page=2","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}