{"title":"espumadores de leite","description":"","products":[{"product_id":"4in1-milk-frother_bh-9791","title":"Escumador De Llet 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 .sep { 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 #eee;padding-bottom:5px; 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:12px 15px; text-align:left } .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-scope .bullets li{ padding:8px 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;margin-top:15px;padding:15px 0} .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Mostra circular bàsica (el JS es convertirà en una eina de selecció de bombolles) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;border-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 *\/ } \/* Configuració de la bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext{ visibility:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px; posició:absoluta; z-index:9999; inferior:110%; esquerra:50%; transformació: translateX(-50%); opacitat:0; transició: opacitat .2s easy, inferior .2s easy; espai en blanc:normal; overflow-wrap:break-word; mida de la font:.9em; ombra de la caixa:0 2px 8px rgba(0,0,0,.2); esdeveniments del punter:cap } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibilitat:visible;opacitat:1; inferior:125%} .bh-scope .tooltiptext::després{ contingut:\"\"; posició:absoluta; superior:100%; esquerra:50%; marge esquerre:-5px; amplada de la vora:5px; estil de la vora:sòlid; 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\/9791\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan class=\"label\"\u003eMarca:\u003c\/span\u003e \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 inoxidable, plàstic\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat d'escalfament\u003c\/td\u003e \u003ctd\u003e 300 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat d'escumar\u003c\/td\u003e \u003ctd\u003e 160 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVoltaje\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 400 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e\u003e \u003c\/td\u003e \u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/td\u003e de temperatura d'escalfament\u003c\/td\u003e \u003ctd\u003e 55-65 °C \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e4 funciones\u003c\/td\u003e \u003ctd\u003e - Espuma de leche tibia y ligera - Espuma de leche tibia y espesa - Leche caliente - Espuma fría \u003c\/td\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/body\u003e \u003c\/tr\u003e B\u003e \u003cbody h2 \u003c\/td\u003e class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Interior de la caldera antiadherente d'acer inoxidable\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherente\"\u003e \u003cspan class=\"tooltiptext\"\u003eCaldera interior antiadherente d'acer inoxidable\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" d'aparador automàtic\"\u003e src=\"https:\/\/i.ibb.co\/TxbVsHZX\/auto-off.png\" alt=\"Apagado Automático\"\u003e \u003cspan class=\"tooltiptext\"\u003eSistema d'apagat automàtic\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Botón d'encendido\/apagado\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/ynFz5KG6\/on-off.png\" alt=\"Encendido\/Apagado\"\u003e \u003cspan class=\"tooltiptext\"\u003eBotón d'encendido\/apagado\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els iconos: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no hem fet res. - Si genera sol \u003cspan class=\"color-swatch\" title=\"...\"\u003e, ho envolvem 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){ \/\/ Evita duplicar si ja està dins d'un tooltip if (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || ''; if (!label) return; \/\/ Crea contingut tooltip var wrap = document.createElement('span'); wrap.className = 'tooltip'; wrap.setAttribute('tabindex','0'); \/\/ accessible per teclat swatch.parentNode.insertBefore(wrap, swatch); wrap.appendChild(swatch); \/\/ Crea una burbuja var tip = document.createElement('span'); tip.className = 'tooltiptext'; tip.textContent = label; wrap.appendChild(tip); \/\/ Evita la informació emergent del navegador swatch.removeAttribute('title'); }); }); })(); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616477741399,"sku":"BH\/9791","price":119.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9791-2.jpg?v=1764236049"},{"product_id":"4in1-milk-frother_bh-9792","title":"Escumador De Llet 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 .sep { 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 #eee;padding-bottom:5px; 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:12px 15px; text-align:left } .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-scope .bullets li{ padding:8px 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;margin-top:15px;padding:15px 0} .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Mostra circular bàsica (el JS es convertirà en una eina de selecció de bombolles) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;border-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 *\/ } \/* Configuració de la bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext{ visibility:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px; posició:absoluta; z-index:9999; inferior:110%; esquerra:50%; transformació: translateX(-50%); opacitat:0; transició: opacitat .2s easy, inferior .2s easy; espai en blanc:normal; overflow-wrap:break-word; mida de la font:.9em; ombra de la caixa:0 2px 8px rgba(0,0,0,.2); esdeveniments del punter:cap } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibilitat:visible;opacitat:1; inferior:125%} .bh-scope .tooltiptext::després{ contingut:\"\"; posició:absoluta; superior:100%; esquerra:50%; marge esquerre:-5px; amplada de la vora:5px; estil de la vora:sòlid; 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\/9792\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan class=\"label\"\u003eMarca:\u003c\/span\u003e \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 inoxidable, plàstic\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat d'escalfament\u003c\/td\u003e \u003ctd\u003e 300 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat d'escumar\u003c\/td\u003e \u003ctd\u003e 160 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eTensió\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 400 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003eRango de temperatura de calentamiento\u003c\/td\u003e \u003ctd\u003e 55-65 °C \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e4 funciones\u003c\/td\u003e \u003ctd\u003e - Espuma de leche tibia y ligera - Espuma de leche tibia y espesa - Leche caliente - Espuma fría body \u003c\/td\u003e\u003e \u003c\/td\u003e\u003e \u003c\/table \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Caldera interior antiadherente d'acer inoxidable\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherente\"\u003e \u003cspan class=\"tooltiptext\"\u003eCaldera interior antiadherente d'acer inoxidable\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" d'aparador automàtic\"\u003e src=\"https:\/\/i.ibb.co\/TxbVsHZX\/auto-off.png\" alt=\"Apagado Automático\"\u003e \u003cspan class=\"tooltiptext\"\u003eSistema d'apagat automàtic\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Botón d'encendido\/apagado\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/ynFz5KG6\/on-off.png\" alt=\"Encendido\/Apagado\"\u003e \u003cspan class=\"tooltiptext\"\u003eBotón d'encendido\/apagado\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els iconos: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no hem fet res. - Si genera sol \u003cspan class=\"color-swatch\" title=\"...\"\u003e, ho envolvem 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){ \/\/ Evita duplicar si ja està dins d'un tooltip if (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || ''; if (!label) return; \/\/ Crea contingut tooltip var wrap = document.createElement('span'); wrap.className = 'tooltip'; wrap.setAttribute('tabindex','0'); \/\/ accessible per teclat swatch.parentNode.insertBefore(wrap, swatch); wrap.appendChild(swatch); \/\/ Crea una burbuja var tip = document.createElement('span'); tip.className = 'tooltiptext'; tip.textContent = label; wrap.appendChild(tip); \/\/ Evita la informació emergent del navegador swatch.removeAttribute('title'); }); }); })(); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616477905239,"sku":"BH\/9792","price":119.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9792-2.jpg?v=1764236051"},{"product_id":"4in1-milk-frother_bh-9927","title":"Escumador De Llet 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 .sep { 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 #eee;padding-bottom:5px; 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:12px 15px; text-align:left } .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-scope .bullets li{ padding:8px 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;margin-top:15px;padding:15px 0} .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Mostra circular bàsica (el JS es convertirà en una eina de selecció de bombolles) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;border-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 *\/ } \/* Configuració de la bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext{ visibility:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px; posició:absoluta; z-index:9999; inferior:110%; esquerra:50%; transformació: translateX(-50%); opacitat:0; transició: opacitat .2s easy, inferior .2s easy; espai en blanc:normal; overflow-wrap:break-word; mida de la font:.9em; ombra de la caixa:0 2px 8px rgba(0,0,0,.2); esdeveniments del punter:cap } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibilitat:visible;opacitat:1; inferior:125%} .bh-scope .tooltiptext::després{ contingut:\"\"; posició:absoluta; superior:100%; esquerra:50%; marge esquerre:-5px; amplada de la vora:5px; estil de la vora:sòlid; 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\/9927\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan class=\"label\"\u003eMarca:\u003c\/span\u003e \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 inoxidable, plàstic\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat d'escalfament\u003c\/td\u003e \u003ctd\u003e 300 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat d'escumar\u003c\/td\u003e \u003ctd\u003e 150 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVoltaje\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 500 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eTamaño \u003c\/td\u003e, \u003ctd\u003e115, \u003ctd x 115, \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 70 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negro - oro rosa \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e Esp 4 \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e tibia y espesa - Leche caliente - Espuma fría \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=\"Caldera interior antiadherente d'acer inoxidable\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherente a l'interior d'acer inoxidable\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherente a l'interior d'acer\"\u003e inoxidable\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sistema de apagado automático\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/TxbVsHZX\/auto-off.png\" alt=\"Apagado Automático\"\u003e \u003cspan class=\"tooltiptext\"\u003eSistema d'apagado automàtic \/\u003c\/span\u003ev\u003e\u003e Undiscript \/ \u003c\/span\u003ev\u003e\u003e desactivat\u003c\/span\u003e* \u003c\/div\u003e \u003c\/div\u003e tooltips de COLOR amb els iconos: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genera sol \u003cspan class=\"color-swatch\" title=\"...\"\u003e, ho envolvem 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){ \/\/ Evita duplicar si ja està dins d'un tooltip if (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || ''; if (!label) return; \/\/ Crea contingut tooltip var wrap = document.createElement('span'); wrap.className = 'tooltip'; wrap.setAttribute('tabindex','0'); \/\/ accessible per teclat swatch.parentNode.insertBefore(wrap, swatch); wrap.appendChild(swatch); \/\/ Crea una burbuja var tip = document.createElement('span'); tip.className = 'tooltiptext'; tip.textContent = label; wrap.appendChild(tip); \/\/ Evita la informació emergent del navegador swatch.removeAttribute('title'); }); }); })(); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":52871119831383,"sku":"BH\/9927","price":119.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9927-3.jpg?v=1772799532"},{"product_id":"milk-frother_ftv-0152","title":"Espumador de leite","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:self; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .sep{ opacity:.5; } \/* === Estilos encapsulados APENAS para este bloco === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid #eee;padding-bottom:5px; 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:12px 15px;text-align:left } .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-scope .bullets li{ padding:8px 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;margin-top:15px;padding:15px 0} .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Amostra circular básica (o JS irá convertê-la em uma dica de ferramenta em forma de bolha) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;border-radius:50%; border:1px solid rgba(0,0,0,.25); \/* antes de #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + margem inferior para quebras de linha adequadas *\/ } \/* Balão de dica de ferramenta reutilizável (para ícones e cores) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext{ visibility: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:visible;opacity:1;bottom:125%} .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-0152\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan class=\"label\"\u003eMarca:\u003c\/span\u003e \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003ePrincipais Características\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003eAço inoxidável, plástico\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacidade de aquecimento\u003c\/td\u003e \u003ctd\u003e300 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacidade de espuma\u003c\/td\u003e \u003ctd\u003e160 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVoltagem\u003c\/td\u003e \u003ctd\u003e220-240 V, 50\/60 Hz\u003c\/td\u003e\u003c\/tr\u003e\u003ctr\u003e\u003ctd\u003ePotência\u003c\/td\u003e\u003ctd\u003e400 W\u003c\/td\u003e\u003c\/tr\u003e\u003ctr\u003e\u003ctd\u003eCor\u003c\/td\u003e\u003ctd\u003epreto - ouro rosa\u003c\/td\u003e\u003c\/tr\u003e\u003ctr\u003e\u003ctd\u003e4 funções\u003c\/td\u003e\u003ctd\u003e- Espuma de leite fina e morna - Espuma de leite espessa e morna - Leite quente - Espuma fria\u003c\/td\u003e\u003c\/tr\u003e\u003c\/tbody\u003e\u003c\/table\u003e\u003ch2\u003eBenefícios\u003c\/h2\u003e\u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sistema de desligamento automático\"\u003e \u003cimg \u003cspan class=\"tooltiptext\"\u003eSistema de desligamento automático\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de usar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/C5MFG2bM\/easy-to-use.png\" alt=\"Fácil de usar\"\u003e \u003cspan class=\"tooltiptext\"\u003eFácil de usar\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unificar dicas de ferramentas COLORIDAS com dicas de ferramentas de ícones: - Se o Python já gerar uma estrutura com .tooltip\/.tooltiptext, não fazemos nada. - Se ele gerar apenas \u003cspan class=\"color-swatch\" title=\"...\"\u003e, envolvemos em .tooltip e criamos .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ \/\/ Evita duplicação se já estiver dentro de uma dica de ferramenta if (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || ''; if (!label) return; \/\/ Cria um contêiner para a dica de ferramenta var wrap = document.createElement('span'); wrap.setAttribute('tabindex','0'); wrap.appendChild(swatch); \/\/ Cria um balão de dica de ferramenta var tip = document.createElement('span'); tip.className = 'tooltiptext'; tip.textContent = label; wrap.appendChild(tip); \/\/ Evita a dica de ferramenta nativa do navegador swatch.removeAttribute('title'); }); }); })(); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":52871135199575,"sku":"FTV-0152","price":127.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0152-2.jpg?v=1772529332"},{"product_id":"milk-frother_ftv-0182","title":"Espumador de leite","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:self; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .sep{ opacity:.5; } \/* === Estilos encapsulados APENAS para este bloco === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid #eee;padding-bottom:5px; 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:12px 15px;text-align:left } .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-scope .bullets li{ padding:8px 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;margin-top:15px;padding:15px 0} .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Amostra circular básica (o JS irá convertê-la em uma dica de ferramenta em forma de bolha) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;border-radius:50%; border:1px solid rgba(0,0,0,.25); \/* antes de #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + margem inferior para quebras de linha adequadas *\/ } \/* Balão de dica de ferramenta reutilizável (para ícones e cores) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext{ visibility: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:visible;opacity:1;bottom:125%} .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-0182\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan class=\"label\"\u003eMarca:\u003c\/span\u003e \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003ePrincipais Características\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003eAço inoxidável, plástico\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacidade de aquecimento\u003c\/td\u003e \u003ctd\u003e300 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacidade de espuma\u003c\/td\u003e \u003ctd\u003e160 ml\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVoltagem\u003c\/td\u003e \u003ctd\u003e220-240 V, 50\/60 Hz\u003c\/td\u003e\u003c\/tr\u003e\u003ctr\u003e\u003ctd\u003ePotência\u003c\/td\u003e\u003ctd\u003e400 W\u003c\/td\u003e\u003c\/tr\u003e\u003ctr\u003e\u003ctd\u003eCor\u003c\/td\u003e\u003ctd\u003ecreme-dourado\u003c\/td\u003e\u003c\/tr\u003e\u003ctr\u003e\u003ctd\u003e4 funções\u003c\/td\u003e\u003ctd\u003e- Espuma de leite morna e fina - Espuma de leite morna e densa - Leite quente - Espuma fria\u003c\/td\u003e\u003c\/tr\u003e\u003c\/tbody\u003e\u003c\/table\u003e\u003ch2\u003eBenefícios\u003c\/h2\u003e\u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sistema de desligamento automático\"\u003e \u003cimg \u003cspan class=\"tooltiptext\"\u003eSistema de desligamento automático\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de usar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/C5MFG2bM\/easy-to-use.png\" alt=\"Fácil de usar\"\u003e \u003cspan class=\"tooltiptext\"\u003eFácil de usar\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unificar dicas de ferramentas COLORIDAS com dicas de ferramentas de ícones: - Se o Python já gerar uma estrutura com .tooltip\/.tooltiptext, não fazemos nada. - Se ele gerar apenas \u003cspan class=\"color-swatch\" title=\"...\"\u003e, envolvemos em .tooltip e criamos .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ \/\/ Evita duplicação se já estiver dentro de uma dica de ferramenta if (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || ''; if (!label) return; \/\/ Cria um contêiner para a dica de ferramenta var wrap = document.createElement('span'); wrap.setAttribute('tabindex','0'); wrap.appendChild(swatch); \/\/ Cria um balão de dica de ferramenta var tip = document.createElement('span'); tip.className = 'tooltiptext'; tip.textContent = label; wrap.appendChild(tip); \/\/ Evita a dica de ferramenta nativa do navegador swatch.removeAttribute('title'); }); }); })(); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":52871136805207,"sku":"FTV-0182","price":127.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0182-2.jpg?v=1772529200"}],"url":"https:\/\/berlinger-haus.es\/pt\/collections\/espumadores-de-leche.oembed","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}