1<!DOCTYPE HTML> 2<html lang="ca" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ca" > 3 <head> 4 <!-- METADATA --> 5<meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7<meta name="title" lang="ca" content="Ajuntament de Guardiola de Berguedà "> 8<meta name="description" lang="ca" content="Ajuntament de Guardiola de Berguedà "> 9<meta name="author" lang="ca" content="Ajuntament de Guardiola de Berguedà "> 10<meta name="date" lang="ca" content="2026-10-01"> 11<meta name="generator" lang="ca" content="Ajuntament de Guardiola de Berguedà "> 12<meta name="robots" content="index, follow"> 13 14 <title>Ajuntament de Guardiola de Berguedà </title> 15 16 <!-- Global Site Tag (gtag.js) - Google Analytics v4-->
vendor: 124 bytes, lines 16-17
16 17<script type="text/plain" data-type="text/javascript" data-name="ga" data-src="https://www.googletagmanager.com/gtag/js?id=
17G-7P1YZ7DDEW
vendor: 12 bytes, line 17
17"></script>
18<script type="text/plain" data-type="text/javascript" data-name="ga"> 19
vendor: 140 bytes, lines 19-23
19window.dataLayer = window.dataLayer || []; 20 function gtag(){dataLayer.push(arguments);} 21 gtag('js', new Date()); 22 23 gtag('config', '
23G-7P1YZ7DDEW
vendor: 8 bytes, lines 23-24
23'); 24
24// Creates the default tracker. 25 gtag('event', 'page_view', { 'send_to': 'G-7P1YZ7DDEW' }); 26</script>
26 27<!-- End of code Global Site Tag (gtag.js) - Google Analytics v4--> 28 <link rel="canonical" href="https://www.guardioladebergueda.cat"> 29 30 <link rel="stylesheet" href="/front/view/js/bower_components/bootstrap/dist/css/bootstrap.min.css?ver=1790857466"> 31<link rel="stylesheet" href="/front/view/js/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css?ver=1790857466"> 32<link rel="stylesheet" href="/front/view/js/bower_components/bootstrap-icons.min/index.css?ver=1790857466"> 33<link rel="stylesheet" href="/front/view/js/bower_components/tempus-dominus.min.css/index.css?ver=1790857466"> 34<link rel="stylesheet" href="/common/bower_components/select2/dist/css/select2.min.css?ver=1790857466"> 35 36 <!-- Real Favicon Genenrator--> 37<link rel="apple-touch-icon" href="/themes/guardioladebergueda/images/favicons/apple-touch-icon.png"> 38<link rel="icon" type="image/png" href="/front/view/images/favicons/favicon-16x16.png" sizes="16x16"> 39<link rel="icon" type="image/png" href="/front/view/images/favicons/favicon-32x32.png" sizes="32x32"> 40<link rel="shortcut icon" href="/themes/guardioladebergueda/images/favicons/favicon.ico"> 41
41<script src="/front/controller/klaro-config.php"></script>
vendor: 1 bytes, line 41
41
42<script> 43 // Fallback defensiu: si per algun motiu el PHP no retorna la configuració, 44 // assegurem una configuració mÃnima perquè Klaro no falli i mostri el banner. 45 window.klaroConfig = window.klaroConfig || { 46 version: '1.0', 47 elementID: 'klaro', 48 storageMethod: 'cookie', 49 storageName: 'klaro', 50 cookieName: 'klaro', 51 htmlTexts: true, 52 acceptAll: true, 53 hideDeclineAll: false, 54 services: [] 55 }; 56</script>
vendor: 1 bytes, line 56
56
57<script src="/front/view/js/klaro.min.js?ver=1790857466"></script>
vendor: 1 bytes, line 57
57
58<script src="/front/view/js/klaro-init.js?ver=1790857466"></script>
58 59 60 <!-- Twitter Card data --> 61<meta name="twitter:card" content="summary"> 62<meta name="twitter:title" content="Ajuntament de Guardiola de Berguedà "> 63<meta name="twitter:description" content="Ajuntament de Guardiola de Berguedà "> 64<meta name="twitter:image" content="https://www.guardioladebergueda.cat/themes/guardioladebergueda/images/logos/header.png"> 65 <meta name="twitter:image:alt" content="Logo"> 66 <!-- Open Graph data --> 67<meta property="og:title" content="Ajuntament de Guardiola de Berguedà "> 68<meta property="og:type" content="website"> 69<meta property="og:url" content="https://www.guardioladebergueda.cat"> 70<meta property="og:image" content="https://www.guardioladebergueda.cat/themes/guardioladebergueda/images/logos/header.png"> 71 <meta property="og:image:alt" content="Logo"> 72 <meta property="og:image" content="https://www.guardioladebergueda.cat/themes/guardioladebergueda/images/logos/header_inv.png"> 73 <meta property="og:image:alt" content="Logo invertit"> 74 <meta property="og:description" content="Ajuntament de Guardiola de Berguedà "> 75<meta property="og:site_name" content="Ajuntament de Guardiola de Berguedà "> 76 77 <!-- HTML5 compatible tags -->
78<script> 79 document.createElement('header'); 80 document.createElement('footer'); 81 document.createElement('section'); 82 document.createElement('aside'); 83 document.createElement('nav'); 84 document.createElement('article'); 85 document.createElement('hgroup'); 86 document.createElement('lh'); 87</script>
87 88
88<script>window.mapsConfig = { layerType: 'OpenStreetMap_Mapnik' };</script>
88 89<link rel="stylesheet" href="/front/view/js/bower_components/FreezeUI/freeze-ui.min.css"> 90<link rel="stylesheet" href="/front/view/js/bower_components/Leaflet/default/leaflet.css"> 91<link rel="stylesheet" href="/front/view/js/bower_components/Leaflet/default/Control.Loading.css">
92<script src="/front/view/js/bower_components/FreezeUI/freeze-ui.min.js"></script>
vendor: 1 bytes, line 92
92
93<script src="/front/view/js/bower_components/Leaflet/default/leaflet.js"></script>
vendor: 1 bytes, line 93
93
94<script src="/front/view/js/bower_components/es6-promise/es6-promise.min.js"></script>
vendor: 1 bytes, line 94
94
95<script>ES6Promise.polyfill();</script>
vendor: 1 bytes, line 95
95
96<script src='/front/view/js/bower_components/Leaflet/default/Leaflet.GoogleMutant.js'></script>
vendor: 1 bytes, line 96
96
97<script src="/front/view/js/googleMapsInit.js"></script>
vendor: 1 bytes, line 97
97
98<script type="text/plain" data-type="text/javascript" data-name="maps" data-src="https://maps.google.com/maps/api/js?key=AIzaSyDzMQfPcdyACxfYosZzQs43alxB8BKfkx8&loading=async&callback=onGoogleMapsReady"></script>
vendor: 1 bytes, line 98
98
99<script src="/front/view/js/bower_components/Leaflet/default/leaflet.maps.js"></script>
vendor: 1 bytes, line 99
99
100<script src="/front/view/js/bower_components/Leaflet/default/leaflet.clone.js"></script>
vendor: 1 bytes, line 100
100
101<script src="/front/view/js/bower_components/Leaflet/default/Control.Loading.js"></script>
vendor: 1 bytes, line 101
101
102<script src="/front/view/js/bower_components/jquery.min/index.js"></script>
vendor: 1 bytes, line 102
102
103<script src="/front/view/js/maps.js"></script>
103 <!-- Init addHeadExtraStyles --> 104 <style>html body{font-size:1em !important;} .backgroundImageHeader { background-repeat: repeat; background-image:url("/media/repository/capcaleres/capcaleres_web/penyes_altes_2000.jpg");} </style> 105 <!-- End addHeadExtraStyles --> 106 <!-- Font Awesome 7 + v4-shims for backward compatibility --> 107 <link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet"> 108 <link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/v4-shims.min.css" rel="stylesheet"> 109 <!-- Popperjs + Tempus Dominus --> 110
110<script src="/front/view/js/bower_components/popper.min/index.js?ver=1790857466"></script>
vendor: 1 bytes, line 110
110
111<script src="/front/view/js/bower_components/tempus-dominus.min.js/index.js?ver=1790857466"></script>
111 112 <link rel="stylesheet" media="all" href="/themes/guardioladebergueda/styles/style.min.css?ver=1790857466"> 113 </head> 114 <body class="home id-0"> 115 <nav class="skip-links" aria-label="Dreceres d'accessibilitat"><ul><li><a href="#site-header">Saltar a la capçalera</a></li><li><a href="#main-content">Saltar al contingut</a></li><li><a href="#footer-content">Saltar al peu de pà gina</a></li></ul></nav> <header id="site-header" tabindex="-1"> 116 <div class="js-widget o-widget o-widget--header o-widget-contenidor clearfix boxBX WidgetContainer " data-id="132" > <div class="o-widget-wrapper clearfix default-BX " data-id="132"><div class="o-widget-container row"><div class="js-widget o-widget o-widget--header-g col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetLegacyHeader " data-id="135" > <div class="o-widget-wrapper clearfix default-BX mb-1 " data-id="135"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="toolbar clearfix"> 117 <div class="container-xl"> 118 <div class="fright"> 119 <div class="toolbarItem"> 120 <div class="toolbarItem page-62 page-contactar"> 121 <a 122 href="/altres-continguts/contactar" 123 target="_self" 124 rel="" 125 > 126 Contactar </a> 127</div> 128</div> <div id="social" class="toolbarItem"> 129 130 <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/AjuntamentGuardioladeBergueda" title="Obre en finestra nova: Facebook"> 131 <span style="display: none">Facebook</span> 132 <img src="/themes/guardioladebergueda/images/icons/social/facebook.png" alt="Facebook" width="32" height="32"> 133 </a> 134 135 <a target="_blank" aria-label="Youtube" href="https://www.youtube.com/channel/UCCRdURDLuLtOwuttguleV8g" title="Obre en finestra nova: Youtube"> 136 <span style="display: none">Youtube</span> 137 <img src="/themes/guardioladebergueda/images/icons/social/youtube.png" alt="Youtube" width="32" height="32"> 138 </a> 139 140 <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/ajguardioladebergueda/" title="Obre en finestra nova: Instagram"> 141 <span style="display: none">Instagram</span> 142 <img src="/themes/guardioladebergueda/images/icons/social/instagram.png" alt="Instagram" width="32" height="32"> 143 </a> 144 </div> 145 <div class="toolbarItem"> 146 <div id="toolbarLanguages"> 147 <ul id="languages"> 148 <li><a href="#" role="button" aria-expanded="false" aria-controls="languagesList" id="languagesToggle">Idiomes</a> 149 <ul id="languagesList"> 150 <li><a class="link-language" href="https://www.guardioladebergueda.cat/?lang=ca" data-target="https://www.guardioladebergueda.cat/?lang=ca">Català </a></li> 151 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=esie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=es" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=esie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=es">Castellà </a></li> 152 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=enie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=en" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=enie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=en">Anglès</a></li> 153 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=deie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=de" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=deie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=de">Alemany</a></li> 154 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=frie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=fr" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=frie=UTF-8&u=https://www.guardioladebergueda.cat/&sl=ca&tl=fr">Francès</a></li> 155 </ul> 156 </li> 157 </ul> 158</div>
159<script> 160(function () { 161 var toggle = document.getElementById('languagesToggle'); 162 if (!toggle) return; 163 var li = toggle.parentElement; 164 var submenu = li.querySelector('ul'); 165 var links = Array.prototype.slice.call(submenu.querySelectorAll('a')); 166 167 function keyName(e) { 168 return e.key || e.code || e.keyCode; 169 } 170 171 function isSpaceKey(e) { 172 var key = keyName(e); 173 return key === ' ' || key === 'Spacebar' || key === 'Space' || key === 32; 174 } 175 176 function open(focusFirst) { 177 li.classList.add('is-open'); 178 submenu.style.display = 'block'; 179 submenu.style.padding = '1em'; 180 toggle.setAttribute('aria-expanded', 'true'); 181 if (focusFirst && links.length) links[0].focus(); 182 } 183 184 function close() { 185 li.classList.remove('is-open'); 186 submenu.style.display = ''; 187 submenu.style.padding = ''; 188 toggle.setAttribute('aria-expanded', 'false'); 189 } 190 191 function isOpen() { 192 return toggle.getAttribute('aria-expanded') === 'true'; 193 } 194 195 function focusLink(index) { 196 if (!links.length) return; 197 links[(index + links.length) % links.length].focus(); 198 } 199 200 function focusedLinkIndex() { 201 return links.indexOf(document.activeElement); 202 } 203 204 toggle.addEventListener('click', function (e) { 205 e.preventDefault(); 206 isOpen() ? close() : open(false); 207 }); 208 209 toggle.addEventListener('keydown', function (e) { 210 var key = keyName(e); 211 if (key === 'Enter' || isSpaceKey(e)) { 212 e.preventDefault(); 213 isOpen() ? close() : open(false); 214 } else if (key === 'ArrowDown' || key === 40) { 215 e.preventDefault(); 216 open(true); 217 } else if (key === 'ArrowUp' || key === 38) { 218 e.preventDefault(); 219 open(false); 220 focusLink(links.length - 1); 221 } else if (key === 'Escape' || key === 'Esc' || key === 27) { 222 if (isOpen()) { 223 e.preventDefault(); 224 close(); 225 } 226 } 227 }); 228 229 submenu.addEventListener('keydown', function (e) { 230 var key = keyName(e); 231 var index = focusedLinkIndex(); 232 233 if (key === 'ArrowDown' || key === 40) { 234 e.preventDefault(); 235 focusLink(index + 1); 236 } else if (key === 'ArrowUp' || key === 38) { 237 e.preventDefault(); 238 focusLink(index - 1); 239 } else if (key === 'Home' || key === 36) { 240 e.preventDefault(); 241 focusLink(0); 242 } else if (key === 'End' || key === 35) { 243 e.preventDefault(); 244 focusLink(links.length - 1); 245 } else if (isSpaceKey(e)) { 246 e.preventDefault(); 247 if (document.activeElement && document.activeElement.click) { 248 document.activeElement.click(); 249 } 250 } else if (key === 'Escape' || key === 'Esc' || key === 27) { 251 e.preventDefault(); 252 close(); 253 toggle.focus(); 254 } 255 }); 256 257 li.addEventListener('focusout', function () { 258 window.setTimeout(function () { 259 if (!li.contains(document.activeElement)) close(); 260 }, 0); 261 }); 262 263 document.addEventListener('click', function (e) { 264 if (!li.contains(e.target)) close(); 265 }); 266})(); 267</script>
267 268 <div class="currentDate" style='padding:9px;color:white'> 269 <span id="clock" class="clock" title='Data i hora oficial' > 270 01.10.2026 | 14:24 </span> 271</div> </div> 272 </div> 273 </div> 274</div> 275<div class="header backgroundImageHeader"> 276 <div class="branding"> 277 <div class="container-xl"> 278 <div class="row"> 279 <div class="col-md-8 col-sm-8 col-lg-8 logo_box"> 280 <a class="logo" href="/" aria-label="Ajuntament de Guardiola de Berguedà - Pà gina d'inici"> 281 <img src="/themes/guardioladebergueda/images/logos/header.png" alt="" width="355" height="111" id="mainLogo"> 282 </a> 283 <h1 class="d-none">Ajuntament de Guardiola de Berguedà </h1> 284 </div> <div class="col-md-4 col-sm-4 col-lg-4 middle search_box"> 285 <form id="search_box" aria-label="Cercar:" name="search_box" method="get" action="/search"> 286 <label for="search" accesskey="4"> 287 <span class="visually-hidden">Cercar:</span> 288 </label> 289 <input id="search" name="search" type="text" aria-label="Cercar:" title="Cerca a tot el web" value="" placeholder="Cercar..."> 290 <button type="submit" class="search-button" aria-label="Cerca"><i class="fa fa-search"></i></button> 291 </form> 292</div> 293 </div> 294 </div> 295 </div> 296 <div id="navbar-top" class="navbar navbar-expand-lg navbar-dark"><div class="nav"><div class="container-xl"><div class="row"><div class="col"><nav class="menu_principal" aria-label="menú"><div class="menu-flexible__wrapper menu-font-medium menu-alignment-left menu-spacing-normal menu-animation-fade menu-text-transform-none menu-columns-1" style="--menu-cols:1;--menu-submenu-width:200px;--menu-hover-delay:300ms;--menu-image-width:160px;" data-menu-columns="1" data-expand-type="click" data-menu-sticky="false" data-menu-alignment="left" data-menu-spacing="normal" data-menu-animation="fade" data-menu-external-icon="auto" data-menu-external-dim="false" data-menu-text-transform="none"><div class="menu-flexible__topbar"><a href="#" class="menu-flexible__toggle phoneMenuButton" aria-label="Menú" aria-expanded="false"><i class="fa fa-bars"></i></a></div><ul class="menu-flexible menu-flexible__list"><li class="menu-flexible__item page-1 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament" ><span class="menu-flexible__item-text">Ajuntament</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-12 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/alcaldia" ><span class="menu-flexible__item-text">Salutació de l'Alcalde</span></a></li><li class="menu-flexible__item page-13 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/consistori" ><span class="menu-flexible__item-text">Consistori</span></a></li><li class="menu-flexible__item page-242 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/grups-municipals" ><span class="menu-flexible__item-text">Grups municipals</span></a></li><li class="menu-flexible__item page-87 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/organigrama-tecnic" ><span class="menu-flexible__item-text">Organigrama tècnic</span></a></li><li class="menu-flexible__item page-140 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial" ><span class="menu-flexible__item-text">Informació oficial</span></a></li><li class="menu-flexible__item page-123 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/portal-de-transparencia" ><span class="menu-flexible__item-text">Portal de Transparència</span></a></li></ul></li><li class="menu-flexible__item page-168 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/tramits-i-gestions" ><span class="menu-flexible__item-text">Trà mits i gestions</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-188 level2"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="/guardiola-de-bergueda/equipaments/oficines-datencio-al-ciutada" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Oficina d'Atenció al ciutadà </span></a></li><li class="menu-flexible__item page-145 level2"><a class="menu-flexible__link" aria-expanded="false" href="/tramits-i-gestions/145-tramits-i-gestions" ><span class="menu-flexible__item-text">Trà mits i gestions</span></a></li></ul></li><li class="menu-flexible__item page-2 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/el-municipi" ><span class="menu-flexible__item-text">El municipi</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-148 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/guardiola-de-bergueda" ><span class="menu-flexible__item-text">Guardiola de Berguedà </span></a></li><li class="menu-flexible__item page-47 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/el-municipi-en-xifres" ><span class="menu-flexible__item-text">El municipi en xifres</span></a></li><li class="menu-flexible__item page-48 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/informacio-geografica" ><span class="menu-flexible__item-text">Informació geogrà fica</span></a></li><li class="menu-flexible__item page-158 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/guia-de-carrers" ><span class="menu-flexible__item-text">Guia de carrers</span></a></li><li class="menu-flexible__item page-40 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/entitats-i-associacions" ><span class="menu-flexible__item-text">Entitats i associacions</span></a></li><li class="menu-flexible__item page-162 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/serveis-municipals" ><span class="menu-flexible__item-text">Serveis municipals</span></a></li><li class="menu-flexible__item page-35 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/equipaments" ><span class="menu-flexible__item-text">Equipaments</span></a></li><li class="menu-flexible__item page-262 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/262-emergencie
296s" ><span class="menu-flexible__item-text">Emergències</span></a></li></ul></li><li class="menu-flexible__item page-175 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/turisme-" ><span class="menu-flexible__item-text">Turisme </span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-176 level2"><a class="menu-flexible__link" aria-expanded="false" href="/turisme-/que-visitar" ><span class="menu-flexible__item-text">Què visitar?</span></a></li><li class="menu-flexible__item page-281 level2"><a class="menu-flexible__link" aria-expanded="false" href="/turisme-/on-menjar" ><span class="menu-flexible__item-text">On menjar?</span></a></li><li class="menu-flexible__item page-178 level2"><a class="menu-flexible__link" aria-expanded="false" href="/turisme-/on-dormir" ><span class="menu-flexible__item-text">On dormir?</span></a></li><li class="menu-flexible__item page-190 level2"><a class="menu-flexible__link" aria-expanded="false" href="/turisme-/grans-travesses-a-peu" ><span class="menu-flexible__item-text">Grans travesses a peu</span></a></li><li class="menu-flexible__item page-286 level2"><a class="menu-flexible__link" aria-expanded="false" href="/turisme-/rutes-a-peu-en-familia" ><span class="menu-flexible__item-text">Rutes a peu en famÃlia</span></a></li><li class="menu-flexible__item page-283 level2"><a class="menu-flexible__link" aria-expanded="false" href="/turisme-/arees-recreatives" ><span class="menu-flexible__item-text">Ãrees recreatives</span></a></li><li class="menu-flexible__item page-282 level2"><a class="menu-flexible__link" aria-expanded="false" href="/turisme-/ermites-i-esglesies" ><span class="menu-flexible__item-text">Ermites i esglésies</span></a></li><li class="menu-flexible__item page-287 level2"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://www.elbergueda.cat/" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Turisme al Berguedà </span></a></li></ul></li><li class="menu-flexible__item page-39 level1"><a class="menu-flexible__link" aria-expanded="false" href="/empreses-i-comercos" ><span class="menu-flexible__item-text">Empreses i comerços</span></a></li><li class="menu-flexible__item page-179 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/179-festes-i-fires" ><span class="menu-flexible__item-text">Festes i fires</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-298 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/carnaval-i-dimecres-de-cendra" ><span class="menu-flexible__item-text">Carnaval i dimecres de cendra</span></a></li><li class="menu-flexible__item page-344 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/caramelles" ><span class="menu-flexible__item-text">Caramelles</span></a></li><li class="menu-flexible__item page-299 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/la-truitada" ><span class="menu-flexible__item-text">La Truitada</span></a></li><li class="menu-flexible__item page-304 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/sant-jordi" ><span class="menu-flexible__item-text">Sant Jordi</span></a></li><li class="menu-flexible__item page-303 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/aplec-de-sant-marc" ><span class="menu-flexible__item-text">Aplec de Sant Marc</span></a></li><li class="menu-flexible__item page-296 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/revetlla-de-sant-joan" ><span class="menu-flexible__item-text">Revetlla de Sant Joan</span></a></li><li class="menu-flexible__item page-295 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/festa-major" ><span class="menu-flexible__item-text">Festa major</span></a></li><li class="menu-flexible__item page-313 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/alternativa-rock" ><span class="menu-flexible__item-text">Alternativa rock</span></a></li><li class="menu-flexible__item page-307 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/aplec-de-gavarros" ><span class="menu-flexible__item-text">Aplec de Gavarrós</span></a></li><li class="menu-flexible__item page-311 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/diada-de-catalunya" ><span class="menu-flexible__item-text">Diada de Catalunya</span></a></li><li class="menu-flexible__item page-312 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/festa-del-bolet" ><span class="menu-flexible__item-text">Festa del bolet</span></a></li><li class="menu-flexible__item page-297 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/la-castanyada" ><span class="menu-flexible__item-text">La Castanyada</span></a></li><li class="menu-flexible__item page-300 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/fira-de-tots-sants" ><span class="menu-flexible__item-text">Fira de Tots Sants</span></a></li><li class="menu-flexible__item page-306 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/aplec-de-sant-marti-de-broca" ><span class="menu-flexible__item-text">Aplec de Sant Martà de Brocà </span></a></li><li class="menu-flexible__item page-309 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/aplec-de-sant-climent-de-la-torre-de-foix" ><span class="menu-flexible__item-text">Aplec de Sant Climent de la Torre de Foix</span></a></li><li class="menu-flexible__item page-308 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/aplec-sant-andreu-de-greixer" ><span class="menu-flexible__item-text">Aplec Sant Andreu de Gréixer</span></a></li><li class="menu-flexible__item page-301 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/mercat-de-nadal-i-fira-de-lescudella" ><span class="menu-flexible__item-text">Mercat de nadal i fira de l'escudella</span></a></li><li class="menu-flexible__item page-302 level2"><a class="menu-flexible__link" aria-expanded="false" href="/179-festes-i-fires/nadal-a-guardiola" ><span class="menu-flexible__item-text">Nadal a Guardiola</span></a></li></ul></li><li class="menu-flexible__item page-34 level1"><a class="menu-flexible__link" aria-expanded="false" href="/mobilitat" ><span class="menu-flexible__item-text">Mobilitat</span></a></li><li class="menu-flexible__item page-4 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/actualitat" ><span class="menu-flexible__item-text">Actualitat</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-53 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/noticies" ><span class="menu-flexible__item-text">NotÃcies</span></a></li><li class="menu-flexible__item page-54 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/agenda" ><span class="menu-flexible__item-text">Agenda</span></a></li><li class="menu-flexible__item page-56 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/butlleti-municipal" ><span class="menu-flexible__item-text">
296Butlletà municipal</span></a></li><li class="menu-flexible__item page-259 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/xarxes-socials" ><span class="menu-flexible__item-text">Xarxes socials</span></a></li><li class="menu-flexible__item page-57 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/rss" ><span class="menu-flexible__item-text">RSS</span></a></li><li class="menu-flexible__item page-58 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/galeria-dimatges" ><span class="menu-flexible__item-text">Galeria d'imatges</span></a></li><li class="menu-flexible__item page-241 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/hemeroteca" ><span class="menu-flexible__item-text">Hemeroteca</span></a></li></ul></li><li class="menu-flexible__item page-93 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/temes" ><span class="menu-flexible__item-text">Ãrees</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-260 level2"><a class="menu-flexible__link" aria-expanded="false" href="/temes/260-educacio" ><span class="menu-flexible__item-text">Educació</span></a></li><li class="menu-flexible__item page-246 level2"><a class="menu-flexible__link" aria-expanded="false" href="/temes/igualtat" ><span class="menu-flexible__item-text">Igualtat</span></a></li><li class="menu-flexible__item page-247 level2"><a class="menu-flexible__link" aria-expanded="false" href="/temes/comunicacio-i-participacio" ><span class="menu-flexible__item-text">Comunicació i participació</span></a></li><li class="menu-flexible__item page-249 level2"><a class="menu-flexible__link" aria-expanded="false" href="/temes/serveis-socials" ><span class="menu-flexible__item-text">Serveis socials</span></a></li><li class="menu-flexible__item page-136 level2"><a class="menu-flexible__link" aria-expanded="false" href="/temes/cultura-i-patrimoni" ><span class="menu-flexible__item-text">Cultura i patrimoni</span></a></li></ul></li></ul></div>
296<script>(function() { 297 'use strict'; 298 299 // Mega panel 300 301 function initMegaPanels(navContainer) { 302 var menuItems = Array.prototype.slice.call(navContainer.querySelectorAll('[data-mega-id]')); 303 if (!menuItems.length) return; 304 305 var navUl = navContainer.querySelector('ul'); 306 var topItems = navUl 307 ? menuItems.filter(function(el) { return el.parentElement === navUl; }) 308 : menuItems; 309 310 var wrapper = navContainer.closest('.menu-flexible__wrapper'); 311 var isClick = wrapper && wrapper.getAttribute('data-expand-type') === 'click'; 312 313 menuItems.forEach(function(item) { 314 var panel = getPanelForItem(item, navContainer); 315 if (!panel) return; 316 317 if (isClick) { 318 var link = item.querySelector('a'); 319 if (link) { 320 link.addEventListener('click', function(e) { 321 // En mòbil, els elements naveguen directament sense desplegar submenús 322 if (window.innerWidth <= 992) return; 323 if (panel.classList.contains('mf-mega-visible')) { 324 // Segon clic: navegar 325 return; 326 } 327 e.preventDefault(); 328 hideAllMegaPanels(navContainer); 329 showPanel(item, panel); 330 }); 331 } 332 } else { 333 var hoverDelay = parseInt( 334 getComputedStyle(wrapper).getPropertyValue('--menu-hover-delay'), 10 335 ) || 0; 336 var hoverTimer = null; 337 338 var leaveTimer = null; 339 340 item.addEventListener('mouseenter', function() { 341 clearTimeout(hoverTimer); 342 clearTimeout(leaveTimer); 343 if (hoverDelay > 0) { 344 hoverTimer = setTimeout(function() { showPanel(item, panel); }, hoverDelay); 345 } else { 346 showPanel(item, panel); 347 } 348 }); 349 item.addEventListener('mouseleave', function(e) { 350 clearTimeout(hoverTimer); 351 if (!panel.contains(e.relatedTarget)) { 352 leaveTimer = setTimeout(function() { hidePanel(item, panel); }, 300); 353 } 354 }); 355 panel.addEventListener('mouseenter', function() { 356 clearTimeout(leaveTimer); 357 }); 358 panel.addEventListener('mouseleave', function(e) { 359 clearTimeout(hoverTimer); 360 clearTimeout(leaveTimer); 361 if (!item.contains(e.relatedTarget)) hidePanel(item, panel); 362 }); 363 364 // Tà ctil: fallback quan hover no disponible (només escriptori tà ctil) 365 var link = item.querySelector('a'); 366 if (link) { 367 link.addEventListener('click', function(e) { 368 if (window.matchMedia('(hover: none)').matches && window.innerWidth > 992) { 369 if (panel.classList.contains('mf-mega-visible')) { 370 // Segon clic en tà ctil: navegar 371 return; 372 } 373 e.preventDefault(); 374 hideAllMegaPanels(navContainer); 375 showPanel(item, panel); 376 } 377 }); 378 } 379 } 380 }); 381 382 navContainer.addEventListener('keydown', function(e) { 383 handleMegaKeydown(e, navContainer, topItems); 384 }); 385 386 if (!isClick) { 387 navContainer.addEventListener('focusin', function(e) { 388 var item = e.target.closest('[data-mega-id]'); 389 if (!item) return; 390 var panel = getPanelForItem(item, navContainer); 391 if (!panel) return; 392 hideAllMegaPanels(navContainer); 393 showPanel(item, panel); 394 }); 395 } 396 397 navContainer.addEventListener('focusout', function() { 398 setTimeout(function() { 399 if (!navContainer.contains(document.activeElement)) { 400 hideAllMegaPanels(navContainer); 401 } 402 }, 0); 403 }); 404 405 document.addEventListener('click', function(e) { 406 if (!navContainer.contains(e.target)) { 407 hideAllMegaPanels(navContainer); 408 } 409 }); 410 } 411 412 function handleMegaKeydown(e, navContainer, topItems) { 413 var focused = document.activeElement; 414 if (!focused) return; 415 416 var currentItem = focused.closest('[data-mega-id]'); 417 var currentPanel = focused.closest('.menu-flexible__mega-panel'); 418 var key = e.key || e.code || e.keyCode; 419 420 function directLink(item) { 421 if (!item) return null; 422 return Array.prototype.slice.call(item.children).find(function(el) { 423 return el.tagName === 'A'; 424 }) || item.querySelector('a'); 425 } 426 427 function itemForPanel(panel) { 428 if (!panel) return null; 429 var id = panel.getAttribute('data-mega-id'); 430 return id ? navContainer.querySelector('li[data-mega-id="' + id + '"]') : null; 431 } 432 433 function focusPanelLink(panel, index) { 434 var links = Array.prototype.slice.call(panel.querySelectorAll('a')); 435 if (!links.length) return; 436 links[(index + links.length) % links.length].focus(); 437 } 438 439 function focusPanelSibling(panel, offset) { 440 var links = Array.prototype.slice.call(panel.querySelectorAll('a')); 441 var idx = links.indexOf(focused); 442 if (idx === -1) return; 443 links[(idx + offset + links.length) % links.length].focus(); 444 } 445 446 function panelColumnForLink(link) { 447 return link ? link.closest('.menu-flexible__mega-col') : null; 448 } 449 450 function focusAdjacentPanelColumn(panel, offset) { 451 var columns = Array.prototype.slice.call(panel.querySelectorAll('.menu-flexible__mega-col')); 452 var currentColumn = panelColumnForLink(focused); 453 var idx = columns.indexOf(currentColumn); 454 if (idx === -1) return false;
455 456 var targetColumn = columns[(idx + offset + columns.length) % columns.length]; 457 var targetLink = targetColumn.querySelector('a'); 458 if (targetLink) { 459 targetLink.focus(); 460 return true; 461 } 462 463 return false; 464 } 465 466 function focusTopItem(item, offset) { 467 var idx = topItems.indexOf(item); 468 if (idx === -1) return; 469 470 var next = topItems[(idx + offset + topItems.length) % topItems.length]; 471 hideAllMegaPanels(navContainer); 472 473 var nextLink = directLink(next); 474 if (nextLink) { 475 nextLink.focus(); 476 var nextPanel = getPanelForItem(next, navContainer); 477 if (nextPanel) showPanel(next, nextPanel); 478 } 479 } 480 481 switch (key) { 482 case 'Escape': 483 case 'Esc': 484 case 27: { 485 e.preventDefault(); 486 hideAllMegaPanels(navContainer); 487 if (currentPanel) { 488 var item = itemForPanel(currentPanel); 489 var lnk = directLink(item); 490 if (lnk) lnk.focus(); 491 } 492 break; 493 } 494 495 case 'ArrowRight': 496 case 39: 497 case 'ArrowLeft': 498 case 37: { 499 var direction = (key === 'ArrowRight' || key === 39) ? 1 : -1; 500 e.preventDefault(); 501 502 if (currentPanel) { 503 if (!focusAdjacentPanelColumn(currentPanel, direction)) { 504 var ownerItem = itemForPanel(currentPanel); 505 focusTopItem(ownerItem, direction); 506 } 507 break; 508 } 509 510 if (!currentItem) return; 511 focusTopItem(currentItem, direction); 512 break; 513 } 514 515 case 'ArrowDown': 516 case 40: { 517 e.preventDefault(); 518 if (currentPanel) { 519 focusPanelSibling(currentPanel, 1); 520 break; 521 } 522 if (!currentItem) return; 523 var panel = getPanelForItem(currentItem, navContainer); 524 if (!panel) return; 525 if (!panel.classList.contains('mf-mega-visible')) { 526 hideAllMegaPanels(navContainer); 527 showPanel(currentItem, panel); 528 } 529 focusPanelLink(panel, 0); 530 break; 531 } 532 533 case ' ': 534 case 'Space': 535 case 'Spacebar': 536 case 32: { 537 if (currentPanel || !currentItem) return; 538 var spacePanel = getPanelForItem(currentItem, navContainer); 539 if (!spacePanel) return; 540 541 e.preventDefault(); 542 if (spacePanel.classList.contains('mf-mega-visible')) { 543 hidePanel(currentItem, spacePanel); 544 } else { 545 hideAllMegaPanels(navContainer); 546 showPanel(currentItem, spacePanel); 547 } 548 break; 549 } 550 551 case 'ArrowUp': 552 case 38: { 553 if (!currentPanel) return; 554 e.preventDefault(); 555 var panelLinks = Array.prototype.slice.call(currentPanel.querySelectorAll('a')); 556 var focusedIndex = panelLinks.indexOf(focused); 557 558 if (focusedIndex > 0) { 559 focusPanelLink(currentPanel, focusedIndex - 1); 560 } else { 561 var parentItem = itemForPanel(currentPanel); 562 var parentLink = directLink(parentItem); 563 if (parentLink) parentLink.focus(); 564 if (parentItem) hidePanel(parentItem, currentPanel); 565 } 566 break; 567 } 568 } 569 } 570 571 function getPanelForItem(item, navContainer) { 572 var id = item.getAttribute('data-mega-id'); 573 return id 574 ? navContainer.querySelector('.menu-flexible__mega-panel[data-mega-id="' + id + '"]') 575 : null; 576 } 577 578 function showPanel(item, panel) { 579 panel.classList.add('mf-mega-visible'); 580 panel.setAttribute('aria-hidden', 'false'); 581 var link = item.querySelector('a'); 582 if (link) link.setAttribute('aria-expanded', 'true'); 583 } 584 585 function hidePanel(item, panel) { 586 panel.classList.remove('mf-mega-visible'); 587 panel.setAttribute('aria-hidden', 'true'); 588 var link = item.querySelector('a'); 589 if (link) link.setAttribute('aria-expanded', 'false'); 590 } 591 592 function hideAllMegaPanels(navContainer) { 593 navContainer.querySelectorAll('.menu-flexible__mega-panel.mf-mega-visible') 594 .forEach(function(panel) { 595 var id = panel.getAttribute('data-mega-id'); 596 var item = id ? navContainer.querySelector('li[data-mega-id="' + id + '"]') : null; 597 if (item) { 598 hidePanel(item, panel); 599 } else { 600 panel.classList.remove('mf-mega-visible'); 601 panel.setAttribute('aria-hidden', 'true'); 602 } 603 }); 604 } 605 606 607 // Tecles de fletxa (menú està ndard) 608 609 function initStandardKeyboard(wrapper) { 610 var menu = wrapper.querySelector('.menu-flexible__list'); 611 if (!menu) return; 612 613 function closeAll() { 614 Array.prototype.slice.call(menu.querySelectorAll('.menu-flexible__item[focus="true"]')) 615 .forEach(function(item) { 616 item.setAttribute('focus', 'false'); 617 var submenu = Array.prototype.slice.call(item.children).find(function(el) { 618 return el.classList && el.classList.contains('menu-flexible__submenu'); 619 }); 620 if (submenu) { 621 submenu.style.left = ''; 622 submenu.style.opacity = ''; 623 submenu.style.visibility = ''; 624 submenu.style.pointerEvents = ''; 625 submenu.style.transform = ''; 626 } 627 var link = Array.prototype.slice.call(item.children).find(function(el) { 628 return el.tagName === 'A'; 629 }); 630 if (link && link.classList.contains('menu-flexible__link--dropdown')) { 631 link.setAttribute('aria-expanded', 'false'); 632 } 633 }); 634 } 635 636 wrapper.addEventListener('keydown', function(e) { 637 handleStandardKeydown(e, menu); 638 }); 639 640 wrapper.addEventListener('focusout', function() { 641 setTimeout(function() { 642 if (!wrapper.contains(document.activeElement)) { 643 closeAll(); 644 } 645 }, 0); 646 }); 647 } 648 649 function handleStandardKeydown(e, menu) { 650 var focused = document.activeElement; 651 if (!focused || !menu.contains(focused)) return; 652 653 var itemSel = '.menu-flexible__item'; 654 var linkSel = '.menu-flexible__link'; 655 656 var currentLi = focused.closest(itemSel); 657 if (!currentLi) return; 658 659 var parentUl = currentLi.parentElement; 660 var isLevel1 = parentUl === menu;
661 662 function directLink(li) { 663 var direct = Array.prototype.slice.call(li.children).find(function(el) { 664 return el.tagName === 'A'; 665 }); 666 return direct || li.querySelector(linkSel); 667 } 668 669 function siblingItems(ul) { 670 return Array.prototype.slice.call(ul.children).filter(function(el) { 671 return el.matches(itemSel); 672 }); 673 } 674 675 function childMenu(li) { 676 return Array.prototype.slice.call(li.children).find(function(el) { 677 return el.classList && el.classList.contains('menu-flexible__submenu'); 678 }); 679 } 680 681 function setSubmenuVisible(li, visible) { 682 var submenu = childMenu(li); 683 if (!submenu) return; 684 685 if (visible) { 686 submenu.style.left = li.parentElement === menu ? '0' : '100%'; 687 submenu.style.opacity = '1'; 688 submenu.style.visibility = 'visible'; 689 submenu.style.pointerEvents = 'auto'; 690 submenu.style.transform = 'none'; 691 } else { 692 submenu.style.left = ''; 693 submenu.style.opacity = ''; 694 submenu.style.visibility = ''; 695 submenu.style.pointerEvents = ''; 696 submenu.style.transform = ''; 697 } 698 } 699 700 function setExpanded(li, expanded) { 701 li.setAttribute('focus', expanded ? 'true' : 'false'); 702 setSubmenuVisible(li, expanded); 703 var lnk = directLink(li); 704 if (lnk && lnk.classList.contains('menu-flexible__link--dropdown')) { 705 lnk.setAttribute('aria-expanded', expanded ? 'true' : 'false'); 706 } 707 if (!expanded) { 708 Array.prototype.slice.call(li.querySelectorAll(itemSel + '[focus="true"]')) 709 .forEach(function(item) { 710 item.setAttribute('focus', 'false'); 711 setSubmenuVisible(item, false); 712 var childLink = directLink(item); 713 if (childLink && childLink.classList.contains('menu-flexible__link--dropdown')) { 714 childLink.setAttribute('aria-expanded', 'false'); 715 } 716 }); 717 } 718 } 719 720 function closeSiblings(li) { 721 Array.prototype.slice.call(li.parentElement.children) 722 .filter(function(item) { 723 return item !== li && item.matches(itemSel); 724 }) 725 .forEach(function(item) { 726 setExpanded(item, false); 727 }); 728 } 729 730 function openChild(li) { 731 var submenu = childMenu(li); 732 if (!submenu) return false; 733 closeSiblings(li); 734 setExpanded(li, true); 735 var firstChild = submenu.querySelector(linkSel); 736 if (firstChild) firstChild.focus(); 737 return true; 738 } 739 740 function focusSibling(offset) { 741 var sibs = siblingItems(parentUl); 742 var idx = sibs.indexOf(currentLi); 743 var lnk = directLink(sibs[(idx + offset + sibs.length) % sibs.length]); 744 if (lnk) lnk.focus(); 745 } 746 747 var key = e.key || e.code || e.keyCode; 748 749 switch (key) { 750 case 'ArrowRight': 751 case 39: { 752 if (!isLevel1) return; 753 e.preventDefault(); 754 setExpanded(currentLi, false); 755 focusSibling(1); 756 break; 757 } 758 case 'ArrowLeft': 759 case 37: { 760 if (!isLevel1) return; 761 e.preventDefault(); 762 setExpanded(currentLi, false); 763 focusSibling(-1); 764 break; 765 } 766 case 'ArrowDown': 767 case 40: { 768 e.preventDefault(); 769 if (focused === directLink(currentLi) && openChild(currentLi)) { 770 break; 771 } 772 var sibsDown = siblingItems(parentUl); 773 var idxDown = sibsDown.indexOf(currentLi); 774 if (idxDown < sibsDown.length - 1) { 775 var lnkDown = directLink(sibsDown[idxDown + 1]); 776 if (lnkDown) lnkDown.focus(); 777 } 778 break; 779 } 780 case 'ArrowUp': 781 case 38: { 782 e.preventDefault(); 783 var sibsUp = siblingItems(parentUl); 784 var idxUp = sibsUp.indexOf(currentLi); 785 if (idxUp > 0) { 786 var lnkUp = directLink(sibsUp[idxUp - 1]); 787 if (lnkUp) lnkUp.focus(); 788 } else if (!isLevel1) { 789 var parentItemUp = parentUl.closest(itemSel); 790 if (parentItemUp) { 791 setExpanded(parentItemUp, false); 792 var parentLinkUp = directLink(parentItemUp); 793 if (parentLinkUp) parentLinkUp.focus(); 794 } 795 } 796 break; 797 } 798 case ' ': 799 case 'Space': 800 case 'Spacebar': 801 case 32: { 802 if (!focused.classList.contains('menu-flexible__link--dropdown')) return; 803 e.preventDefault(); 804 currentLi.getAttribute('focus') === 'true' 805 ? setExpanded(currentLi, false) 806 : openChild(currentLi); 807 break; 808 } 809 case 'Escape': 810 case 'Esc': 811 case 27: { 812 if (isLevel1 && currentLi.getAttribute('focus') !== 'true') return; 813 e.preventDefault(); 814 if (!isLevel1) { 815 var parentItemEsc = parentUl.closest(itemSel); 816 if (parentItemEsc) { 817 setExpanded(parentItemEsc, false); 818 var parentLinkEsc = directLink(parentItemEsc); 819 if (parentLinkEsc) parentLinkEsc.focus(); 820 } 821 } else { 822 setExpanded(currentLi, false); 823 } 824 break; 825 } 826 } 827 } 828 829 830 // Click mode: expandir submenús via [focus=true] 831 832 function initClickExpand(wrapper) { 833 var menu = wrapper.querySelector('.menu-flexible__list'); 834 if (!menu) return; 835 836 var itemSel = '.menu-flexible__item'; 837 var dropdownSel = '.menu-flexible__link--dropdown'; 838 839 function closeAll(container) { 840 Array.prototype.slice.call(container.querySelectorAll(itemSel + '[focus="true"]')) 841 .forEach(function(el) { el.setAttribute('focus', 'false'); }); 842 } 843 844 function closeSiblings(item) { 845 var parentUl = item.parentElement; 846 Array.prototype.slice.call(parentUl.children) 847 .filter(function(el) { 848 return el !== item 849 && el.matches(itemSel) 850 && el.getAttribute('focus') === 'true'; 851 }) 852 .forEach(function(el) { 853 el.setAttribute('focus', 'false'); 854 closeAll(el); 855 }); 856 } 857 858 menu.addEventListener('click', function(e) { 859 var link = e.target.closest(dropdownSel); 860 if (!link || !menu.contains(link)) return; 861 862 var item = link.parentElement; 863 if (!item || !item.matches(itemSel)) return; 864 865 // En mòbil, els elements naveguen directament sense desplegar submenús 866 if (window.innerWidth <= 992) return; 867 868 var isOpen = item.getAttribute('focus') === 'true'; 869 870 if (isOpen) { 871 // Segon clic: navegar 872 return; 873 } 874 875 e.preventDefault(); 876 closeSiblings(item); 877 item.setAttribute('focus', 'true'); 878 }); 879 880 document.addEventListener('click', function(e) { 881 var openItem = menu.querySelector(itemSel + '[focus="true"]'); 882 if (!openItem) return; 883 if (!openItem.contains(e.target)) { 884 closeAll(menu); 885 } 886 }); 887 } 888 889 890 // Hamburger (mòbil â¤992px) 891 892 class MenuFlexible { 893 constructor(wrapper) { 894 this.wrapper = wrapper; 895 this.hamburger = wrapper.querySelector('.menu-flexible__toggle'); 896 this.menu = wrapper.querySelector('.menu-flexible__list'); 897 898 if (!this.hamburger || !this.menu) return; 899 900 var parent = this.menu.parentElement; 901 this.isMega = parent && parent.classList.contains('menu-flexible__nav-container'); 902 this.target = this.isMega ? parent : this.menu; 903 904 // Ancestre que en mòbil és barra fixa de 44px amb overflow:clip i retalla 905 // el menú desplegat. En obrir, l'eixamplem; en tancar, el restaurem. 906 this.clipper = wrapper.closest('.nav'); 907 908 this.init(); 909 window.addEventListener('resize', () => this.handleResize()); 910 } 911 912 init() { 913 this.hamburger.addEventListener('click', (e) => { 914 e.preventDefault(); 915 e.stopPropagation(); 916 this.toggleMenu(); 917 }); 918 919 document.addEventListener('click', (e) => { 920 if (!this.wrapper.contains(e.target) && this.isOpen()) { 921 this.closeMenu(); 922 } 923 }); 924 925 this.menu.querySelectorAll('a').forEach(link => { 926 link.addEventListener('click', () => { 927 if (window.innerWidth <= 992 && this.isOpen()) { 928 this.closeMenu(); 929 } 930 }); 931 }); 932 } 933 934 isOpen() { return this.target.classList.contains('show'); } 935 toggleMenu() { this.isOpen() ? this.closeMenu() : this.openMenu(); } 936 937 liftClip() { 938 if (this.clipper && window.innerWidth <= 992) { 939 this.clipper.style.height = 'auto'; 940 this.clipper.style.maxHeight = 'none'; 941 this.clipper.style.overflow = 'visible'; 942 } 943 } 944 945 restoreClip() { 946 if (this.clipper) { 947 this.clipper.style.height = ''; 948 this.clipper.style.maxHeight = ''; 949 this.clipper.style.overflow = ''; 950 } 951 } 952 953 openMenu() { 954 this.target.classList.add('show'); 955 this.target.style.display = this.isMega ? 'block' : 'flex'; 956 if (this.isMega) this.menu.style.display = 'flex'; 957 this.liftClip(); 958 this.hamburger.classList.add('active'); 959 this.hamburger.setAttribute('aria-expanded', 'true'); 960 } 961 962 closeMenu() { 963 this.target.classList.remove('show'); 964 this.target.style.display = 'none'; 965 if (this.isMega) { 966 this.menu.style.display = ''; 967 var nc = this.wrapper.querySelector('.menu-flexible__nav-container'); 968 if (nc) hideAllMegaPanels(nc); 969 } 970 this.restoreClip(); 971 this.hamburger.classList.remove('active'); 972 this.hamburger.setAttribute('aria-expanded', 'false'); 973 } 974 975 handleResize() { 976 if (window.innerWidth > 992) { 977 this.target.classList.remove('show'); 978 this.target.style.display = ''; 979 if (this.isMega) this.menu.style.display = ''; 980 this.restoreClip(); 981 this.hamburger.classList.remove('active'); 982 this.hamburger.setAttribute('aria-expanded', 'false'); 983 } 984 } 985 } 986 987 988 // Init 989
990 function init() { 991 document.querySelectorAll('.menu-flexible__wrapper').forEach(function(wrapper) { 992 var navContainer = wrapper.querySelector('.menu-flexible__nav-container'); 993 if (navContainer) { 994 initMegaPanels(navContainer); 995 } else { 996 initStandardKeyboard(wrapper); 997 if (wrapper.getAttribute('data-expand-type') === 'click') { 998 initClickExpand(wrapper); 999 } 1000 } 1001 new MenuFlexible(wrapper); 1002 if (wrapper.getAttribute('data-menu-sticky') === 'true') { 1003 var stickyTarget = wrapper.closest('#navbar-top') 1004 || wrapper.closest('.navbar') 1005 || wrapper.closest('nav'); 1006 if (stickyTarget) { 1007 stickyTarget.classList.add('menu-sticky-enabled'); 1008 document.body.classList.add('has-sticky-menu'); 1009 1010 var navbarHeight = stickyTarget.offsetHeight; 1011 var navbarTop = stickyTarget.getBoundingClientRect().top + window.scrollY; 1012 var bodyPadApplied = false; 1013 1014 function updateStickyOffset() { 1015 navbarHeight = stickyTarget.offsetHeight; 1016 document.documentElement.style.setProperty('--skip-links-sticky-offset', navbarHeight + 'px'); 1017 1018 if (bodyPadApplied) { 1019 document.body.style.paddingTop = navbarHeight + 'px'; 1020 } 1021 } 1022 1023 function getTargetFromHash(hash) { 1024 if (!hash || hash.charAt(0) !== '#') { 1025 return null; 1026 } 1027 1028 try { 1029 return document.getElementById(decodeURIComponent(hash.substring(1))); 1030 } catch (error) { 1031 return document.getElementById(hash.substring(1)); 1032 } 1033 } 1034 1035 function scrollToSkipTarget(hash) { 1036 var target = getTargetFromHash(hash); 1037 if (!target) { 1038 return; 1039 } 1040 1041 updateStickyOffset(); 1042 1043 var expectedTop = target.getBoundingClientRect().top + window.scrollY - navbarHeight; 1044 if (expectedTop > navbarTop) { 1045 applyFixed(); 1046 } else { 1047 removeFixed(); 1048 } 1049 1050 try { 1051 target.focus({ preventScroll: true }); 1052 } catch (error) { 1053 target.focus(); 1054 } 1055 1056 var targetTop = target.getBoundingClientRect().top + window.scrollY; 1057 window.scrollTo(0, Math.max(targetTop - navbarHeight, 0)); 1058 } 1059 1060 document.querySelectorAll('.skip-links a[href^="#"]').forEach(function(link) { 1061 link.addEventListener('click', function(event) { 1062 var hash = link.getAttribute('href'); 1063 var target = getTargetFromHash(hash); 1064 if (!target) { 1065 return; 1066 } 1067 1068 event.preventDefault(); 1069 1070 if (window.history && window.history.pushState) { 1071 window.history.pushState(null, '', hash); 1072 } else { 1073 window.location.hash = hash; 1074 } 1075 1076 scrollToSkipTarget(hash); 1077 }); 1078 }); 1079 1080 updateStickyOffset(); 1081 1082 function applyFixed() { 1083 if (!stickyTarget.classList.contains('fixed-top')) { 1084 updateStickyOffset(); 1085 stickyTarget.classList.add('fixed-top');
1086 document.body.style.paddingTop = navbarHeight + 'px'; 1087 bodyPadApplied = true; 1088 } 1089 } 1090 1091 function removeFixed() { 1092 if (stickyTarget.classList.contains('fixed-top')) { 1093 stickyTarget.classList.remove('fixed-top'); 1094 document.body.style.paddingTop = ''; 1095 bodyPadApplied = false; 1096 } 1097 } 1098 1099 window.addEventListener('scroll', function() { 1100 if (window.scrollY > navbarTop) { 1101 applyFixed(); 1102 } else { 1103 removeFixed(); 1104 } 1105 }); 1106 1107 window.addEventListener('resize', function() { 1108 updateStickyOffset(); 1109 if (!stickyTarget.classList.contains('fixed-top')) { 1110 navbarTop = stickyTarget.getBoundingClientRect().top + window.scrollY; 1111 } 1112 }); 1113 1114 if ('ResizeObserver' in window) { 1115 new ResizeObserver(updateStickyOffset).observe(stickyTarget); 1116 } 1117 1118 stickyTarget.querySelectorAll('img').forEach(function(image) { 1119 if (!image.complete) { 1120 image.addEventListener('load', updateStickyOffset, { once: true }); 1121 } 1122 }); 1123 1124 window.addEventListener('load', updateStickyOffset); 1125 1126 if (window.scrollY > navbarTop) applyFixed(); 1127 1128 if (window.location.hash) { 1129 window.setTimeout(function() { 1130 scrollToSkipTarget(window.location.hash); 1131 }, 0); 1132 } 1133 } 1134 } 1135 }); 1136 } 1137 1138 if (document.readyState === 'loading') { 1139 document.addEventListener('DOMContentLoaded', init); 1140 } else { 1141 init(); 1142 } 1143})(); 1144</script>
1144</nav></div></div></div></div></div> </div></div></div> </div></div></div> </div></div> </header> 1145 <main id="main-content" tabindex="-1"> 1146 <div class="content"> 1147 <div class="container-xl columns"> 1148 <div class="js-widget o-widget o-widget--body o-widget-contenidor clearfix boxBX WidgetContainer " data-id="133" > <div class="o-widget-wrapper clearfix default-BX row " data-id="133"><div class="o-widget-container row"><div class="js-widget o-widget o-widget-contenidor o-widget-contenidor--columnes col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetContainer " data-id="136" > <div class="o-widget-wrapper clearfix default-BX row " data-id="136"><div class="o-widget-container row"><div class="js-widget o-widget o-widget--sliderBootstrap contentView-22 col-xs-12 col-sm-8 col-md-8 col-lg-8 clearfix boxBX WidgetContentsList " data-id="137" > <div class="o-widget-wrapper clearfix default-BX mt-3 me-3 row " data-id="137"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic"> 1149 <div id="carousel137" class="carousel slide pointer-event sliderBootstrap1 carousel-ride-137" 1150 data-bs-ride="carousel-ride-137" 1151 data-bs-interval="5000" 1152 data-bs-id="137" 1153 > 1154 <ol class="carousel-indicators"> 1155 <li data-bs-target="#carousel137" data-bs-slide-to="0" 1156 class="active" 1157 aria-current="true" aria-label=""> 1158 </li> 1159 </ol> 1160 <div class="carousel-inner"> 1161 <div class="carousel-item active"> 1162 <div class="default"> 1163 <a href="https://www.civitascultura.org/monestir-de-sant-lloren" target="_blank" title ='Obre-ho en una finestra nova'> 1164 <span class="visually-hidden">Monestir Sant Llorenç</span> 1165 <img src="/media/repository/baners_destacats/civitas.jpg" class="d-block w-100 img" alt="Monestir de Sant Llorenç"> 1166 </a> 1167 </div> 1168 <div class="container none"> 1169 <div class="carousel-caption d-none-text d-md-block"> 1170 <div class="container-text"> 1171 <span> 1172 <a href="https://www.civitascultura.org/monestir-de-sant-lloren" target="_blank" title ='Obre-ho en una finestra nova'> 1173 Monestir Sant Llorenç </a> 1174 </span> 1175 </div> 1176 </div> 1177 </div> 1178 </div> 1179 </div> 1180 </div> 1181</div></div></div> </div></div><div class="view-5 js-widget o-widget col-xs-12 col-sm-4 col-md-4 col-lg-4 clearfix boxBX WidgetContentsList " data-id="140" > <div class="o-widget-wrapper clearfix backgroundTitleLine-BX row o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="140"><div class="o-widget-title-slot o-widget__title_Line"><span>Trà mits</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic"> 1182 <ul class="clear articlelist default"> 1183 <li class="article-item col-md-12"><div class="tplDefault "> 1184 <a href="https://www.guardioladebergueda.cat/tramits-i-gestions/145-tramits-i-gestions/tramits/instancia-generica.html" target="_self" > 1185 <p class="subtitle">Instà ncia genèrica</p> 1186 </a> 1187 <div class="entradeta ddbbtext"></div> </div> 1188</li><li class="article-item col-md-12"><div class="tplDefault "> 1189 <a href="https://www.guardioladebergueda.cat/tramits-i-gestions/145-tramits-i-gestions/tramits/cita-amb-carrec-electe-o-tecnic-municipal.html" target="_self" > 1190 <p class="subtitle">Cita amb cà rrec electe o tècnic municipal</p> 1191 </a> 1192 <div class="entradeta ddbbtext"></div> </div> 1193</li><li class="article-item col-md-12"><div class="tplDefault "> 1194 <a href="https://www.guardioladebergueda.cat/tramits-i-gestions/145-tramits-i-gestions/tramits/queixes-suggeriments-i-propostes.html" target="_self" > 1195 <p class="subtitle">Queixes, suggeriments i propostes</p> 1196 </a> 1197 <div class="entradeta ddbbtext"></div> </div> 1198</li> </ul> 1199 <a class="readMore" href="/serveis-i-tramits/145-tramits-i-gestions/tramits" target="_self">Més trà mits</a></div></div></div> </div></div></div> </div></div><div class="view-5 js-widget o-widget o-widget--vcards contentView-35 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetContentsList " data-id="152" > <div class="o-widget-wrapper clearfix backgroundTitleLine-BX row o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="152"><div class="o-widget-title-slot o-widget__title_Line"><span>Licitacions</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic"> 1200 1201 <div class="clear articlelist vcards xlarge"> 1202 <div class="tplVcards"> 1203 <div class="card-body clearfix"> 1204 <div class="card-title"> 1205 <a href="https://contractaciopublica.cat/ca/detall-publicacio/300837910" target="_blank" title ='Obre-ho en una finestra nova'>Contracte relatiu a la prestació en règim de concessió de la gestió i explotació del bar i la netej de les instal·lacions de la llar del pensionista de Guardiola de Berguedà </a> 1206 </div> 1207 <div class="entradeta ddbbtext"></div> </div> 1208</div> 1209<div class="tplVcards"> 1210 <div class="card-body clearfix"> 1211 <div class="card-title"> 1212 <a href="https://contractaciopublica.cat/ca/detall-publicacio/300829053" target="_blank" title ='Obre-ho en una finestra nova'>Obres d'il·luminació del camp de futbol de Guardiola de Berguedà </a> 1213 </div> 1214 <div class="entradeta ddbbtext"></div> </div> 1215</div> 1216<div class="tplVcards"> 1217 <div class="card-body clearfix"> 1218 <div class="card-title"> 1219 <a href="https://contractaciopublica.cat/ca/detall-publicacio/300823734" target="_blank" title ='Obre-ho en una finestra nova'>Licitació obres sectorització xarxa aigua Guardiola de Berguedà simplificat abreujat</a> 1220 </div> 1221 <div class="entradeta ddbbtext"></div> </div> 1222</div> 1223<div class="tplVcards"> 1224 <div class="card-body clearfix"> 1225 <div class="card-title"> 1226 <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/3009344?categoria=0&tipus=105&page=0" target="_blank" title ='Obre-ho en una finestra nova'>Perfil del contractant</a> 1227 </div> 1228 <div class="entradeta ddbbtext"><p>Podeu accedir al Perfill del Contractant per veure totes les contractacions de l'ajuntament.</p> 1229</div> </div> 1230</div> 1231 </div> 1232 <a class="readMore" href="https://www.guardioladebergueda.cat/ajuntament/informacio-oficial/perfil-de-contractant" target="_self">Perfil del contractant</a> 1233</div></div></div> </div></div><div class="view-5 js-widget o-widget col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetContentsList " data-id="154" > <div class="o-widget-wrapper clearfix backgroundTitleLine-BX row o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="154"><div class="o-widget-title-slot o-widget__title_Line"><span>Tauler d'anuncis</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic"> 1234 <ul class="clear articlelist default"> 1235 <li class="article-item col-md-12"><div class="tplDefault "> 1236 <a href="https://www.guardioladebergueda.cat//continguts//tauler-danuncis.html" target="_self" > 1237 <p class="subtitle">Tauler d'anuncis</p> 1238 </a> 1239 <div class="date"> 1240 16/07/2026 </div> 1241 <div class="entradeta ddbbtext"><p>Consulteu els edictes i anuncis de l'Ajuntament en un sol clic!</p> 1242</div> </div> 1243</li> </ul> 1244 <a class="readMore" href="https://guardioladebergueda.eadministracio.cat/board" target="_blank">Tauler d'anuncis</a></div></div></div> </div></div><div class="view-5 js-widget o-widget o-widget--mosaicFlexible contentView-30 o-widget--noticies col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetContentsList " data-id="142" > <div class="o-widget-wrapper clearfix backgroundTitleLine-BX row o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="142"><div class="o-widget-title-slot o-widget__title_Line"><span>NotÃcies</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic mosaic-flexible"> 1245 <ul class="clear article-list row gx-5 justify-content-start liststylenone"> 1246 <li class="article-item hover hover col-12 col-md-6"> 1247 <div class="row"> 1248 <div class="item-noticia col-12 col-md-8 info">
1249 <span class="data-item bt"><span class="">01-oct.-2026</span></span> <a href="https://www.guardioladebergueda.cat/actualitat/noticies/musicoterapia-amb-laura-luceno-.html" target="_self" class="title">MUSICOTERÃPIA amb Laura Luceño </a> 1250 <div class="entradeta ddbbtext"><p>Tot l'octubre del 2026</p> 1251 1252<p>Els dijous de 18h a 19h als baixos de la Llar</p> 1253 1254<p>Inici 1 d'octubre</p> 1255 1256<p>Apuntar-se a la'ajuntament. Places lÃmitades.</p> 1257</div> </div> 1258 <div class="order-first col-12 col-md-4 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/noticies/musicoterapia-amb-laura-luceno-.html','_self')"> 1259 <div class="default"> 1260 <img src="/media/repository/noticies/Cartells/2026/Llar_del_pensionista/MUSICOTERaPIA_GUARDIOLA_26.jpg" alt="Musicoterà pia" class="img"> 1261 </div> 1262 </div> </div> 1263 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1264 <div class="row"> 1265 <div class="col-12"> 1266 </div> 1267 </div> 1268</li> 1269<li class="article-item hover hover col-12 col-md-6"> 1270 <div class="row"> 1271 <div class="item-noticia col-12 col-md-8 info"> 1272 <span class="data-item bt"><span class="">01-oct.-2026</span></span> <a href="https://www.guardioladebergueda.cat/actualitat/noticies/els-grans-encants-del-bergueda-.html" target="_self" class="title">Els Grans Encants del Berguedà </a> 1273 <div class="entradeta ddbbtext"><p>Tallers de cant en grup per a persones grans i els seus familiars i cuidadors a cà rrec d'Encats.</p> 1274 1275<p>Cantem per sentir-nos millor!</p> 1276 1277<p>Guardiola de Berguedà , els dijous a les 11h. A la Llar del Pensionista </p> 1278 1279<p>Dijous 22 i 29 d'octubre i 5, 12, 19 i 26 de novembre </p> 1280 1281<p>Inscripcions Ajuntament i amb l Dinamitzadora </p> 1282</div> </div> 1283 <div class="order-first col-12 col-md-4 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/noticies/els-grans-encants-del-bergueda-.html','_self')"> 1284 <div class="default"> 1285 <img src="/media/repository/noticies/Cartells/2026/Ajuntament/GE_Guardiola_2026.png" alt="Els Grans Encants del Berguedà " class="img"> 1286 </div> 1287 </div> </div> 1288 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1289 <div class="row"> 1290 <div class="col-12"> 1291 </div> 1292 </div> 1293</li> 1294<li class="article-item hover hover col-12 col-md-6"> 1295 <div class="row"> 1296 <div class="item-noticia col-12 col-md-8 info"> 1297 <span class="data-item bt"><span class="">21-set.-2026</span></span> <a href="https://www.guardioladebergueda.cat/actualitat/noticies/4585-grup-psicoeducatiu-de-gestio-de-lansietat-octubre-i-novembre-2026-.html" target="_self" class="title">Grup psicoeducatiu de gestió de l'ansietat octubre i novembre 2026 </a> 1298 <div class="entradeta ddbbtext"><div class="entradeta" roboto="" slab="" style="box-sizing: border-box; color: rgb(255, 255, 255); font-family: "> 1299<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; line-height: 1.5em; padding-bottom: 10px; font-size: 1.1rem; color: rgb(0, 0, 0);">Grup psicoeducatiu per a persones majors de 18 anys on compartir i aprendre eines de maneig emocional i conductual de l'ansietat.</p> 1300 1301<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; line-height: 1.5em; padding-bottom: 10px; font-size: 1.1rem; color: rgb(0, 0, 0);">Per a més informació i inscripcions, demaneu derivació al vostre metge o infermer de referència</p> 1302</div> 1303 1304<p roboto="" slab="" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; line-height: 1.5em; padding-bottom: 10px; font-family: "> </p> 1305</div> </div> 1306 <div class="order-first col-12 col-md-4 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/noticies/4585-grup-psicoeducatiu-de-gestio-de-lansietat-octubre-i-novembre-2026-.html','_self')"> 1307 <div class="default"> 1308 <img src="/media/repository/agenda/Dispensari/2026/GrupAnsietat_guardiola_octubre_2026.jpg" alt="Cartell grup ansietat octubre novembre 2026" class="img"> 1309 </div> 1310 </div> </div> 1311 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1312 <div class="row"> 1313 <div class="col-12"> 1314 </div> 1315 </div> 1316</li> 1317<li class="article-item hover hover col-12 col-md-6"> 1318 <div class="row"> 1319 <div class="item-noticia col-12 col-md-8 info">
1320 <span class="data-item bt"><span class="">14-set.-2026</span></span> <a href="https://www.guardioladebergueda.cat/actualitat/noticies/4596-gimnastica-funcional-llar-del-pensionista-.html" target="_self" class="title">Gimnà stica Funcional - Llar del Pensionista </a> 1321 <div class="entradeta ddbbtext"><p>Els dimarts i dijous. Inici el 6 d'octubre de 2026</p> 1322 1323<p>Horaris:</p> 1324 1325<p>1 ª sessió. 9.00h a 9.45h</p> 1326 1327<p>2ª sessió: 10.00h a 10.45h </p> 1328</div> </div> 1329 <div class="order-first col-12 col-md-4 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/noticies/4596-gimnastica-funcional-llar-del-pensionista-.html','_self')"> 1330 <div class="default"> 1331 <img src="/media/repository/noticies/Cartells/2026/Ajuntament/Cartell_gimnastica_funcional_Guardiola_de_Bergueda.png" alt="Cartell Gimnà stica " class="img"> 1332 </div> 1333 </div> </div> 1334 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1335 <div class="row"> 1336 <div class="col-12"> 1337 </div> 1338 </div> 1339</li> 1340 1341 </ul> 1342 <a class="readMore" href="/actualitat/noticies" target="_self">Més notÃcies</a></div></div></div> </div></div><div class="js-widget o-widget o-widget--iconTime contentView-14 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetContentsList " data-id="143" > <div class="o-widget-wrapper clearfix default-BX row " data-id="143"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic"> 1343 <div class="row"> 1344 <ul class="clear articlelist iconTime default"> 1345 </ul> 1346 </div> 1347 </div></div></div> </div></div><div class="view-5 js-widget o-widget o-widget--mosaicFlexible contentView-33 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetContentsList " data-id="148" > <div class="o-widget-wrapper clearfix backgroundTitleLine-BX row o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="148"><div class="o-widget-title-slot o-widget__title_Line"><span>Agenda</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic mosaic-flexible"> 1348 <ul class="clear article-list row gx-5 justify-content-start liststylenone"> 1349 <li class="article-item hover nohover col-12 col-md-3"> 1350 <div class="row"> 1351 <div class="item-noticia col-12 col-md-12 info"> 1352 <a href="https://www.guardioladebergueda.cat/actualitat/agenda/musicoterapia-amb-laura-luceno.html" target="_self" class="title">MUSICOTERÃPIA amb Laura Luceño</a> 1353 <span class="data-item at"><span class="">01-oct.-2026 </span></span> <div class="entradeta ddbbtext"><p>Tot l'octubre del 2026</p> 1354 1355<p>Els dijous de 18h a 19h als baixos de La Llar del Pensionista </p> 1356 1357<p>Inici l'i d'octubre</p> 1358 1359<p>Apuntar-se a l'ajuntament. Places limitades</p> 1360</div> </div> 1361 <div class="order-first col-12 col-md-0 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/agenda/musicoterapia-amb-laura-luceno.html','_self')"> 1362 <div class="ratio ratio-4x3 overflow-hidden"> 1363 <img src="/media/repository/noticies/Cartells/2026/Llar_del_pensionista/MUSICOTERaPIA_GUARDIOLA_26.jpg" alt="Musicoterà pia " class="img"> 1364 </div> 1365 </div> </div> 1366 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1367 <div class="row"> 1368 <div class="col-12"> 1369 </div> 1370 </div> 1371</li> 1372<li class="article-item hover nohover col-12 col-md-3"> 1373 <div class="row"> 1374 <div class="item-noticia col-12 col-md-12 info"> 1375 <a href="https://www.guardioladebergueda.cat/actualitat/agenda/grup-psicoeducatiu-de-gestio-de-lansietat-octubre-i-novembre-2026.html" target="_self" class="title">Grup psicoeducatiu de gestió de l'ansietat octubre i novembre 2026</a>
1376 <span class="data-item at"><span class="">05-oct.-2026 09:00h</span></span> <div class="entradeta ddbbtext"><p>Grup psicoeducatiu per a persones majors de 18 anys on compartir i aprendre eines de maneig emocional i conductual de l'ansietat.</p> 1377 1378<p>Per a més informació i inscripcions, demaneu derivació al vostre metge o infermer de referència</p> 1379</div> </div> 1380 <div class="order-first col-12 col-md-0 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/agenda/grup-psicoeducatiu-de-gestio-de-lansietat-octubre-i-novembre-2026.html','_self')"> 1381 <div class="ratio ratio-4x3 overflow-hidden"> 1382 <img src="/media/repository/agenda/Dispensari/2026/GrupAnsietat_guardiola_octubre_2026.jpg" alt="Cartell Grup ansietat " class="img"> 1383 </div> 1384 </div> </div> 1385 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1386 <div class="row"> 1387 <div class="col-12"> 1388 </div> 1389 </div> 1390</li> 1391<li class="article-item hover nohover col-12 col-md-3"> 1392 <div class="row"> 1393 <div class="item-noticia col-12 col-md-12 info"> 1394 <a href="https://www.guardioladebergueda.cat/actualitat/agenda/4599-musicoterapia-amb-laura-luceno-.html" target="_self" class="title">MUSICOTERÃPIA amb Laura Luceño - </a> 1395 <span class="data-item at"><span class="">08-oct.-2026 </span></span> <div class="entradeta ddbbtext"><p>Tot l'octubre del 2026</p> 1396 1397<p>Els dijous de 18h a 19h als baixos de La Llar del Pensionista </p> 1398 1399<p>Inici l'i d'octubre</p> 1400 1401<p>Apuntar-se a l'ajuntament. Places limitades</p> 1402</div> </div> 1403 <div class="order-first col-12 col-md-0 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/agenda/4599-musicoterapia-amb-laura-luceno-.html','_self')"> 1404 <div class="ratio ratio-4x3 overflow-hidden"> 1405 <img src="/media/repository/noticies/Cartells/2026/Llar_del_pensionista/MUSICOTERaPIA_GUARDIOLA_26.jpg" alt="Musicoterà pia " class="img"> 1406 </div> 1407 </div> </div> 1408 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1409 <div class="row"> 1410 <div class="col-12"> 1411 </div> 1412 </div> 1413</li> 1414<li class="article-item hover nohover col-12 col-md-3"> 1415 <div class="row"> 1416 <div class="item-noticia col-12 col-md-12 info"> 1417 <a href="https://www.guardioladebergueda.cat/actualitat/agenda/4600-musicoterapia-amb-laura-luceno-.html" target="_self" class="title">MUSICOTERÃPIA amb Laura Luceño </a> 1418 <span class="data-item at"><span class="">15-oct.-2026 </span></span> <div class="entradeta ddbbtext"><p>Tot l'octubre del 2026</p> 1419 1420<p>Els dijous de 18h a 19h als baixos de La Llar del Pensionista </p> 1421 1422<p>Inici l'i d'octubre</p> 1423 1424<p>Apuntar-se a l'ajuntament. Places limitades</p> 1425</div> </div> 1426 <div class="order-first col-12 col-md-0 image " onclick="redirect('https://www.guardioladebergueda.cat/actualitat/agenda/4600-musicoterapia-amb-laura-luceno-.html','_self')"> 1427 <div class="ratio ratio-4x3 overflow-hidden"> 1428 <img src="/media/repository/noticies/Cartells/2026/Llar_del_pensionista/MUSICOTERaPIA_GUARDIOLA_26.jpg" alt="Musicoterà pia " class="img"> 1429 </div> 1430 </div> </div> 1431 <!-- Media icons section: shown AFTER text and image when enabled in view params --> 1432 <div class="row"> 1433 <div class="col-12"> 1434 </div> 1435 </div> 1436</li> 1437 1438 </ul> 1439 <div class="pager newsletter-hidden"></div><a class="readMore" href="/actualitat/agenda/" target="_self">Més activitats</a></div></div></div> </div></div><div class="view-4 js-widget o-widget o-widget--iconTime contentView-14 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetContentsList " data-id="145" > <div class="o-widget-wrapper clearfix backgroundTitleBar-BX row o-widget-wrapper--title-top o-widget-wrapper--title-style-bar" data-id="145"><div class="o-widget-title-slot o-widget__title_Bar"><span>Destacats</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic"> 1440 <div class="row"> 1441 <ul class="clear articlelist iconTime default">
1442 <li class="tplIconTime col-3 m-2 noticies"> 1443 <div class="card-body default clearfix"> 1444 <a href="https://www.guardioladebergueda.cat//continguts//mina-petroli-de-riutort.html" target="_self" > 1445 <span class="visually-hidden">Mina Petroli de Riutort</span> 1446 <img class="card-img thumb img" 1447 alt="Mina de petroli" 1448 src="/media/repository/baners_destacats/lopetroli.jpg"> 1449 </a> 1450 </div> 1451 <footer> 1452 <a href="https://www.guardioladebergueda.cat//continguts//mina-petroli-de-riutort.html" target="_self" > 1453 <span class="card-title">Mina Petroli de Riutort</span> 1454 </a> 1455 </footer> 1456 </li> 1457 <li class="tplIconTime col-3 m-2 noticies"> 1458 <div class="card-body default clearfix"> 1459 <a href="http://www.memoriaipaisatge.cat/" target="_blank" title ='Obre-ho en una finestra nova'> 1460 <span class="visually-hidden">Memòria i Paisatge</span> 1461 <img class="card-img thumb img" 1462 alt="Memòria i paisatge" 1463 src="/media/repository/baners_destacats/memoria_i_paisatge.jpg"> 1464 </a> 1465 </div> 1466 <footer> 1467 <a href="http://www.memoriaipaisatge.cat/" target="_blank" title ='Obre-ho en una finestra nova'> 1468 <span class="card-title">Memòria i Paisatge</span> 1469 </a> 1470 </footer> 1471 </li> 1472 <li class="tplIconTime col-3 m-2 noticies"> 1473 <div class="card-body default clearfix"> 1474 <a href="http://guardioladebergueda.cat/index.php?menu=312&cat=269&cat_dir=268" target="_self" > 1475 <span class="visually-hidden">Rutes i senderisme</span> 1476 <img class="card-img thumb img" 1477 alt="Rutes i senderisme" 1478 src="/media/repository/baners_destacats/rutes_i_senderisme.jpg"> 1479 </a> 1480 </div> 1481 <footer> 1482 <a href="http://guardioladebergueda.cat/index.php?menu=312&cat=269&cat_dir=268" target="_self" > 1483 <span class="card-title">Rutes i senderisme</span> 1484 </a> 1485 </footer> 1486 </li> 1487 <li class="tplIconTime col-3 m-2 noticies"> 1488 <div class="card-body default clearfix"> 1489 <a href="https://www.guardioladebergueda.cat/media/repository/documents_generics/20240613_Acord_Acord_del_Ple_ACORD_DUPROCIM_1_.pdf" target="_self" > 1490 <span class="visually-hidden">Duprocim</span> 1491 <img class="card-img thumb img" 1492 alt="" 1493 src="/media/repository/baners_destacats/Duprocim.png"> 1494 </a> 1495 </div> 1496 <footer> 1497 <a href="https://www.guardioladebergueda.cat/media/repository/documents_generics/20240613_Acord_Acord_del_Ple_ACORD_DUPROCIM_1_.pdf" target="_self" > 1498 <span class="card-title">Duprocim</span> 1499 </a> 1500 </footer> 1501 </li> 1502 <li class="tplIconTime col-3 m-2 noticies"> 1503 <div class="card-body default clearfix"> 1504 <a href="https://www.guardioladebergueda.cat/ajuntament-seu-electronica/informacio-oficial/urbanisme/delimitacio-urbanitzacions" target="_self" > 1505 <span class="visually-hidden">Plà nol</span> 1506 <img class="card-img thumb img" 1507 alt="" 1508 src="/media/repository/baners_destacats/Planols_delimitacio.png"> 1509 </a> 1510 </div> 1511 <footer> 1512 <a href="https://www.guardioladebergueda.cat/ajuntament-seu-electronica/informacio-oficial/urbanisme/delimitacio-urbanitzacions" target="_self" > 1513 <span class="card-title">Plà nol</span> 1514 </a> 1515 </footer> 1516 </li> 1517 </ul> 1518 </div> 1519 </div></div></div> </div></div></div> </div></div> </div> 1520 </div> 1521 </main> 1522 <footer id="footer-content" tabindex="-1"> 1523 <div class="js-widget o-widget o-widget--footer o-widget-contenidor clearfix boxBX WidgetContainer " data-id="134" > <div class="o-widget-wrapper clearfix default-BX " data-id="134"><div class="o-widget-container row"><div class="js-widget o-widget o-widget--footer-g col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX WidgetLegacyFooter " data-id="141" > <div class="o-widget-wrapper clearfix default-BX " data-id="141"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="footer"> 1524 <div class="shortcuts"> 1525 <div class="container-xl"> 1526 <div class="featuredItem responsiveHeight"> 1527 <h2 class="title">RSS</h2> 1528 <p class="subtitle">L'actualitat a un clic</p> 1529 <ul id="cm_rss"> 1530 <li style="background-image: url('/themes/guardioladebergueda/images/ico_16_rss.png');"> 1531 <a href="/rss/11"> 1532 NotÃcies </a> 1533</li> 1534<li style="background-image: url('/themes/guardioladebergueda/images/ico_16_rss.png');"> 1535 <a href="/rss/12"> 1536 Agenda </a> 1537</li> 1538<li style="background-image: url('/themes/guardioladebergueda/images/ico_16_rss.png');"> 1539 <a href="/rss/15"> 1540 Agenda polÃtica </a> 1541</li> 1542<li style="background-image: url('/themes/guardioladebergueda/images/ico_16_rss.png');"> 1543 <a href="/rss/13"> 1544 Avisos </a> 1545</li> 1546<li style="background-image: url('/themes/guardioladebergueda/images/ico_16_rss.png');"> 1547 <a href="/rss/14"> 1548 Publicacions </a> 1549</li> 1550 </ul> 1551</div> 1552<div class="featuredItem"> 1553 <h2 class="title">Meteo</h2> 1554 <div id="cm_meteocat">
1555 <ul class="bxslider"> 1556 <li> 1557 Divendres, 2 dâoctubre <img width="80" height="80" 1558 alt="entre poc i mig ennuvolat" 1559 src="/themes/guardioladebergueda/images/meteocat/nuvolina.png" 1560 > 1561 <p> 1562 T.Mà x: 23° 1563 <br> 1564 T.Min: 13° 1565 </p> 1566 <p> 1567 Tarda 1568 <img alt="xà fec amb tempesta" width="24" height="24" 1569 src="/themes/guardioladebergueda/images/meteocat/tempesta.png" 1570 > 1571 </p> 1572 </li> 1573<li> 1574 Dissabte, 3 dâoctubre <img width="80" height="80" 1575 alt="entre mig i molt ennuvolat" 1576 src="/themes/guardioladebergueda/images/meteocat/nuvol.png" 1577 > 1578 <p> 1579 T.Mà x: 22° 1580 <br> 1581 T.Min: 14° 1582 </p> 1583 <p> 1584 Tarda 1585 <img alt="xà fec amb tempesta" width="24" height="24" 1586 src="/themes/guardioladebergueda/images/meteocat/tempesta.png" 1587 > 1588 </p> 1589 </li> 1590 </ul> 1591 <div class="outside"> 1592 <p><span id="slider-prev"></span><span id="slider-next"></span></p> 1593 </div> 1594 1595 </div> 1596</div> 1597 </div> 1598</div> 1599 <div class="hightlights"> 1600 <div class="container-xl"> 1601 <div class="highlights"> 1602 <ul class="bxslider"> 1603 <li> 1604 <a href="https://violenciagenero.igualdad.gob.es/pacto-de-estado-contra-la-violencia-de-genero/" target="_blank" class="banner"> 1605 <img src="/media/repository/baners_destacats/PacteEstatViolenciaGenere.jpg" alt="Pacte d'Estat contra la Violència de Gènere" class="banner"> 1606 Pacte d'Estat </a> 1607 </li> 1608<li> 1609 <a href="http://www.microcatalunya.cat/micropobles/284/l-estany/" target="_blank" class="banner"> 1610 <img src="/media/repositorythemes/guardioladebergueda/images/no_image.png" alt="No image" class="banner"> 1611 MicroCatalunya </a> 1612 </li> 1613<li> 1614 <a href="http://www.micropobles.cat/" target="_blank" class="banner"> 1615 <img src="/media/repository/baners_destacats/300_2203120232_bannermicropobles.jpg" alt="Associació de Micropobles de Catalunya" class="banner"> 1616 Micropobles </a> 1617 </li> 1618<li> 1619 <a href="/ajuntament/que-es-la-seu-electronica/" target="_self" class="banner"> 1620 <img src="/media/repository/baners_destacats/allargat/logo-seu-2-0.jpg" alt="Seu electrònica" class="banner"> 1621 Seu Electrònica </a> 1622 </li> 1623<li> 1624 <a href="/serveis-i-tramits/finestreta-unica-empresarial-fue/" target="_self" class="banner"> 1625 <img src="/media/repository/baners_destacats/allargat/fue.png" alt="FUE" class="banner"> 1626 FUE </a> 1627 </li> 1628<li> 1629 <img src="/media/repository/baners_destacats/efact_banner.png" alt="e-Fact" class="banner"> 1630 e-Fact </li> 1631<li> 1632 <a href="/ajuntament/transparencia/" target="_self" class="banner"> 1633 <img src="/media/repository/baners_destacats/allargat/logo-portal-transparencia.jpg" alt="Portal de transparència" class="banner"> 1634 Portal de transparència </a> 1635 </li> 1636 </ul> 1637</div> </div> 1638 </div> 1639 <nav class="menu" aria-label="Peu de menú"> 1640 <ul class="container-xl sitemap"> 1641 <li class="page-1 Inferior"> <a class="page-1" href="/ajuntament" target="_self" >Ajuntament </a><ul id="footer-menu-1"><li class="subMenuPage-12"> <a class="subMenuPage-12" href="/ajuntament/alcaldia" target="_self" >Salutació de l'Alcalde </a></li><li class="subMenuPage-13"> <a class="subMenuPage-13" href="/ajuntament/consistori" target="_self" >Consistori </a></li><li class="subMenuPage-242"> <a class="subMenuPage-242" href="/ajuntament/grups-municipals" target="_self" >Grups municipals </a></li><li class="subMenuPage-87"> <a class="subMenuPage-87" href="/ajuntament/organigrama-tecnic" target="_self" >Organigrama tècnic </a></li><li class="subMenuPage-140"> <a class="subMenuPage-140" href="/ajuntament/informacio-oficial" target="_self" >Informació oficial </a></li><li class="subMenuPage-123"> <a class="subMenuPage-123" href="/ajuntament/portal-de-transparencia" target="_self" >Portal de Transparència </a></li></ul></li><li class="page-168 Inferior"> <a class="page-168" href="/tramits-i-gestions" target="_self" >Trà mits i gestions </a><ul id="footer-menu-168"><li class="subMenuPage-188"> <a class="subMenuPage-188" href="/guardiola-de-bergueda/equipaments/oficines-datencio-al-ciutada" target="_blank" rel="noopener noreferrer" >Oficina d'Atenció al ciutadà </a></li><li class="subMenuPage-145"> <a class="subMenuPage-145" href="/tramits-i-gestions/145-tramits-i-gestions" target="_self" >Trà mits i gestions </a></li></ul></li><li class="page-2 Inferior"> <a class="page-2" href="/el-municipi" target="_self" >El municipi </a><ul id="footer-menu-2"><li class="subMenuPage-148"> <a class="subMenuPage-148" href="/el-municipi/guardiola-de-bergueda" target="_self" >Guardiola de Berguedà </a></li><li class="subMenuPage-47"> <a class="subMenuPage-47" href="/el-municipi/el-municipi-en-xifres" target="_self" >El municipi en xifres </a></li><li class="subMenuPage-48"> <a class="subMenuPage-48" href="/el-municipi/informacio-geografica" target="_self" >Informació geogrà fica </a></li><li class="subMenuPage-158"> <a class="subMenuPage-158" href="/el-municipi/guia-de-carrers" target="_self" >Guia de carrers </a></li><li class="subMenuPage-40"> <a class="subMenuPage-40" href="/el-municipi/entitats-i-associacions" target="_self" >Entitats i associacions </a></li><li class="subMenuPage-162"> <a class="subMenuPage-162" href="/el-municipi/serveis-municipals" target="_self" >Serveis municipals </a></li><li class="subMenuPage-35"> <a class="subMenuPage-35" href="/el-municipi/equipaments" target="_self" >Equipaments </a></li><li class="subMenuPage-262">
1641 <a class="subMenuPage-262" href="/el-municipi/262-emergencies" target="_self" >Emergències </a></li></ul></li><li class="page-4 Inferior"> <a class="page-4" href="/actualitat" target="_self" >Actualitat </a><ul id="footer-menu-4"><li class="subMenuPage-53"> <a class="subMenuPage-53" href="/actualitat/noticies" target="_self" >NotÃcies </a></li><li class="subMenuPage-54"> <a class="subMenuPage-54" href="/actualitat/agenda" target="_self" >Agenda </a></li><li class="subMenuPage-56"> <a class="subMenuPage-56" href="/actualitat/butlleti-municipal" target="_self" >Butlletà municipal </a></li><li class="subMenuPage-259"> <a class="subMenuPage-259" href="/actualitat/xarxes-socials" target="_self" >Xarxes socials </a></li><li class="subMenuPage-57"> <a class="subMenuPage-57" href="/actualitat/rss" target="_self" >RSS </a></li><li class="subMenuPage-58"> <a class="subMenuPage-58" href="/actualitat/galeria-dimatges" target="_self" >Galeria d'imatges </a></li><li class="subMenuPage-241"> <a class="subMenuPage-241" href="/actualitat/hemeroteca" target="_self" >Hemeroteca </a></li></ul></li><li class="page-175 Inferior"> <a class="page-175" href="/turisme-" target="_self" >Turisme </a><ul id="footer-menu-175"><li class="subMenuPage-176"> <a class="subMenuPage-176" href="/turisme-/que-visitar" target="_self" >Què visitar? </a></li><li class="subMenuPage-281"> <a class="subMenuPage-281" href="/turisme-/on-menjar" target="_self" >On menjar? </a></li><li class="subMenuPage-178"> <a class="subMenuPage-178" href="/turisme-/on-dormir" target="_self" >On dormir? </a></li><li class="subMenuPage-190"> <a class="subMenuPage-190" href="/turisme-/grans-travesses-a-peu" target="_self" >Grans travesses a peu </a></li><li class="subMenuPage-286"> <a class="subMenuPage-286" href="/turisme-/rutes-a-peu-en-familia" target="_self" >Rutes a peu en famÃlia </a></li><li class="subMenuPage-283"> <a class="subMenuPage-283" href="/turisme-/arees-recreatives" target="_self" >Ãrees recreatives </a></li><li class="subMenuPage-282"> <a class="subMenuPage-282" href="/turisme-/ermites-i-esglesies" target="_self" >Ermites i esglésies </a></li><li class="subMenuPage-287"> <a class="subMenuPage-287" href="https://www.elbergueda.cat/" target="_blank" rel="noopener noreferrer" >Turisme al Berguedà </a></li></ul></li> </ul> 1642 </nav> 1643 <div class="links"> 1644 <div class="container-xl"> 1645 <div class="row"> 1646 <div class="xxss col-md-6 col-sm-6 col-lg-6 middle"> 1647 <span class="titol">Xarxes socials:</span> 1648 1649 <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/AjuntamentGuardioladeBergueda" title="Obre en finestra nova: Facebook"> 1650 <span style="display: none">Facebook</span> 1651 <img src="/themes/guardioladebergueda/images/icons/social/facebook.png" alt="Facebook" width="32" height="32"> 1652 </a> 1653 1654 <a target="_blank" aria-label="Youtube" href="https://www.youtube.com/channel/UCCRdURDLuLtOwuttguleV8g" title="Obre en finestra nova: Youtube"> 1655 <span style="display: none">Youtube</span> 1656 <img src="/themes/guardioladebergueda/images/icons/social/youtube.png" alt="Youtube" width="32" height="32"> 1657 </a> 1658 1659 <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/ajguardioladebergueda/" title="Obre en finestra nova: Instagram"> 1660 <span style="display: none">Instagram</span> 1661 <img src="/themes/guardioladebergueda/images/icons/social/instagram.png" alt="Instagram" width="32" height="32"> 1662 </a> 1663 </div> 1664 <div class="col-md-6 col-sm-6 col-lg-6 middle"> 1665 <nav class="menu"><ul id="Inferior2"><li class="page-63"> <a href="/altres-continguts/credits" target="_self" >Crèdits </a></li><li class="page-62"> <a href="/altres-continguts/contactar" target="_self" >Contactar </a></li><li class="page-60"> <a href="/altres-continguts/proteccio-de-dades" target="_self" >Protecció de dades </a></li><li class="page-59"> <a href="/altres-continguts/avis-legal" target="_self" >AvÃs legal </a></li><li class="page-61"> <a href="/altres-continguts/accessibiltiat" target="_self" >Accessibilitat </a></li></ul></nav> </div> 1666 </div> 1667 </div> 1668 </div> 1669 <div class="contact"> 1670 <div class="container-xl"> 1671 <div class="row"> 1672 <address class="address col-md-6 col-sm-6 col-lg-6"> 1673 <div class="title"> 1674 Ajuntament de Guardiola de Berguedà </div> 1675 Plaça Municipal, 3<br>08694 Guardiola de Berguedà <br>Tel. 938 227 059<br>Fax 938 227 024<br>NIF P0809800F<br></address><div class="diba col-md-6 col-sm-6 col-lg-6" id="diba-partner"> 1676 <div class="title"> 1677 Amb la col·laboració de: </div> 1678 <a href="http://diba.cat/" target="_blank" aria-label="Anar a la web Diputació de Barcelona" title="Obre en finestra nova: Diputació de Barcelona">
1679 <span style="display: none">Diputació de Barcelona</span> 1680 <img src="/front/view//images/logoDiba/Blanc.svg" alt="Diputació de Barcelona" class="logo-diba"> 1681 </a> 1682</div> </div> 1683 </div> 1684 </div> 1685</div> 1686</div></div> </div></div></div> </div></div> </footer> 1687 <!-- Llibreries de tercers + js propis registrats a AssetManager (jQuery primer) -->
1688<script src="/front/view/js/bower_components/jquery/dist/jquery.min.js?ver=1790857466"></script>
vendor: 1 bytes, line 1688
1688
1689<script src="/front/view/js/bower_components/bootstrap/dist/js/bootstrap.bundle.min.js?ver=1790857466"></script>
vendor: 1 bytes, line 1689
1689
1690<script src="/front/view/js/bower_components/bxslider-4/dist/jquery.bxslider.js?ver=1790857466"></script>
vendor: 1 bytes, line 1690
1690
1691<script src="/front/view/js/bower_components/jscal/index.js?ver=1790857466"></script>
vendor: 1 bytes, line 1691
1691
1692<script src="/common/bower_components/select2/dist/js/select2.min.js?ver=1790857466"></script>
vendor: 1 bytes, line 1692
1692
1693<script src="/common/bower_components/select2/dist/js/i18n/ca.js?ver=1790857466"></script>
vendor: 1 bytes, line 1693
1693
1694<script src="/common/bower_components/strength.js/src/strength.min.js?ver=1790857466"></script>
vendor: 1 bytes, line 1694
1694
1695<script src="/front/view/js/bower_components/masonry-layout/dist/masonry.pkgd.min.js?ver=1790857466"></script>
vendor: 1 bytes, line 1695
1695
1696<script src="/front/view/js/constants.js?ver=1790857466"></script>
vendor: 1 bytes, line 1696
1696
1697<script src="/front/view/js/functions.js?ver=1790857466"></script>
vendor: 1 bytes, line 1697
1697
1698<script src="/front/view/js/functions/footer.js?ver=1790857466"></script>
vendor: 1 bytes, line 1698
1698
1699<script src="/front/view/js/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js?ver=1790857466"></script>
vendor: 1 bytes, line 1699
1699
1700<script src="/front/view/js/bower_components/jquery.prettyPhoto/index.js?ver=1790857466"></script>
vendor: 1 bytes, line 1700
1700
1701<script> 1702 $(document).ready(function(){ 1703 $("a[rel^='prettyPhoto']").prettyPhoto(); 1704 $("a[rel^='prettyFrame']").prettyPhoto(); 1705 }); 1706</script>
vendor: 1 bytes, line 1706
1706
1707<script> 1708 var TWITTER = null; 1709 var FACEBOOK = null; 1710 $(window).on("load", function() { 1711 start(); 1712 }); 1713 1714 // Initialize Select2 with icon support for category filter 1715 $(document).ready(function() { 1716 if ($('#categoryFilter').length) { 1717 $('#categoryFilter').select2({ 1718 templateResult: function(option) { 1719 if (!option.id) return option.text; 1720 var icon = $(option.element).data('icon'); 1721 if (!icon) return option.text; 1722 return $('<span><img src="' + icon + '" style="width: 16px; height: 16px; margin-right: 6px; vertical-align: middle;"> ' + option.text + '</span>'); 1723 }, 1724 templateSelection: function(option) { 1725 if (!option.id) return option.text; 1726 var icon = $(option.element).data('icon'); 1727 if (!icon) return option.text; 1728 return $('<span><img src="' + icon + '" style="width: 16px; height: 16px; margin-right: 6px; vertical-align: middle;"> ' + option.text + '</span>'); 1729 }, 1730 allowHtml: true 1731 }); 1732 } 1733 }); 1734</script>
1734 1735 <!-- CSS final--> 1736 1737
1737<script> 1738 const css = ""; 1739 const style = document.createElement('style'); 1740 style.textContent = css; 1741 document.head.appendChild(style); 1742 </script>
1742 1743 1744 <!-- Start Modal views--> 1745 1746 <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-hidden="true"> 1747 <div class="modal-dialog modal-dialog-centered" role="document"> 1748 <div class="modal-content"> 1749 <div class="modal-header"> 1750 <div class="title-head"></div> 1751 </div> 1752 <div class="modal-body"> 1753 <div class="tiktok-div-embed"></div> 1754 <iframe id="iframeVideo" title="VÃdeo" class="iframeVideo" allowfullscreen></iframe> 1755 1756 </div> 1757 <div class="modal-footer"> 1758 <span id="titleVideo" class="titleVideo"></span> 1759 <a id="closeModalVideo" class="close" href="javascript:void(0)" data-bs-dismiss="modal"><span style="display: none">X</span></a> 1760 1761 </div> 1762 </div> 1763 </div> 1764</div> <div class="modal fade" id="pdfModal" tabindex="-1" role="dialog" aria-hidden="true"> 1765 <div id="documentDialog" class="modal-dialog modal-dialog-centered" role="document"> 1766 <div class="modal-content"> 1767 <div class="modal-header"> 1768 <div class="title-head"></div> 1769 </div> 1770 <div class="modal-body"> 1771 <iframe id="iframePdf" title='Document' class="pdfview" style="width: 100%; height: 100%"></iframe> 1772 </div> 1773 <div class="modal-footer"> 1774 <span id="titlePdf" class="titlePdf"></span> 1775 <a id="closeModalPDF" class="close" href="javascript:void(0)"><span style="display: none">X</span></a> 1776 </div> 1777 </div> 1778 </div> 1779</div> <!-- End Modal views --> 1780
1780<script src="/front/view/js/endScript.js?ver=1790857466"></script>
1780 1781 <!-- Només activar per desenvolupament 1782
1782<script src="../../../node_modules/axe-core/axe.js"></script>
1782 1783
1783<script src="../../../dist/my-first-webpack.bundle.js"></script>
1783 1784 --> 1785
1785<script> 1786 $(document).ready(function () { 1787 startClock(1790857466); 1788 if (typeof (callMenuAfterJQueryLoaded) == "function") { 1789 callMenuAfterJQueryLoaded(); 1790 } 1791 1792 datepickerInit(); 1793 carouselControlSmall(); 1794 1795 if (typeof (callMenuBeforeJQueryLoaded) == "function") { 1796 callMenuBeforeJQueryLoaded(); 1797 } 1798 1799 if (typeof (callMenuBeforeTopJQueryLoaded) == "function") { 1800 callMenuBeforeTopJQueryLoaded(); 1801 } 1802 addAttributesDivVcards(); 1803 modalsImage(); 1804 modalsPdf(); 1805 translateWeb(); 1806 var carousel = $('#carouselControls'); 1807 carousel.on('slide.bs.carousel', function (event) { 1808 toSlideImage(event); 1809 }); 1810 /** Només activar per desenvolupament 1811 axe.configure({ 1812 locale: { 1813 lang: 'es', 1814 } 1815 }); 1816 1817 axe.run().then(results => { 1818 if (results.violations.length) { 1819 console.log(results.violations); 1820 throw new Error('Accessibility issues found'); 1821 } 1822 }) 1823 .catch(err => { 1824 console.log('Something bad happened:', err.message); 1825 }); 1826 */ 1827 }); 1828 1829 $(window).resize(function() { 1830 equalHeightIconTime(); 1831 }) 1832 </script>
1832 1833 </body> 1834</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.