{"id":8327,"date":"2025-11-10T09:27:02","date_gmt":"2025-11-10T08:27:02","guid":{"rendered":"https:\/\/projectes.xtec.cat\/ami\/?page_id=8327"},"modified":"2025-11-18T07:26:37","modified_gmt":"2025-11-18T06:26:37","slug":"calaixdesons","status":"publish","type":"page","link":"https:\/\/projectes.xtec.cat\/ami\/calaixdesons\/","title":{"rendered":"Calaix de sons"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div id=\"filtres-botonera\">\n\n<style>\n  \/* CONTENIDOR GENERAL *\/\n  #filtres-botonera {\n    font-family: \"Inter\", sans-serif;\n    max-width: 350px;\n    padding: 15px;\n    background: #f0f0f3; \/* gris suau *\/\n    border-radius: 14px;\n    box-shadow: inset 0 0 6px rgba(0,0,0,0.05);\n  }\n\n  \/* TITOLS DE GRUP *\/\n  #filtres-botonera .filter-titol {\n    font-size: 15px;\n    font-weight: 600;\n    margin-top: 18px;\n    margin-bottom: 8px;\n    color: #333;\n  }\n\n  \/* TARGETES DELS \u00cdTEMS (ara BLANQUES) *\/\n  #filtres-botonera .filter-item {\n    display: flex;\n    align-items: center;\n    padding: 10px 12px;\n    margin-bottom: 8px;\n    background: #ffffff; \/* Botons blancs *\/\n    border-radius: 10px;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n    transition: background 0.2s, transform 0.1s;\n    cursor: pointer;\n  }\n\n  #filtres-botonera .filter-item:hover {\n    background: #f7f7f7;\n    transform: translateY(-1px);\n  }\n\n  \/* Checkboxes *\/\n  #filtres-botonera .filter-item input[type=\"checkbox\"] {\n    margin-right: 10px;\n    width: 17px;\n    height: 17px;\n    cursor: pointer;\n  }\n\n  \/* Labels *\/\n  #filtres-botonera .filter-item label {\n    font-size: 15px;\n    cursor: pointer;\n    color: #222;\n  }\n\n  \/* Bloc \"Marca totes\" (ara m\u00e9s integrat) *\/\n  #controls-botonera5 {\n    margin-top: 12px;\n    padding: 10px 12px;\n    background: #ffffff;\n    border-radius: 10px;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n  }\n\n  #controls-botonera5 label {\n    margin-left: 6px;\n    font-size: 14px;\n    color: #333;\n  }\n<\/style>\n\n\n<!-- Botonera -->\n<div class=\"filter-item\">\n  <input class=\"filter\" type=\"checkbox\" id=\"component-botonera1\" checked>\n  <label for=\"component-botonera1\">Reaccions<\/label>\n<\/div>\n\n<div class=\"filter-item\">\n  <input class=\"filter\" type=\"checkbox\" id=\"component-botonera2\" checked>\n  <label for=\"component-botonera2\">Concurs<\/label>\n<\/div>\n\n<div class=\"filter-item\">\n  <input class=\"filter\" type=\"checkbox\" id=\"component-botonera3\" checked>\n  <label for=\"component-botonera3\">Ambient<\/label>\n<\/div>\n\n<div class=\"filter-item\">\n  <input class=\"filter\" type=\"checkbox\" id=\"component-botonera4\" checked>\n  <label for=\"component-botonera4\">Llocs<\/label>\n<\/div>\n\n<div class=\"filter-item\">\n  <input class=\"filter\" type=\"checkbox\" id=\"component-botonera5\" checked>\n  <label for=\"component-botonera5\">Altres<\/label>\n<\/div>\n\n<div id=\"controls-botonera5\">\n    <input type=\"checkbox\" id=\"marca-totes5\">\n    <label for=\"marca-totes5\">Marca totes<\/label>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<style>\n\/* Contenidor de la botonera *\/\n#contenidor-botoneres {\n    display: none;\n    flex-direction: column;\n    gap: 20px;\n    padding: 20px;\n    border-radius: 15px;\n    background: #f5f5f5;\n    max-width: 100%;       \/* adaptable *\/\n    margin: 0 auto;\n    box-sizing: border-box;\n}\n\n\/* Files *\/\n.taula-sons {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); \/* responsive *\/\n    gap: 15px;\n    justify-items: center;\n}\n\n\/* Botons de so *\/\n.boto-so {\n    width: 90px;\n    height: 90px;\n    border-radius: 50%;\n    font-size: 42px;\n    line-height: 1;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    transition: 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;\n    background: #fff;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.12);\n}\n\n\/* Indicador visual de tecla *\/\n.tecla {\n    display: block;\n    margin-top: 6px;\n    font-size: 14px;\n    font-weight: bold;\n    opacity: 0.7;\n    user-select: none;\n}\n\n\/* Bores per cada fila *\/\n#contenidor-botoneres .fila1 .boto-so { border: 2px solid rgba(74, 144, 226, 0.8) !important; }\n#contenidor-botoneres .fila2 .boto-so { border: 2px solid rgba(233, 78, 119, 0.8) !important; }\n#contenidor-botoneres .fila3 .boto-so { border: 2px solid rgba(76, 175, 80, 0.8) !important; }\n#contenidor-botoneres .fila4 .boto-so { border: 2px solid rgba(255, 152, 0, 0.8) !important; }\n#contenidor-botoneres .fila5 .boto-so { border: 2px solid rgba(156, 39, 176, 0.8) !important; }\n\n\/* Neutralitza hover del tema *\/\n#contenidor-botoneres button:focus,\n#contenidor-botoneres button:focus-visible,\n#contenidor-botoneres button:active,\n#contenidor-botoneres button:focus-within {\n    outline: none !important;\n    box-shadow: none !important;\n    background: #fff !important;\n    color: inherit !important;\n}\n\n\/* Hover personalitzat *\/\n#contenidor-botoneres .fila1 .boto-so:hover { background: rgba(74,144,226,0.15) !important; box-shadow:0 0 14px 6px rgba(74,144,226,0.25) !important; transform: scale(1.05); }\n#contenidor-botoneres .fila2 .boto-so:hover { background: rgba(233,78,119,0.15) !important; box-shadow:0 0 14px 6px rgba(233,78,119,0.25) !important; transform: scale(1.05); }\n#contenidor-botoneres .fila3 .boto-so:hover { background: rgba(76,175,80,0.15) !important; box-shadow:0 0 14px 6px rgba(76,175,80,0.25) !important; transform: scale(1.05); }\n#contenidor-botoneres .fila4 .boto-so:hover { background: rgba(255,152,0,0.15) !important; box-shadow:0 0 14px 6px rgba(255,152,0,0.25) !important; transform: scale(1.05); }\n#contenidor-botoneres .fila5 .boto-so:hover { background: rgba(156,39,176,0.15) !important; box-shadow:0 0 14px 6px rgba(156,39,176,0.25) !important; transform: scale(1.05); }\n\n\/* Bot\u00f3 premut o \u201cs\u2019acosta\u201d *\/\n#contenidor-botoneres .boto-so:active { transform: translateY(4px) scale(0.95); }\n\n\/* Quan sona *\/\n#contenidor-botoneres .boto-so.playing { transform: scale(1.05) translateY(-2px) !important; }\n\n\/* Glow mentre sona *\/\n#contenidor-botoneres .fila1 .boto-so.playing { background: rgba(74,144,226,0.15) !important; box-shadow:0 0 14px 6px rgba(74,144,226,0.25) !important; }\n#contenidor-botoneres .fila2 .boto-so.playing { background: rgba(233,78,119,0.15) !important; box-shadow:0 0 14px 6px rgba(233,78,119,0.25) !important; }\n#contenidor-botoneres .fila3 .boto-so.playing { background: rgba(76,175,80,0.15) !important; box-shadow:0 0 14px 6px rgba(76,175,80,0.25) !important; }\n#contenidor-botoneres .fila4 .boto-so.playing { background: rgba(255,152,0,0.15) !important; box-shadow:0 0 14px 6px rgba(255,152,0,0.25) !important; }\n#contenidor-botoneres .fila5 .boto-so.playing { background: rgba(156,39,176,0.15) !important; box-shadow:0 0 14px 6px rgba(156,39,176,0.25) !important; }\n\n\/* Botons Atura \/ Reset *\/\n.stop-btn, .reset-btn {\n    display: none;\n    flex: 1;\n    padding: 12px 0;\n    font-size: 14px;\n    border-radius: 12px;\n    background: #fff;\n    font-weight: bold;\n    cursor: pointer;\n    transition: 0.15s ease;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n}\n\n.tecla-espai {\n    margin-left: 8px;\n    opacity: 0.7;\n}\n\n.cont-controls { display: none; justify-content: space-between; gap: 12px; margin-top: 10px; }\n\n.stop-btn.pressed {\n    transform: translateY(4px) scale(0.95);\n    box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n}\n<\/style>\n\n<div id=\"contenidor-botoneres\">\n    <!-- Fila 1 -->\n    <div id=\"fila1\" class=\"taula-sons fila1\">\n        <button class=\"boto-so\" data-audio=\"riure\">\ud83d\ude02<span class=\"tecla\">1<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"claca\">\ud83d\udc4f<span class=\"tecla\">2<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"claca2\">\ud83d\udc4f\ud83d\udc4f<span class=\"tecla\">3<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"tambor\">\ud83e\udd41<span class=\"tecla\">4<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"idea\">\ud83d\udca1<span class=\"tecla\">5<\/span><\/button>\n    <\/div>\n\n    <!-- Fila 2 -->\n    <div id=\"fila2\" class=\"taula-sons fila2\">\n        <button class=\"boto-so\" data-audio=\"be\">\ud83d\udc4d<span class=\"tecla\">Q<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"error\">\ud83d\udc4e<span class=\"tecla\">W<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"tictac\">\u23f0<span class=\"tecla\">E<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"be2\">\ud83c\udfb9<span class=\"tecla\">R<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"error2\">\ud83c\udfba<span class=\"tecla\">T<\/span><\/button>\n    <\/div>\n\n    <!-- Fila 3 -->\n    <div id=\"fila3\" class=\"taula-sons fila3\">\n        <button class=\"boto-so\" data-audio=\"grill\">\ud83e\udd97<span class=\"tecla\">A<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"cotxe\">\ud83d\ude98<span class=\"tecla\">S<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"aleluia\">\ud83d\ude4c<span class=\"tecla\">D<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"porta\">\ud83d\udeaa<span class=\"tecla\">F<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"pitada\">\ud83d\udce2<span class=\"tecla\">G<\/span><\/button>\n    <\/div>\n\n    <!-- Fila 4 -->\n    <div id=\"fila4\" class=\"taula-sons fila4\">\n        <button class=\"boto-so\" data-audio=\"platja\">\ud83c\udfd6\ufe0f<span class=\"tecla\">Z<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"tren\">\ud83d\ude89<span class=\"tecla\">X<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"bosc\">\ud83c\udfde\ufe0f<span class=\"tecla\">C<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"restaurant\">\ud83c\udf7d\ufe0f<span class=\"tecla\">V<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"carrer\">\ud83c\udfd9\ufe0f<span class=\"tecla\">B<\/span><\/button>\n    <\/div>\n\n    <!-- Fila 5 -->\n    <div id=\"fila5\" class=\"taula-sons fila5\">\n        <button class=\"boto-so\" data-audio=\"teclat\">\u2328\ufe0f<span class=\"tecla\">6<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"mobil\">\ud83d\udcf1<span class=\"tecla\">7<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"rebobinem\">\ud83d\udcfc<span class=\"tecla\">8<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"magic\">\ud83e\ude84<span class=\"tecla\">9<\/span><\/button>\n        <button class=\"boto-so\" data-audio=\"scratch\">\ud83d\udcbf<span class=\"tecla\">0<\/span><\/button>\n    <\/div>\n\n    <div class=\"cont-controls\">\n        <button class=\"stop-btn\" onclick=\"stopAll()\">\u23f9 Atura sons <span class=\"tecla-espai\">(espai)<\/span><\/button>\n        <button class=\"reset-btn\" onclick=\"resetBotoneres()\">\ud83d\udd04 Buida el calaix<\/button>\n    <\/div>\n<\/div>\n\n<!-- \u00c0udios existents -->\n<audio id=\"riure\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/1.3_Reaccions_Riure.mp3\"><\/audio>\n<audio id=\"claca\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/1.1_Reaccions_Aplaudiment_Curt.mp3\"><\/audio>\n<audio id=\"claca2\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/1.2_Reaccions_Applaudiment_llarg.mp3\"><\/audio>\n<audio id=\"tambor\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/1.4_Reaccions_TamborsIPlats.mp3\"><\/audio>\n<audio id=\"idea\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/1.5_Reaccions_Idea.mp3\"><\/audio>\n<audio id=\"be\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/2.1_Concurs_So_campana_correcte.mp3\"><\/audio>\n<audio id=\"error\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/2.2_Concurs_So_campana_incorrecte.mp3\"><\/audio>\n<audio id=\"tictac\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/2.3_Concurs_tictac.mp3\"><\/audio>\n<audio id=\"be2\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/2.4_Concurs_Organ_correcte.mp3\"><\/audio>\n<audio id=\"error2\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/2.5_Concurs_Trompeta_incorrecte.mp3\"><\/audio>\n<audio id=\"grill\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/3.5_Ambient_Grill.mp3\"><\/audio>\n<audio id=\"cotxe\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/3.2_Ambient_Pitido_cotxe.mp3\"><\/audio>\n<audio id=\"aleluia\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/3.3_Ambient_Aleluia.mp3\"><\/audio>\n<audio id=\"porta\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/3.4_Ambient_Porta_obre_soroll.mp3\"><\/audio>\n<audio id=\"pitada\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/3.1_Ambient_pitada_arbitre_fuera_fuera_curt.mp3\"><\/audio>\n<audio id=\"platja\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/4.1_Llocs_Platja.mp3\"><\/audio>\n<audio id=\"tren\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/4.5_Llocs_Aeroport_Estacio_tren.mp3\"><\/audio>\n<audio id=\"bosc\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/4.2_Llocs_naturalesa.mp3\"><\/audio>\n<audio id=\"restaurant\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/4.4_Llocs_Restaurant.mp3\"><\/audio>\n<audio id=\"carrer\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/4.3_Llocs_Un_carrer_amb_gent.mp3\"><\/audio>\n<audio id=\"teclat\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/5.2_Altres_Teclas_teclat.mp3\"><\/audio>\n<audio id=\"mobil\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/5.1_Altres_Notificacio_mobil_missatge.mp3\"><\/audio>\n<audio id=\"rebobinem\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/5.3_Altres_Rebobibem.mp3\"><\/audio>\n<audio id=\"magic\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/5.4_Altres_magia.mp3\"><\/audio>\n<audio id=\"scratch\" preload=\"auto\" src=\"https:\/\/projectes.xtec.cat\/ami\/wp-content\/uploads\/usu3044\/2025\/11\/5.5_Altres_Scratch_disc.mp3\"><\/audio>\n<script>\nconst buttons = document.querySelectorAll('.boto-so');\nconst stopBtn = document.querySelector('.stop-btn');\nconst resetBtn = document.querySelector('.reset-btn');\nconst contControls = document.querySelector('.cont-controls');\n\nbuttons.forEach(btn => {\n    const audio = btn.dataset.audio ? document.getElementById(btn.dataset.audio) : null;\n    btn.addEventListener('click', () => {\n        if(audio) {\n            if(!audio.paused){\n                audio.pause(); audio.currentTime=0; btn.classList.remove('playing'); return;\n            }\n            audio.currentTime=0; audio.play(); btn.classList.add('playing');\n            audio.addEventListener('ended',()=>{ btn.classList.remove('playing'); },{once:true});\n        }\n    });\n});\n\nfunction stopAll() {\n    document.querySelectorAll(\"audio\").forEach(a => {\n        a.pause();\n        a.currentTime = 0;\n    });\n    document.querySelectorAll('#contenidor-botoneres .boto-so').forEach(btn => {\n        btn.classList.remove('playing');\n    });\n    stopBtn.classList.add('pressed');\n    stopBtn.disabled = true;\n    setTimeout(() => {\n        stopBtn.classList.remove('pressed');\n        stopBtn.disabled = false;\n    }, 120);\n}\n\n\/* -----------------------\n   ACTIVA BOTONS AMB TECLAT\n------------------------ *\/\nconst keyMap = {\n    \"1\":\"fila1:0\",\"2\":\"fila1:1\",\"3\":\"fila1:2\",\"4\":\"fila1:3\",\"5\":\"fila1:4\",\n    \"q\":\"fila2:0\",\"w\":\"fila2:1\",\"e\":\"fila2:2\",\"r\":\"fila2:3\",\"t\":\"fila2:4\",\n    \"a\":\"fila3:0\",\"s\":\"fila3:1\",\"d\":\"fila3:2\",\"f\":\"fila3:3\",\"g\":\"fila3:4\",\n    \"z\":\"fila4:0\",\"x\":\"fila4:1\",\"c\":\"fila4:2\",\"v\":\"fila4:3\",\"b\":\"fila4:4\",\n    \"6\":\"fila5:0\",\"7\":\"fila5:1\",\"8\":\"fila5:2\",\"9\":\"fila5:3\",\"0\":\"fila5:4\"\n};\n\ndocument.addEventListener(\"keydown\", (e) => {\n    const key = e.key.toLowerCase();\n    if (key === \" \") { e.preventDefault(); stopAll(); return; }\n    if (!keyMap[key]) return;\n    const [fila, index] = keyMap[key].split(\":\");\n    const filaDiv = document.getElementById(fila);\n    if (!filaDiv || filaDiv.style.display === \"none\") return;\n    const boto = filaDiv.querySelectorAll(\".boto-so\")[Number(index)];\n    if (boto) boto.click();\n});\n\nlet ordreSeleccion=[];\nfunction updateFilas(){\n    const filas=[\n        {id:'fila1', cb:'component-botonera1'},\n        {id:'fila2', cb:'component-botonera2'},\n        {id:'fila3', cb:'component-botonera3'},\n        {id:'fila4', cb:'component-botonera4'},\n        {id:'fila5', cb:'component-botonera5'}\n    ];\n    const cont=document.getElementById('contenidor-botoneres');\n    filas.forEach(f=>{\n        const cb=document.getElementById(f.cb);\n        const index=ordreSeleccion.indexOf(f.id);\n        if(cb && cb.checked && index===-1) ordreSeleccion.push(f.id);\n        if(cb && !cb.checked && index!==-1) ordreSeleccion.splice(index,1);\n    });\n    let hiHaAlgunaFila=false;\n    ordreSeleccion.forEach(id=>{\n        const fila=document.getElementById(id);\n        fila.style.display='grid';\n        cont.insertBefore(fila,cont.querySelector('.cont-controls'));\n        hiHaAlgunaFila=true;\n    });\n    filas.forEach(f=>{\n        if(!document.getElementById(f.cb)?.checked) document.getElementById(f.id).style.display='none';\n    });\n    cont.style.display=hiHaAlgunaFila?'flex':'none';\n    contControls.style.display=hiHaAlgunaFila?'flex':'none';\n    stopBtn.style.display=hiHaAlgunaFila?'block':'none';\n    resetBtn.style.display=hiHaAlgunaFila?'block':'none';\n}\n\nfunction resetBotoneres(){\n    ['component-botonera1','component-botonera2','component-botonera3','component-botonera4','component-botonera5'].forEach(id=>{\n        const cb=document.getElementById(id); if(cb) cb.checked=false;\n    });\n    ordreSeleccion=[];\n    updateFilas();\n    stopAll();\n}\n\n['component-botonera1','component-botonera2','component-botonera3','component-botonera4','component-botonera5'].forEach(id=>{\n    const cb=document.getElementById(id);\n    if(cb) cb.addEventListener('change',updateFilas);\n});\n\nconst marcaTotes5 = document.getElementById('marca-totes5');\nif(marcaTotes5){\n    marcaTotes5.addEventListener('change', () => {\n        const checkboxes = document.querySelectorAll('.filter');\n        checkboxes.forEach(cb => cb.checked = marcaTotes5.checked);\n        updateFilas();\n    });\n}\n\nupdateFilas();\n<\/script>\n\n\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reaccions Concurs Ambient Llocs Altres Marca totes<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"close","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8327","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/pages\/8327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/comments?post=8327"}],"version-history":[{"count":7,"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/pages\/8327\/revisions"}],"predecessor-version":[{"id":8372,"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/pages\/8327\/revisions\/8372"}],"wp:attachment":[{"href":"https:\/\/projectes.xtec.cat\/ami\/wp-json\/wp\/v2\/media?parent=8327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}