{"id":4747,"date":"2026-03-14T18:24:15","date_gmt":"2026-03-14T21:24:15","guid":{"rendered":"https:\/\/badagresbadalona.com\/?page_id=4747"},"modified":"2026-10-27T10:54:39","modified_gmt":"2026-10-27T09:54:39","slug":"ceramica-i-paviments","status":"publish","type":"page","link":"https:\/\/badagresbadalona.com\/es\/ceramica-i-paviments\/","title":{"rendered":"Cer\u00e0mica, Paviments i Superf\u00edcies d\u2019Alta Gamma a Badagres"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4747\" class=\"elementor elementor-4747\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08ad98a e-con-full e-flex e-con e-parent\" data-id=\"08ad98a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8387dd elementor-widget elementor-widget-html\" data-id=\"d8387dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bdg-cer-hero\" id=\"bdg-cer-hero\" aria-labelledby=\"bdg-cer-hero-title\">\n  <img fetchpriority=\"high\" class=\"bdg-cer-hero-img\"\n       src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/02\/Azulejo-imitacion-marmol-ALAPLANA_PUNE-120X120_RGB.webp\"\n       alt=\"Cer\u00e0mica i paviments: paviment cer\u00e0mic de gran format 120\u00d7120 efecte marbre, s\u00e8rie Pune d'Alaplana\"\n       width=\"1600\" height=\"900\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n  <div class=\"bdg-cer-hero-overlay\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"bdg-cer-hero-content\">\n\n    <nav class=\"bdg-cer-hero-crumbs\" aria-label=\"Ruta de navegaci\u00f3\">\n      <a href=\"https:\/\/badagresbadalona.com\/\">Inici<\/a>\n      <span class=\"bdg-cer-hero-sep\" aria-hidden=\"true\">\u203a<\/span>\n      <span aria-current=\"page\">Cer\u00e0mica i paviments<\/span>\n    <\/nav>\n\n    <p class=\"bdg-cer-hero-eyebrow\"><span class=\"bdg-cer-hero-bar\"><\/span>Cer\u00e0mica<span class=\"bdg-cer-hero-bar\"><\/span><\/p>\n\n    <h1 class=\"bdg-cer-hero-title\" id=\"bdg-cer-hero-title\">Cer\u00e0mica i paviments d'<span class=\"bdg-cer-hero-hl\">alta gamma<\/span><\/h1>\n\n    <p class=\"bdg-cer-hero-desc\">\n      Cer\u00e0mica i paviments per a interior i exterior. A Badagres entenem el paviment com la base de qualsevol projecte. Seleccionem exclusivament marques que garanteixen l'equilibri perfecte entre disseny d'avantguarda, durabilitat i tecnologia cer\u00e0mica.\n    <\/p>\n\n    <div class=\"bdg-cer-hero-ctas\">\n      <a class=\"bdg-cer-hero-btn bdg-cer-hero-btn-lime\"\n         href=\"#bdg-cer-cataleg\"\n         data-gtm-event=\"click_ceramica_hero_cataleg\">Explora el cat\u00e0leg<\/a>\n      <a class=\"bdg-cer-hero-btn bdg-cer-hero-btn-ghost\" href=\"https:\/\/wa.me\/34661674245?text=Hola%20Badagres!%20Cerco%20cer%C3%A0mica%20o%20paviment%20per%20al%20meu%20projecte.&amp;utm_source=web&amp;utm_medium=landing-ceramica&amp;utm_campaign=whatsapp&amp;utm_content=hero-ceramica\" target=\"_blank\" rel=\"noopener\" data-gtm-event=\"click_whatsapp_ceramica\" aria-label=\"Consulta per WhatsApp sobre cer\u00e0mica i paviments\">Consulta per WhatsApp<\/a>\n    <\/div>\n\n    <p class=\"bdg-cer-hero-trust\">\n      <span>1.659 s\u00e8ries<\/span><i aria-hidden=\"true\"><\/i>\n      <span>28 marques<\/span><i aria-hidden=\"true\"><\/i>\n      <span>Des de 1986<\/span>\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Landing Cer\u00e0mica \u00b7 Hero v1 \u00b7 directriu llima: var(--bdg-*) amb fallback \u2500\u2500 *\/\n#bdg-cer-hero{\n  position:relative;\n  min-height:clamp(520px,78svh,760px);\n  display:flex;align-items:center;justify-content:center;\n  overflow:hidden;\n  background:var(--bdg-black,#0a0a0a);\n  font-family:'Montserrat',system-ui,-apple-system,sans-serif;\n  color:var(--bdg-white,#ffffff);\n  text-align:center;\n  -webkit-font-smoothing:antialiased;\n}\n#bdg-cer-hero *{box-sizing:border-box}\n#bdg-cer-hero .bdg-cer-hero-img{\n  position:absolute;inset:0;width:100%;height:100%;\n  object-fit:cover;object-position:center;\n}\n#bdg-cer-hero .bdg-cer-hero-overlay{\n  position:absolute;inset:0;\n  background:linear-gradient(0deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.45) 45%,rgba(10,10,10,.35) 100%);\n}\n#bdg-cer-hero .bdg-cer-hero-content{\n  position:relative;z-index:2;\n  max-width:880px;width:100%;\n  margin:0 auto;\n  padding:clamp(70px,10vh,110px) clamp(20px,5vw,48px) clamp(56px,8vh,90px);\n  display:flex;flex-direction:column;align-items:center;\n}\n\/* Breadcrumb visible (el JSON-LD el posa Rank Math) *\/\n#bdg-cer-hero .bdg-cer-hero-crumbs{\n  display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;\n  margin:0 0 clamp(22px,4vh,34px);\n  font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;\n  color:rgba(255,255,255,.6);\n}\n#bdg-cer-hero .bdg-cer-hero-crumbs a{\n  color:rgba(255,255,255,.75);text-decoration:none;\n  border-bottom:1px solid transparent;transition:color .25s,border-color .25s;\n}\n#bdg-cer-hero .bdg-cer-hero-crumbs a:hover{color:var(--bdg-lime,#ECF300);border-bottom-color:var(--bdg-lime,#ECF300)}\n#bdg-cer-hero .bdg-cer-hero-crumbs a:focus-visible{outline:2px solid var(--bdg-lime,#ECF300);outline-offset:3px}\n#bdg-cer-hero .bdg-cer-hero-sep{color:var(--bdg-lime,#ECF300)}\n\/* Eyebrow llima amb barres *\/\n#bdg-cer-hero .bdg-cer-hero-eyebrow{\n  display:flex;align-items:center;justify-content:center;gap:14px;\n  margin:0 0 18px;\n  font-size:.76rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;\n  color:var(--bdg-lime,#ECF300);\n}\n#bdg-cer-hero .bdg-cer-hero-bar{display:inline-block;width:34px;height:2px;background:var(--bdg-lime,#ECF300)}\n\/* H1 Montserrat 800 + marcador llima *\/\n#bdg-cer-hero .bdg-cer-hero-title{\n  margin:0 0 22px;\n  font-family:'Montserrat',system-ui,-apple-system,sans-serif;\n  font-size:clamp(1.9rem,5.2vw,3.5rem);\n  font-weight:800;line-height:1.08;letter-spacing:-.01em;\n  text-transform:uppercase;\n  color:var(--bdg-white,#ffffff);\n  text-wrap:balance;\n}\n#bdg-cer-hero .bdg-cer-hero-hl{color:var(--bdg-lime,#ECF300)}\n#bdg-cer-hero .bdg-cer-hero-desc{\n  margin:0 0 34px;max-width:56ch;\n  font-size:clamp(.95rem,1.7vw,1.1rem);font-weight:400;line-height:1.7;\n  color:rgba(255,255,255,.85);\n}\n\/* CTAs *\/\n#bdg-cer-hero .bdg-cer-hero-ctas{\n  display:flex;flex-wrap:wrap;gap:14px;justify-content:center;\n  margin:0 0 34px;\n}\n#bdg-cer-hero .bdg-cer-hero-btn{\n  display:inline-flex;align-items:center;justify-content:center;\n  padding:16px 32px;min-height:50px;\n  font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;\n  text-decoration:none;border-radius:3px;border:1px solid transparent;\n  transition:transform .25s,background-color .25s,color .25s,border-color .25s,box-shadow .25s;\n}\n#bdg-cer-hero .bdg-cer-hero-btn-lime{\n  background:var(--bdg-lime,#ECF300);color:var(--bdg-black,#0a0a0a);\n  box-shadow:0 8px 26px rgba(236,243,0,.3);\n}\n#bdg-cer-hero .bdg-cer-hero-btn-lime:hover,#bdg-cer-hero .bdg-cer-hero-btn-lime:focus-visible{\n  background:var(--bdg-black,#0a0a0a);color:var(--bdg-lime,#ECF300);\n  border-color:var(--bdg-lime,#ECF300);\n  transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.45);\n}\n#bdg-cer-hero .bdg-cer-hero-btn-ghost{\n  background:transparent;color:var(--bdg-white,#ffffff);\n  border:1px solid rgba(255,255,255,.55);\n}\n#bdg-cer-hero .bdg-cer-hero-btn-ghost:hover,#bdg-cer-hero .bdg-cer-hero-btn-ghost:focus-visible{\n  border-color:var(--bdg-lime,#ECF300);color:var(--bdg-lime,#ECF300);transform:translateY(-2px);\n}\n#bdg-cer-hero .bdg-cer-hero-btn:focus-visible{outline:2px solid var(--bdg-lime,#ECF300);outline-offset:3px}\n\/* Micro-barra de confian\u00e7a *\/\n#bdg-cer-hero .bdg-cer-hero-trust{\n  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;\n  margin:0;\n  font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;\n  color:rgba(255,255,255,.6);\n}\n#bdg-cer-hero .bdg-cer-hero-trust i{\n  display:inline-block;width:5px;height:5px;border-radius:50%;\n  background:var(--bdg-lime,#ECF300);\n}\n\/* M\u00f2bil *\/\n@media (max-width:767px){\n  #bdg-cer-hero{min-height:clamp(500px,72svh,640px)}\n  #bdg-cer-hero .bdg-cer-hero-ctas{flex-direction:column;width:100%;max-width:340px}\n  #bdg-cer-hero .bdg-cer-hero-btn{width:100%}\n}\n@media (prefers-reduced-motion:reduce){\n  #bdg-cer-hero .bdg-cer-hero-btn{transition:none}\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n  var root=document.getElementById(\"bdg-cer-hero\");\n  if(!root)return;\n  window.dataLayer=window.dataLayer||[];\n\n  \/* GTM mirall *\/\n  root.addEventListener(\"click\",function(e){\n    var a=e.target.closest&&e.target.closest(\"[data-gtm-event]\");\n    if(!a)return;\n    window.dataLayer.push({\n      event:a.getAttribute(\"data-gtm-event\"),\n      bdg_widget:\"landing_ceramica_hero_v1\",\n      bdg_desti:a.getAttribute(\"href\")\n    });\n  });\n\n  \/* Scroll sua cap a la graella del cat\u00e0leg (anchor intern) *\/\n  var btnCat=root.querySelector('a[href=\"#bdg-cer-cataleg\"]');\n  if(btnCat){\n    btnCat.addEventListener(\"click\",function(e){\n      var desti=document.getElementById(\"bdg-cer-cataleg\");\n      if(!desti)return; \/* si encara no existeix la graella, comportament per defecte *\/\n      e.preventDefault();\n      desti.scrollIntoView({behavior:\"smooth\",block:\"start\"});\n      desti.setAttribute(\"tabindex\",\"-1\");\n      desti.focus({preventScroll:true});\n    });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f72389e e-con-full e-flex e-con e-parent\" data-id=\"f72389e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bb9601 elementor-widget elementor-widget-html\" data-id=\"1bb9601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bdg-efx\" id=\"bdg-efx\" aria-labelledby=\"bdg-efx-title\">\n  <header class=\"bdg-efx-head\">\n    <p class=\"bdg-efx-eyebrow\"><span class=\"bdg-efx-bar\"><\/span>Cat\u00e0leg cer\u00e0mic<span class=\"bdg-efx-bar\"><\/span><\/p>\n    <h2 class=\"bdg-efx-title\" id=\"bdg-efx-title\">Troba el teu <span class=\"bdg-efx-hl\">efecte<\/span><\/h2>\n    <p class=\"bdg-efx-sub\">Del marbre a la terracota: remena i descobreix l'acabat visual que busca el teu projecte.<\/p>\n  <\/header>\n\n  <div class=\"bdg-efx-slider\" role=\"region\" aria-roledescription=\"carrusel\" aria-label=\"Efectes cer\u00e0mics\">\n\n    <button class=\"bdg-efx-arrow bdg-efx-prev\" type=\"button\" aria-label=\"Efectes anteriors\">\n      <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15 5l-7 7 7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/button>\n\n    <ul class=\"bdg-efx-track\" id=\"bdg-efx-track\" role=\"list\" tabindex=\"0\" aria-label=\"Llista d'efectes cer\u00e0mics (despla\u00e7ament horitzontal)\">\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/pedra\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"pedra\" aria-label=\"Efecte pedra: 489 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/ALLISON100x100-rect-.jpg\"\n             alt=\"Cer\u00e0mica efecte pedra, s\u00e8rie Allison 100\u00d7100\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Pedra<\/span>\n        <span class=\"bdg-efx-count\">489 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/monocolor-llis\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"monocolor-llis\" aria-label=\"Efecte monocolor llis: 473 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/02\/67701.jpg\"\n             alt=\"Cer\u00e0mica monocolor llisa en tons neutres\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Monocolor \/ Llis<\/span>\n        <span class=\"bdg-efx-count\">473 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/fusta\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"fusta\" aria-label=\"Efecte fusta: 357 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/MAY-14-20AMAZONIA-37.webp\"\n             alt=\"Cer\u00e0mica efecte fusta, s\u00e8rie Amazonia de Mykonos\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Fusta<\/span>\n        <span class=\"bdg-efx-count\">357 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/marbre\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"marbre\" aria-label=\"Efecte marbre: 286 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/02\/Alaska_HQ-scaled-1.jpg\"\n             alt=\"Cer\u00e0mica efecte marbre vetat, s\u00e8rie Alaska\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Marbre<\/span>\n        <span class=\"bdg-efx-count\">286 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/ciment\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"ciment\" aria-label=\"Efecte ciment: 284 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/VVFN3337BI55323_OCCHIATA_DARKGREEN_AMB_3_OCCHIATA_DARKGREEN_AMB_3_SZ1.jpg\"\n             alt=\"Cer\u00e0mica efecte ciment en ambient contemporani\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Ciment<\/span>\n        <span class=\"bdg-efx-count\">284 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/metall\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"metall\" aria-label=\"Efecte metall: 157 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/VVFN3337BI55323_OCCHIATA_DARKGREEN_AMB_3_OCCHIATA_DARKGREEN_AMB_3_SZ1.jpg\"\n             alt=\"Cer\u00e0mica efecte metall amb acabat industrial\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Metall<\/span>\n        <span class=\"bdg-efx-count\">157 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/terracota-mao\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"terracota-mao\" aria-label=\"Efecte terracota i ma\u00f3: 154 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/EQ-ARES-01.webp\"\n             alt=\"Cer\u00e0mica efecte terracota i ma\u00f3, s\u00e8rie Ares d'Equipe\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Terracota \/ Ma\u00f3<\/span>\n        <span class=\"bdg-efx-count\">154 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/hidraulic\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"hidraulic\" aria-label=\"Efecte hidr\u00e0ulic: 97 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/A1061_1900_Blanco_Azul.jpg\"\n             alt=\"Rajola hidr\u00e0ulica amb geometria blava i blanca\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Hidr\u00e0ulic<\/span>\n        <span class=\"bdg-efx-count\">97 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/rajola-artesanal\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"rajola-artesanal\" aria-label=\"Rajola artesanal: 80 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/02\/67701.jpg\"\n             alt=\"Rajola artesanal amb acabats irregulars\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Rajola artesanal<\/span>\n        <span class=\"bdg-efx-count\">80 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/majolica\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"majolica\" aria-label=\"Efecte maj\u00f2lica: 33 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/APA-SAO-LUIS-01.webp\"\n             alt=\"Rajola maj\u00f2lica decorativa, s\u00e8rie Sao Luis d'Apavisa\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Maj\u00f2lica<\/span>\n        <span class=\"bdg-efx-count\">33 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/terratzo\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"terratzo\" aria-label=\"Efecte terratzo: 15 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/marazzi_caracter_025.jpg\"\n             alt=\"Cer\u00e0mica efecte terratzo amb gr\u00e0nuls, col\u00b7lecci\u00f3 Caracter de Marazzi\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Terratzo<\/span>\n        <span class=\"bdg-efx-count\">15 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/textil-catifa\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"textil-catifa\" aria-label=\"Efecte t\u00e8xtil i catifa: 15 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/APA-BOHEMIAN-01.webp\"\n             alt=\"Cer\u00e0mica efecte t\u00e8xtil i catifa, s\u00e8rie Bohemian d'Apavisa\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">T\u00e8xtil \/ Catifa<\/span>\n        <span class=\"bdg-efx-count\">15 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/decoratiu-floral\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"decoratiu-floral\" aria-label=\"Efecte decoratiu floral: 11 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/EQ-COIMBRA-01.webp\"\n             alt=\"Rajola decorativa floral, s\u00e8rie Coimbra d'Equipe\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Decoratiu floral<\/span>\n        <span class=\"bdg-efx-count\">11 productes<\/span>\n      <\/a><\/li>\n\n      <li><a class=\"bdg-efx-card\" href=\"https:\/\/badagresbadalona.com\/efecte\/mosaic\/\" data-gtm-event=\"click_efecte_ceramica\" data-gtm-efecte=\"mosaic\" aria-label=\"Efecte mosaic: 4 productes al cat\u00e0leg\">\n        <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/APA-CREA-01.webp\"\n             alt=\"Mosaic cer\u00e0mic, s\u00e8rie Crea d'Apavisa\" width=\"400\" height=\"300\" loading=\"lazy\" decoding=\"async\">\n        <span class=\"bdg-efx-name\">Mosaic<\/span>\n        <span class=\"bdg-efx-count\">4 productes<\/span>\n      <\/a><\/li>\n\n    <\/ul>\n\n    <button class=\"bdg-efx-arrow bdg-efx-next\" type=\"button\" aria-label=\"Efectes seg\u00fcents\">\n      <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M9 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/button>\n\n    <div class=\"bdg-efx-progress\" aria-hidden=\"true\"><span class=\"bdg-efx-progress-bar\" id=\"bdg-efx-progress-bar\"><\/span><\/div>\n  <\/div>\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ItemList\",\n    \"inLanguage\": \"ca\",\n    \"name\": \"Efectes cer\u00e0mics del cat\u00e0leg Badagres\",\n    \"itemListElement\": [\n      {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Pedra\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/pedra\/\"},\n      {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"Monocolor \/ Llis\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/monocolor-llis\/\"},\n      {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"Fusta\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/fusta\/\"},\n      {\"@type\": \"ListItem\", \"position\": 4, \"name\": \"Marbre\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/marbre\/\"},\n      {\"@type\": \"ListItem\", \"position\": 5, \"name\": \"Ciment\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/ciment\/\"},\n      {\"@type\": \"ListItem\", \"position\": 6, \"name\": \"Metall\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/metall\/\"},\n      {\"@type\": \"ListItem\", \"position\": 7, \"name\": \"Terracota \/ Ma\u00f3\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/terracota-mao\/\"},\n      {\"@type\": \"ListItem\", \"position\": 8, \"name\": \"Hidr\u00e0ulic\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/hidraulic\/\"},\n      {\"@type\": \"ListItem\", \"position\": 9, \"name\": \"Rajola artesanal\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/rajola-artesanal\/\"},\n      {\"@type\": \"ListItem\", \"position\": 10, \"name\": \"Maj\u00f2lica\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/majolica\/\"},\n      {\"@type\": \"ListItem\", \"position\": 11, \"name\": \"Terratzo\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/terratzo\/\"},\n      {\"@type\": \"ListItem\", \"position\": 12, \"name\": \"T\u00e8xtil \/ Catifa\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/textil-catifa\/\"},\n      {\"@type\": \"ListItem\", \"position\": 13, \"name\": \"Decoratiu floral\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/decoratiu-floral\/\"},\n      {\"@type\": \"ListItem\", \"position\": 14, \"name\": \"Mosaic\", \"url\": \"https:\/\/badagresbadalona.com\/efecte\/mosaic\/\"}\n    ]\n  }\n  <\/script>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Landing Cer\u00e0mica \u00b7 Slider d'efectes v2 \u00b7 directriu llima \u2500\u2500 *\/\n#bdg-efx{\n  background:var(--bdg-white,#ffffff);\n  color:var(--bdg-black,#0a0a0a);\n  font-family:'Montserrat',system-ui,-apple-system,sans-serif;\n  padding:clamp(44px,6vw,72px) 0 clamp(48px,6vw,80px);\n  -webkit-font-smoothing:antialiased;\n}\n#bdg-efx *{box-sizing:border-box}\n#bdg-efx .bdg-efx-head{\n  max-width:1100px;margin:0 auto clamp(26px,4vw,40px);\n  padding:0 clamp(20px,5vw,64px);text-align:center;\n}\n#bdg-efx .bdg-efx-eyebrow{\n  display:flex;align-items:center;justify-content:center;gap:14px;\n  margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--bdg-black,#0a0a0a);\n}\n#bdg-efx .bdg-efx-bar{display:inline-block;width:30px;height:2px;background:var(--bdg-lime,#ECF300)}\n#bdg-efx .bdg-efx-title{\n  margin:0 0 12px;font-family:'Montserrat',system-ui,sans-serif;\n  font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;line-height:1.1;\n  letter-spacing:-.01em;text-transform:uppercase;color:var(--bdg-black,#0a0a0a);\n  text-wrap:balance;\n}\n#bdg-efx .bdg-efx-hl{\n  background:var(--bdg-lime,#ECF300);color:var(--bdg-black,#0a0a0a);\n  padding:.02em .22em;border-radius:2px;\n  box-decoration-break:clone;-webkit-box-decoration-break:clone;\n}\n#bdg-efx .bdg-efx-sub{margin:0 auto;max-width:54ch;font-size:clamp(.88rem,1.5vw,1rem);line-height:1.6;color:rgba(10,10,10,.6)}\n\/* Slider d'una l\u00ednia *\/\n#bdg-efx .bdg-efx-slider{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}\n#bdg-efx .bdg-efx-track{\n  list-style:none;margin:0;padding:4px 2px 14px;\n  display:flex;gap:14px;\n  overflow-x:auto;overscroll-behavior-x:contain;\n  scroll-snap-type:x mandatory;scroll-behavior:smooth;\n  scrollbar-width:none;-ms-overflow-style:none;\n}\n#bdg-efx .bdg-efx-track::-webkit-scrollbar{display:none}\n#bdg-efx .bdg-efx-track:focus-visible{outline:2px solid var(--bdg-black,#0a0a0a);outline-offset:4px}\n#bdg-efx .bdg-efx-track>li{flex:0 0 auto;scroll-snap-align:start;width:clamp(150px,38vw,196px)}\n\/* Targeta compacta delicada *\/\n#bdg-efx .bdg-efx-card{\n  position:relative;display:flex;flex-direction:column;gap:7px;\n  height:100%;padding:10px 10px 14px;\n  background:var(--bdg-white,#ffffff);\n  border:1px solid rgba(10,10,10,.12);border-radius:10px;\n  text-decoration:none;color:inherit;text-align:center;\n  box-shadow:0 2px 8px rgba(10,10,10,.04);\n  transition:border-color .25s,transform .25s,box-shadow .25s;\n}\n#bdg-efx .bdg-efx-card::before{\n  content:\"\";position:absolute;top:0;left:14px;right:14px;height:3px;\n  background:var(--bdg-lime,#ECF300);border-radius:0 0 2px 2px;\n  opacity:0;transition:opacity .25s;\n}\n#bdg-efx .bdg-efx-card:hover{\n  border-color:var(--bdg-black,#0a0a0a);transform:translateY(-3px);\n  box-shadow:0 12px 26px rgba(10,10,10,.12);\n}\n#bdg-efx .bdg-efx-card:hover::before{opacity:1}\n#bdg-efx .bdg-efx-card:focus-visible{outline:2px solid var(--bdg-black,#0a0a0a);outline-offset:3px}\n#bdg-efx .bdg-efx-card img{\n  display:block;width:100%;height:auto;aspect-ratio:4\/3;object-fit:cover;\n  border-radius:7px;\n}\n#bdg-efx .bdg-efx-name{\n  margin-top:4px;\n  font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.25;\n  color:var(--bdg-black,#0a0a0a);\n}\n#bdg-efx .bdg-efx-count{\n  font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n  color:rgba(10,10,10,.5);\n}\n\/* Fletxes (escriptori) *\/\n#bdg-efx .bdg-efx-arrow{\n  position:absolute;top:calc(50% - 16px);transform:translateY(-50%);z-index:3;\n  width:44px;height:44px;border-radius:50%;\n  display:none;align-items:center;justify-content:center;\n  background:var(--bdg-white,#ffffff);border:1px solid rgba(10,10,10,.18);\n  color:var(--bdg-black,#0a0a0a);cursor:pointer;\n  box-shadow:0 4px 14px rgba(10,10,10,.14);\n  transition:background-color .25s,color .25s,border-color .25s;\n}\n#bdg-efx .bdg-efx-prev{left:clamp(2px,1vw,10px)}\n#bdg-efx .bdg-efx-next{right:clamp(2px,1vw,10px)}\n#bdg-efx .bdg-efx-arrow:hover,#bdg-efx .bdg-efx-arrow:focus-visible{\n  background:var(--bdg-lime,#ECF300);border-color:var(--bdg-lime,#ECF300);color:var(--bdg-black,#0a0a0a);\n}\n#bdg-efx .bdg-efx-arrow:focus-visible{outline:2px solid var(--bdg-black,#0a0a0a);outline-offset:3px}\n\/* Barra de progr\u00e9s llima (posici\u00f3 de scroll) *\/\n#bdg-efx .bdg-efx-progress{\n  margin:14px auto 0;height:3px;max-width:220px;\n  background:rgba(10,10,10,.12);border-radius:2px;overflow:hidden;\n}\n#bdg-efx .bdg-efx-progress-bar{\n  display:block;height:100%;width:20%;\n  background:var(--bdg-lime,#ECF300);border-radius:2px;\n  transition:width .15s linear;\n}\n@media (min-width:900px){\n  #bdg-efx .bdg-efx-arrow{display:flex}\n}\n@media (prefers-reduced-motion:reduce){\n  #bdg-efx .bdg-efx-track{scroll-behavior:auto}\n  #bdg-efx .bdg-efx-card,#bdg-efx .bdg-efx-card::before{transition:none}\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n  var root=document.getElementById(\"bdg-efx\");\n  if(!root)return;\n  var track=document.getElementById(\"bdg-efx-track\");\n  var bar=document.getElementById(\"bdg-efx-progress-bar\");\n  if(!track)return;\n\n  \/* GTM mirall *\/\n  window.dataLayer=window.dataLayer||[];\n  root.addEventListener(\"click\",function(e){\n    var a=e.target.closest&&e.target.closest(\"[data-gtm-event]\");\n    if(!a)return;\n    window.dataLayer.push({\n      event:a.getAttribute(\"data-gtm-event\"),\n      bdg_efecte:a.getAttribute(\"data-gtm-efecte\"),\n      bdg_widget:\"landing_ceramica_efectes_v2\",\n      bdg_desti:a.getAttribute(\"href\")\n    });\n  });\n\n  \/* Fletxes: despla\u00e7ament per \"p\u00e0gina\" visible *\/\n  function pas(){return Math.max(track.clientWidth*0.8,220);}\n  var prev=root.querySelector(\".bdg-efx-prev\");\n  var next=root.querySelector(\".bdg-efx-next\");\n  if(prev)prev.addEventListener(\"click\",function(){track.scrollBy({left:-pas(),behavior:\"smooth\"});});\n  if(next)next.addEventListener(\"click\",function(){track.scrollBy({left:pas(),behavior:\"smooth\"});});\n\n  \/* Teclat sobre la pista *\/\n  track.addEventListener(\"keydown\",function(e){\n    if(e.key===\"ArrowRight\"){e.preventDefault();track.scrollBy({left:pas(),behavior:\"smooth\"});}\n    else if(e.key===\"ArrowLeft\"){e.preventDefault();track.scrollBy({left:-pas(),behavior:\"smooth\"});}\n  });\n\n  \/* Barra de progr\u00e9s segons posici\u00f3 de scroll *\/\n  function paintBar(){\n    if(!bar)return;\n    var max=track.scrollWidth-track.clientWidth;\n    if(max<=0){bar.style.width=\"100%\";return;}\n    var r=track.scrollLeft\/max;\n    var min=track.clientWidth\/track.scrollWidth;\n    bar.style.width=(min+(1-min)*r)*100+\"%\";\n  }\n  track.addEventListener(\"scroll\",paintBar,{passive:true});\n  window.addEventListener(\"resize\",paintBar);\n  paintBar();\n})();\n<\/script>\n<!-- CHECKLIST v2:\n  1. Enganxa aquest contingut al widget HTML del slider d'efectes de la\n     landing de Cer\u00e0mica (substitueix la v1 sencera), desa i purga cach\u00e9 + Ctrl+F5.\n  2. Efectes i recomptes = dades reals de l'API del cat\u00e0leg (2026-08-26):\n     Pedra 489 \u00b7 Monocolor\/Llis 473 \u00b7 Fusta 357 \u00b7 Marbre 286 \u00b7 Ciment 284 \u00b7\n     Metall 157 \u00b7 Terracota\/Ma\u00f3 154 \u00b7 Hidr\u00e0ulic 97 \u00b7 Rajola artesanal 80 \u00b7\n     Maj\u00f2lica 33 \u00b7 Terratzo 15 \u00b7 T\u00e8xtil\/Catifa 15 \u00b7 Decoratiu floral 11 \u00b7 Mosaic 4.\n  3. Efectes eliminats (ja no existeixen, 404): monocolor, terracota,\n     blanc, rustic, textura.\n  4. GTM: click_efecte_ceramica amb bdg_widget=landing_ceramica_efectes_v2.\n  ROLLBACK: torna a enganxar la v1; cap p\u00e0gina es veu afectada. -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0eaa214 e-con-full e-flex e-con e-parent\" data-id=\"0eaa214\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c2da83 elementor-widget elementor-widget-html\" data-id=\"4c2da83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bdg-esp\" id=\"bdg-esp\" aria-labelledby=\"bdg-esp-title\">\n  <header class=\"bdg-esp-head\">\n    <p class=\"bdg-esp-eyebrow\"><span class=\"bdg-esp-bar\"><\/span>On el posar\u00e0s?<span class=\"bdg-esp-bar\"><\/span><\/p>\n    <h2 class=\"bdg-esp-title\" id=\"bdg-esp-title\">Cer\u00e0mica per <span class=\"bdg-esp-hl\">espai<\/span><\/h2>\n    <p class=\"bdg-esp-sub\">Cada estan\u00e7a demana una cer\u00e0mica: tria l'espai del teu projecte i et mostrem nom\u00e9s el que hi funciona.<\/p>\n  <\/header>\n\n  <ul class=\"bdg-esp-grid\" role=\"list\">\n\n    <li class=\"bdg-esp-item\">\n      <a class=\"bdg-esp-card\" href=\"https:\/\/badagresbadalona.com\/espai-ideal\/bany\/\" data-gtm-event=\"click_espai_ceramica\" data-gtm-espai=\"bany\" aria-label=\"Cer\u00e0mica per al bany: 968 productes al cat\u00e0leg\">\n        <figure>\n          <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/06\/BERET-LAVENDER-es-YdLlGp9AfWcWYLyK.jpg\"\n               alt=\"Bany amb revestiment cer\u00e0mic lavanda, s\u00e8rie Beret\"\n               width=\"800\" height=\"500\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <span class=\"bdg-esp-body\">\n          <span class=\"bdg-esp-name\">Bany<\/span>\n          <span class=\"bdg-esp-count\">968 productes<\/span>\n          <span class=\"bdg-esp-cta\">Explora l'espai \u2192<\/span>\n        <\/span>\n      <\/a>\n    <\/li>\n\n    <li class=\"bdg-esp-item\">\n      <a class=\"bdg-esp-card\" href=\"https:\/\/badagresbadalona.com\/espai-ideal\/cuina\/\" data-gtm-event=\"click_espai_ceramica\" data-gtm-espai=\"cuina\" aria-label=\"Cer\u00e0mica per a la cuina: 741 productes al cat\u00e0leg\">\n        <figure>\n          <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/A632_Sakura_blanco.jpg\"\n               alt=\"Cuina amb revestiment cer\u00e0mic blanc, s\u00e8rie Sakura\"\n               width=\"800\" height=\"500\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <span class=\"bdg-esp-body\">\n          <span class=\"bdg-esp-name\">Cuina<\/span>\n          <span class=\"bdg-esp-count\">741 productes<\/span>\n          <span class=\"bdg-esp-cta\">Explora l'espai \u2192<\/span>\n        <\/span>\n      <\/a>\n    <\/li>\n\n    <li class=\"bdg-esp-item\">\n      <a class=\"bdg-esp-card\" href=\"https:\/\/badagresbadalona.com\/espai-ideal\/salo-menjador\/\" data-gtm-event=\"click_espai_ceramica\" data-gtm-espai=\"salo-menjador\" aria-label=\"Cer\u00e0mica per al sal\u00f3 i el menjador: 737 productes al cat\u00e0leg\">\n        <figure>\n          <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/marazzi_d_segni_003.jpg\"\n               alt=\"Sal\u00f3 amb paviment cer\u00e0mic decoratiu, col\u00b7lecci\u00f3 D_Segni de Marazzi\"\n               width=\"800\" height=\"500\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <span class=\"bdg-esp-body\">\n          <span class=\"bdg-esp-name\">Sal\u00f3 i menjador<\/span>\n          <span class=\"bdg-esp-count\">737 productes<\/span>\n          <span class=\"bdg-esp-cta\">Explora l'espai \u2192<\/span>\n        <\/span>\n      <\/a>\n    <\/li>\n\n    <li class=\"bdg-esp-item\">\n      <a class=\"bdg-esp-card\" href=\"https:\/\/badagresbadalona.com\/espai-ideal\/terrassa-i-exterior\/\" data-gtm-event=\"click_espai_ceramica\" data-gtm-espai=\"terrassa-i-exterior\" aria-label=\"Cer\u00e0mica per a terrassa i exterior: 415 productes al cat\u00e0leg\">\n        <figure>\n          <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB_ASPEN_MULTICOLOR_MULTIFORMATO_GREY_30X60_MYSTEP_33X120-scaled-1-2048x1434.jpg\"\n               alt=\"Terrassa amb paviment cer\u00e0mic multiformat gris, s\u00e8rie Aspen amb graons Mystep\"\n               width=\"2048\" height=\"1434\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <span class=\"bdg-esp-body\">\n          <span class=\"bdg-esp-name\">Terrassa i exterior<\/span>\n          <span class=\"bdg-esp-count\">415 productes<\/span>\n          <span class=\"bdg-esp-cta\">Explora l'espai \u2192<\/span>\n        <\/span>\n      <\/a>\n    <\/li>\n\n    <li class=\"bdg-esp-item bdg-esp-item-wide\">\n      <a class=\"bdg-esp-card\" href=\"https:\/\/badagresbadalona.com\/espai-ideal\/piscines\/\" data-gtm-event=\"click_espai_ceramica\" data-gtm-espai=\"piscines\" aria-label=\"Cer\u00e0mica per a piscines: 73 productes al cat\u00e0leg\">\n        <figure>\n          <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/MAY-12-20CEMENTS-39.webp\"\n               alt=\"Piscina amb cer\u00e0mica de la s\u00e8rie Cements de Mykonos\"\n               width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <span class=\"bdg-esp-body\">\n          <span class=\"bdg-esp-name\">Piscines<\/span>\n          <span class=\"bdg-esp-count\">73 productes<\/span>\n          <span class=\"bdg-esp-cta\">Explora l'espai \u2192<\/span>\n        <\/span>\n      <\/a>\n    <\/li>\n\n  <\/ul>\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ItemList\",\n    \"inLanguage\": \"ca\",\n    \"name\": \"Cer\u00e0mica per espai \u2014 Badagres\",\n    \"itemListElement\": [\n      {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Bany\", \"url\": \"https:\/\/badagresbadalona.com\/espai-ideal\/bany\/\"},\n      {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"Cuina\", \"url\": \"https:\/\/badagresbadalona.com\/espai-ideal\/cuina\/\"},\n      {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"Sal\u00f3 i menjador\", \"url\": \"https:\/\/badagresbadalona.com\/espai-ideal\/salo-menjador\/\"},\n      {\"@type\": \"ListItem\", \"position\": 4, \"name\": \"Terrassa i exterior\", \"url\": \"https:\/\/badagresbadalona.com\/espai-ideal\/terrassa-i-exterior\/\"},\n      {\"@type\": \"ListItem\", \"position\": 5, \"name\": \"Piscines\", \"url\": \"https:\/\/badagresbadalona.com\/espai-ideal\/piscines\/\"}\n    ]\n  }\n  <\/script>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Landing Cer\u00e0mica \u00b7 Cer\u00e0mica per espai v1 \u00b7 zona crema \u00b7 directriu llima \u2500\u2500 *\/\n#bdg-esp{\n  background:var(--bdg-cream,#f5f3ee);\n  color:var(--bdg-black,#0a0a0a);\n  font-family:'Montserrat',system-ui,-apple-system,sans-serif;\n  padding:clamp(48px,7vw,84px) clamp(20px,5vw,64px);\n  -webkit-font-smoothing:antialiased;\n}\n#bdg-esp *{box-sizing:border-box}\n#bdg-esp .bdg-esp-head{max-width:1100px;margin:0 auto clamp(28px,4vw,44px);text-align:center}\n#bdg-esp .bdg-esp-eyebrow{\n  display:flex;align-items:center;justify-content:center;gap:14px;\n  margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--bdg-black,#0a0a0a);\n}\n#bdg-esp .bdg-esp-bar{display:inline-block;width:30px;height:2px;background:var(--bdg-lime,#ECF300)}\n#bdg-esp .bdg-esp-title{\n  margin:0 0 12px;font-family:'Montserrat',system-ui,sans-serif;\n  font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;line-height:1.1;\n  letter-spacing:-.01em;text-transform:uppercase;color:var(--bdg-black,#0a0a0a);\n  text-wrap:balance;\n}\n#bdg-esp .bdg-esp-hl{\n  background:var(--bdg-lime,#ECF300);color:var(--bdg-black,#0a0a0a);\n  padding:.02em .22em;border-radius:2px;\n  box-decoration-break:clone;-webkit-box-decoration-break:clone;\n}\n#bdg-esp .bdg-esp-sub{margin:0 auto;max-width:54ch;font-size:clamp(.88rem,1.5vw,1rem);line-height:1.6;color:rgba(10,10,10,.6)}\n\/* Graella 2 col (Piscines = banner ample) *\/\n#bdg-esp .bdg-esp-grid{\n  list-style:none;margin:0 auto;padding:0;max-width:1240px;\n  display:grid;grid-template-columns:1fr;gap:18px;\n}\n#bdg-esp .bdg-esp-card{\n  position:relative;display:flex;flex-direction:column;height:100%;\n  background:var(--bdg-white,#ffffff);\n  border:1px solid rgba(10,10,10,.12);border-radius:12px;overflow:hidden;\n  text-decoration:none;color:inherit;\n  box-shadow:0 2px 10px rgba(10,10,10,.05);\n  transition:border-color .25s,transform .25s,box-shadow .25s;\n}\n#bdg-esp .bdg-esp-card::before{\n  content:\"\";position:absolute;top:0;left:16px;right:16px;height:3px;z-index:2;\n  background:var(--bdg-lime,#ECF300);border-radius:0 0 2px 2px;\n  opacity:0;transition:opacity .25s;\n}\n#bdg-esp .bdg-esp-card:hover{\n  border-color:var(--bdg-black,#0a0a0a);transform:translateY(-3px);\n  box-shadow:0 16px 36px rgba(10,10,10,.13);\n}\n#bdg-esp .bdg-esp-card:hover::before{opacity:1}\n#bdg-esp .bdg-esp-card:focus-visible{outline:2px solid var(--bdg-black,#0a0a0a);outline-offset:3px}\n#bdg-esp .bdg-esp-card figure{margin:0;overflow:hidden}\n#bdg-esp .bdg-esp-card img{\n  display:block;width:100%;height:auto;aspect-ratio:16\/10;object-fit:cover;\n  transition:transform .5s ease;\n}\n#bdg-esp .bdg-esp-card:hover img{transform:scale(1.04)}\n#bdg-esp .bdg-esp-body{\n  display:flex;flex-direction:column;align-items:flex-start;gap:6px;\n  padding:18px 20px 20px;flex:1;\n}\n#bdg-esp .bdg-esp-name{\n  font-size:clamp(1rem,1.8vw,1.15rem);font-weight:800;\n  letter-spacing:.06em;text-transform:uppercase;line-height:1.2;\n  color:var(--bdg-black,#0a0a0a);\n}\n#bdg-esp .bdg-esp-count{\n  font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n  color:rgba(10,10,10,.5);\n}\n#bdg-esp .bdg-esp-cta{\n  margin-top:auto;padding-top:8px;\n  font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;\n  color:rgba(10,10,10,.5);transition:color .25s;\n}\n#bdg-esp .bdg-esp-card:hover .bdg-esp-cta{color:var(--bdg-black,#0a0a0a)}\n\/* Banner ample: imatge m\u00e9s panor\u00e0mica *\/\n#bdg-esp .bdg-esp-item-wide img{aspect-ratio:21\/9}\n\/* Responsive *\/\n@media (min-width:720px){\n  #bdg-esp .bdg-esp-grid{grid-template-columns:repeat(2,1fr);gap:20px}\n  #bdg-esp .bdg-esp-item-wide{grid-column:1 \/ -1}\n}\n@media (max-width:719px){\n  #bdg-esp .bdg-esp-item-wide img{aspect-ratio:16\/10}\n}\n@media (prefers-reduced-motion:reduce){\n  #bdg-esp .bdg-esp-card,#bdg-esp .bdg-esp-card::before,\n  #bdg-esp .bdg-esp-card img,#bdg-esp .bdg-esp-cta{transition:none}\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n  var root=document.getElementById(\"bdg-esp\");\n  if(!root)return;\n  window.dataLayer=window.dataLayer||[];\n  root.addEventListener(\"click\",function(e){\n    var a=e.target.closest&&e.target.closest(\"[data-gtm-event]\");\n    if(!a)return;\n    window.dataLayer.push({\n      event:a.getAttribute(\"data-gtm-event\"),\n      bdg_espai:a.getAttribute(\"data-gtm-espai\"),\n      bdg_widget:\"landing_ceramica_espais_v1\",\n      bdg_desti:a.getAttribute(\"href\")\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35f7acd e-con-full e-flex e-con e-parent\" data-id=\"35f7acd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb57f5c elementor-widget elementor-widget-html\" data-id=\"eb57f5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BADAGRES \u2014 LANDING CER\u00c0MICA \u00b7 MARQUES CER\u00c0MIQUES v1 (zona fosca)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DEST\u00cd: Elementor \u2192 widget HTML a \/ceramica-i-paviments\/, A SOTA de\n        Cer\u00e0mica per Espai v1. No toca CSS Adicional.\n\n DADES REALS (21-08-2026):\n \u00b7 11 marques cer\u00e0miques TOP per volum. Recomptes: p\u00e0gina 1 de la taxonomia\n   (captura de l'usuari, Productos \u2192 Marcas) + verificaci\u00f3 en viu paginant\n   \/marca\/{slug}\/ per a Vives 68, Porcelanosa 131, Natucer 124, Peronda 99,\n   Mayolica 83 i STN 79 (tots HTTP 200).\n \u00b7 LOGOS: mateixes URLs reals ja verificades al megamen\u00fa i a la home\n   (patr\u00f3: logos sobre targeta BLANCA, que respiren millor).\n \u00b7 FORA (sense logo verificat al lloc \u2014 PENDENT): Arte International (230,\n   el 2n m\u00e9s gran!), Grespania (115), Keraben (42), Equipe (66), Fabresa (31),\n   Greco Gres (24), Cer\u00e0mica Ferr\u00e9s (9). Quan se'n pugin els logos,\n   s'hi afegeixen seguint el mateix patr\u00f3 de targeta.\n\n DISSENY: zona FOSCA que alterna amb la crema d'Espais; targetes blanques\n amb logo + nom + recompte; hover amb vora llima + p\u00edndola llima al recompte.\n A sobre fosc el llima S\u00cd es fa servir com a text (eyebrow, destacat del H2).\n\n GTM mirall: click_marca_ceramica (bdg_marca=slug) \u00b7 click_marques_ceramica_totes.\n Enlla\u00e7os interns sense UTM. JSON-LD ItemList (11 \u00edtems, ca).\n\n ROLLBACK: Elementor \u2192 Historial \u2192 restaurar versi\u00f3 anterior.\n\n CHECKLIST DE VERIFICACI\u00d3:\n \u25a1 M\u00f2bil: graella 2 columnes, logos nets sobre targeta blanca.\n \u25a1 Escriptori: files de 4; hover amb vora llima + p\u00edndola llima al recompte.\n \u25a1 Cada logo \u2192 \/marca\/{slug}\/ carrega amb productes.\n \u25a1 CTA final \u2192 \/fabricants\/.\n \u25a1 GTM vista pr\u00e8via: click_marca_ceramica amb bdg_marca correcte i\n   bdg_widget=\"landing_ceramica_marques_v1\".\n \u25a1 Rich Results Test: ItemList (11 \u00edtems) sense errors.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<section class=\"bdg-cmk\" id=\"bdg-cmk\" aria-labelledby=\"bdg-cmk-title\">\n  <header class=\"bdg-cmk-head\">\n    <p class=\"bdg-cmk-eyebrow\"><span class=\"bdg-cmk-bar\"><\/span>Distribu\u00efdors oficials<span class=\"bdg-cmk-bar\"><\/span><\/p>\n    <h2 class=\"bdg-cmk-title\" id=\"bdg-cmk-title\">Les <span class=\"bdg-cmk-hl\">marques<\/span> de cer\u00e0mica que treballem<\/h2>\n    <p class=\"bdg-cmk-sub\">Cat\u00e0leg complet de cada casa \u2014 i si no veus una s\u00e8rie, t'hi portem el material igualment.<\/p>\n  <\/header>\n\n  <ul class=\"bdg-cmk-grid\" role=\"list\">\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/ape-group\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"ape-group\" aria-label=\"APE Grupo: 156 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/logo-ape-group-badagres.svg\"\n           alt=\"Logotip d'APE Grupo\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">APE Grupo<\/span>\n      <span class=\"bdg-cmk-count\">156 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/ktl-ceramica\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"ktl-ceramica\" aria-label=\"KTL Cer\u00e0mica: 139 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/KTL.jpg\"\n           alt=\"Logotip de KTL Cer\u00e0mica\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">KTL Cer\u00e0mica<\/span>\n      <span class=\"bdg-cmk-count\">139 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/argenta\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"argenta\" aria-label=\"Argenta: 136 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/logo_argenta.jpg\"\n           alt=\"Logotip d'Argenta\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Argenta<\/span>\n      <span class=\"bdg-cmk-count\">136 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/porcelanosa\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"porcelanosa\" aria-label=\"Porcelanosa: 131 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/porcelanosa-logo-png_seeklogo-190228.webp\"\n           alt=\"Logotip de Porcelanosa\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Porcelanosa<\/span>\n      <span class=\"bdg-cmk-count\">131 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/natucer\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"natucer\" aria-label=\"Natucer: 124 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/natucer.jpg\"\n           alt=\"Logotip de Natucer\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Natucer<\/span>\n      <span class=\"bdg-cmk-count\">124 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/peronda\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"peronda\" aria-label=\"Peronda: 99 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/logo-Peronda.jpg\"\n           alt=\"Logotip de Peronda\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Peronda<\/span>\n      <span class=\"bdg-cmk-count\">99 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/mayolica\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"mayolica\" aria-label=\"Mayolica: 83 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/mayolicaa_logo.png\"\n           alt=\"Logotip de Mayolica\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Mayolica<\/span>\n      <span class=\"bdg-cmk-count\">83 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/stn-ceramica\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"stn-ceramica\" aria-label=\"STN Cer\u00e0mica: 79 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/stn.jpg\"\n           alt=\"Logotip de STN Cer\u00e0mica\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">STN Cer\u00e0mica<\/span>\n      <span class=\"bdg-cmk-count\">79 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/aparici\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"aparici\" aria-label=\"Aparici: 69 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/logo-aparici-badagres.jpg\"\n           alt=\"Logotip d'Aparici\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Aparici<\/span>\n      <span class=\"bdg-cmk-count\">69 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/vives\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"vives\" aria-label=\"Vives: 68 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/vives-azulejos-y-gres-logo-png_seeklogo-246578.webp\"\n           alt=\"Logotip de Vives Azulejos y Gres\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Vives<\/span>\n      <span class=\"bdg-cmk-count\">68 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n    <li><a class=\"bdg-cmk-card\" href=\"https:\/\/badagresbadalona.com\/marca\/marazzi\/\" data-gtm-event=\"click_marca_ceramica\" data-gtm-marca=\"marazzi\" aria-label=\"Marazzi: 68 s\u00e8ries al cat\u00e0leg Badagres\">\n      <img loading=\"lazy\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/marazzi-group-logo-png_seeklogo-379136.webp\"\n           alt=\"Logotip de Marazzi\" width=\"150\" height=\"56\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"bdg-cmk-name\">Marazzi<\/span>\n      <span class=\"bdg-cmk-count\">68 s\u00e8ries<\/span>\n    <\/a><\/li>\n\n  <\/ul>\n\n  <p class=\"bdg-cmk-more\">\n    <a href=\"https:\/\/badagresbadalona.com\/fabricants\/\" data-gtm-event=\"click_marques_ceramica_totes\">Descobreix totes les marques \u2192<\/a>\n  <\/p>\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ItemList\",\n    \"inLanguage\": \"ca\",\n    \"name\": \"Marques de cer\u00e0mica distribu\u00efdes per Badagres\",\n    \"itemListElement\": [\n      {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"APE Grupo\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/ape-group\/\"},\n      {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"KTL Cer\u00e0mica\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/ktl-ceramica\/\"},\n      {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"Argenta\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/argenta\/\"},\n      {\"@type\": \"ListItem\", \"position\": 4, \"name\": \"Porcelanosa\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/porcelanosa\/\"},\n      {\"@type\": \"ListItem\", \"position\": 5, \"name\": \"Natucer\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/natucer\/\"},\n      {\"@type\": \"ListItem\", \"position\": 6, \"name\": \"Peronda\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/peronda\/\"},\n      {\"@type\": \"ListItem\", \"position\": 7, \"name\": \"Mayolica\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/mayolica\/\"},\n      {\"@type\": \"ListItem\", \"position\": 8, \"name\": \"STN Cer\u00e0mica\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/stn-ceramica\/\"},\n      {\"@type\": \"ListItem\", \"position\": 9, \"name\": \"Aparici\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/aparici\/\"},\n      {\"@type\": \"ListItem\", \"position\": 10, \"name\": \"Vives\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/vives\/\"},\n      {\"@type\": \"ListItem\", \"position\": 11, \"name\": \"Marazzi\", \"url\": \"https:\/\/badagresbadalona.com\/marca\/marazzi\/\"}\n    ]\n  }\n  <\/script>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Landing Cer\u00e0mica \u00b7 Marques v1 \u00b7 zona fosca \u00b7 directriu llima \u2500\u2500 *\/\n#bdg-cmk{\n  background:var(--bdg-black,#0a0a0a);\n  color:var(--bdg-white,#ffffff);\n  font-family:'Montserrat',system-ui,-apple-system,sans-serif;\n  padding:clamp(48px,7vw,84px) clamp(20px,5vw,64px);\n  -webkit-font-smoothing:antialiased;\n}\n#bdg-cmk *{box-sizing:border-box}\n#bdg-cmk .bdg-cmk-head{max-width:1100px;margin:0 auto clamp(28px,4vw,44px);text-align:center}\n#bdg-cmk .bdg-cmk-eyebrow{\n  display:flex;align-items:center;justify-content:center;gap:14px;\n  margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--bdg-lime,#ECF300);\n}\n#bdg-cmk .bdg-cmk-bar{display:inline-block;width:30px;height:2px;background:var(--bdg-lime,#ECF300)}\n#bdg-cmk .bdg-cmk-title{\n  margin:0 0 12px;font-family:'Montserrat',system-ui,sans-serif;\n  font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;line-height:1.1;\n  letter-spacing:-.01em;text-transform:uppercase;color:var(--bdg-white,#ffffff);\n  text-wrap:balance;\n}\n#bdg-cmk .bdg-cmk-hl{color:var(--bdg-lime,#ECF300)}\n#bdg-cmk .bdg-cmk-sub{margin:0 auto;max-width:54ch;font-size:clamp(.88rem,1.5vw,1rem);line-height:1.6;color:rgba(255,255,255,.65)}\n\/* Graella de targetes blanques (patr\u00f3 megamen\u00fa: logos sobre blanc) *\/\n#bdg-cmk .bdg-cmk-grid{\n  list-style:none;margin:0 auto;padding:0;max-width:1100px;\n  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;\n}\n#bdg-cmk .bdg-cmk-card{\n  position:relative;\n  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;\n  background:var(--bdg-white,#ffffff);\n  border:1px solid rgba(255,255,255,.14);border-radius:10px;\n  padding:24px 14px 18px;min-height:142px;\n  text-decoration:none;\n  transition:border-color .25s,transform .25s,box-shadow .25s;\n}\n#bdg-cmk .bdg-cmk-card:hover{\n  border-color:var(--bdg-lime,#ECF300);transform:translateY(-3px);\n  box-shadow:0 14px 30px rgba(0,0,0,.5);\n}\n#bdg-cmk .bdg-cmk-card:focus-visible{outline:2px solid var(--bdg-lime,#ECF300);outline-offset:3px}\n#bdg-cmk .bdg-cmk-card img{\n  display:block;max-width:150px;max-height:56px;width:auto;height:auto;\n  object-fit:contain;\n}\n#bdg-cmk .bdg-cmk-name{\n  margin-top:8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;\n  color:var(--bdg-black,#0a0a0a);\n}\n#bdg-cmk .bdg-cmk-count{\n  font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n  color:rgba(10,10,10,.5);\n  padding:3px 10px;border-radius:99px;\n  transition:background-color .25s,color .25s;\n}\n#bdg-cmk .bdg-cmk-card:hover .bdg-cmk-count{\n  background:var(--bdg-lime,#ECF300);color:var(--bdg-black,#0a0a0a);\n}\n\/* CTA final *\/\n#bdg-cmk .bdg-cmk-more{margin:clamp(28px,4vw,40px) 0 0;text-align:center}\n#bdg-cmk .bdg-cmk-more a{\n  display:inline-flex;align-items:center;justify-content:center;\n  padding:14px 28px;min-height:50px;\n  font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;\n  color:var(--bdg-white,#ffffff);text-decoration:none;\n  border:1px solid rgba(255,255,255,.4);border-radius:3px;\n  transition:background-color .25s,border-color .25s,color .25s,transform .25s;\n}\n#bdg-cmk .bdg-cmk-more a:hover{\n  background:var(--bdg-lime,#ECF300);border-color:var(--bdg-lime,#ECF300);\n  color:var(--bdg-black,#0a0a0a);transform:translateY(-2px);\n}\n#bdg-cmk .bdg-cmk-more a:focus-visible{outline:2px solid var(--bdg-lime,#ECF300);outline-offset:3px}\n\/* Responsive *\/\n@media (min-width:600px){\n  #bdg-cmk .bdg-cmk-grid{grid-template-columns:repeat(3,1fr)}\n}\n@media (min-width:1024px){\n  #bdg-cmk .bdg-cmk-grid{grid-template-columns:repeat(4,1fr);gap:16px}\n}\n@media (prefers-reduced-motion:reduce){\n  #bdg-cmk .bdg-cmk-card,#bdg-cmk .bdg-cmk-count,#bdg-cmk .bdg-cmk-more a{transition:none}\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n  var root=document.getElementById(\"bdg-cmk\");\n  if(!root)return;\n  window.dataLayer=window.dataLayer||[];\n  root.addEventListener(\"click\",function(e){\n    var a=e.target.closest&&e.target.closest(\"[data-gtm-event]\");\n    if(!a)return;\n    var payload={\n      event:a.getAttribute(\"data-gtm-event\"),\n      bdg_widget:\"landing_ceramica_marques_v1\",\n      bdg_desti:a.getAttribute(\"href\")\n    };\n    var marca=a.getAttribute(\"data-gtm-marca\");\n    if(marca)payload.bdg_marca=marca;\n    window.dataLayer.push(payload);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc9bcc7 e-con-full e-flex e-con e-parent\" data-id=\"fc9bcc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de4f40e elementor-widget elementor-widget-html\" data-id=\"de4f40e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BADAGRES \u2014 LANDING CER\u00c0MICA \u00b7 MIDES + CAP\u00c7ALERA DE CAT\u00c0LEG v1\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DEST\u00cd: Elementor \u2192 widget HTML a \/ceramica-i-paviments\/, A SOTA de Marques.\n        Cont\u00e9 DUES zones: \u2460 xips de Formats i mides \u00b7 \u2461 cap\u00e7alera de la\n        graella de cat\u00e0leg amb id=\"bdg-cer-cataleg\" (on baixa el CTA del\n        Hero v1) + shortcode de productes.\n\n DADES REALS (verificades en viu 21-08-2026, recompte paginat exacte de\n cada arxiu \/mida\/{slug}\/, totes HTTP 200):\n   60x120 \u2192 434 \u00b7 60x60 \u2192 366 \u00b7 120x120 \u2192 295 \u00b7 30x60 \u2192 210 \u00b7\n   100x100 \u2192 144 \u00b7 90x90 \u2192 78 \u00b7 20x120 \u2192 71 \u00b7 80x80 \u2192 57 \u00b7\n   7,5x30 \u2192 42 \u00b7 33,3x100 \u2192 39\n (Slug real amb guions: 33-3x100-cm i 7-5x30-cm \u2014 verificats, no inferits.)\n\n \u26a0 SHORTCODE DE PRODUCTES: el widget inclou [products ...] de WooCommerce.\n   Si l'HTML widget d'Elementor NO el renderitza (es veu el text pla),\n   MOU nom\u00e9s la l\u00ednia del shortcode a un widget \"Shortcode\" just a sota\n   (la cap\u00e7alera amb id=\"bdg-cer-cataleg\" queda aqu\u00ed). Alternativa pro:\n   widget \"Products\" d'Elementor amb query category=ceramica.\n   NOTA: la plantilla millorada de targeta (p\u00edndoles marca\/efecte, hover\n   2a imatge) nom\u00e9s s'aplica als ARXIUS de taxonomia; aquesta graella curta\n   usa la targeta est\u00e0ndard de WooCommerce \u2014 per aix\u00f2 els xips i les\n   seccions d'enlla\u00e7os porten el pes de la navegaci\u00f3.\n\n GTM mirall: click_mida_ceramica (bdg_mida=slug).\n Enlla\u00e7os interns sense UTM. JSON-LD ItemList (10 mides, ca).\n\n ROLLBACK: Elementor \u2192 Historial \u2192 restaurar versi\u00f3 anterior.\n\n CHECKLIST DE VERIFICACI\u00d3:\n \u25a1 Els 10 xips de mida es veuen en l\u00ednies fluides (m\u00f2bil 2-3 per fila).\n \u25a1 Hover dels xips: fons llima amb text negre.\n \u25a1 Cada xip \u2192 \/mida\/{slug}\/ carrega amb productes.\n \u25a1 El bot\u00f3 \"Explora el cat\u00e0leg\" del HERO baixa amb scroll sua fins aqu\u00ed.\n \u25a1 La graella mostra 16 productes de la categoria cer\u00e0mica amb paginaci\u00f3\n   (si es veu el shortcode en text pla \u2192 moure'l a widget Shortcode).\n \u25a1 GTM vista pr\u00e8via: click_mida_ceramica amb bdg_mida correcte.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<!-- \u2550\u2550\u2550 ZONA 1 \u00b7 XIPS DE MIDES \u2550\u2550\u2550 -->\n<section class=\"bdg-mid\" id=\"bdg-mid\" aria-labelledby=\"bdg-mid-title\">\n  <header class=\"bdg-mid-head\">\n    <p class=\"bdg-mid-eyebrow\"><span class=\"bdg-mid-bar\"><\/span>Formats i mides<span class=\"bdg-mid-bar\"><\/span><\/p>\n    <h2 class=\"bdg-mid-title\" id=\"bdg-mid-title\">Quina <span class=\"bdg-mid-hl\">mida<\/span> necessites?<\/h2>\n    <p class=\"bdg-mid-sub\">Del petit format artesanal al gran format porcell\u00e0nic: filtra el cat\u00e0leg per la mida exacta del teu projecte.<\/p>\n  <\/header>\n\n  <ul class=\"bdg-mid-chips\" role=\"list\">\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/60x120-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"60x120-cm\" aria-label=\"Mida 60 per 120 cm: 434 productes\">60\u00d7120 <span>434<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/60x60-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"60x60-cm\" aria-label=\"Mida 60 per 60 cm: 366 productes\">60\u00d760 <span>366<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/120x120-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"120x120-cm\" aria-label=\"Mida 120 per 120 cm: 295 productes\">120\u00d7120 <span>295<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/30x60-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"30x60-cm\" aria-label=\"Mida 30 per 60 cm: 210 productes\">30\u00d760 <span>210<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/100x100-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"100x100-cm\" aria-label=\"Mida 100 per 100 cm: 144 productes\">100\u00d7100 <span>144<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/90x90-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"90x90-cm\" aria-label=\"Mida 90 per 90 cm: 78 productes\">90\u00d790 <span>78<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/20x120-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"20x120-cm\" aria-label=\"Mida 20 per 120 cm: 71 productes\">20\u00d7120 <span>71<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/80x80-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"80x80-cm\" aria-label=\"Mida 80 per 80 cm: 57 productes\">80\u00d780 <span>57<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/7-5x30-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"7-5x30-cm\" aria-label=\"Mida 7,5 per 30 cm: 42 productes\">7,5\u00d730 <span>42<\/span><\/a><\/li>\n    <li><a class=\"bdg-mid-chip\" href=\"https:\/\/badagresbadalona.com\/mida\/33-3x100-cm\/\" data-gtm-event=\"click_mida_ceramica\" data-gtm-mida=\"33-3x100-cm\" aria-label=\"Mida 33,3 per 100 cm: 39 productes\">33,3\u00d7100 <span>39<\/span><\/a><\/li>\n  <\/ul>\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ItemList\",\n    \"inLanguage\": \"ca\",\n    \"name\": \"Formats i mides de cer\u00e0mica \u2014 Badagres\",\n    \"itemListElement\": [\n      {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"60\u00d7120 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/60x120-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"60\u00d760 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/60x60-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"120\u00d7120 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/120x120-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 4, \"name\": \"30\u00d760 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/30x60-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 5, \"name\": \"100\u00d7100 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/100x100-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 6, \"name\": \"90\u00d790 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/90x90-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 7, \"name\": \"20\u00d7120 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/20x120-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 8, \"name\": \"80\u00d780 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/80x80-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 9, \"name\": \"7,5\u00d730 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/7-5x30-cm\/\"},\n      {\"@type\": \"ListItem\", \"position\": 10, \"name\": \"33,3\u00d7100 cm\", \"url\": \"https:\/\/badagresbadalona.com\/mida\/33-3x100-cm\/\"}\n    ]\n  }\n  <\/script>\n<\/section>\n\n\n<style>\n\/* \u2500\u2500 Landing Cer\u00e0mica \u00b7 Mides + Cat\u00e0leg v1 \u00b7 directriu llima \u2500\u2500 *\/\n#bdg-mid,#bdg-cat{\n  font-family:'Montserrat',system-ui,-apple-system,sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n#bdg-mid *,#bdg-cat *{box-sizing:border-box}\n\/* Zona mides: blanc *\/\n#bdg-mid{\n  background:var(--bdg-white,#ffffff);\n  color:var(--bdg-black,#0a0a0a);\n  padding:clamp(48px,7vw,84px) clamp(20px,5vw,64px) clamp(36px,5vw,60px);\n}\n#bdg-mid .bdg-mid-head,#bdg-cat .bdg-cat-head{max-width:1100px;margin:0 auto clamp(26px,4vw,38px);text-align:center}\n#bdg-mid .bdg-mid-eyebrow,#bdg-cat .bdg-cat-eyebrow{\n  display:flex;align-items:center;justify-content:center;gap:14px;\n  margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--bdg-black,#0a0a0a);\n}\n#bdg-mid .bdg-mid-bar,#bdg-cat .bdg-cat-bar{display:inline-block;width:30px;height:2px;background:var(--bdg-lime,#ECF300)}\n#bdg-mid .bdg-mid-title,#bdg-cat .bdg-cat-title{\n  margin:0 0 12px;font-family:'Montserrat',system-ui,sans-serif;\n  font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;line-height:1.1;\n  letter-spacing:-.01em;text-transform:uppercase;color:var(--bdg-black,#0a0a0a);\n  text-wrap:balance;\n}\n#bdg-mid .bdg-mid-hl,#bdg-cat .bdg-cat-hl{\n  background:var(--bdg-lime,#ECF300);color:var(--bdg-black,#0a0a0a);\n  padding:.02em .22em;border-radius:2px;\n  box-decoration-break:clone;-webkit-box-decoration-break:clone;\n}\n#bdg-mid .bdg-mid-sub,#bdg-cat .bdg-cat-sub{\n  margin:0 auto;max-width:54ch;\n  font-size:clamp(.88rem,1.5vw,1rem);line-height:1.6;color:rgba(10,10,10,.6);\n}\n\/* Xips de mides *\/\n#bdg-mid .bdg-mid-chips{\n  list-style:none;margin:0 auto;padding:0;max-width:900px;\n  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;\n}\n#bdg-mid .bdg-mid-chip{\n  display:inline-flex;align-items:baseline;gap:8px;\n  padding:12px 18px;min-height:46px;\n  background:var(--bdg-white,#ffffff);\n  border:1px solid rgba(10,10,10,.18);border-radius:99px;\n  font-size:.86rem;font-weight:800;letter-spacing:.04em;\n  color:var(--bdg-black,#0a0a0a);text-decoration:none;\n  transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s;\n}\n#bdg-mid .bdg-mid-chip span{\n  font-size:.66rem;font-weight:700;letter-spacing:.08em;\n  color:rgba(10,10,10,.5);\n  transition:color .25s;\n}\n#bdg-mid .bdg-mid-chip:hover{\n  background:var(--bdg-lime,#ECF300);border-color:var(--bdg-lime,#ECF300);\n  transform:translateY(-2px);box-shadow:0 8px 18px rgba(236,243,0,.35);\n}\n#bdg-mid .bdg-mid-chip:hover span{color:rgba(10,10,10,.65)}\n#bdg-mid .bdg-mid-chip:focus-visible{outline:2px solid var(--bdg-black,#0a0a0a);outline-offset:3px}\n\/* Zona cat\u00e0leg: crema suau per separar la graella *\/\n#bdg-cat{\n  background:var(--bdg-cream,#f5f3ee);\n  color:var(--bdg-black,#0a0a0a);\n  padding:clamp(36px,5vw,60px) clamp(20px,5vw,64px) clamp(48px,7vw,84px);\n  outline:none;\n}\n#bdg-cat .bdg-cat-grid{max-width:1240px;margin:0 auto}\n\/* Poliment suau de la graella WooCommerce est\u00e0ndard (sense tocar el tema) *\/\n#bdg-cat .bdg-cat-grid ul.products{\n  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;\n  margin:0;padding:0;list-style:none;\n}\n#bdg-cat .bdg-cat-grid ul.products li.product{\n  background:var(--bdg-white,#ffffff);\n  border:1px solid rgba(10,10,10,.1);border-radius:12px;overflow:hidden;\n  padding:0 0 14px;margin:0;width:auto;float:none;\n  transition:border-color .25s,transform .25s,box-shadow .25s;\n}\n#bdg-cat .bdg-cat-grid ul.products li.product:hover{\n  border-color:var(--bdg-black,#0a0a0a);transform:translateY(-3px);\n  box-shadow:0 14px 30px rgba(10,10,10,.12);\n}\n#bdg-cat .bdg-cat-grid ul.products li.product img{\n  margin:0;width:100%;height:auto;aspect-ratio:1\/1;object-fit:cover;\n}\n#bdg-cat .bdg-cat-grid ul.products li.product .woocommerce-loop-product__title,\n#bdg-cat .bdg-cat-grid ul.products li.product h2{\n  font-family:'Montserrat',system-ui,sans-serif!important;\n  font-size:.9rem!important;font-weight:700;line-height:1.35;\n  padding:12px 14px 4px;color:var(--bdg-black,#0a0a0a)!important;\n}\n#bdg-cat .bdg-cat-grid ul.products li.product .price{display:none} \/* model sense preus *\/\n#bdg-cat .bdg-cat-grid ul.products li.product .button{\n  display:block;margin:10px 14px 0;\n  background:var(--bdg-lime,#ECF300)!important;color:var(--bdg-black,#0a0a0a)!important;\n  border-radius:3px;font-family:'Montserrat',system-ui,sans-serif;\n  font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;\n  text-align:center;\n}\n#bdg-cat .bdg-cat-grid nav.woocommerce-pagination{margin-top:26px}\n#bdg-cat .bdg-cat-grid nav.woocommerce-pagination ul{\n  border:0;display:flex;justify-content:center;gap:8px;\n}\n#bdg-cat .bdg-cat-grid nav.woocommerce-pagination ul li{\n  border:0;background:none;\n}\n#bdg-cat .bdg-cat-grid nav.woocommerce-pagination ul li a,\n#bdg-cat .bdg-cat-grid nav.woocommerce-pagination ul li span{\n  display:inline-flex;align-items:center;justify-content:center;\n  min-width:42px;min-height:42px;padding:0 10px;\n  border:1px solid rgba(10,10,10,.18);border-radius:99px;\n  background:var(--bdg-white,#ffffff);color:var(--bdg-black,#0a0a0a);\n  font-family:'Montserrat',system-ui,sans-serif;font-size:.84rem;font-weight:700;\n}\n#bdg-cat .bdg-cat-grid nav.woocommerce-pagination ul li span.current,\n#bdg-cat .bdg-cat-grid nav.woocommerce-pagination ul li a:hover{\n  background:var(--bdg-lime,#ECF300)!important;border-color:var(--bdg-lime,#ECF300);\n  color:var(--bdg-black,#0a0a0a)!important;\n}\n@media (min-width:720px){\n  #bdg-cat .bdg-cat-grid ul.products{grid-template-columns:repeat(3,1fr)}\n}\n@media (min-width:1024px){\n  #bdg-cat .bdg-cat-grid ul.products{grid-template-columns:repeat(4,1fr);gap:18px}\n}\n@media (prefers-reduced-motion:reduce){\n  #bdg-mid .bdg-mid-chip,\n  #bdg-cat .bdg-cat-grid ul.products li.product{transition:none}\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n  window.dataLayer=window.dataLayer||[];\n  var mid=document.getElementById(\"bdg-mid\");\n  if(mid){\n    mid.addEventListener(\"click\",function(e){\n      var a=e.target.closest&&e.target.closest(\"[data-gtm-event]\");\n      if(!a)return;\n      window.dataLayer.push({\n        event:a.getAttribute(\"data-gtm-event\"),\n        bdg_mida:a.getAttribute(\"data-gtm-mida\"),\n        bdg_widget:\"landing_ceramica_mides_v1\",\n        bdg_desti:a.getAttribute(\"href\")\n      });\n    });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62d5bd6 e-con-full e-flex e-con e-parent\" data-id=\"62d5bd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07b421f e-flex e-con-boxed e-con e-parent\" data-id=\"07b421f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1bfbd6b e-con-full e-flex e-con e-child\" data-id=\"1bfbd6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"woocommerce elementor-element elementor-element-ba5a459 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"ba5a459\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_skin&quot;:&quot;product&quot;,&quot;template_id&quot;:&quot;554&quot;,&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.product\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\n\t\t<style id=\"loop-554\">\/* ===== Loop_Producte_CSS v1.2 \u2014 Badagres (targeta producte arxiu, plantilla 554) ===== *\/\n.e-loop-item[data-bdg-pc] &gt; a{--bdg-black:#0a0a0a;--bdg-lime:#ECF300;--bdg-lime-hover:#d8e000;--bdg-tile:#f4f4f1;--bdg-muted:#55554f;\n  display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;height:100%;\n  background:#fff!important;border-radius:0!important;overflow:hidden;color:var(--bdg-black);text-decoration:none;\n  font-family:Montserrat,sans-serif;transition:box-shadow .25s ease}\n.e-loop-item[data-bdg-pc] &gt; a:hover{box-shadow:0 10px 30px rgba(0,0,0,.12)!important}\n.e-loop-item[data-bdg-pc] &gt; a:focus-visible{outline:3px solid var(--bdg-black);outline-offset:3px}\n.e-loop-item[data-bdg-pc] .bdg-pc-media{flex:0 0 auto;width:100%;position:relative;aspect-ratio:4\/3;overflow:hidden;background:var(--bdg-tile);margin:0}\n.e-loop-item[data-bdg-pc] .bdg-pc-media .elementor-widget-theme-post-featured-image,\n.e-loop-item[data-bdg-pc] .bdg-pc-media .elementor-widget-container{width:100%!important;height:100%;margin:0!important;padding:0!important}\n.e-loop-item[data-bdg-pc] .bdg-pc-media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border-radius:0!important;transition:opacity .35s ease,transform .5s ease}\n.e-loop-item[data-bdg-pc] .bdg-pc-media .bdg-pc-img2{opacity:0}\n.e-loop-item[data-bdg-pc] &gt; a:hover .bdg-pc-media .bdg-pc-img2{opacity:1}\n.e-loop-item[data-bdg-pc] &gt; a:hover .bdg-pc-media img{transform:scale(1.03)}\n.e-loop-item[data-bdg-pc] .bdg-pc-brandpill,\n.e-loop-item[data-bdg-pc] .bdg-pc-efecte{position:absolute;top:12px;z-index:2;padding:5px 10px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.e-loop-item[data-bdg-pc] .bdg-pc-brandpill{left:12px;background:#fff;color:var(--bdg-black)}\n.e-loop-item[data-bdg-pc] .bdg-pc-efecte{right:12px;background:var(--bdg-lime);color:var(--bdg-black)}\n.e-loop-item[data-bdg-pc] .bdg-pc-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 14px;flex:1 1 auto}\n.e-loop-item[data-bdg-pc] .bdg-pc-title .elementor-widget-heading,\n.e-loop-item[data-bdg-pc] .bdg-pc-title .elementor-widget-container{margin:0!important;padding:0!important;width:100%!important}\n.e-loop-item[data-bdg-pc] .bdg-pc-title h2{margin:0!important;font-family:Montserrat,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.01em!important;text-transform:none!important;text-align:left!important;color:var(--bdg-black)!important}\n.e-loop-item[data-bdg-pc] .bdg-pc-ubi{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.3;color:var(--bdg-muted)}\n.e-loop-item[data-bdg-pc] .bdg-pc-ubi svg{width:14px!important;height:14px!important;flex:0 0 14px;color:var(--bdg-muted);fill:none}\n.e-loop-item[data-bdg-pc] .bdg-pc-mides{display:flex;flex-wrap:wrap;gap:6px}\n.e-loop-item[data-bdg-pc] .bdg-pc-mida{display:inline-block;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.2;background:var(--bdg-tile);color:var(--bdg-black);border-radius:4px}\n.e-loop-item[data-bdg-pc] .bdg-pc-mida-more{background:var(--bdg-black);color:#fff}\n.e-loop-item[data-bdg-pc] .bdg-pc-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:12px 18px;background:var(--bdg-lime);color:var(--bdg-black);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .2s ease}\n.e-loop-item[data-bdg-pc] &gt; a:hover .bdg-pc-cta{background:var(--bdg-lime-hover)}\n.e-loop-item[data-bdg-pc] .bdg-pc-cta svg{width:16px!important;height:16px!important;flex:0 0 16px;fill:none;transition:transform .2s ease}\n.e-loop-item[data-bdg-pc] &gt; a:hover .bdg-pc-cta svg{transform:translateX(4px)}\n.e-loop-item[data-bdg-pc] .bdg-pc-actions{padding:10px 18px 14px;background:#fff}\n@media (max-width:767px){\n  .e-loop-item[data-bdg-pc] .bdg-pc-brandpill,.e-loop-item[data-bdg-pc] .bdg-pc-efecte{top:8px;padding:4px 8px;font-size:10px}\n  .e-loop-item[data-bdg-pc] .bdg-pc-brandpill{left:8px}.e-loop-item[data-bdg-pc] .bdg-pc-efecte{right:8px}\n  .e-loop-item[data-bdg-pc] .bdg-pc-body{padding:14px 14px 12px}\n  .e-loop-item[data-bdg-pc] .bdg-pc-cta{padding:12px 14px}\n}\n@media (prefers-reduced-motion:reduce){\n  .e-loop-item[data-bdg-pc] *{transition:none!important}\n  .e-loop-item[data-bdg-pc] &gt; a:hover .bdg-pc-media img{transform:none}\n}\n.e-loop-item[data-bdg-pc] .bdg-pc-actions{display:flex;align-items:center;gap:10px}\n.e-loop-item[data-bdg-pc] .bdg-pc-actions .bdgp-loop-fav,.e-loop-item[data-bdg-pc] .bdg-pc-actions .bdgp-loop-share{flex:0 0 42px;width:42px!important;height:42px!important;min-height:0!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}\n.elementor-554 .elementor-element.elementor-element-ab4b0ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-554 .elementor-element.elementor-element-1c73cb19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;box-shadow:0px 4px 44px 0px rgba(0, 0, 0, 0.1);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-554 .elementor-element.elementor-element-1c73cb19:hover{box-shadow:0px 2px 25px 0px rgba(0, 0, 0, 0.2);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-554 .elementor-element.elementor-element-1a9b7f8{text-align:center;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-554 .elementor-element.elementor-element-1a9b7f8 .elementor-heading-title{font-family:\"Montserrat\", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:9.3px;color:#000000;}.elementor-554 .elementor-element.elementor-element-bb36066{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-554 .elementor-element.elementor-element-6538313{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-554 .elementor-element.elementor-element-6538313 .elementor-heading-title{font-family:\"Montserrat\", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2.7px;color:#000000;}.elementor-554 .elementor-element.elementor-element-6538313.elementor-element{--align-self:center;}.elementor-554 .elementor-element.elementor-element-06e0134{text-align:end;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-554 .elementor-element.elementor-element-06e0134 .elementor-heading-title{font-family:\"Montserrat\", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2.7px;color:#000000;}.elementor-554 .elementor-element.elementor-element-06e0134.elementor-element{--align-self:center;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-554 .elementor-element.elementor-element-20a5e8f1 img{width:100%;height:260px;object-fit:cover;object-position:center center;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.3s;}.elementor-554 .elementor-element.elementor-element-20a5e8f1:hover img{filter:brightness( 105% ) contrast( 100% ) saturate( 105% ) blur( 0px ) hue-rotate( 0deg );}.elementor-554 .elementor-element.elementor-element-20a5e8f1{width:100%;max-width:100%;}.elementor-554 .elementor-element.elementor-element-a67e5a5{text-align:center;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-554 .elementor-element.elementor-element-a67e5a5 .elementor-heading-title{font-family:\"Montserrat\", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:0.4px;color:#000000;}@media(max-width:1024px){.elementor-554 .elementor-element.elementor-element-bb36066{--grid-auto-flow:row;}.elementor-554 .elementor-element.elementor-element-20a5e8f1 img{height:200px;}}@media(max-width:767px){.elementor-554 .elementor-element.elementor-element-bb36066{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-554 .elementor-element.elementor-element-20a5e8f1 img{height:168px;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"554\" class=\"elementor elementor-554 e-loop-item e-loop-item-5903 post-5903 product type-product status-publish has-post-thumbnail product_brand-keraben product_cat-ciment pa_acabat-ceramiques-mat pa_acabat-ceramiques-relleu-3d pa_acabat-ceramiques-setinat pa_antilliscant-classe-2-dutxes-i-semi-exterior pa_antilliscant-classe-3-exterior-i-piscines pa_colors-black pa_colors-grey pa_colors-taupe pa_colors-white pa_destonificacio-v3--variacio-moderada pa_destonificacio-v4--variacio-substancial pa_efecte-ciment pa_espai-ideal-espais-comercials pa_espai-ideal-terrassa-i-exterior pa_forma-quadrada pa_forma-rectangular pa_gruix_ceramiques-10-mm pa_gruix_ceramiques-10-5-mm pa_gruix_ceramiques-9-mm pa_gruix_ceramiques-9-5-mm pa_material-pasta-blanca pa_material-porcellanic pa_mida-120x60-cm pa_mida-25x70-cm pa_mida-40x120-cm pa_mida-60x60-cm pa_mida-90x90-cm pa_rectificat-rectificat pa_tipologia-ceramica-paviment-porcellanic pa_tipologia-ceramica-revestiment-ceramic pa_ubicacio-paviment-terra pa_ubicacio-revestiment-paret first instock shipping-taxable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-ab4b0ef e-flex e-con-boxed e-con e-parent\" data-id=\"ab4b0ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f3a72 elementor-widget elementor-widget-html\" data-id=\"d7f3a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nWIDGET ENHANCER TARGETA PRODUCTE D'ARXIU v1.2 \u2014 Badagres\nDEST\u00cd: Elementor \u2192 plantilla d'ARXIU de producte (la que cont\u00e9 la\ngraella\/loop grid), widget HTML a qualsevol lloc de la p\u00e0gina.\nSi hi ha m\u00e9s plantilles d'arxiu (categoria, marca, atributs), posa'l\na TOTES.\nREQUEREIX: `Loop_Producte_CSS_v1.css` (v1.2) al CSS Adicional.\nQU\u00c8 FA a cada targeta del loop (sense tocar la plantilla 554):\n  - Imatge a dalt amb p\u00edndola de MARCA (blanca, dalt-esq.) i p\u00edndola\n    d'EFECTE (verd llima, dalt-dreta).\n  - HOVER: mostra la SEGONA IMATGE del producte (la demana a la\n    Store API de WooCommerce en UNA sola petici\u00f3 per p\u00e0gina).\n  - Cos: t\u00edtol Montserrat, l\u00ednia d'UBICACI\u00d3 (Paviment\/Revestiment,\n    llegida dels atributs pa_ubicacio-*), xips de mides (pa_mida-*),\n    i barra CTA llima \u00abDescobreix la col\u00b7lecci\u00f3 \u2192\u00bb.\n  - MutationObserver: cobreix paginaci\u00f3\/filtres AJAX.\n  - Sense JS: les targetes queden com ara (fallback segur).\nROLLBACK: esborrar el widget; el CSS sol no canvia l'estructura.\n============================================================ -->\n<script>\n(function () {\n  'use strict';\n\n  \/* Noms de marca ben escrits (slug product_brand-* \u2192 nom) *\/\n  var BRANDS = {\n    'vives':'Vives','ape-group':'APE Group','marazzi':'Marazzi','stn-ceramica':'STN',\n    'apavisa':'Apavisa','argenta':'Argenta','aparici':'Aparici','la-faenza':'La Faenza',\n    'grespania':'Grespania','porcelanosa':'Porcelanosa','peronda':'Peronda','alaplana':'Alaplana',\n    'dune':'Dune','ecoceramic':'Ecoceramic','ceracasa':'Ceracasa','mayolica':'Mayolica',\n    'ceramica-mayor':'Mayor','mykonos':'Mykonos','natucer':'Natucer','rocersa':'Rocersa',\n    'ktl-ceramica':'KTL','oset-ceramica':'Oset','klinker':'Klinker'\n  };\n  var UBI = {\n    'paviment-terra': 'Paviment (Terra)',\n    'revestiment-paret': 'Revestiment (Paret)'\n  };\n  var ARROW = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n  var LAYERS = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2 2 8l10 6 10-6-10-6Z\"\/><path d=\"m2 14 10 6 10-6\"\/><\/svg>';\n\n  function fromClasses(item, prefix) {\n    var out = [];\n    item.classList.forEach(function (c) {\n      if (c.indexOf(prefix) === 0) out.push(c.slice(prefix.length));\n    });\n    return out;\n  }\n\n  function enhance(item) {\n    if (item.dataset.bdgPc === '1') return;\n    item.dataset.bdgPc = '1';\n    var link = item.querySelector(':scope > a[href*=\"\/producte\/\"]');\n    if (!link) return;\n    var imgW = link.querySelector('.elementor-widget-theme-post-featured-image');\n    if (!imgW) return;\n    var h2s = link.querySelectorAll('.elementor-widget-heading h2');\n    if (!h2s.length) return;\n    var brandH = h2s[0];\n    var titleH = h2s[h2s.length - 1];\n    var efecteH = link.querySelector('.elementor-widget-heading h3');\n\n    var slug = (fromClasses(item, 'product_brand-')[0]) || '';\n    var brandName = BRANDS[slug] || (brandH ? brandH.textContent.trim() : '');\n\n    \/* --- media: imatge + p\u00edndoles --- *\/\n    var media = document.createElement('div');\n    media.className = 'bdg-pc-media';\n    link.insertBefore(media, link.firstChild);\n    media.appendChild(imgW);\n\n    if (brandName) {\n      var bp = document.createElement('span');\n      bp.className = 'bdg-pc-brandpill';\n      bp.textContent = brandName;\n      media.appendChild(bp);\n    }\n    if (efecteH) {\n      var ef = document.createElement('span');\n      ef.className = 'bdg-pc-efecte';\n      ef.textContent = efecteH.textContent.trim();\n      media.appendChild(ef);\n    }\n\n    \/* --- cos --- *\/\n    var body = document.createElement('div');\n    body.className = 'bdg-pc-body';\n\n    var tw = document.createElement('div');\n    tw.className = 'bdg-pc-title';\n    if (titleH && titleH.closest('.elementor-widget-heading')) {\n      tw.appendChild(titleH.closest('.elementor-widget-heading'));\n    }\n    body.appendChild(tw);\n\n    var ubis = fromClasses(item, 'pa_ubicacio-').map(function (s) { return UBI[s]; }).filter(Boolean);\n    if (ubis.length) {\n      var uw = document.createElement('div');\n      uw.className = 'bdg-pc-ubi';\n      uw.innerHTML = LAYERS + '<span>' + ubis.join(' \u00b7 ') + '<\/span>';\n      body.appendChild(uw);\n    }\n\n    var mides = fromClasses(item, 'pa_mida-').map(function (s) {\n      return s.replace(\/-cm$\/, '').replace(\/-\/g, ',');\n    }).filter(function (v, i, a) { return a.indexOf(v) === i; });\n    if (mides.length) {\n      var mw = document.createElement('div');\n      mw.className = 'bdg-pc-mides';\n      mides.slice(0, 3).forEach(function (m) {\n        var s = document.createElement('span');\n        s.className = 'bdg-pc-mida';\n        s.textContent = m;\n        mw.appendChild(s);\n      });\n      if (mides.length > 3) {\n        var more = document.createElement('span');\n        more.className = 'bdg-pc-mida bdg-pc-mida-more';\n        more.textContent = '+' + (mides.length - 3);\n        mw.appendChild(more);\n      }\n      body.appendChild(mw);\n    }\n\n    \/* neteja dels widgets originals ja reutilitzats *\/\n    if (brandH && brandH.closest('.elementor-widget-heading') && titleH !== brandH) {\n      brandH.closest('.elementor-widget-heading').remove();\n    }\n    if (efecteH) {\n      var ec = efecteH.closest('.e-con');\n      if (ec) ec.remove(); else efecteH.closest('.elementor-widget-heading').remove();\n    }\n\n    link.appendChild(body);\n\n    var cta = document.createElement('div');\n    cta.className = 'bdg-pc-cta';\n    cta.innerHTML = '<span>Descobreix la col\u00b7lecci\u00f3<\/span>' + ARROW;\n    link.appendChild(cta);\n  }\n\n  \/* --- segona imatge en hover: UNA petici\u00f3 Store API per p\u00e0gina --- *\/\n  function fetchSecondImages() {\n    var map = {};\n    document.querySelectorAll('.e-loop-item.product[data-bdg-pc=\"1\"]').forEach(function (item) {\n      if (item.dataset.bdgImg2) return;\n      var idm = (' ' + item.className + ' ').match(\/\\spost-(\\d+)\\s\/);\n      if (idm) { map[idm[1]] = item; item.dataset.bdgImg2 = 'pending'; }\n    });\n    var ids = Object.keys(map);\n    if (!ids.length) return;\n    var url = 'https:\/\/badagresbadalona.com\/wp-json\/wc\/store\/v1\/products?include='\n      + ids.join(',') + '&per_page=100&_fields=id,images';\n    fetch(url).then(function (r) { return r.json(); }).then(function (list) {\n      list.forEach(function (p) {\n        var item = map[String(p.id)];\n        if (!item) return;\n        item.dataset.bdgImg2 = '1';\n        if (!p.images || p.images.length < 2) return;\n        var media = item.querySelector('.bdg-pc-media');\n        if (!media || media.querySelector('.bdg-pc-img2')) return;\n        var im = document.createElement('img');\n        im.className = 'bdg-pc-img2';\n        im.src = p.images[1].src;\n        im.alt = p.images[1].alt || '';\n        im.loading = 'lazy';\n        media.insertBefore(im, media.firstChild ? media.firstChild.nextSibling : null);\n      });\n    }).catch(function () {\n      ids.forEach(function (id) { delete map[id].dataset.bdgImg2; });\n    });\n  }\n\n  function scan() {\n    document.querySelectorAll('.e-loop-item.product').forEach(enhance);\n    fetchSecondImages();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', scan);\n  } else { scan(); }\n\n  var t;\n  new MutationObserver(function (muts) {\n    var hit = false;\n    for (var i = 0; i < muts.length && !hit; i++) {\n      for (var j = 0; j < muts[i].addedNodes.length; j++) {\n        var n = muts[i].addedNodes[j];\n        if (n.nodeType === 1 && ((n.matches && n.matches('.e-loop-item.product')) || (n.querySelector && n.querySelector('.e-loop-item.product')))) { hit = true; break; }\n      }\n    }\n    if (hit) { clearTimeout(t); t = setTimeout(scan, 80); }\n  }).observe(document.body, { childList: true, subtree: true });\n})();\n<\/script>\n<!-- CHECKLIST:\n1. `Loop_Producte_CSS_v1.css` v1.2 AL FINAL del CSS Adicional ABANS de publicar.\n2. Widget HTML a totes les plantilles d'arxiu de producte.\n3. Desktop: hover \u2192 segona imatge + CTA llima que apareix; p\u00edndoles marca\/efecte sobre la imatge.\n4. M\u00f2bil: CTA sempre visible; p\u00edndoles m\u00e9s petites.\n5. Si un producte no t\u00e9 pa_ubicacio omplert, la l\u00ednia no surt (\u00e9s normal: atribut per omplir).\n6. La 2a imatge ve de la Store API p\u00fablica del propi WooCommerce (1 petici\u00f3\/p\u00e0gina).\nROLLBACK: esborrar el widget HTML; opcionalment treure el bloc CSS.\n-->\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-1c73cb19 e-con-full e-flex e-con e-parent\" data-id=\"1c73cb19\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/badagresbadalona.com\/es\/producto\/col%c2%b7leccio-bleuemix-efecte-ciment-keraben\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9b7f8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1a9b7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Keraben<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb36066 e-grid e-con-boxed e-con e-child\" data-id=\"bb36066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6538313 elementor-widget elementor-widget-heading\" data-id=\"6538313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ciment<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06e0134 elementor-widget elementor-widget-heading\" data-id=\"06e0134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Paviment (Terra)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a5e8f1 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"20a5e8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1400\" height=\"1067\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/imagen232342g.jpg\" class=\"attachment-full size-full wp-image-10186\" alt=\"Col\u00b7lecci\u00f3 Bleuemix | Efecte Ciment\" srcset=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/imagen232342g.jpg 1400w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/imagen232342g-600x457.jpg 600w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/imagen232342g-64x49.jpg 64w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/imagen232342g-300x229.jpg 300w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/imagen232342g-1024x780.jpg 1024w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/03\/imagen232342g-768x585.jpg 768w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67e5a5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a67e5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Col\u00b7lecci\u00f3 Bleuemix | Efecte Ciment<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"554\" class=\"elementor elementor-554 e-loop-item e-loop-item-60101 post-60101 product type-product status-publish has-post-thumbnail product_brand-leonardo product_cat-ceramica pa_acabat-ceramiques-mat pa_acabat-ceramiques-polit-mirall pa_antilliscant-classe-2-dutxes-i-semi-exterior pa_colors-blanc pa_colors-blau pa_colors-groc pa_colors-negre pa_colors-verd pa_colors-vermell pa_destonificacio-v1-aspecte-uniforme pa_efecte-terratzo pa_forma-llisto-listell pa_forma-quadrada pa_forma-rectangular pa_gruix_ceramiques-10-5-mm pa_m2_caixa-120x120-1-44--60x120-1-44 pa_material-porcellanic pa_mida-120x120-cm pa_mida-60x120-cm pa_rectificat-rectificat pa_tipologia-ceramica-paviment-porcellanic pa_ubicacio-paviment-terra pa_ubicacio-revestiment-paret  instock shipping-taxable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-ab4b0ef e-flex e-con-boxed e-con e-parent\" data-id=\"ab4b0ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f3a72 elementor-widget elementor-widget-html\" data-id=\"d7f3a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nWIDGET ENHANCER TARGETA PRODUCTE D'ARXIU v1.2 \u2014 Badagres\nDEST\u00cd: Elementor \u2192 plantilla d'ARXIU de producte (la que cont\u00e9 la\ngraella\/loop grid), widget HTML a qualsevol lloc de la p\u00e0gina.\nSi hi ha m\u00e9s plantilles d'arxiu (categoria, marca, atributs), posa'l\na TOTES.\nREQUEREIX: `Loop_Producte_CSS_v1.css` (v1.2) al CSS Adicional.\nQU\u00c8 FA a cada targeta del loop (sense tocar la plantilla 554):\n  - Imatge a dalt amb p\u00edndola de MARCA (blanca, dalt-esq.) i p\u00edndola\n    d'EFECTE (verd llima, dalt-dreta).\n  - HOVER: mostra la SEGONA IMATGE del producte (la demana a la\n    Store API de WooCommerce en UNA sola petici\u00f3 per p\u00e0gina).\n  - Cos: t\u00edtol Montserrat, l\u00ednia d'UBICACI\u00d3 (Paviment\/Revestiment,\n    llegida dels atributs pa_ubicacio-*), xips de mides (pa_mida-*),\n    i barra CTA llima \u00abDescobreix la col\u00b7lecci\u00f3 \u2192\u00bb.\n  - MutationObserver: cobreix paginaci\u00f3\/filtres AJAX.\n  - Sense JS: les targetes queden com ara (fallback segur).\nROLLBACK: esborrar el widget; el CSS sol no canvia l'estructura.\n============================================================ -->\n<script>\n(function () {\n  'use strict';\n\n  \/* Noms de marca ben escrits (slug product_brand-* \u2192 nom) *\/\n  var BRANDS = {\n    'vives':'Vives','ape-group':'APE Group','marazzi':'Marazzi','stn-ceramica':'STN',\n    'apavisa':'Apavisa','argenta':'Argenta','aparici':'Aparici','la-faenza':'La Faenza',\n    'grespania':'Grespania','porcelanosa':'Porcelanosa','peronda':'Peronda','alaplana':'Alaplana',\n    'dune':'Dune','ecoceramic':'Ecoceramic','ceracasa':'Ceracasa','mayolica':'Mayolica',\n    'ceramica-mayor':'Mayor','mykonos':'Mykonos','natucer':'Natucer','rocersa':'Rocersa',\n    'ktl-ceramica':'KTL','oset-ceramica':'Oset','klinker':'Klinker'\n  };\n  var UBI = {\n    'paviment-terra': 'Paviment (Terra)',\n    'revestiment-paret': 'Revestiment (Paret)'\n  };\n  var ARROW = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n  var LAYERS = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2 2 8l10 6 10-6-10-6Z\"\/><path d=\"m2 14 10 6 10-6\"\/><\/svg>';\n\n  function fromClasses(item, prefix) {\n    var out = [];\n    item.classList.forEach(function (c) {\n      if (c.indexOf(prefix) === 0) out.push(c.slice(prefix.length));\n    });\n    return out;\n  }\n\n  function enhance(item) {\n    if (item.dataset.bdgPc === '1') return;\n    item.dataset.bdgPc = '1';\n    var link = item.querySelector(':scope > a[href*=\"\/producte\/\"]');\n    if (!link) return;\n    var imgW = link.querySelector('.elementor-widget-theme-post-featured-image');\n    if (!imgW) return;\n    var h2s = link.querySelectorAll('.elementor-widget-heading h2');\n    if (!h2s.length) return;\n    var brandH = h2s[0];\n    var titleH = h2s[h2s.length - 1];\n    var efecteH = link.querySelector('.elementor-widget-heading h3');\n\n    var slug = (fromClasses(item, 'product_brand-')[0]) || '';\n    var brandName = BRANDS[slug] || (brandH ? brandH.textContent.trim() : '');\n\n    \/* --- media: imatge + p\u00edndoles --- *\/\n    var media = document.createElement('div');\n    media.className = 'bdg-pc-media';\n    link.insertBefore(media, link.firstChild);\n    media.appendChild(imgW);\n\n    if (brandName) {\n      var bp = document.createElement('span');\n      bp.className = 'bdg-pc-brandpill';\n      bp.textContent = brandName;\n      media.appendChild(bp);\n    }\n    if (efecteH) {\n      var ef = document.createElement('span');\n      ef.className = 'bdg-pc-efecte';\n      ef.textContent = efecteH.textContent.trim();\n      media.appendChild(ef);\n    }\n\n    \/* --- cos --- *\/\n    var body = document.createElement('div');\n    body.className = 'bdg-pc-body';\n\n    var tw = document.createElement('div');\n    tw.className = 'bdg-pc-title';\n    if (titleH && titleH.closest('.elementor-widget-heading')) {\n      tw.appendChild(titleH.closest('.elementor-widget-heading'));\n    }\n    body.appendChild(tw);\n\n    var ubis = fromClasses(item, 'pa_ubicacio-').map(function (s) { return UBI[s]; }).filter(Boolean);\n    if (ubis.length) {\n      var uw = document.createElement('div');\n      uw.className = 'bdg-pc-ubi';\n      uw.innerHTML = LAYERS + '<span>' + ubis.join(' \u00b7 ') + '<\/span>';\n      body.appendChild(uw);\n    }\n\n    var mides = fromClasses(item, 'pa_mida-').map(function (s) {\n      return s.replace(\/-cm$\/, '').replace(\/-\/g, ',');\n    }).filter(function (v, i, a) { return a.indexOf(v) === i; });\n    if (mides.length) {\n      var mw = document.createElement('div');\n      mw.className = 'bdg-pc-mides';\n      mides.slice(0, 3).forEach(function (m) {\n        var s = document.createElement('span');\n        s.className = 'bdg-pc-mida';\n        s.textContent = m;\n        mw.appendChild(s);\n      });\n      if (mides.length > 3) {\n        var more = document.createElement('span');\n        more.className = 'bdg-pc-mida bdg-pc-mida-more';\n        more.textContent = '+' + (mides.length - 3);\n        mw.appendChild(more);\n      }\n      body.appendChild(mw);\n    }\n\n    \/* neteja dels widgets originals ja reutilitzats *\/\n    if (brandH && brandH.closest('.elementor-widget-heading') && titleH !== brandH) {\n      brandH.closest('.elementor-widget-heading').remove();\n    }\n    if (efecteH) {\n      var ec = efecteH.closest('.e-con');\n      if (ec) ec.remove(); else efecteH.closest('.elementor-widget-heading').remove();\n    }\n\n    link.appendChild(body);\n\n    var cta = document.createElement('div');\n    cta.className = 'bdg-pc-cta';\n    cta.innerHTML = '<span>Descobreix la col\u00b7lecci\u00f3<\/span>' + ARROW;\n    link.appendChild(cta);\n  }\n\n  \/* --- segona imatge en hover: UNA petici\u00f3 Store API per p\u00e0gina --- *\/\n  function fetchSecondImages() {\n    var map = {};\n    document.querySelectorAll('.e-loop-item.product[data-bdg-pc=\"1\"]').forEach(function (item) {\n      if (item.dataset.bdgImg2) return;\n      var idm = (' ' + item.className + ' ').match(\/\\spost-(\\d+)\\s\/);\n      if (idm) { map[idm[1]] = item; item.dataset.bdgImg2 = 'pending'; }\n    });\n    var ids = Object.keys(map);\n    if (!ids.length) return;\n    var url = 'https:\/\/badagresbadalona.com\/wp-json\/wc\/store\/v1\/products?include='\n      + ids.join(',') + '&per_page=100&_fields=id,images';\n    fetch(url).then(function (r) { return r.json(); }).then(function (list) {\n      list.forEach(function (p) {\n        var item = map[String(p.id)];\n        if (!item) return;\n        item.dataset.bdgImg2 = '1';\n        if (!p.images || p.images.length < 2) return;\n        var media = item.querySelector('.bdg-pc-media');\n        if (!media || media.querySelector('.bdg-pc-img2')) return;\n        var im = document.createElement('img');\n        im.className = 'bdg-pc-img2';\n        im.src = p.images[1].src;\n        im.alt = p.images[1].alt || '';\n        im.loading = 'lazy';\n        media.insertBefore(im, media.firstChild ? media.firstChild.nextSibling : null);\n      });\n    }).catch(function () {\n      ids.forEach(function (id) { delete map[id].dataset.bdgImg2; });\n    });\n  }\n\n  function scan() {\n    document.querySelectorAll('.e-loop-item.product').forEach(enhance);\n    fetchSecondImages();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', scan);\n  } else { scan(); }\n\n  var t;\n  new MutationObserver(function (muts) {\n    var hit = false;\n    for (var i = 0; i < muts.length && !hit; i++) {\n      for (var j = 0; j < muts[i].addedNodes.length; j++) {\n        var n = muts[i].addedNodes[j];\n        if (n.nodeType === 1 && ((n.matches && n.matches('.e-loop-item.product')) || (n.querySelector && n.querySelector('.e-loop-item.product')))) { hit = true; break; }\n      }\n    }\n    if (hit) { clearTimeout(t); t = setTimeout(scan, 80); }\n  }).observe(document.body, { childList: true, subtree: true });\n})();\n<\/script>\n<!-- CHECKLIST:\n1. `Loop_Producte_CSS_v1.css` v1.2 AL FINAL del CSS Adicional ABANS de publicar.\n2. Widget HTML a totes les plantilles d'arxiu de producte.\n3. Desktop: hover \u2192 segona imatge + CTA llima que apareix; p\u00edndoles marca\/efecte sobre la imatge.\n4. M\u00f2bil: CTA sempre visible; p\u00edndoles m\u00e9s petites.\n5. Si un producte no t\u00e9 pa_ubicacio omplert, la l\u00ednia no surt (\u00e9s normal: atribut per omplir).\n6. La 2a imatge ve de la Store API p\u00fablica del propi WooCommerce (1 petici\u00f3\/p\u00e0gina).\nROLLBACK: esborrar el widget HTML; opcionalment treure el bloc CSS.\n-->\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-1c73cb19 e-con-full e-flex e-con e-parent\" data-id=\"1c73cb19\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/badagresbadalona.com\/es\/producto\/serie-endless-efecte-terratzo-%c2%b7-60x120-i-120x120-cm-leonardo-2\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9b7f8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1a9b7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Leonardo<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb36066 e-grid e-con-boxed e-con e-child\" data-id=\"bb36066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6538313 elementor-widget elementor-widget-heading\" data-id=\"6538313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Terratzo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06e0134 elementor-widget elementor-widget-heading\" data-id=\"06e0134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Paviment (Terra)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a5e8f1 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"20a5e8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"848\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/LEO-endless-ambient-endless-01.webp\" class=\"attachment-full size-full wp-image-59455\" alt=\"S\u00e8rie Endless | Efecte Terratzo \u00b7 60\u00d7120 i 120\u00d7120 cm | Leonardo\" srcset=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/LEO-endless-ambient-endless-01.webp 1200w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/LEO-endless-ambient-endless-01-300x212.webp 300w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/LEO-endless-ambient-endless-01-1024x724.webp 1024w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/LEO-endless-ambient-endless-01-768x543.webp 768w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/LEO-endless-ambient-endless-01-600x424.webp 600w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/LEO-endless-ambient-endless-01-64x45.webp 64w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67e5a5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a67e5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">S\u00e8rie Endless | Efecte Terratzo \u00b7 60&#215;120 i 120&#215;120 cm | Leonardo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"554\" class=\"elementor elementor-554 e-loop-item e-loop-item-60614 post-60614 product type-product status-publish has-post-thumbnail product_brand-coverlam product_cat-marbre pa_acabat-ceramiques-mat pa_acabat-ceramiques-polit-mirall pa_antilliscant-classe-1-interior pa_colors-estatuario pa_destonificacio-v3--variacio-moderada pa_efecte-marbre pa_espai-ideal-bany pa_espai-ideal-cuina pa_espai-ideal-encimeres pa_espai-ideal-espais-comercials pa_espai-ideal-salo-menjador pa_forma-quadrada pa_forma-rectangular pa_gruix_ceramiques-12-mm pa_gruix_ceramiques-3-5-mm pa_gruix_ceramiques-5-6-mm pa_m2_caixa-2-16 pa_m2_caixa-2-88 pa_material-pedra-sinteritzada pa_mida-100x100-cm pa_mida-100x300-cm pa_mida-120x120-cm pa_mida-120x260-cm pa_mida-162x324-cm pa_mida-50x100-cm pa_mida-60x120-cm pa_rectificat-no-rectificat pa_rectificat-rectificat pa_tipologia-ceramica-lamina-xxl-slab pa_ubicacio-paviment-terra pa_ubicacio-revestiment-paret  instock product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-ab4b0ef e-flex e-con-boxed e-con e-parent\" data-id=\"ab4b0ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f3a72 elementor-widget elementor-widget-html\" data-id=\"d7f3a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nWIDGET ENHANCER TARGETA PRODUCTE D'ARXIU v1.2 \u2014 Badagres\nDEST\u00cd: Elementor \u2192 plantilla d'ARXIU de producte (la que cont\u00e9 la\ngraella\/loop grid), widget HTML a qualsevol lloc de la p\u00e0gina.\nSi hi ha m\u00e9s plantilles d'arxiu (categoria, marca, atributs), posa'l\na TOTES.\nREQUEREIX: `Loop_Producte_CSS_v1.css` (v1.2) al CSS Adicional.\nQU\u00c8 FA a cada targeta del loop (sense tocar la plantilla 554):\n  - Imatge a dalt amb p\u00edndola de MARCA (blanca, dalt-esq.) i p\u00edndola\n    d'EFECTE (verd llima, dalt-dreta).\n  - HOVER: mostra la SEGONA IMATGE del producte (la demana a la\n    Store API de WooCommerce en UNA sola petici\u00f3 per p\u00e0gina).\n  - Cos: t\u00edtol Montserrat, l\u00ednia d'UBICACI\u00d3 (Paviment\/Revestiment,\n    llegida dels atributs pa_ubicacio-*), xips de mides (pa_mida-*),\n    i barra CTA llima \u00abDescobreix la col\u00b7lecci\u00f3 \u2192\u00bb.\n  - MutationObserver: cobreix paginaci\u00f3\/filtres AJAX.\n  - Sense JS: les targetes queden com ara (fallback segur).\nROLLBACK: esborrar el widget; el CSS sol no canvia l'estructura.\n============================================================ -->\n<script>\n(function () {\n  'use strict';\n\n  \/* Noms de marca ben escrits (slug product_brand-* \u2192 nom) *\/\n  var BRANDS = {\n    'vives':'Vives','ape-group':'APE Group','marazzi':'Marazzi','stn-ceramica':'STN',\n    'apavisa':'Apavisa','argenta':'Argenta','aparici':'Aparici','la-faenza':'La Faenza',\n    'grespania':'Grespania','porcelanosa':'Porcelanosa','peronda':'Peronda','alaplana':'Alaplana',\n    'dune':'Dune','ecoceramic':'Ecoceramic','ceracasa':'Ceracasa','mayolica':'Mayolica',\n    'ceramica-mayor':'Mayor','mykonos':'Mykonos','natucer':'Natucer','rocersa':'Rocersa',\n    'ktl-ceramica':'KTL','oset-ceramica':'Oset','klinker':'Klinker'\n  };\n  var UBI = {\n    'paviment-terra': 'Paviment (Terra)',\n    'revestiment-paret': 'Revestiment (Paret)'\n  };\n  var ARROW = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n  var LAYERS = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2 2 8l10 6 10-6-10-6Z\"\/><path d=\"m2 14 10 6 10-6\"\/><\/svg>';\n\n  function fromClasses(item, prefix) {\n    var out = [];\n    item.classList.forEach(function (c) {\n      if (c.indexOf(prefix) === 0) out.push(c.slice(prefix.length));\n    });\n    return out;\n  }\n\n  function enhance(item) {\n    if (item.dataset.bdgPc === '1') return;\n    item.dataset.bdgPc = '1';\n    var link = item.querySelector(':scope > a[href*=\"\/producte\/\"]');\n    if (!link) return;\n    var imgW = link.querySelector('.elementor-widget-theme-post-featured-image');\n    if (!imgW) return;\n    var h2s = link.querySelectorAll('.elementor-widget-heading h2');\n    if (!h2s.length) return;\n    var brandH = h2s[0];\n    var titleH = h2s[h2s.length - 1];\n    var efecteH = link.querySelector('.elementor-widget-heading h3');\n\n    var slug = (fromClasses(item, 'product_brand-')[0]) || '';\n    var brandName = BRANDS[slug] || (brandH ? brandH.textContent.trim() : '');\n\n    \/* --- media: imatge + p\u00edndoles --- *\/\n    var media = document.createElement('div');\n    media.className = 'bdg-pc-media';\n    link.insertBefore(media, link.firstChild);\n    media.appendChild(imgW);\n\n    if (brandName) {\n      var bp = document.createElement('span');\n      bp.className = 'bdg-pc-brandpill';\n      bp.textContent = brandName;\n      media.appendChild(bp);\n    }\n    if (efecteH) {\n      var ef = document.createElement('span');\n      ef.className = 'bdg-pc-efecte';\n      ef.textContent = efecteH.textContent.trim();\n      media.appendChild(ef);\n    }\n\n    \/* --- cos --- *\/\n    var body = document.createElement('div');\n    body.className = 'bdg-pc-body';\n\n    var tw = document.createElement('div');\n    tw.className = 'bdg-pc-title';\n    if (titleH && titleH.closest('.elementor-widget-heading')) {\n      tw.appendChild(titleH.closest('.elementor-widget-heading'));\n    }\n    body.appendChild(tw);\n\n    var ubis = fromClasses(item, 'pa_ubicacio-').map(function (s) { return UBI[s]; }).filter(Boolean);\n    if (ubis.length) {\n      var uw = document.createElement('div');\n      uw.className = 'bdg-pc-ubi';\n      uw.innerHTML = LAYERS + '<span>' + ubis.join(' \u00b7 ') + '<\/span>';\n      body.appendChild(uw);\n    }\n\n    var mides = fromClasses(item, 'pa_mida-').map(function (s) {\n      return s.replace(\/-cm$\/, '').replace(\/-\/g, ',');\n    }).filter(function (v, i, a) { return a.indexOf(v) === i; });\n    if (mides.length) {\n      var mw = document.createElement('div');\n      mw.className = 'bdg-pc-mides';\n      mides.slice(0, 3).forEach(function (m) {\n        var s = document.createElement('span');\n        s.className = 'bdg-pc-mida';\n        s.textContent = m;\n        mw.appendChild(s);\n      });\n      if (mides.length > 3) {\n        var more = document.createElement('span');\n        more.className = 'bdg-pc-mida bdg-pc-mida-more';\n        more.textContent = '+' + (mides.length - 3);\n        mw.appendChild(more);\n      }\n      body.appendChild(mw);\n    }\n\n    \/* neteja dels widgets originals ja reutilitzats *\/\n    if (brandH && brandH.closest('.elementor-widget-heading') && titleH !== brandH) {\n      brandH.closest('.elementor-widget-heading').remove();\n    }\n    if (efecteH) {\n      var ec = efecteH.closest('.e-con');\n      if (ec) ec.remove(); else efecteH.closest('.elementor-widget-heading').remove();\n    }\n\n    link.appendChild(body);\n\n    var cta = document.createElement('div');\n    cta.className = 'bdg-pc-cta';\n    cta.innerHTML = '<span>Descobreix la col\u00b7lecci\u00f3<\/span>' + ARROW;\n    link.appendChild(cta);\n  }\n\n  \/* --- segona imatge en hover: UNA petici\u00f3 Store API per p\u00e0gina --- *\/\n  function fetchSecondImages() {\n    var map = {};\n    document.querySelectorAll('.e-loop-item.product[data-bdg-pc=\"1\"]').forEach(function (item) {\n      if (item.dataset.bdgImg2) return;\n      var idm = (' ' + item.className + ' ').match(\/\\spost-(\\d+)\\s\/);\n      if (idm) { map[idm[1]] = item; item.dataset.bdgImg2 = 'pending'; }\n    });\n    var ids = Object.keys(map);\n    if (!ids.length) return;\n    var url = 'https:\/\/badagresbadalona.com\/wp-json\/wc\/store\/v1\/products?include='\n      + ids.join(',') + '&per_page=100&_fields=id,images';\n    fetch(url).then(function (r) { return r.json(); }).then(function (list) {\n      list.forEach(function (p) {\n        var item = map[String(p.id)];\n        if (!item) return;\n        item.dataset.bdgImg2 = '1';\n        if (!p.images || p.images.length < 2) return;\n        var media = item.querySelector('.bdg-pc-media');\n        if (!media || media.querySelector('.bdg-pc-img2')) return;\n        var im = document.createElement('img');\n        im.className = 'bdg-pc-img2';\n        im.src = p.images[1].src;\n        im.alt = p.images[1].alt || '';\n        im.loading = 'lazy';\n        media.insertBefore(im, media.firstChild ? media.firstChild.nextSibling : null);\n      });\n    }).catch(function () {\n      ids.forEach(function (id) { delete map[id].dataset.bdgImg2; });\n    });\n  }\n\n  function scan() {\n    document.querySelectorAll('.e-loop-item.product').forEach(enhance);\n    fetchSecondImages();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', scan);\n  } else { scan(); }\n\n  var t;\n  new MutationObserver(function (muts) {\n    var hit = false;\n    for (var i = 0; i < muts.length && !hit; i++) {\n      for (var j = 0; j < muts[i].addedNodes.length; j++) {\n        var n = muts[i].addedNodes[j];\n        if (n.nodeType === 1 && ((n.matches && n.matches('.e-loop-item.product')) || (n.querySelector && n.querySelector('.e-loop-item.product')))) { hit = true; break; }\n      }\n    }\n    if (hit) { clearTimeout(t); t = setTimeout(scan, 80); }\n  }).observe(document.body, { childList: true, subtree: true });\n})();\n<\/script>\n<!-- CHECKLIST:\n1. `Loop_Producte_CSS_v1.css` v1.2 AL FINAL del CSS Adicional ABANS de publicar.\n2. Widget HTML a totes les plantilles d'arxiu de producte.\n3. Desktop: hover \u2192 segona imatge + CTA llima que apareix; p\u00edndoles marca\/efecte sobre la imatge.\n4. M\u00f2bil: CTA sempre visible; p\u00edndoles m\u00e9s petites.\n5. Si un producte no t\u00e9 pa_ubicacio omplert, la l\u00ednia no surt (\u00e9s normal: atribut per omplir).\n6. La 2a imatge ve de la Store API p\u00fablica del propi WooCommerce (1 petici\u00f3\/p\u00e0gina).\nROLLBACK: esborrar el widget HTML; opcionalment treure el bloc CSS.\n-->\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-1c73cb19 e-con-full e-flex e-con e-parent\" data-id=\"1c73cb19\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/badagresbadalona.com\/es\/producto\/serie-estatuario-efecte-marbre-%c2%b7-50x100-60x120-100x100-120x120-100x300-120x260-i-162x324-cm-coverlam\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9b7f8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1a9b7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coverlam<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb36066 e-grid e-con-boxed e-con e-child\" data-id=\"bb36066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6538313 elementor-widget elementor-widget-heading\" data-id=\"6538313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Marbre<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06e0134 elementor-widget elementor-widget-heading\" data-id=\"06e0134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Paviment (Terra)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a5e8f1 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"20a5e8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"900\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/COV-ESTATUARIO-ambient-estatuario-01.webp\" class=\"attachment-full size-full wp-image-60839\" alt=\"Ambient \u00b7 S\u00e8rie Estatuario \u00b7 Coverlam \u00b7 1\" srcset=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/COV-ESTATUARIO-ambient-estatuario-01.webp 1200w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/COV-ESTATUARIO-ambient-estatuario-01-300x225.webp 300w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/COV-ESTATUARIO-ambient-estatuario-01-1024x768.webp 1024w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/COV-ESTATUARIO-ambient-estatuario-01-768x576.webp 768w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/COV-ESTATUARIO-ambient-estatuario-01-600x450.webp 600w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/COV-ESTATUARIO-ambient-estatuario-01-64x48.webp 64w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67e5a5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a67e5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">S\u00e8rie Estatuario | Efecte Marbre \u00b7 50&#215;100, 60&#215;120, 100&#215;100, 120&#215;120, 100&#215;300, 120&#215;260 i 162&#215;324 cm | Coverlam<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"554\" class=\"elementor elementor-554 e-loop-item e-loop-item-14918 post-14918 product type-product status-publish has-post-thumbnail product_brand-apavisa product_cat-ceramica pa_acabat-ceramiques-antilliscant-grip-c3 pa_acabat-ceramiques-mat pa_antilliscant-classe-3-exterior-i-piscines pa_colors-beige pa_colors-blue pa_colors-grey pa_efecte-ciment pa_efecte-decoratiu-floral pa_espai-ideal-facana-exterior pa_espai-ideal-terrassa-i-exterior pa_forma-rectangular pa_gruix_ceramiques-20-mm-massis-2out pa_m2_caixa-0-71 pa_m2_caixa-1-49 pa_material-porcellanic pa_mida-25x100-cm pa_mida-50x100-cm pa_rectificat-rectificat pa_tipologia-ceramica-paviment-porcellanic pa_ubicacio-paviment-terra pa_ubicacio-revestiment-paret last instock shipping-taxable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-ab4b0ef e-flex e-con-boxed e-con e-parent\" data-id=\"ab4b0ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f3a72 elementor-widget elementor-widget-html\" data-id=\"d7f3a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nWIDGET ENHANCER TARGETA PRODUCTE D'ARXIU v1.2 \u2014 Badagres\nDEST\u00cd: Elementor \u2192 plantilla d'ARXIU de producte (la que cont\u00e9 la\ngraella\/loop grid), widget HTML a qualsevol lloc de la p\u00e0gina.\nSi hi ha m\u00e9s plantilles d'arxiu (categoria, marca, atributs), posa'l\na TOTES.\nREQUEREIX: `Loop_Producte_CSS_v1.css` (v1.2) al CSS Adicional.\nQU\u00c8 FA a cada targeta del loop (sense tocar la plantilla 554):\n  - Imatge a dalt amb p\u00edndola de MARCA (blanca, dalt-esq.) i p\u00edndola\n    d'EFECTE (verd llima, dalt-dreta).\n  - HOVER: mostra la SEGONA IMATGE del producte (la demana a la\n    Store API de WooCommerce en UNA sola petici\u00f3 per p\u00e0gina).\n  - Cos: t\u00edtol Montserrat, l\u00ednia d'UBICACI\u00d3 (Paviment\/Revestiment,\n    llegida dels atributs pa_ubicacio-*), xips de mides (pa_mida-*),\n    i barra CTA llima \u00abDescobreix la col\u00b7lecci\u00f3 \u2192\u00bb.\n  - MutationObserver: cobreix paginaci\u00f3\/filtres AJAX.\n  - Sense JS: les targetes queden com ara (fallback segur).\nROLLBACK: esborrar el widget; el CSS sol no canvia l'estructura.\n============================================================ -->\n<script>\n(function () {\n  'use strict';\n\n  \/* Noms de marca ben escrits (slug product_brand-* \u2192 nom) *\/\n  var BRANDS = {\n    'vives':'Vives','ape-group':'APE Group','marazzi':'Marazzi','stn-ceramica':'STN',\n    'apavisa':'Apavisa','argenta':'Argenta','aparici':'Aparici','la-faenza':'La Faenza',\n    'grespania':'Grespania','porcelanosa':'Porcelanosa','peronda':'Peronda','alaplana':'Alaplana',\n    'dune':'Dune','ecoceramic':'Ecoceramic','ceracasa':'Ceracasa','mayolica':'Mayolica',\n    'ceramica-mayor':'Mayor','mykonos':'Mykonos','natucer':'Natucer','rocersa':'Rocersa',\n    'ktl-ceramica':'KTL','oset-ceramica':'Oset','klinker':'Klinker'\n  };\n  var UBI = {\n    'paviment-terra': 'Paviment (Terra)',\n    'revestiment-paret': 'Revestiment (Paret)'\n  };\n  var ARROW = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n  var LAYERS = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2 2 8l10 6 10-6-10-6Z\"\/><path d=\"m2 14 10 6 10-6\"\/><\/svg>';\n\n  function fromClasses(item, prefix) {\n    var out = [];\n    item.classList.forEach(function (c) {\n      if (c.indexOf(prefix) === 0) out.push(c.slice(prefix.length));\n    });\n    return out;\n  }\n\n  function enhance(item) {\n    if (item.dataset.bdgPc === '1') return;\n    item.dataset.bdgPc = '1';\n    var link = item.querySelector(':scope > a[href*=\"\/producte\/\"]');\n    if (!link) return;\n    var imgW = link.querySelector('.elementor-widget-theme-post-featured-image');\n    if (!imgW) return;\n    var h2s = link.querySelectorAll('.elementor-widget-heading h2');\n    if (!h2s.length) return;\n    var brandH = h2s[0];\n    var titleH = h2s[h2s.length - 1];\n    var efecteH = link.querySelector('.elementor-widget-heading h3');\n\n    var slug = (fromClasses(item, 'product_brand-')[0]) || '';\n    var brandName = BRANDS[slug] || (brandH ? brandH.textContent.trim() : '');\n\n    \/* --- media: imatge + p\u00edndoles --- *\/\n    var media = document.createElement('div');\n    media.className = 'bdg-pc-media';\n    link.insertBefore(media, link.firstChild);\n    media.appendChild(imgW);\n\n    if (brandName) {\n      var bp = document.createElement('span');\n      bp.className = 'bdg-pc-brandpill';\n      bp.textContent = brandName;\n      media.appendChild(bp);\n    }\n    if (efecteH) {\n      var ef = document.createElement('span');\n      ef.className = 'bdg-pc-efecte';\n      ef.textContent = efecteH.textContent.trim();\n      media.appendChild(ef);\n    }\n\n    \/* --- cos --- *\/\n    var body = document.createElement('div');\n    body.className = 'bdg-pc-body';\n\n    var tw = document.createElement('div');\n    tw.className = 'bdg-pc-title';\n    if (titleH && titleH.closest('.elementor-widget-heading')) {\n      tw.appendChild(titleH.closest('.elementor-widget-heading'));\n    }\n    body.appendChild(tw);\n\n    var ubis = fromClasses(item, 'pa_ubicacio-').map(function (s) { return UBI[s]; }).filter(Boolean);\n    if (ubis.length) {\n      var uw = document.createElement('div');\n      uw.className = 'bdg-pc-ubi';\n      uw.innerHTML = LAYERS + '<span>' + ubis.join(' \u00b7 ') + '<\/span>';\n      body.appendChild(uw);\n    }\n\n    var mides = fromClasses(item, 'pa_mida-').map(function (s) {\n      return s.replace(\/-cm$\/, '').replace(\/-\/g, ',');\n    }).filter(function (v, i, a) { return a.indexOf(v) === i; });\n    if (mides.length) {\n      var mw = document.createElement('div');\n      mw.className = 'bdg-pc-mides';\n      mides.slice(0, 3).forEach(function (m) {\n        var s = document.createElement('span');\n        s.className = 'bdg-pc-mida';\n        s.textContent = m;\n        mw.appendChild(s);\n      });\n      if (mides.length > 3) {\n        var more = document.createElement('span');\n        more.className = 'bdg-pc-mida bdg-pc-mida-more';\n        more.textContent = '+' + (mides.length - 3);\n        mw.appendChild(more);\n      }\n      body.appendChild(mw);\n    }\n\n    \/* neteja dels widgets originals ja reutilitzats *\/\n    if (brandH && brandH.closest('.elementor-widget-heading') && titleH !== brandH) {\n      brandH.closest('.elementor-widget-heading').remove();\n    }\n    if (efecteH) {\n      var ec = efecteH.closest('.e-con');\n      if (ec) ec.remove(); else efecteH.closest('.elementor-widget-heading').remove();\n    }\n\n    link.appendChild(body);\n\n    var cta = document.createElement('div');\n    cta.className = 'bdg-pc-cta';\n    cta.innerHTML = '<span>Descobreix la col\u00b7lecci\u00f3<\/span>' + ARROW;\n    link.appendChild(cta);\n  }\n\n  \/* --- segona imatge en hover: UNA petici\u00f3 Store API per p\u00e0gina --- *\/\n  function fetchSecondImages() {\n    var map = {};\n    document.querySelectorAll('.e-loop-item.product[data-bdg-pc=\"1\"]').forEach(function (item) {\n      if (item.dataset.bdgImg2) return;\n      var idm = (' ' + item.className + ' ').match(\/\\spost-(\\d+)\\s\/);\n      if (idm) { map[idm[1]] = item; item.dataset.bdgImg2 = 'pending'; }\n    });\n    var ids = Object.keys(map);\n    if (!ids.length) return;\n    var url = 'https:\/\/badagresbadalona.com\/wp-json\/wc\/store\/v1\/products?include='\n      + ids.join(',') + '&per_page=100&_fields=id,images';\n    fetch(url).then(function (r) { return r.json(); }).then(function (list) {\n      list.forEach(function (p) {\n        var item = map[String(p.id)];\n        if (!item) return;\n        item.dataset.bdgImg2 = '1';\n        if (!p.images || p.images.length < 2) return;\n        var media = item.querySelector('.bdg-pc-media');\n        if (!media || media.querySelector('.bdg-pc-img2')) return;\n        var im = document.createElement('img');\n        im.className = 'bdg-pc-img2';\n        im.src = p.images[1].src;\n        im.alt = p.images[1].alt || '';\n        im.loading = 'lazy';\n        media.insertBefore(im, media.firstChild ? media.firstChild.nextSibling : null);\n      });\n    }).catch(function () {\n      ids.forEach(function (id) { delete map[id].dataset.bdgImg2; });\n    });\n  }\n\n  function scan() {\n    document.querySelectorAll('.e-loop-item.product').forEach(enhance);\n    fetchSecondImages();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', scan);\n  } else { scan(); }\n\n  var t;\n  new MutationObserver(function (muts) {\n    var hit = false;\n    for (var i = 0; i < muts.length && !hit; i++) {\n      for (var j = 0; j < muts[i].addedNodes.length; j++) {\n        var n = muts[i].addedNodes[j];\n        if (n.nodeType === 1 && ((n.matches && n.matches('.e-loop-item.product')) || (n.querySelector && n.querySelector('.e-loop-item.product')))) { hit = true; break; }\n      }\n    }\n    if (hit) { clearTimeout(t); t = setTimeout(scan, 80); }\n  }).observe(document.body, { childList: true, subtree: true });\n})();\n<\/script>\n<!-- CHECKLIST:\n1. `Loop_Producte_CSS_v1.css` v1.2 AL FINAL del CSS Adicional ABANS de publicar.\n2. Widget HTML a totes les plantilles d'arxiu de producte.\n3. Desktop: hover \u2192 segona imatge + CTA llima que apareix; p\u00edndoles marca\/efecte sobre la imatge.\n4. M\u00f2bil: CTA sempre visible; p\u00edndoles m\u00e9s petites.\n5. Si un producte no t\u00e9 pa_ubicacio omplert, la l\u00ednia no surt (\u00e9s normal: atribut per omplir).\n6. La 2a imatge ve de la Store API p\u00fablica del propi WooCommerce (1 petici\u00f3\/p\u00e0gina).\nROLLBACK: esborrar el widget HTML; opcionalment treure el bloc CSS.\n-->\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-1c73cb19 e-con-full e-flex e-con e-parent\" data-id=\"1c73cb19\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/badagresbadalona.com\/es\/producto\/serie-fragmenta-apavisa\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9b7f8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1a9b7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Apavisa<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb36066 e-grid e-con-boxed e-con e-child\" data-id=\"bb36066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6538313 elementor-widget elementor-widget-heading\" data-id=\"6538313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ciment<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06e0134 elementor-widget elementor-widget-heading\" data-id=\"06e0134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Paviment (Terra)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a5e8f1 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"20a5e8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"546\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/04\/fragmenta-terraza-exterior-suelo-porcelanico-gris-rect_big.webp\" class=\"attachment-full size-full wp-image-15223\" alt=\"S\u00e8rie Fragmenta - Apavisa\" srcset=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/04\/fragmenta-terraza-exterior-suelo-porcelanico-gris-rect_big.webp 660w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/04\/fragmenta-terraza-exterior-suelo-porcelanico-gris-rect_big-300x248.webp 300w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/04\/fragmenta-terraza-exterior-suelo-porcelanico-gris-rect_big-600x496.webp 600w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/04\/fragmenta-terraza-exterior-suelo-porcelanico-gris-rect_big-64x53.webp 64w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67e5a5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a67e5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">S\u00e8rie Fragmenta &#8211; Apavisa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"554\" class=\"elementor elementor-554 e-loop-item e-loop-item-33007 post-33007 product type-product status-publish has-post-thumbnail product_brand-mykonos product_cat-ciment pa_acabat-ceramiques-mat pa_efecte-ciment pa_forma-rectangular pa_material-pasta-blanca pa_mida-40x120-cm pa_tipologia-ceramica-revestiment-pasta-blanca pa_ubicacio-revestiment-paret first instock shipping-taxable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-ab4b0ef e-flex e-con-boxed e-con e-parent\" data-id=\"ab4b0ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f3a72 elementor-widget elementor-widget-html\" data-id=\"d7f3a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nWIDGET ENHANCER TARGETA PRODUCTE D'ARXIU v1.2 \u2014 Badagres\nDEST\u00cd: Elementor \u2192 plantilla d'ARXIU de producte (la que cont\u00e9 la\ngraella\/loop grid), widget HTML a qualsevol lloc de la p\u00e0gina.\nSi hi ha m\u00e9s plantilles d'arxiu (categoria, marca, atributs), posa'l\na TOTES.\nREQUEREIX: `Loop_Producte_CSS_v1.css` (v1.2) al CSS Adicional.\nQU\u00c8 FA a cada targeta del loop (sense tocar la plantilla 554):\n  - Imatge a dalt amb p\u00edndola de MARCA (blanca, dalt-esq.) i p\u00edndola\n    d'EFECTE (verd llima, dalt-dreta).\n  - HOVER: mostra la SEGONA IMATGE del producte (la demana a la\n    Store API de WooCommerce en UNA sola petici\u00f3 per p\u00e0gina).\n  - Cos: t\u00edtol Montserrat, l\u00ednia d'UBICACI\u00d3 (Paviment\/Revestiment,\n    llegida dels atributs pa_ubicacio-*), xips de mides (pa_mida-*),\n    i barra CTA llima \u00abDescobreix la col\u00b7lecci\u00f3 \u2192\u00bb.\n  - MutationObserver: cobreix paginaci\u00f3\/filtres AJAX.\n  - Sense JS: les targetes queden com ara (fallback segur).\nROLLBACK: esborrar el widget; el CSS sol no canvia l'estructura.\n============================================================ -->\n<script>\n(function () {\n  'use strict';\n\n  \/* Noms de marca ben escrits (slug product_brand-* \u2192 nom) *\/\n  var BRANDS = {\n    'vives':'Vives','ape-group':'APE Group','marazzi':'Marazzi','stn-ceramica':'STN',\n    'apavisa':'Apavisa','argenta':'Argenta','aparici':'Aparici','la-faenza':'La Faenza',\n    'grespania':'Grespania','porcelanosa':'Porcelanosa','peronda':'Peronda','alaplana':'Alaplana',\n    'dune':'Dune','ecoceramic':'Ecoceramic','ceracasa':'Ceracasa','mayolica':'Mayolica',\n    'ceramica-mayor':'Mayor','mykonos':'Mykonos','natucer':'Natucer','rocersa':'Rocersa',\n    'ktl-ceramica':'KTL','oset-ceramica':'Oset','klinker':'Klinker'\n  };\n  var UBI = {\n    'paviment-terra': 'Paviment (Terra)',\n    'revestiment-paret': 'Revestiment (Paret)'\n  };\n  var ARROW = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n  var LAYERS = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2 2 8l10 6 10-6-10-6Z\"\/><path d=\"m2 14 10 6 10-6\"\/><\/svg>';\n\n  function fromClasses(item, prefix) {\n    var out = [];\n    item.classList.forEach(function (c) {\n      if (c.indexOf(prefix) === 0) out.push(c.slice(prefix.length));\n    });\n    return out;\n  }\n\n  function enhance(item) {\n    if (item.dataset.bdgPc === '1') return;\n    item.dataset.bdgPc = '1';\n    var link = item.querySelector(':scope > a[href*=\"\/producte\/\"]');\n    if (!link) return;\n    var imgW = link.querySelector('.elementor-widget-theme-post-featured-image');\n    if (!imgW) return;\n    var h2s = link.querySelectorAll('.elementor-widget-heading h2');\n    if (!h2s.length) return;\n    var brandH = h2s[0];\n    var titleH = h2s[h2s.length - 1];\n    var efecteH = link.querySelector('.elementor-widget-heading h3');\n\n    var slug = (fromClasses(item, 'product_brand-')[0]) || '';\n    var brandName = BRANDS[slug] || (brandH ? brandH.textContent.trim() : '');\n\n    \/* --- media: imatge + p\u00edndoles --- *\/\n    var media = document.createElement('div');\n    media.className = 'bdg-pc-media';\n    link.insertBefore(media, link.firstChild);\n    media.appendChild(imgW);\n\n    if (brandName) {\n      var bp = document.createElement('span');\n      bp.className = 'bdg-pc-brandpill';\n      bp.textContent = brandName;\n      media.appendChild(bp);\n    }\n    if (efecteH) {\n      var ef = document.createElement('span');\n      ef.className = 'bdg-pc-efecte';\n      ef.textContent = efecteH.textContent.trim();\n      media.appendChild(ef);\n    }\n\n    \/* --- cos --- *\/\n    var body = document.createElement('div');\n    body.className = 'bdg-pc-body';\n\n    var tw = document.createElement('div');\n    tw.className = 'bdg-pc-title';\n    if (titleH && titleH.closest('.elementor-widget-heading')) {\n      tw.appendChild(titleH.closest('.elementor-widget-heading'));\n    }\n    body.appendChild(tw);\n\n    var ubis = fromClasses(item, 'pa_ubicacio-').map(function (s) { return UBI[s]; }).filter(Boolean);\n    if (ubis.length) {\n      var uw = document.createElement('div');\n      uw.className = 'bdg-pc-ubi';\n      uw.innerHTML = LAYERS + '<span>' + ubis.join(' \u00b7 ') + '<\/span>';\n      body.appendChild(uw);\n    }\n\n    var mides = fromClasses(item, 'pa_mida-').map(function (s) {\n      return s.replace(\/-cm$\/, '').replace(\/-\/g, ',');\n    }).filter(function (v, i, a) { return a.indexOf(v) === i; });\n    if (mides.length) {\n      var mw = document.createElement('div');\n      mw.className = 'bdg-pc-mides';\n      mides.slice(0, 3).forEach(function (m) {\n        var s = document.createElement('span');\n        s.className = 'bdg-pc-mida';\n        s.textContent = m;\n        mw.appendChild(s);\n      });\n      if (mides.length > 3) {\n        var more = document.createElement('span');\n        more.className = 'bdg-pc-mida bdg-pc-mida-more';\n        more.textContent = '+' + (mides.length - 3);\n        mw.appendChild(more);\n      }\n      body.appendChild(mw);\n    }\n\n    \/* neteja dels widgets originals ja reutilitzats *\/\n    if (brandH && brandH.closest('.elementor-widget-heading') && titleH !== brandH) {\n      brandH.closest('.elementor-widget-heading').remove();\n    }\n    if (efecteH) {\n      var ec = efecteH.closest('.e-con');\n      if (ec) ec.remove(); else efecteH.closest('.elementor-widget-heading').remove();\n    }\n\n    link.appendChild(body);\n\n    var cta = document.createElement('div');\n    cta.className = 'bdg-pc-cta';\n    cta.innerHTML = '<span>Descobreix la col\u00b7lecci\u00f3<\/span>' + ARROW;\n    link.appendChild(cta);\n  }\n\n  \/* --- segona imatge en hover: UNA petici\u00f3 Store API per p\u00e0gina --- *\/\n  function fetchSecondImages() {\n    var map = {};\n    document.querySelectorAll('.e-loop-item.product[data-bdg-pc=\"1\"]').forEach(function (item) {\n      if (item.dataset.bdgImg2) return;\n      var idm = (' ' + item.className + ' ').match(\/\\spost-(\\d+)\\s\/);\n      if (idm) { map[idm[1]] = item; item.dataset.bdgImg2 = 'pending'; }\n    });\n    var ids = Object.keys(map);\n    if (!ids.length) return;\n    var url = 'https:\/\/badagresbadalona.com\/wp-json\/wc\/store\/v1\/products?include='\n      + ids.join(',') + '&per_page=100&_fields=id,images';\n    fetch(url).then(function (r) { return r.json(); }).then(function (list) {\n      list.forEach(function (p) {\n        var item = map[String(p.id)];\n        if (!item) return;\n        item.dataset.bdgImg2 = '1';\n        if (!p.images || p.images.length < 2) return;\n        var media = item.querySelector('.bdg-pc-media');\n        if (!media || media.querySelector('.bdg-pc-img2')) return;\n        var im = document.createElement('img');\n        im.className = 'bdg-pc-img2';\n        im.src = p.images[1].src;\n        im.alt = p.images[1].alt || '';\n        im.loading = 'lazy';\n        media.insertBefore(im, media.firstChild ? media.firstChild.nextSibling : null);\n      });\n    }).catch(function () {\n      ids.forEach(function (id) { delete map[id].dataset.bdgImg2; });\n    });\n  }\n\n  function scan() {\n    document.querySelectorAll('.e-loop-item.product').forEach(enhance);\n    fetchSecondImages();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', scan);\n  } else { scan(); }\n\n  var t;\n  new MutationObserver(function (muts) {\n    var hit = false;\n    for (var i = 0; i < muts.length && !hit; i++) {\n      for (var j = 0; j < muts[i].addedNodes.length; j++) {\n        var n = muts[i].addedNodes[j];\n        if (n.nodeType === 1 && ((n.matches && n.matches('.e-loop-item.product')) || (n.querySelector && n.querySelector('.e-loop-item.product')))) { hit = true; break; }\n      }\n    }\n    if (hit) { clearTimeout(t); t = setTimeout(scan, 80); }\n  }).observe(document.body, { childList: true, subtree: true });\n})();\n<\/script>\n<!-- CHECKLIST:\n1. `Loop_Producte_CSS_v1.css` v1.2 AL FINAL del CSS Adicional ABANS de publicar.\n2. Widget HTML a totes les plantilles d'arxiu de producte.\n3. Desktop: hover \u2192 segona imatge + CTA llima que apareix; p\u00edndoles marca\/efecte sobre la imatge.\n4. M\u00f2bil: CTA sempre visible; p\u00edndoles m\u00e9s petites.\n5. Si un producte no t\u00e9 pa_ubicacio omplert, la l\u00ednia no surt (\u00e9s normal: atribut per omplir).\n6. La 2a imatge ve de la Store API p\u00fablica del propi WooCommerce (1 petici\u00f3\/p\u00e0gina).\nROLLBACK: esborrar el widget HTML; opcionalment treure el bloc CSS.\n-->\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-1c73cb19 e-con-full e-flex e-con e-parent\" data-id=\"1c73cb19\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/badagresbadalona.com\/es\/producto\/serie-munich-pasta-blanca-mat-%c2%b7-40x120-cm-mykonos\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9b7f8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1a9b7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mykonos<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb36066 e-grid e-con-boxed e-con e-child\" data-id=\"bb36066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6538313 elementor-widget elementor-widget-heading\" data-id=\"6538313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ciment<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06e0134 elementor-widget elementor-widget-heading\" data-id=\"06e0134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Revestiment (Paret)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a5e8f1 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"20a5e8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1476\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS.jpg\" class=\"attachment-full size-full wp-image-33004\" alt=\"S\u00e8rie Munich | Pasta blanca Mat \u00b7 40x120 cm | Mykonos\" srcset=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS.jpg 2000w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS-300x221.jpg 300w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS-1024x756.jpg 1024w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS-768x567.jpg 768w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS-1536x1134.jpg 1536w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS-600x443.jpg 600w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/AMB-RELIEVE-MUNICH-GRIS-64x47.jpg 64w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67e5a5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a67e5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">S\u00e8rie Munich | Pasta blanca Mat \u00b7 40&#215;120 cm | Mykonos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"554\" class=\"elementor elementor-554 e-loop-item e-loop-item-27348 post-27348 product type-product status-publish has-post-thumbnail product_brand-natucer product_cat-paviment-porcellanic pa_acabat-ceramiques-brillant pa_acabat-ceramiques-relleu-3d pa_antilliscant-no-aplica pa_colors-metallo pa_colors-nut pa_colors-snow pa_colors-white pa_efecte-monocolor-llis pa_espai-ideal-bany pa_espai-ideal-cuina pa_forma-rectangular pa_m2_caixa-0-43 pa_material-gres-extruit pa_material-porcellanic pa_mida-10x39-cm pa_rectificat-no-rectificat pa_tipologia-ceramica-revestiment-porcellanic pa_ubicacio-revestiment-paret  instock shipping-taxable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-ab4b0ef e-flex e-con-boxed e-con e-parent\" data-id=\"ab4b0ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f3a72 elementor-widget elementor-widget-html\" data-id=\"d7f3a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nWIDGET ENHANCER TARGETA PRODUCTE D'ARXIU v1.2 \u2014 Badagres\nDEST\u00cd: Elementor \u2192 plantilla d'ARXIU de producte (la que cont\u00e9 la\ngraella\/loop grid), widget HTML a qualsevol lloc de la p\u00e0gina.\nSi hi ha m\u00e9s plantilles d'arxiu (categoria, marca, atributs), posa'l\na TOTES.\nREQUEREIX: `Loop_Producte_CSS_v1.css` (v1.2) al CSS Adicional.\nQU\u00c8 FA a cada targeta del loop (sense tocar la plantilla 554):\n  - Imatge a dalt amb p\u00edndola de MARCA (blanca, dalt-esq.) i p\u00edndola\n    d'EFECTE (verd llima, dalt-dreta).\n  - HOVER: mostra la SEGONA IMATGE del producte (la demana a la\n    Store API de WooCommerce en UNA sola petici\u00f3 per p\u00e0gina).\n  - Cos: t\u00edtol Montserrat, l\u00ednia d'UBICACI\u00d3 (Paviment\/Revestiment,\n    llegida dels atributs pa_ubicacio-*), xips de mides (pa_mida-*),\n    i barra CTA llima \u00abDescobreix la col\u00b7lecci\u00f3 \u2192\u00bb.\n  - MutationObserver: cobreix paginaci\u00f3\/filtres AJAX.\n  - Sense JS: les targetes queden com ara (fallback segur).\nROLLBACK: esborrar el widget; el CSS sol no canvia l'estructura.\n============================================================ -->\n<script>\n(function () {\n  'use strict';\n\n  \/* Noms de marca ben escrits (slug product_brand-* \u2192 nom) *\/\n  var BRANDS = {\n    'vives':'Vives','ape-group':'APE Group','marazzi':'Marazzi','stn-ceramica':'STN',\n    'apavisa':'Apavisa','argenta':'Argenta','aparici':'Aparici','la-faenza':'La Faenza',\n    'grespania':'Grespania','porcelanosa':'Porcelanosa','peronda':'Peronda','alaplana':'Alaplana',\n    'dune':'Dune','ecoceramic':'Ecoceramic','ceracasa':'Ceracasa','mayolica':'Mayolica',\n    'ceramica-mayor':'Mayor','mykonos':'Mykonos','natucer':'Natucer','rocersa':'Rocersa',\n    'ktl-ceramica':'KTL','oset-ceramica':'Oset','klinker':'Klinker'\n  };\n  var UBI = {\n    'paviment-terra': 'Paviment (Terra)',\n    'revestiment-paret': 'Revestiment (Paret)'\n  };\n  var ARROW = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n  var LAYERS = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2 2 8l10 6 10-6-10-6Z\"\/><path d=\"m2 14 10 6 10-6\"\/><\/svg>';\n\n  function fromClasses(item, prefix) {\n    var out = [];\n    item.classList.forEach(function (c) {\n      if (c.indexOf(prefix) === 0) out.push(c.slice(prefix.length));\n    });\n    return out;\n  }\n\n  function enhance(item) {\n    if (item.dataset.bdgPc === '1') return;\n    item.dataset.bdgPc = '1';\n    var link = item.querySelector(':scope > a[href*=\"\/producte\/\"]');\n    if (!link) return;\n    var imgW = link.querySelector('.elementor-widget-theme-post-featured-image');\n    if (!imgW) return;\n    var h2s = link.querySelectorAll('.elementor-widget-heading h2');\n    if (!h2s.length) return;\n    var brandH = h2s[0];\n    var titleH = h2s[h2s.length - 1];\n    var efecteH = link.querySelector('.elementor-widget-heading h3');\n\n    var slug = (fromClasses(item, 'product_brand-')[0]) || '';\n    var brandName = BRANDS[slug] || (brandH ? brandH.textContent.trim() : '');\n\n    \/* --- media: imatge + p\u00edndoles --- *\/\n    var media = document.createElement('div');\n    media.className = 'bdg-pc-media';\n    link.insertBefore(media, link.firstChild);\n    media.appendChild(imgW);\n\n    if (brandName) {\n      var bp = document.createElement('span');\n      bp.className = 'bdg-pc-brandpill';\n      bp.textContent = brandName;\n      media.appendChild(bp);\n    }\n    if (efecteH) {\n      var ef = document.createElement('span');\n      ef.className = 'bdg-pc-efecte';\n      ef.textContent = efecteH.textContent.trim();\n      media.appendChild(ef);\n    }\n\n    \/* --- cos --- *\/\n    var body = document.createElement('div');\n    body.className = 'bdg-pc-body';\n\n    var tw = document.createElement('div');\n    tw.className = 'bdg-pc-title';\n    if (titleH && titleH.closest('.elementor-widget-heading')) {\n      tw.appendChild(titleH.closest('.elementor-widget-heading'));\n    }\n    body.appendChild(tw);\n\n    var ubis = fromClasses(item, 'pa_ubicacio-').map(function (s) { return UBI[s]; }).filter(Boolean);\n    if (ubis.length) {\n      var uw = document.createElement('div');\n      uw.className = 'bdg-pc-ubi';\n      uw.innerHTML = LAYERS + '<span>' + ubis.join(' \u00b7 ') + '<\/span>';\n      body.appendChild(uw);\n    }\n\n    var mides = fromClasses(item, 'pa_mida-').map(function (s) {\n      return s.replace(\/-cm$\/, '').replace(\/-\/g, ',');\n    }).filter(function (v, i, a) { return a.indexOf(v) === i; });\n    if (mides.length) {\n      var mw = document.createElement('div');\n      mw.className = 'bdg-pc-mides';\n      mides.slice(0, 3).forEach(function (m) {\n        var s = document.createElement('span');\n        s.className = 'bdg-pc-mida';\n        s.textContent = m;\n        mw.appendChild(s);\n      });\n      if (mides.length > 3) {\n        var more = document.createElement('span');\n        more.className = 'bdg-pc-mida bdg-pc-mida-more';\n        more.textContent = '+' + (mides.length - 3);\n        mw.appendChild(more);\n      }\n      body.appendChild(mw);\n    }\n\n    \/* neteja dels widgets originals ja reutilitzats *\/\n    if (brandH && brandH.closest('.elementor-widget-heading') && titleH !== brandH) {\n      brandH.closest('.elementor-widget-heading').remove();\n    }\n    if (efecteH) {\n      var ec = efecteH.closest('.e-con');\n      if (ec) ec.remove(); else efecteH.closest('.elementor-widget-heading').remove();\n    }\n\n    link.appendChild(body);\n\n    var cta = document.createElement('div');\n    cta.className = 'bdg-pc-cta';\n    cta.innerHTML = '<span>Descobreix la col\u00b7lecci\u00f3<\/span>' + ARROW;\n    link.appendChild(cta);\n  }\n\n  \/* --- segona imatge en hover: UNA petici\u00f3 Store API per p\u00e0gina --- *\/\n  function fetchSecondImages() {\n    var map = {};\n    document.querySelectorAll('.e-loop-item.product[data-bdg-pc=\"1\"]').forEach(function (item) {\n      if (item.dataset.bdgImg2) return;\n      var idm = (' ' + item.className + ' ').match(\/\\spost-(\\d+)\\s\/);\n      if (idm) { map[idm[1]] = item; item.dataset.bdgImg2 = 'pending'; }\n    });\n    var ids = Object.keys(map);\n    if (!ids.length) return;\n    var url = 'https:\/\/badagresbadalona.com\/wp-json\/wc\/store\/v1\/products?include='\n      + ids.join(',') + '&per_page=100&_fields=id,images';\n    fetch(url).then(function (r) { return r.json(); }).then(function (list) {\n      list.forEach(function (p) {\n        var item = map[String(p.id)];\n        if (!item) return;\n        item.dataset.bdgImg2 = '1';\n        if (!p.images || p.images.length < 2) return;\n        var media = item.querySelector('.bdg-pc-media');\n        if (!media || media.querySelector('.bdg-pc-img2')) return;\n        var im = document.createElement('img');\n        im.className = 'bdg-pc-img2';\n        im.src = p.images[1].src;\n        im.alt = p.images[1].alt || '';\n        im.loading = 'lazy';\n        media.insertBefore(im, media.firstChild ? media.firstChild.nextSibling : null);\n      });\n    }).catch(function () {\n      ids.forEach(function (id) { delete map[id].dataset.bdgImg2; });\n    });\n  }\n\n  function scan() {\n    document.querySelectorAll('.e-loop-item.product').forEach(enhance);\n    fetchSecondImages();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', scan);\n  } else { scan(); }\n\n  var t;\n  new MutationObserver(function (muts) {\n    var hit = false;\n    for (var i = 0; i < muts.length && !hit; i++) {\n      for (var j = 0; j < muts[i].addedNodes.length; j++) {\n        var n = muts[i].addedNodes[j];\n        if (n.nodeType === 1 && ((n.matches && n.matches('.e-loop-item.product')) || (n.querySelector && n.querySelector('.e-loop-item.product')))) { hit = true; break; }\n      }\n    }\n    if (hit) { clearTimeout(t); t = setTimeout(scan, 80); }\n  }).observe(document.body, { childList: true, subtree: true });\n})();\n<\/script>\n<!-- CHECKLIST:\n1. `Loop_Producte_CSS_v1.css` v1.2 AL FINAL del CSS Adicional ABANS de publicar.\n2. Widget HTML a totes les plantilles d'arxiu de producte.\n3. Desktop: hover \u2192 segona imatge + CTA llima que apareix; p\u00edndoles marca\/efecte sobre la imatge.\n4. M\u00f2bil: CTA sempre visible; p\u00edndoles m\u00e9s petites.\n5. Si un producte no t\u00e9 pa_ubicacio omplert, la l\u00ednia no surt (\u00e9s normal: atribut per omplir).\n6. La 2a imatge ve de la Store API p\u00fablica del propi WooCommerce (1 petici\u00f3\/p\u00e0gina).\nROLLBACK: esborrar el widget HTML; opcionalment treure el bloc CSS.\n-->\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-1c73cb19 e-con-full e-flex e-con e-parent\" data-id=\"1c73cb19\" data-element_type=\"container\" data-e-type=\"container\" href=\"https:\/\/badagresbadalona.com\/es\/producto\/serie-techno-brillant-%c2%b7-10x39-cm-natucer\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9b7f8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1a9b7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Natucer<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb36066 e-grid e-con-boxed e-con e-child\" data-id=\"bb36066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6538313 elementor-widget elementor-widget-heading\" data-id=\"6538313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Monocolor \/ Llis<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06e0134 elementor-widget elementor-widget-heading\" data-id=\"06e0134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Revestiment (Paret)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a5e8f1 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"20a5e8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"992\" src=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01.jpg\" class=\"attachment-full size-full wp-image-26139\" alt=\"S\u00e8rie Techno | Brillant \u00b7 10x39 cm | Natucer\" srcset=\"https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01.jpg 992w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01-300x300.jpg 300w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01-150x150.jpg 150w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01-768x768.jpg 768w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01-600x600.jpg 600w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01-100x100.jpg 100w, https:\/\/badagresbadalona.com\/wp-content\/uploads\/2026\/08\/Presentacion-Techno-01-64x64.jpg 64w\" sizes=\"(max-width: 992px) 100vw, 992px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67e5a5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a67e5a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">S\u00e8rie Techno | Brillant \u00b7 10&#215;39 cm | Natucer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a2db1b e-con-full e-flex e-con e-parent\" data-id=\"5a2db1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34ff1e4 elementor-widget elementor-widget-html\" data-id=\"34ff1e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BADAGRES \u2014 LANDING CER\u00c0MICA \u00b7 FAQ + CTA FINAL v1\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DEST\u00cd: Elementor \u2192 widget HTML a \/ceramica-i-paviments\/, \u00daLTIM bloc de la\n        p\u00e0gina (a sota de Mides + Cat\u00e0leg). Tanca la landing.\n\n CONTINGUT: tot REAL, de les constants del projecte (mai res inventat):\n  \u00b7 Adre\u00e7a: Carretera Badalona-Mollet, B-500, Km. 3,2 \u00b7 08391 Tiana.\n  \u00b7 Tel\u00e8fon 93 395 03 11 \u00b7 WhatsApp 661 67 42 45 \u00b7 info@badagres.com.\n  \u00b7 Horari d'hivern: dl\u2013dv 8:00\u201313:00 \/ 15:00\u201319:00 \u00b7 ds 8:00\u201314:00.\n  \u00b7 Log\u00edstica pr\u00f2pia amb cami\u00f3 grua per a formats grans (servei real).\n  \u00b7 \u00ab1.659 s\u00e8ries de 28 marques\u00bb \u2014 mateixa xifra del Hero v1 (coher\u00e8ncia).\n\n SCHEMA: FAQPage JSON-LD INLINE dins aquest widget (patr\u00f3 dels altres\n widgets de la landing). NO activar tamb\u00e9 el preset FAQ de SASWP per\n aquesta p\u00e0gina \u2014 quedaria duplicat. Si preferiu SASWP, esborreu el bloc\n <script type=\"application\/ld+json\"> de la secci\u00f3 FAQ.\n\n FAQ sense JS: usa <details>\/<summary> nadiu \u2192 les respostes s\u00f3n HTML\n visible sempre (Googlebot les llegeix) i el JS nom\u00e9s afegeix GTM + altura\n animada. Links interns a les respostes: \/efecte\/marbre\/, #bdg-mid,\n \/fabricants\/ (verificats o propis de la landing; sense UTM, convenci\u00f3).\n\n UTM WhatsApp: utm_source=web \u00b7 utm_medium=landing-ceramica \u00b7\n utm_campaign=whatsapp \u00b7 utm_content=cta-final-ceramica (+faq-whatsapp a\n la resposta 1). GTM mirall: click_faq_ceramica (bdg_faq), click_whatsapp_ceramica\n (bdg_content), click_telefon_ceramica.\n\n ROLLBACK: Elementor \u2192 Historial \u2192 restaurar versi\u00f3 anterior.\n\n CHECKLIST DE VERIFICACI\u00d3:\n \u25a1 Les 5 preguntes es veuen; en fer clic s'obren (amb i sense JS).\n \u25a1 Rich Results Test: detecta FAQPage sense errors (nom\u00e9s 1, no duplicat).\n \u25a1 El CTA fosc final: bot\u00f3 llima de WhatsApp obre wa.me amb text preomplert.\n \u25a1 Tel\u00e8fon clicable a m\u00f2bil (tel:+34933950311).\n \u25a1 GTM vista pr\u00e8via: click_faq_ceramica, click_whatsapp_ceramica\n   (bdg_content=cta-final-ceramica), click_telefon_ceramica.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<!-- \u2550\u2550\u2550 ZONA 1 \u00b7 FAQ (fons blanc) \u2550\u2550\u2550 -->\n<section class=\"bdg-faq\" id=\"bdg-faq\" aria-labelledby=\"bdg-faq-title\">\n  <header class=\"bdg-faq-head\">\n    <p class=\"bdg-faq-eyebrow\"><span class=\"bdg-faq-bar\"><\/span>Dubtes freq\u00fcents<span class=\"bdg-faq-bar\"><\/span><\/p>\n    <h2 class=\"bdg-faq-title\" id=\"bdg-faq-title\">Preguntes sobre la nostra <span class=\"bdg-faq-hl\">cer\u00e0mica<\/span><\/h2>\n  <\/header>\n\n  <div class=\"bdg-faq-list\">\n    <details class=\"bdg-faq-item\" data-gtm-faq=\"preus\">\n      <summary class=\"bdg-faq-q\">\n        <span>Per qu\u00e8 no hi ha preus a la web?<\/span>\n        <span class=\"bdg-faq-ico\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"bdg-faq-a\">\n        <p>Perqu\u00e8 cada projecte \u00e9s diferent: els metres quadrats, el transport i la col\u00b7locaci\u00f3 canvien el pressupost final. Escriu-nos per <a href=\"https:\/\/wa.me\/34661674245?text=Hola%21%20Us%20escric%20des%20de%20la%20p%C3%A0gina%20de%20cer%C3%A0mica%20de%20la%20web.%20M%27agradaria%20consultar%20disponibilitat%20i%20preu.&utm_source=web&utm_medium=landing-ceramica&utm_campaign=whatsapp&utm_content=faq-whatsapp\" data-gtm-event=\"click_whatsapp_ceramica\" data-gtm-content=\"faq-whatsapp\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a> amb la s\u00e8rie que t'agrada i et responem amb disponibilitat i preu tancat, sense comprom\u00eds.<\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"bdg-faq-item\" data-gtm-faq=\"showroom\">\n      <summary class=\"bdg-faq-q\">\n        <span>Puc venir a veure les rajoles en persona?<\/span>\n        <span class=\"bdg-faq-ico\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"bdg-faq-a\">\n        <p>\u00c9s clar que s\u00ed. El nostre showroom d'arquitectura i interiorisme \u00e9s a la <strong>Carretera Badalona-Mollet, B-500, Km. 3,2 de Tiana<\/strong>, d'acc\u00e9s lliure (et recomanem demanar cita perqu\u00e8 un assessor t'acompanyi). Horari: de dilluns a divendres de 8:00 a 13:00 i de 15:00 a 19:00, i dissabtes de 8:00 a 14:00.<\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"bdg-faq-item\" data-gtm-faq=\"marques\">\n      <summary class=\"bdg-faq-q\">\n        <span>Amb quines marques de cer\u00e0mica treballeu?<\/span>\n        <span class=\"bdg-faq-ico\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"bdg-faq-a\">\n        <p>Distribu\u00efm 28 marques d'alta gamma amb 1.659 s\u00e8ries al cat\u00e0leg: Vives, Porcelanosa, Natucer, Marazzi, Peronda, STN Cer\u00e1mica, Aparici, APE Group i moltes m\u00e9s. Pots veure-les totes a la p\u00e0gina de <a href=\"https:\/\/badagresbadalona.com\/fabricants\/\">fabricants<\/a>.<\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"bdg-faq-item\" data-gtm-faq=\"triar\">\n      <summary class=\"bdg-faq-q\">\n        <span>Com s\u00e9 quin efecte o quina mida em conv\u00e9?<\/span>\n        <span class=\"bdg-faq-ico\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"bdg-faq-a\">\n        <p>Comen\u00e7a per l'efecte que t'agrada \u2014<a href=\"https:\/\/badagresbadalona.com\/efecte\/marbre\/\">marbre<\/a>, fusta, pedra, ciment\u2026\u2014 i despr\u00e9s filtra per la <a href=\"#bdg-mid\">mida<\/a> del teu espai. Si tens dubtes t\u00e8cnics (antilliscant per a exterior, gran format per a pocs junts, rectificat\u2026), el nostre equip t'assessora sense cost, a la botiga o per WhatsApp.<\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"bdg-faq-item\" data-gtm-faq=\"transport\">\n      <summary class=\"bdg-faq-q\">\n        <span>Porteu el material fins a l'obra?<\/span>\n        <span class=\"bdg-faq-ico\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"bdg-faq-a\">\n        <p>S\u00ed: tenim log\u00edstica pr\u00f2pia amb <strong>cami\u00f3 grua<\/strong>, pensada precisament per als formats grans de porcell\u00e0nic. T'ho deixem a peu d'obra, a la comarca i rodalia. Consulta'ns condicions quan demanis preu.<\/p>\n      <\/div>\n    <\/details>\n  <\/div>\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"inLanguage\": \"ca\",\n    \"mainEntity\": [\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Per qu\u00e8 no hi ha preus a la web?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Perqu\u00e8 cada projecte \u00e9s diferent: els metres quadrats, el transport i la col\u00b7locaci\u00f3 canvien el pressupost final. Escriu-nos per WhatsApp amb la s\u00e8rie que t'agrada i et responem amb disponibilitat i preu tancat, sense comprom\u00eds.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Puc venir a veure les rajoles en persona?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"S\u00ed. El showroom d'arquitectura i interiorisme de Badagres \u00e9s a la Carretera Badalona-Mollet, B-500, Km. 3,2 de Tiana, d'acc\u00e9s lliure (es recomana cita). Horari: dilluns a divendres de 8:00 a 13:00 i de 15:00 a 19:00, dissabtes de 8:00 a 14:00.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Amb quines marques de cer\u00e0mica treballeu?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Distribu\u00efm 28 marques d'alta gamma amb 1.659 s\u00e8ries al cat\u00e0leg: Vives, Porcelanosa, Natucer, Marazzi, Peronda, STN Cer\u00e1mica, Aparici, APE Group i moltes m\u00e9s.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Com s\u00e9 quin efecte o quina mida em conv\u00e9?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Comen\u00e7a per l'efecte que t'agrada (marbre, fusta, pedra, ciment\u2026) i despr\u00e9s filtra per la mida del teu espai. Si tens dubtes t\u00e8cnics, l'equip de Badagres t'assessora sense cost, a la botiga o per WhatsApp.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Porteu el material fins a l'obra?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"S\u00ed: Badagres disposa de log\u00edstica pr\u00f2pia amb cami\u00f3 grua, pensada per als formats grans de porcell\u00e0nic, amb lliurament a peu d'obra a la comarca i rodalia.\"\n        }\n      }\n    ]\n  }\n  <\/script>\n<\/section>\n\n<!-- \u2550\u2550\u2550 ZONA 2 \u00b7 CTA FINAL (fosc) \u2550\u2550\u2550 -->\n<section class=\"bdg-cta\" id=\"bdg-cta-final\" aria-labelledby=\"bdg-cta-title\">\n  <div class=\"bdg-cta-inner\">\n    <p class=\"bdg-cta-eyebrow\"><span class=\"bdg-cta-bar\"><\/span>A Badagres ho tens f\u00e0cil<span class=\"bdg-cta-bar\"><\/span><\/p>\n    <h2 class=\"bdg-cta-title\" id=\"bdg-cta-title\">Ja tens la teva cer\u00e0mica <span class=\"bdg-cta-hl\">ideal?<\/span><\/h2>\n    <p class=\"bdg-cta-sub\">Envia'ns la s\u00e8rie que t'ha enamorat i et diem disponibilitat i preu al moment. O vine al showroom i toca-la amb les mans.<\/p>\n\n    <div class=\"bdg-cta-actions\">\n      <a class=\"bdg-cta-btn\" href=\"https:\/\/wa.me\/34661674245?text=Hola%21%20Us%20escric%20des%20de%20la%20p%C3%A0gina%20de%20cer%C3%A0mica%20i%20paviments%20de%20la%20web.%20M%27agradaria%20consultar%20disponibilitat%20i%20preu.&amp;utm_source=web&amp;utm_medium=landing-ceramica&amp;utm_campaign=whatsapp&amp;utm_content=cta-final-ceramica\" data-gtm-event=\"click_whatsapp_ceramica\" data-gtm-content=\"cta-final-ceramica\" target=\"_blank\" rel=\"noopener\" aria-label=\"Consulta per WhatsApp disponibilitat i preu de la cer\u00e0mica\">\n        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.91A9.86 9.86 0 0 0 12.04 2zm5.83 14.12c-.25.7-1.45 1.33-2.02 1.42-.52.08-1.17.11-1.89-.12-.44-.14-1-.32-1.71-.63-3.02-1.3-4.99-4.34-5.14-4.54-.15-.2-1.23-1.63-1.23-3.11 0-1.48.78-2.21 1.05-2.51.27-.3.6-.38.8-.38.2 0 .4 0 .57.01.18.01.43-.07.67.51.25.6.85 2.07.92 2.22.08.15.13.33.03.53-.1.2-.15.32-.3.5-.15.18-.32.4-.45.53-.15.15-.31.31-.13.61.18.3.79 1.31 1.7 2.12 1.17 1.04 2.15 1.37 2.46 1.52.3.15.48.13.66-.08.18-.2.76-.88.96-1.18.2-.3.4-.25.67-.15.28.1 1.75.83 2.05.98.3.15.5.22.58.35.07.13.07.75-.18 1.45z\"\/><\/svg>\n        Consulta per WhatsApp\n      <\/a>\n      <a class=\"bdg-cta-tel\" href=\"tel:+34933950311\" data-gtm-event=\"click_telefon_ceramica\"\n         aria-label=\"Truca al 93 395 03 11\">\n        o truca al <strong>93 395 03 11<\/strong>\n      <\/a>\n    <\/div>\n\n    <ul class=\"bdg-cta-info\" role=\"list\">\n      <li>\n        <span class=\"bdg-cta-info-k\">Showroom<\/span>\n        <span class=\"bdg-cta-info-v\">Ctra. Badalona-Mollet, B-500, Km. 3,2 \u00b7 Tiana<\/span>\n      <\/li>\n      <li>\n        <span class=\"bdg-cta-info-k\">Horari<\/span>\n        <span class=\"bdg-cta-info-v\">Dl\u2013Dv 8:00\u201313:00 \/ 15:00\u201319:00 \u00b7 Ds 8:00\u201314:00<\/span>\n      <\/li>\n      <li>\n        <span class=\"bdg-cta-info-k\">Correu<\/span>\n        <a class=\"bdg-cta-info-v bdg-cta-mail\" href=\"mailto:info@badagres.com\">info@badagres.com<\/a>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Landing Cer\u00e0mica \u00b7 FAQ + CTA final v1 \u00b7 directriu llima \u2500\u2500 *\/\n#bdg-faq,#bdg-cta-final{\n  font-family:'Montserrat',system-ui,-apple-system,sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n#bdg-faq *,#bdg-cta-final *{box-sizing:border-box}\n\n\/* ZONA FAQ (blanc) *\/\n#bdg-faq{\n  background:var(--bdg-white,#ffffff);\n  color:var(--bdg-black,#0a0a0a);\n  padding:clamp(48px,7vw,84px) clamp(20px,5vw,64px);\n}\n#bdg-faq .bdg-faq-head{max-width:820px;margin:0 auto clamp(26px,4vw,38px);text-align:center}\n#bdg-faq .bdg-faq-eyebrow{\n  display:flex;align-items:center;justify-content:center;gap:14px;\n  margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;\n}\n#bdg-faq .bdg-faq-bar{display:inline-block;width:30px;height:2px;background:var(--bdg-lime,#ECF300)}\n#bdg-faq .bdg-faq-title{\n  margin:0;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:800;line-height:1.12;\n  letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;\n}\n#bdg-faq .bdg-faq-hl{\n  background:var(--bdg-lime,#ECF300);padding:.02em .22em;border-radius:2px;\n  box-decoration-break:clone;-webkit-box-decoration-break:clone;\n}\n#bdg-faq .bdg-faq-list{max-width:820px;margin:0 auto;display:grid;gap:10px}\n#bdg-faq .bdg-faq-item{\n  background:var(--bdg-white,#ffffff);\n  border:1px solid rgba(10,10,10,.12);border-radius:12px;\n  overflow:hidden;transition:border-color .25s,box-shadow .25s;\n}\n#bdg-faq .bdg-faq-item:hover{border-color:rgba(10,10,10,.3)}\n#bdg-faq .bdg-faq-item[open]{border-color:var(--bdg-black,#0a0a0a);box-shadow:0 10px 26px rgba(10,10,10,.08)}\n#bdg-faq .bdg-faq-q{\n  display:flex;align-items:center;justify-content:space-between;gap:16px;\n  padding:18px 20px;cursor:pointer;list-style:none;\n  font-size:.98rem;font-weight:700;line-height:1.4;\n}\n#bdg-faq .bdg-faq-q::-webkit-details-marker{display:none}\n#bdg-faq .bdg-faq-q:focus-visible{outline:2px solid var(--bdg-black,#0a0a0a);outline-offset:-2px;border-radius:12px}\n#bdg-faq .bdg-faq-ico{\n  flex:none;width:26px;height:26px;border-radius:50%;\n  background:var(--bdg-lime,#ECF300);position:relative;\n  transition:transform .3s;\n}\n#bdg-faq .bdg-faq-ico::before,#bdg-faq .bdg-faq-ico::after{\n  content:\"\";position:absolute;top:50%;left:50%;background:var(--bdg-black,#0a0a0a);\n  transform:translate(-50%,-50%);\n}\n#bdg-faq .bdg-faq-ico::before{width:11px;height:2px}\n#bdg-faq .bdg-faq-ico::after{width:2px;height:11px;transition:opacity .25s}\n#bdg-faq .bdg-faq-item[open] .bdg-faq-ico{transform:rotate(180deg)}\n#bdg-faq .bdg-faq-item[open] .bdg-faq-ico::after{opacity:0}\n#bdg-faq .bdg-faq-a{padding:0 20px 20px}\n#bdg-faq .bdg-faq-a p{\n  margin:0;font-size:.92rem;line-height:1.65;color:rgba(10,10,10,.72);\n}\n#bdg-faq .bdg-faq-a a{\n  color:var(--bdg-black,#0a0a0a);font-weight:700;\n  text-decoration:underline;text-decoration-color:var(--bdg-lime,#ECF300);\n  text-decoration-thickness:2px;text-underline-offset:3px;\n}\n#bdg-faq .bdg-faq-a a:hover{background:var(--bdg-lime,#ECF300);text-decoration:none;border-radius:2px}\n\n\/* ZONA CTA FINAL (fosc) *\/\n#bdg-cta-final{\n  background:var(--bdg-black,#0a0a0a);\n  color:rgba(255,255,255,.9);\n  padding:clamp(56px,8vw,96px) clamp(20px,5vw,64px);\n}\n#bdg-cta-final .bdg-cta-inner{max-width:760px;margin:0 auto;text-align:center}\n#bdg-cta-final .bdg-cta-eyebrow{\n  display:flex;align-items:center;justify-content:center;gap:14px;\n  margin:0 0 14px;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--bdg-lime,#ECF300);\n}\n#bdg-cta-final .bdg-cta-bar{display:inline-block;width:30px;height:2px;background:var(--bdg-lime,#ECF300)}\n#bdg-cta-final .bdg-cta-title{\n  margin:0 0 14px;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.1;\n  letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-wrap:balance;\n}\n#bdg-cta-final .bdg-cta-hl{color:var(--bdg-lime,#ECF300)} \/* sobre fosc, llima com a text *\/\n#bdg-cta-final .bdg-cta-sub{\n  margin:0 auto clamp(24px,3.5vw,32px);max-width:48ch;\n  font-size:clamp(.9rem,1.5vw,1rem);line-height:1.6;color:rgba(255,255,255,.6);\n}\n#bdg-cta-final .bdg-cta-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:clamp(28px,4vw,40px)}\n#bdg-cta-final .bdg-cta-btn{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:16px 30px;min-height:52px;\n  background:var(--bdg-lime,#ECF300);color:var(--bdg-black,#0a0a0a);\n  border-radius:3px;text-decoration:none;\n  font-size:.86rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;\n  transition:transform .25s,box-shadow .25s,background-color .25s;\n}\n#bdg-cta-final .bdg-cta-btn:hover{\n  transform:translateY(-2px);box-shadow:0 12px 28px rgba(236,243,0,.3);\n  background:#fff;\n}\n#bdg-cta-final .bdg-cta-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}\n#bdg-cta-final .bdg-cta-tel{\n  color:rgba(255,255,255,.6);font-size:.9rem;text-decoration:none;\n  border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:1px;\n  transition:color .25s,border-color .25s;\n}\n#bdg-cta-final .bdg-cta-tel strong{color:#fff;font-weight:700}\n#bdg-cta-final .bdg-cta-tel:hover{color:var(--bdg-lime,#ECF300);border-color:var(--bdg-lime,#ECF300)}\n#bdg-cta-final .bdg-cta-info{\n  list-style:none;margin:0;padding:clamp(20px,3vw,28px) 0 0;\n  border-top:1px solid rgba(255,255,255,.12);\n  display:grid;gap:12px;\n}\n#bdg-cta-final .bdg-cta-info li{display:grid;gap:2px;text-align:center}\n#bdg-cta-final .bdg-cta-info-k{\n  font-size:.66rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;\n  color:var(--bdg-lime,#ECF300);\n}\n#bdg-cta-final .bdg-cta-info-v{font-size:.88rem;color:rgba(255,255,255,.75)}\n#bdg-cta-final .bdg-cta-mail{text-decoration:none;transition:color .25s}\n#bdg-cta-final .bdg-cta-mail:hover{color:var(--bdg-lime,#ECF300)}\n@media (min-width:720px){\n  #bdg-cta-final .bdg-cta-info{grid-template-columns:repeat(3,1fr);gap:20px}\n}\n@media (prefers-reduced-motion:reduce){\n  #bdg-faq .bdg-faq-ico,#bdg-faq .bdg-faq-ico::after,\n  #bdg-cta-final .bdg-cta-btn{transition:none}\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n  window.dataLayer=window.dataLayer||[];\n  \/* GTM: obertura de preguntes FAQ *\/\n  var faq=document.getElementById(\"bdg-faq\");\n  if(faq){\n    faq.addEventListener(\"toggle\",function(e){\n      var d=e.target;\n      if(d.tagName!==\"DETAILS\"||!d.open)return;\n      window.dataLayer.push({\n        event:\"click_faq_ceramica\",\n        bdg_faq:d.getAttribute(\"data-gtm-faq\"),\n        bdg_widget:\"landing_ceramica_faq_cta_v1\"\n      });\n    },true);\n  }\n  \/* GTM mirall: WhatsApp + tel\u00e8fon *\/\n  document.getElementById(\"bdg-cta-final\")&&document.getElementById(\"bdg-cta-final\").addEventListener(\"click\",function(e){\n    var a=e.target.closest&&e.target.closest(\"[data-gtm-event]\");\n    if(!a)return;\n    window.dataLayer.push({\n      event:a.getAttribute(\"data-gtm-event\"),\n      bdg_content:a.getAttribute(\"data-gtm-content\")||\"\",\n      bdg_widget:\"landing_ceramica_faq_cta_v1\",\n      bdg_desti:a.getAttribute(\"href\")\n    });\n  });\n  \/* WhatsApp dins la resposta FAQ *\/\n  if(faq){\n    faq.addEventListener(\"click\",function(e){\n      var a=e.target.closest&&e.target.closest(\"[data-gtm-event]\");\n      if(!a)return;\n      window.dataLayer.push({\n        event:a.getAttribute(\"data-gtm-event\"),\n        bdg_content:a.getAttribute(\"data-gtm-content\")||\"\",\n        bdg_widget:\"landing_ceramica_faq_cta_v1\",\n        bdg_desti:a.getAttribute(\"href\")\n      });\n    });\n  }\n})();\n<\/script>\n<!-- BDG SEO BLOCK -->\n<section class=\"bdg-seo\" id=\"bdg-seo-ceramica\">\n<div class=\"bdg-seo-in\">\n<h2 class=\"bdg-seo-h2\">Cer\u00e0mica i paviments: com triar b\u00e9<\/h2>\n<div class=\"bdg-seo-body\">\n<p>Al nostre showroom de Tiana, a 10 minuts de Badalona, tens 1.659 s\u00e8ries de cer\u00e0mica i paviments de 28 marques. Abans de decidir, val la pena pensar en tres coses: on anir\u00e0 la pe\u00e7a, quin format vols i quin efecte busques.<\/p>\n<h3>Porcell\u00e0nic o pasta blanca<\/h3>\n<p>El <a href=\"\/tipologia-ceramica\/paviment-porcellanic\/\">gres porcell\u00e0nic<\/a> absorbeix molt poca aigua, \u00e9s molt resistent i serveix per a terres d'interior i d'exterior. La pasta blanca s'utilitza sobretot per revestir parets de banys i cuines: \u00e9s m\u00e9s lleugera i f\u00e0cil de tallar.<\/p>\n<h3>Format: com m\u00e9s gran, menys juntes<\/h3>\n<p>Els formats grans com el <a href=\"\/mida\/60x120-cm\/\">60\u00d7120<\/a>, el <a href=\"\/mida\/120x120-cm\/\">120\u00d7120<\/a> o la <a href=\"\/tipologia-ceramica\/lamina-xxl-slab\/\">l\u00e0mina XXL<\/a> donen continu\u00eftat i fan que l'espai sembli m\u00e9s ampli. Necessiten un suport ben anivellat i un col\u00b7locador amb experi\u00e8ncia en gran format.<\/p>\n<h3>Efecte i acabat<\/h3>\n<p>Pots triar cer\u00e0mica efecte <a href=\"\/efecte\/fusta\/\">fusta<\/a>, <a href=\"\/efecte\/marbre\/\">marbre<\/a>, <a href=\"\/efecte\/pedra\/\">pedra<\/a> o <a href=\"\/efecte\/ciment\/\">ciment<\/a>, i acabats <a href=\"\/acabat-ceramiques\/mat\/\">mat<\/a>, <a href=\"\/acabat-ceramiques\/setinat\/\">setinat<\/a> o <a href=\"\/acabat-ceramiques\/polit-mirall\/\">polit<\/a>. Per a dutxes i exteriors, fixa't en l'antilliscament: <a href=\"\/antilliscant\/classe-2-dutxes-i-semi-exterior\/\">classe 2<\/a> per a dutxes i zones semi exteriors, i <a href=\"\/antilliscant\/classe-3-exterior-i-piscines\/\">classe 3<\/a> per a exteriors i piscines.<\/p>\n<p>Si tens dubtes, porta'ns el pl\u00e0nol o les mides i t'ajudem a triar la cer\u00e0mica i els paviments i a calcular les quantitats, sense comprom\u00eds.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<style>\n#bdg-seo-ceramica{background:#f5f3ee;color:#0a0a0a;padding:clamp(56px,8vw,112px) clamp(16px,4vw,48px);font-family:'Montserrat',system-ui,sans-serif}\n#bdg-seo-ceramica .bdg-seo-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px 56px}\n#bdg-seo-ceramica .bdg-seo-h2{margin:0;font-size:clamp(1.9rem,4vw,3.25rem);font-weight:800;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#0a0a0a;text-wrap:balance}\n#bdg-seo-ceramica .bdg-seo-body{font-size:1.0625rem;line-height:1.65;max-width:68ch}\n#bdg-seo-ceramica .bdg-seo-body p{margin:0 0 16px}\n#bdg-seo-ceramica .bdg-seo-body h3{margin:28px 0 8px;font-size:1.25rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#0a0a0a}\n#bdg-seo-ceramica .bdg-seo-body ul{margin:0 0 16px;padding-left:1.2em}\n#bdg-seo-ceramica .bdg-seo-body li{margin-bottom:6px}\n#bdg-seo-ceramica a{color:#0a0a0a;font-weight:700;text-decoration:underline;text-decoration-color:#ECF300;text-decoration-thickness:3px;text-underline-offset:4px}\n#bdg-seo-ceramica a:hover{text-decoration-color:#0a0a0a}\n#bdg-seo-ceramica a:focus-visible{outline:2px solid #0a0a0a;outline-offset:3px}\n@media (min-width:1024px){#bdg-seo-ceramica .bdg-seo-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}#bdg-seo-ceramica .bdg-seo-h2{position:sticky;top:120px}}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inici \u203a Cer\u00e0mica i paviments Cer\u00e0mica Cer\u00e0mica i paviments d&#8217;alta gamma Cer\u00e0mica i paviments per a interior i exterior. A Badagres entenem el paviment com la base de qualsevol projecte. Seleccionem exclusivament marques que garanteixen l&#8217;equilibri perfecte entre disseny d&#8217;avantguarda, durabilitat i tecnologia cer\u00e0mica. Explora el cat\u00e0leg Consulta per WhatsApp 1.659 s\u00e8ries 28 marques Des [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"bdg_es_title":"Cer\u00e1mica y pavimentos: 1.659 series en Badalona | Badagres","bdg_es_desc":"Cer\u00e1mica y pavimentos de 28 marcas: gres porcel\u00e1nico, gran formato y efectos madera, m\u00e1rmol o piedra. Visita el showroom en Badalona y te asesoramos gratis.","footnotes":""},"class_list":["post-4747","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/pages\/4747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/comments?post=4747"}],"version-history":[{"count":148,"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/pages\/4747\/revisions"}],"predecessor-version":[{"id":63979,"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/pages\/4747\/revisions\/63979"}],"wp:attachment":[{"href":"https:\/\/badagresbadalona.com\/es\/wp-json\/wp\/v2\/media?parent=4747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}