PageSourceSearch

https://www.guardioladebergueda.cat/

html guardioladebergueda.cat collected 2026-10-01 12:24:27 UTC 109,443 bytes, 1,834 lines download raw bytes

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&amp;loading=async&amp;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&#039;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&amp;prev=_t&amp;hl=esie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;tl=es" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=esie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;tl=es">Castellà</a></li>
152                                    <li><a class="link-language" href="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=enie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;tl=en" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=enie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;tl=en">Anglès</a></li>
153                                    <li><a class="link-language" href="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=deie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;tl=de" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=deie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;tl=de">Alemany</a></li>
154                                    <li><a class="link-language" href="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=frie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;tl=fr" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=frie=UTF-8&amp;u=https://www.guardioladebergueda.cat/&amp;sl=ca&amp;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&#039;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&#039;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&#039;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&#039;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&nbsp;</p>
1278
1279<p>Dijous 22 i 29 d'octubre i 5, 12, 19 i 26 de novembre&nbsp;</p>
1280
1281<p>Inscripcions Ajuntament i amb l Dinamitzadora&nbsp;</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: ">&nbsp;</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&nbsp;</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&nbsp;</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&nbsp;</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&nbsp;</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&deg;
1563        <br>
1564        T.Min: 13&deg;
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&deg;
1580        <br>
1581        T.Min: 14&deg;
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.