PageSourceSearch

https://www.lanoudebergueda.cat/

html lanoudebergueda.cat collected 2026-10-02 14:09:27 UTC 122,519 bytes, 2,078 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 la Nou del Berguedà">
8<meta name="description" lang="ca" content="Ajuntament de la Nou del Berguedà">
9<meta name="author" lang="ca" content="Ajuntament de La Nou de Berguedà">
10<meta name="date" lang="ca" content="2026-10-02">
11<meta name="generator" lang="ca" content="Ajuntament de la Nou del Berguedà">
12<meta name="robots" content="index, follow">
13
14        <title>Ajuntament de la Nou del 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-2QZP4LHS2G
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-2QZP4LHS2G
vendor: 8 bytes, lines 23-24
23');
24    
24// Creates the default tracker.
25    gtag('event', 'page_view', { 'send_to': 'G-2QZP4LHS2G' });
26</script>
26
27<!-- End of code Global Site Tag (gtag.js) - Google Analytics v4--><!-- Global Site Tag (gtag.js) - Google Analytics v4-->
vendor: 124 bytes, lines 27-28
27
28<script type="text/plain" data-type="text/javascript" data-name="ga" data-src="https://www.googletagmanager.com/gtag/js?id=
28UA-92076065-1
vendor: 12 bytes, line 28
28"></script>
29<script type="text/plain" data-type="text/javascript" data-name="ga">
30    
vendor: 140 bytes, lines 30-34
30window.dataLayer = window.dataLayer || [];
31    function gtag(){dataLayer.push(arguments);}
32    gtag('js', new Date());
33
34    gtag('config', '
34UA-92076065-1
vendor: 8 bytes, lines 34-35
34');
35    
35// Creates the default tracker.
36    gtag('event', 'page_view', { 'send_to': 'UA-92076065-1' });
37</script>
37
38<!-- End of code Global Site Tag (gtag.js) - Google Analytics v4-->
39        <link rel="canonical" href="https://www.lanoudebergueda.cat">
40
41        <link rel="stylesheet" href="/front/view/js/bower_components/bootstrap/dist/css/bootstrap.min.css?ver=1790950165">
42<link rel="stylesheet" href="/front/view/js/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css?ver=1790950165">
43<link rel="stylesheet" href="/front/view/js/bower_components/bootstrap-icons.min/index.css?ver=1790950165">
44<link rel="stylesheet" href="/front/view/js/bower_components/tempus-dominus.min.css/index.css?ver=1790950165">
45<link rel="stylesheet" href="/common/bower_components/select2/dist/css/select2.min.css?ver=1790950165">
46
47        <!-- Real Favicon Genenrator-->
48<link rel="apple-touch-icon" href="/themes/noudebergueda/images/favicons/apple-touch-icon.png">
49<link rel="icon" type="image/png" href="/themes/noudebergueda/images/favicons/favicon-16x16.png" sizes="16x16">
50<link rel="icon" type="image/png" href="/themes/noudebergueda/images/favicons/favicon-32x32.png" sizes="32x32">
51<link rel="shortcut icon" href="/themes/noudebergueda/images/favicons/favicon.ico">
52        
52<script src="/front/controller/klaro-config.php"></script>
vendor: 1 bytes, line 52
52
53<script>
54	// Fallback defensiu: si per algun motiu el PHP no retorna la configuració,
55	// assegurem una configuració mínima perquè Klaro no falli i mostri el banner.
56	window.klaroConfig = window.klaroConfig || {
57		version: '1.0',
58		elementID: 'klaro',
59		storageMethod: 'cookie',
60		storageName: 'klaro',
61		cookieName: 'klaro',
62		htmlTexts: true,
63		acceptAll: true,
64		hideDeclineAll: false,
65		services: []
66	};
67</script>
vendor: 1 bytes, line 67
67
68<script src="/front/view/js/klaro.min.js?ver=1790950165"></script>
vendor: 1 bytes, line 68
68
69<script src="/front/view/js/klaro-init.js?ver=1790950165"></script>
69
70
71        <!-- Twitter Card data -->
72<meta name="twitter:card" content="summary">
73<meta name="twitter:title" content="Ajuntament de la Nou del Berguedà">
74<meta name="twitter:description" content="">
75<meta name="twitter:image" content="https://www.lanoudebergueda.cat/themes/noudebergueda/images/logos/header.png">
76    <meta name="twitter:image:alt" content="Logo">
77        <!-- Open Graph data -->
78<meta property="og:title" content="Ajuntament de la Nou del Berguedà">
79<meta property="og:type" content="website">
80<meta property="og:url" content="https://www.lanoudebergueda.cat">
81<meta property="og:image" content="https://www.lanoudebergueda.cat/themes/noudebergueda/images/logos/header.png">
82    <meta property="og:image:alt" content="Logo">
83    <meta property="og:image" content="https://www.lanoudebergueda.cat/themes/noudebergueda/images/logos/header_inv.png">
84    <meta property="og:image:alt" content="Logo invertit">
85    <meta property="og:description" content="">
86<meta property="og:site_name" content="Ajuntament de La Nou de Berguedà">
87
88        <!-- HTML5 compatible tags -->
89<script>
90    document.createElement('header');
91    document.createElement('footer');
92    document.createElement('section');
93    document.createElement('aside');
94    document.createElement('nav');
95    document.createElement('article');
96    document.createElement('hgroup');
97    document.createElement('lh');
98</script>
98
99        
99<script>window.mapsConfig = { layerType: 'OpenStreetMap_Mapnik' };</script>
99
100<link rel="stylesheet" href="/front/view/js/bower_components/FreezeUI/freeze-ui.min.css">
101<link rel="stylesheet" href="/front/view/js/bower_components/Leaflet/default/leaflet.css">
102<link rel="stylesheet" href="/front/view/js/bower_components/Leaflet/default/Control.Loading.css">
103<script  src="/front/view/js/bower_components/FreezeUI/freeze-ui.min.js"></script>
vendor: 1 bytes, line 103
103
104<script  src="/front/view/js/bower_components/Leaflet/default/leaflet.js"></script>
vendor: 1 bytes, line 104
104
105<script src="/front/view/js/bower_components/es6-promise/es6-promise.min.js"></script>
vendor: 1 bytes, line 105
105
106<script>ES6Promise.polyfill();</script>
vendor: 1 bytes, line 106
106
107<script  src='/front/view/js/bower_components/Leaflet/default/Leaflet.GoogleMutant.js'></script>
vendor: 1 bytes, line 107
107
108<script src="/front/view/js/googleMapsInit.js"></script>
vendor: 1 bytes, line 108
108
109<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 109
109
110<script  src="/front/view/js/bower_components/Leaflet/default/leaflet.maps.js"></script>
vendor: 1 bytes, line 110
110
111<script  src="/front/view/js/bower_components/Leaflet/default/leaflet.clone.js"></script>
vendor: 1 bytes, line 111
111
112<script  src="/front/view/js/bower_components/Leaflet/default/Control.Loading.js"></script>
vendor: 1 bytes, line 112
112
113<script src="/front/view/js/bower_components/jquery.min/index.js"></script>
vendor: 1 bytes, line 113
113
114<script src="/front/view/js/maps.js"></script>
114        <!-- Init addHeadExtraStyles -->
115        <style>html body{font-size:1em !important;} .backgroundImageHeader {background-repeat: repeat;  background-size: cover;  background-image:url("/media/repository/dd0ef3a554146e326e06668d9c1e36441518fa7c.jpg");} </style>
116        <!-- End addHeadExtraStyles -->
117        <!-- Font Awesome 7 + v4-shims for backward compatibility -->
118        <link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet">
119        <link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/v4-shims.min.css" rel="stylesheet">
120        <!-- Popperjs + Tempus Dominus -->
121        
121<script src="/front/view/js/bower_components/popper.min/index.js?ver=1790950165"></script>
vendor: 1 bytes, line 121
121
122<script src="/front/view/js/bower_components/tempus-dominus.min.js/index.js?ver=1790950165"></script>
122
123                <link rel="stylesheet" media="all" href="/themes/noudebergueda/styles/style.min.css?ver=1790950165">
124            </head>
125    <body class="home id-0">
126        <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">
127                                    <div class="js-widget o-widget o-widget--header o-widget-contenidor  clearfix boxBX  WidgetContainer " data-id="57" >  <div class="o-widget-wrapper clearfix default-BX  " data-id="57"><div class="o-widget-container  row"><div class="js-widget o-widget col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetLegacyHeader " data-id="60" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="60"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="toolbar clearfix">
128    <div class="container-xl">
129                <div class="fright">
130            <div class="toolbarItem">
131    </div>                        <div class="toolbarItem">
132                <div id="toolbarLanguages">
133    <ul id="languages">
134        <li><a href="#" role="button" aria-expanded="false" aria-controls="languagesList" id="languagesToggle">Idiomes</a>
135            <ul id="languagesList">
136                                    <li><a class="link-language" href="https://www.lanoudebergueda.cat/?lang=ca" data-target="https://www.lanoudebergueda.cat/?lang=ca">Català</a></li>
137                                    <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.lanoudebergueda.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.lanoudebergueda.cat/&amp;sl=ca&amp;tl=es">Castellà</a></li>
138                                    <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.lanoudebergueda.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.lanoudebergueda.cat/&amp;sl=ca&amp;tl=en">Anglès</a></li>
139                                    <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.lanoudebergueda.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.lanoudebergueda.cat/&amp;sl=ca&amp;tl=de">Alemany</a></li>
140                                    <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.lanoudebergueda.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.lanoudebergueda.cat/&amp;sl=ca&amp;tl=fr">Francès</a></li>
141                            </ul>
142        </li>
143    </ul>
144</div>
145<script>
146(function () {
147    var toggle = document.getElementById('languagesToggle');
148    if (!toggle) return;
149    var li = toggle.parentElement;
150    var submenu = li.querySelector('ul');
151    var links = Array.prototype.slice.call(submenu.querySelectorAll('a'));
152
153    function keyName(e) {
154        return e.key || e.code || e.keyCode;
155    }
156
157    function isSpaceKey(e) {
158        var key = keyName(e);
159        return key === ' ' || key === 'Spacebar' || key === 'Space' || key === 32;
160    }
161
162    function open(focusFirst) {
163        li.classList.add('is-open');
164        submenu.style.display = 'block';
165        submenu.style.padding = '1em';
166        toggle.setAttribute('aria-expanded', 'true');
167        if (focusFirst && links.length) links[0].focus();
168    }
169
170    function close() {
171        li.classList.remove('is-open');
172        submenu.style.display = '';
173        submenu.style.padding = '';
174        toggle.setAttribute('aria-expanded', 'false');
175    }
176
177    function isOpen() {
178        return toggle.getAttribute('aria-expanded') === 'true';
179    }
180
181    function focusLink(index) {
182        if (!links.length) return;
183        links[(index + links.length) % links.length].focus();
184    }
185
186    function focusedLinkIndex() {
187        return links.indexOf(document.activeElement);
188    }
189
190    toggle.addEventListener('click', function (e) {
191        e.preventDefault();
192        isOpen() ? close() : open(false);
193    });
194
195    toggle.addEventListener('keydown', function (e) {
196        var key = keyName(e);
197        if (key === 'Enter' || isSpaceKey(e)) {
198            e.preventDefault();
199            isOpen() ? close() : open(false);
200        } else if (key === 'ArrowDown' || key === 40) {
201            e.preventDefault();
202            open(true);
203        } else if (key === 'ArrowUp' || key === 38) {
204            e.preventDefault();
205            open(false);
206            focusLink(links.length - 1);
207        } else if (key === 'Escape' || key === 'Esc' || key === 27) {
208            if (isOpen()) {
209                e.preventDefault();
210                close();
211            }
212        }
213    });
214
215    submenu.addEventListener('keydown', function (e) {
216        var key = keyName(e);
217        var index = focusedLinkIndex();
218
219        if (key === 'ArrowDown' || key === 40) {
220            e.preventDefault();
221            focusLink(index + 1);
222        } else if (key === 'ArrowUp' || key === 38) {
223            e.preventDefault();
224            focusLink(index - 1);
225        } else if (key === 'Home' || key === 36) {
226            e.preventDefault();
227            focusLink(0);
228        } else if (key === 'End' || key === 35) {
229            e.preventDefault();
230            focusLink(links.length - 1);
231        } else if (isSpaceKey(e)) {
232            e.preventDefault();
233            if (document.activeElement && document.activeElement.click) {
234                document.activeElement.click();
235            }
236        } else if (key === 'Escape' || key === 'Esc' || key === 27) {
237            e.preventDefault();
238            close();
239            toggle.focus();
240        }
241    });
242
243    li.addEventListener('focusout', function () {
244        window.setTimeout(function () {
245            if (!li.contains(document.activeElement)) close();
246        }, 0);
247    });
248
249    document.addEventListener('click', function (e) {
250        if (!li.contains(e.target)) close();
251    });
252})();
253</script>
253
254                <div class="currentDate" style='padding:9px;color:white'>
255    <span id="clock" class="clock" title='Data i hora oficial' >
256        02.10.2026 | 16:09    </span>
257</div>            </div>
258        </div>
259    </div>
260</div>
261<div class="header backgroundImageHeader">
262    <div class="branding">
263        <div class="container-xl">
264            <div class="row">
265                <div class="col-md-8 col-sm-8 col-lg-8 logo_box">
266    <a class="logo" href="/" aria-label="Ajuntament de la Nou del Berguedà - Pàgina d'inici">
267        <img src="/themes/noudebergueda/images/logos/header_inv.png" alt="" width="355" height="111" id="mainLogo">
268    </a>
269        <h1 class="d-none">Ajuntament de la Nou del Berguedà</h1>
270    </div>                <div class="col-md-4 col-sm-4 col-lg-4 middle search_box">
271    <form id="search_box" aria-label="Cercar:" name="search_box" method="get" action="/search">
272        <label for="search" accesskey="4">
273            <span class="visually-hidden">Cercar:</span>
274        </label>
275        <input id="search" name="search" type="text" aria-label="Cercar:" title="Cerca a tot el web" value="" placeholder="Cercar...">
276        <button type="submit" class="search-button" aria-label="Cerca"><i class="fa fa-search"></i></button>
277    </form>
278</div>
279            </div>
280        </div>
281    </div>
282        <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/salutacio-del-poble" ><span class="menu-flexible__item-text">Salutació del Poble</span></a></li><li class="menu-flexible__item page-8 level2"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament/govern" ><span class="menu-flexible__item-text">Govern</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-13 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/govern/consistori" ><span class="menu-flexible__item-text">Consistori</span></a></li><li class="menu-flexible__item page-115 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/govern/informacio-dels-regidors" ><span class="menu-flexible__item-text">Informació dels regidors</span></a></li><li class="menu-flexible__item page-116 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/govern/agenda-politica" ><span class="menu-flexible__item-text">Agenda política</span></a></li><li class="menu-flexible__item page-15 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/govern/grups-municipals" ><span class="menu-flexible__item-text">Grups municipals</span></a></li><li class="menu-flexible__item page-143 level3"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://www.seu-e.cat/ca/web/lanoudebergueda/dades-obertes/-/dadesobertes/dataset/a148b7bc-93d8-4d6c-a679-cc7768737877?p_auth=RzKkg8RA" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Resultats electorals</span></a></li><li class="menu-flexible__item page-17 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/govern/tecnics-municipals" ><span class="menu-flexible__item-text">Tècnics municipals</span></a></li><li class="menu-flexible__item page-81 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/govern/organismes-dependents-o-vinculats" ><span class="menu-flexible__item-text">Organismes dependents o vinculats</span></a></li></ul></li><li class="menu-flexible__item page-144 level2"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament/informacio-oficial" ><span class="menu-flexible__item-text">Informació Oficial</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-126 level3"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament/informacio-oficial/normativa" ><span class="menu-flexible__item-text">Normativa</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-157 level4"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial/normativa/llibre-dordenances" ><span class="menu-flexible__item-text">Llibre d&#039;ordenances</span></a></li><li class="menu-flexible__item page-159 level4"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial/normativa/plans-i-programes" ><span class="menu-flexible__item-text">Plans i programes</span></a></li><li class="menu-flexible__item page-27 level4"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://www.seu-e.cat/web/lanoudebergueda/govern-obert-i-transparencia/accio-de-govern-i-normativa/normativa-plans-i-programes/ordenances-reguladores-i-reglaments" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Normativa / Ordenances Generals</span></a></li><li class="menu-flexible__item page-22 level4"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://www.seu-e.cat/web/lanoudebergueda/govern-obert-i-transparencia/accio-de-govern-i-normativa/normativa-plans-i-programes/ordenances-fiscals" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Ordenances Fiscals</span></a></li><li class="menu-flexible__item page-28 level4"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://www.seu-e.cat/web/lanoudebergueda/govern-obert-i-transparencia/accio-de-govern-i-normativa/urbanisme" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Urbanisme</span></a></li></ul></li><li class="menu-flexible__item page-80 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial/ple-municipal" ><span class="menu-flexible__item-text">
282Ple municipal</span></a></li><li class="menu-flexible__item page-18 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial/anuncis-edictes" ><span class="menu-flexible__item-text">Anuncis / Edictes</span></a></li><li class="menu-flexible__item page-26 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial/perfil-de-contractant" ><span class="menu-flexible__item-text">Perfil de contractant</span></a></li><li class="menu-flexible__item page-24 level3"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament/informacio-oficial/pressupostos-i-plantilles" ><span class="menu-flexible__item-text">Pressupostos i plantilles</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-156 level4"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial/pressupostos-i-plantilles/calendari-fiscal" ><span class="menu-flexible__item-text">Calendari fiscal</span></a></li></ul></li><li class="menu-flexible__item page-155 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/informacio-oficial/plans-dinversions" ><span class="menu-flexible__item-text">Plans d&#039;inversions</span></a></li></ul></li><li class="menu-flexible__item page-122 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/que-es-la-seu-electronica" ><span class="menu-flexible__item-text">Seu electrònica</span></a></li><li class="menu-flexible__item page-123 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/transparencia" ><span class="menu-flexible__item-text">Transparència</span></a></li></ul></li><li class="menu-flexible__item page-10 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/serveis-i-tramits" ><span class="menu-flexible__item-text">Serveis i tràmits</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-82 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/oficines-municipals" ><span class="menu-flexible__item-text">Oficines municipals</span></a></li><li class="menu-flexible__item page-33 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/serveis" ><span class="menu-flexible__item-text">Serveis</span></a></li><li class="menu-flexible__item page-31 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/tramits-i-gestions" ><span class="menu-flexible__item-text">Tràmits i gestions</span></a></li><li class="menu-flexible__item page-90 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/carpeta-ciutadana" ><span class="menu-flexible__item-text">Carpeta ciutadana</span></a></li><li class="menu-flexible__item page-151 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/verificacio-de-documents" ><span class="menu-flexible__item-text">Verificació de documents</span></a></li><li class="menu-flexible__item page-32 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/impostos" ><span class="menu-flexible__item-text">Impostos</span></a></li><li class="menu-flexible__item page-88 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/factura-electronica" ><span class="menu-flexible__item-text">Factura electrònica</span></a></li><li class="menu-flexible__item page-133 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/finestreta-unica-empresarial-fue" ><span class="menu-flexible__item-text">Finestreta Única Empresarial (FUE)</span></a></li><li class="menu-flexible__item page-145 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/notificacions-electroniques" ><span class="menu-flexible__item-text">Notificacions electròniques</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-34 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/com-arribar" ><span class="menu-flexible__item-text">Com arribar</span></a></li><li class="menu-flexible__item page-36 level2"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/planol--guia-de-carrers" ><span class="menu-flexible__item-text">Plànol / Guia de carrers</span></a></li><li class="menu-flexible__item page-3 level2"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/el-municipi/guia-del-municipi" ><span class="menu-flexible__item-text">Guia del municipi</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-37 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/guia-del-municipi/equipaments" ><span class="menu-flexible__item-text">Equipaments</span></a></li><li class="menu-flexible__item page-39 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/guia-del-municipi/empreses-i-comercos" ><span class="menu-flexible__item-text">Empreses i comerços</span></a></li><li class="menu-flexible__item page-40 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/guia-del-municipi/entitats-i-associacions" ><span class="menu-flexible__item-text">Entitats i associacions</span></a></li><li class="menu-flexible__item page-42 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/guia-del-municipi/subministraments" ><span class="menu-flexible__item-text">Subministraments</span></a></li><li class="menu-flexible__item page-43 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/guia-del-municipi/emergencie
282s" ><span class="menu-flexible__item-text">Emergències</span></a></li></ul></li><li class="menu-flexible__item page-7 level2"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/el-municipi/informacio-del-municipi" ><span class="menu-flexible__item-text">Informació del municipi</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-44 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/informacio-del-municipi/la-nou-de-bergueda" ><span class="menu-flexible__item-text">La Nou de Berguedà</span></a></li><li class="menu-flexible__item page-47 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/informacio-del-municipi/el-municipi-en-xifres" ><span class="menu-flexible__item-text">El municipi en xifres</span></a></li></ul></li><li class="menu-flexible__item page-131 level2"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/el-municipi/turisme" ><span class="menu-flexible__item-text">Turisme</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-50 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/turisme/festes-i-fires" ><span class="menu-flexible__item-text">Festes i fires</span></a></li><li class="menu-flexible__item page-41 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/turisme/llocs-dinteres" ><span class="menu-flexible__item-text">Llocs d&#039;interès</span></a></li><li class="menu-flexible__item page-129 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/turisme/rutes" ><span class="menu-flexible__item-text">Rutes</span></a></li><li class="menu-flexible__item page-38 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/turisme/on-dormir" ><span class="menu-flexible__item-text">On dormir</span></a></li><li class="menu-flexible__item page-130 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/turisme/on-menjar" ><span class="menu-flexible__item-text">On menjar</span></a></li></ul></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></ul></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-128 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/avisos" ><span class="menu-flexible__item-text">Avisos</span></a></li><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-55 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/butlleti-digital" ><span class="menu-flexible__item-text">Butlletí digital</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">Butlletí municipal</span></a></li><li class="menu-flexible__item page-142 level2"><a class="menu-flexible__link" aria-expanded="false" href="/actualitat/publicacions" ><span class="menu-flexible__item-text">Publicacions</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/hemeroteca" ><span class="menu-flexible__item-text">Hemeroteca</span></a></li></ul></li><li class="menu-flexible__item page-5 level1"><a class="menu-flexible__link" aria-expanded="false" href="/adreces-i-telefons" ><span class="menu-flexible__item-text">Adreces i telèfons</span></a></li></ul></div>
282<script>(function() {
283    'use strict';
284
285    // Mega panel
286
287    function initMegaPanels(navContainer) {
288        var menuItems = Array.prototype.slice.call(navContainer.querySelectorAll('[data-mega-id]'));
289        if (!menuItems.length) return;
290
291        var navUl    = navContainer.querySelector('ul');
292        var topItems = navUl
293            ? menuItems.filter(function(el) { return el.parentElement === navUl; })
294            : menuItems;
295
296        var wrapper    = navContainer.closest('.menu-flexible__wrapper');
297        var isClick    = wrapper && wrapper.getAttribute('data-expand-type') === 'click';
298
299        menuItems.forEach(function(item) {
300            var panel = getPanelForItem(item, navContainer);
301            if (!panel) return;
302
303            if (isClick) {
304                var link = item.querySelector('a');
305                if (link) {
306                    link.addEventListener('click', function(e) {
307                        // En mòbil, els elements naveguen directament sense desplegar submenús
308                        if (window.innerWidth <= 992) return;
309                        if (panel.classList.contains('mf-mega-visible')) {
310                            // Segon clic: navegar
311                            return;
312                        }
313                        e.preventDefault();
314                        hideAllMegaPanels(navContainer);
315                        showPanel(item, panel);
316                    });
317                }
318            } else {
319                var hoverDelay = parseInt(
320                    getComputedStyle(wrapper).getPropertyValue('--menu-hover-delay'), 10
321                ) || 0;
322                var hoverTimer = null;
323
324                var leaveTimer = null;
325
326                item.addEventListener('mouseenter', function() {
327                    clearTimeout(hoverTimer);
328                    clearTimeout(leaveTimer);
329                    if (hoverDelay > 0) {
330                        hoverTimer = setTimeout(function() { showPanel(item, panel); }, hoverDelay);
331                    } else {
332                        showPanel(item, panel);
333                    }
334                });
335                item.addEventListener('mouseleave', function(e) {
336                    clearTimeout(hoverTimer);
337                    if (!panel.contains(e.relatedTarget)) {
338                        leaveTimer = setTimeout(function() { hidePanel(item, panel); }, 300);
339                    }
340                });
341                panel.addEventListener('mouseenter', function() {
342                    clearTimeout(leaveTimer);
343                });
344                panel.addEventListener('mouseleave', function(e) {
345                    clearTimeout(hoverTimer);
346                    clearTimeout(leaveTimer);
347                    if (!item.contains(e.relatedTarget)) hidePanel(item, panel);
348                });
349
350                // Tàctil: fallback quan hover no disponible (només escriptori tàctil)
351                var link = item.querySelector('a');
352                if (link) {
353                    link.addEventListener('click', function(e) {
354                        if (window.matchMedia('(hover: none)').matches && window.innerWidth > 992) {
355                            if (panel.classList.contains('mf-mega-visible')) {
356                                // Segon clic en tàctil: navegar
357                                return;
358                            }
359                            e.preventDefault();
360                            hideAllMegaPanels(navContainer);
361                            showPanel(item, panel);
362                        }
363                    });
364                }
365            }
366        });
367
368        navContainer.addEventListener('keydown', function(e) {
369            handleMegaKeydown(e, navContainer, topItems);
370        });
371
372        if (!isClick) {
373            navContainer.addEventListener('focusin', function(e) {
374                var item = e.target.closest('[data-mega-id]');
375                if (!item) return;
376                var panel = getPanelForItem(item, navContainer);
377                if (!panel) return;
378                hideAllMegaPanels(navContainer);
379                showPanel(item, panel);
380            });
381        }
382
383        navContainer.addEventListener('focusout', function() {
384            setTimeout(function() {
385                if (!navContainer.contains(document.activeElement)) {
386                    hideAllMegaPanels(navContainer);
387                }
388            }, 0);
389        });
390
391        document.addEventListener('click', function(e) {
392            if (!navContainer.contains(e.target)) {
393                hideAllMegaPanels(navContainer);
394            }
395        });
396    }
397
398    function handleMegaKeydown(e, navContainer, topItems) {
399        var focused = document.activeElement;
400        if (!focused) return;
401
402        var currentItem = focused.closest('[data-mega-id]');
403        var currentPanel = focused.closest('.menu-flexible__mega-panel');
404        var key = e.key || e.code || e.keyCode;
405
406        function directLink(item) {
407            if (!item) return null;
408            return Array.prototype.slice.call(item.children).find(function(el) {
409                return el.tagName === 'A';
410            }) || item.querySelector('a');
411        }
412
413        function itemForPanel(panel) {
414            if (!panel) return null;
415            var id = panel.getAttribute('data-mega-id');
416            return id ? navContainer.querySelector('li[data-mega-id="' + id + '"]') : null;
417        }
418
419        function focusPanelLink(panel, index) {
420            var links = Array.prototype.slice.call(panel.querySelectorAll('a'));
421            if (!links.length) return;
422            links[(index + links.length) % links.length].focus();
423        }
424
425        function focusPanelSibling(panel, offset) {
426            var links = Array.prototype.slice.call(panel.querySelectorAll('a'));
427            var idx = links.indexOf(focused);
428            if (idx === -1) return;
429            links[(idx + offset + links.length) % links.length].focus();
430        }
431
432        function panelColumnForLink(link) {
433            return link ? link.closest('.menu-flexible__mega-col') : null;
434        }
435
436        function focusAdjacentPanelColumn(panel, offset) {
437            var columns = Array.prototype.slice.call(panel.querySelectorAll('.menu-flexible__mega-col'));
438            var currentColumn = panelColumnForLink(focused);
439            var idx = columns.indexOf(currentColumn);
440            if (idx === -1) return false;
441
442            var targetColumn = columns[(idx + offset + columns.length) % columns.length];
443            var targetLink = targetColumn.querySelector('a');
444            if (targetLink) {
445                targetLink.focus();
446                return true;
447            }
448
449            return false;
450        }
451
452        function focusTopItem(item, offset) {
453            var idx = topItems.indexOf(item);
454            if (idx === -1) return;
455
456            var next = topItems[(idx + offset + topItems.length) % topItems.length];
457            hideAllMegaPanels(navContainer);
458
459            var nextLink = directLink(next);
460            if (nextLink) {
461                nextLink.focus();
462                var nextPanel = getPanelForItem(next, navContainer);
463                if (nextPanel) showPanel(next, nextPanel);
464            }
465        }
466
467        switch (key) {
468            case 'Escape':
469            case 'Esc':
470            case 27: {
471                e.preventDefault();
472                hideAllMegaPanels(navContainer);
473                if (currentPanel) {
474                    var item = itemForPanel(currentPanel);
475                    var lnk = directLink(item);
476                    if (lnk) lnk.focus();
477                }
478                break;
479            }
480
481            case 'ArrowRight':
482            case 39:
483            case 'ArrowLeft':
484            case 37: {
485                var direction = (key === 'ArrowRight' || key === 39) ? 1 : -1;
486                e.preventDefault();
487
488                if (currentPanel) {
489                    if (!focusAdjacentPanelColumn(currentPanel, direction)) {
490                        var ownerItem = itemForPanel(currentPanel);
491                        focusTopItem(ownerItem, direction);
492                    }
493                    break;
494                }
495
496                if (!currentItem) return;
497                focusTopItem(currentItem, direction);
498                break;
499            }
500
501            case 'ArrowDown':
502            case 40: {
503                e.preventDefault();
504                if (currentPanel) {
505                    focusPanelSibling(currentPanel, 1);
506                    break;
507                }
508                if (!currentItem) return;
509                var panel = getPanelForItem(currentItem, navContainer);
510                if (!panel) return;
511                if (!panel.classList.contains('mf-mega-visible')) {
512                    hideAllMegaPanels(navContainer);
513                    showPanel(currentItem, panel);
514                }
515                focusPanelLink(panel, 0);
516                break;
517            }
518
519            case ' ':
520            case 'Space':
521            case 'Spacebar':
522            case 32: {
523                if (currentPanel || !currentItem) return;
524                var spacePanel = getPanelForItem(currentItem, navContainer);
525                if (!spacePanel) return;
526
527                e.preventDefault();
528                if (spacePanel.classList.contains('mf-mega-visible')) {
529                    hidePanel(currentItem, spacePanel);
530                } else {
531                    hideAllMegaPanels(navContainer);
532                    showPanel(currentItem, spacePanel);
533                }
534                break;
535            }
536
537            case 'ArrowUp':
538            case 38: {
539                if (!currentPanel) return;
540                e.preventDefault();
541                var panelLinks = Array.prototype.slice.call(currentPanel.querySelectorAll('a'));
542                var focusedIndex = panelLinks.indexOf(focused);
543
544                if (focusedIndex > 0) {
545                    focusPanelLink(currentPanel, focusedIndex - 1);
546                } else {
547                    var parentItem = itemForPanel(currentPanel);
548                    var parentLink = directLink(parentItem);
549                    if (parentLink) parentLink.focus();
550                    if (parentItem) hidePanel(parentItem, currentPanel);
551                }
552                break;
553            }
554        }
555    }
556
557    function getPanelForItem(item, navContainer) {
558        var id = item.getAttribute('data-mega-id');
559        return id
560            ? navContainer.querySelector('.menu-flexible__mega-panel[data-mega-id="' + id + '"]')
561            : null;
562    }
563
564    function showPanel(item, panel) {
565        panel.classList.add('mf-mega-visible');
566        panel.setAttribute('aria-hidden', 'false');
567        var link = item.querySelector('a');
568        if (link) link.setAttribute('aria-expanded', 'true');
569    }
570
571    function hidePanel(item, panel) {
572        panel.classList.remove('mf-mega-visible');
573        panel.setAttribute('aria-hidden', 'true');
574        var link = item.querySelector('a');
575        if (link) link.setAttribute('aria-expanded', 'false');
576    }
577
578    function hideAllMegaPanels(navContainer) {
579        navContainer.querySelectorAll('.menu-flexible__mega-panel.mf-mega-visible')
580            .forEach(function(panel) {
581                var id   = panel.getAttribute('data-mega-id');
582                var item = id ? navContainer.querySelector('li[data-mega-id="' + id + '"]') : null;
583                if (item) {
584                    hidePanel(item, panel);
585                } else {
586                    panel.classList.remove('mf-mega-visible');
587                    panel.setAttribute('aria-hidden', 'true');
588                }
589            });
590    }
591
592
593    // Tecles de fletxa (menú estàndard)
594
595    function initStandardKeyboard(wrapper) {
596        var menu = wrapper.querySelector('.menu-flexible__list');
597        if (!menu) return;
598
599        function closeAll() {
600            Array.prototype.slice.call(menu.querySelectorAll('.menu-flexible__item[focus="true"]'))
601                .forEach(function(item) {
602                    item.setAttribute('focus', 'false');
603                    var submenu = Array.prototype.slice.call(item.children).find(function(el) {
604                        return el.classList && el.classList.contains('menu-flexible__submenu');
605                    });
606                    if (submenu) {
607                        submenu.style.left = '';
608                        submenu.style.opacity = '';
609                        submenu.style.visibility = '';
610                        submenu.style.pointerEvents = '';
611                        submenu.style.transform = '';
612                    }
613                    var link = Array.prototype.slice.call(item.children).find(function(el) {
614                        return el.tagName === 'A';
615                    });
616                    if (link && link.classList.contains('menu-flexible__link--dropdown')) {
617                        link.setAttribute('aria-expanded', 'false');
618                    }
619                });
620        }
621
622        wrapper.addEventListener('keydown', function(e) {
623            handleStandardKeydown(e, menu);
624        });
625
626        wrapper.addEventListener('focusout', function() {
627            setTimeout(function() {
628                if (!wrapper.contains(document.activeElement)) {
629                    closeAll();
630                }
631            }, 0);
632        });
633    }
634
635    function handleStandardKeydown(e, menu) {
636        var focused = document.activeElement;
637        if (!focused || !menu.contains(focused)) return;
638
639        var itemSel = '.menu-flexible__item';
640        var linkSel = '.menu-flexible__link';
641
642        var currentLi = focused.closest(itemSel);
643        if (!currentLi) return;
644
645        var parentUl = currentLi.parentElement;
646        var isLevel1 = parentUl === menu;
647
648        function directLink(li) {
649            var direct = Array.prototype.slice.call(li.children).find(function(el) {
650                return el.tagName === 'A';
651            });
652            return direct || li.querySelector(linkSel);
653        }
654
655        function siblingItems(ul) {
656            return Array.prototype.slice.call(ul.children).filter(function(el) {
657                return el.matches(itemSel);
658            });
659        }
660
661        function childMenu(li) {
662            return Array.prototype.slice.call(li.children).find(function(el) {
663                return el.classList && el.classList.contains('menu-flexible__submenu');
664            });
665        }
666
667        function setSubmenuVisible(li, visible) {
668            var submenu = childMenu(li);
669            if (!submenu) return;
670
671            if (visible) {
672                submenu.style.left = li.parentElement === menu ? '0' : '100%';
673                submenu.style.opacity = '1';
674                submenu.style.visibility = 'visible';
675                submenu.style.pointerEvents = 'auto';
676                submenu.style.transform = 'none';
677            } else {
678                submenu.style.left = '';
679                submenu.style.opacity = '';
680                submenu.style.visibility = '';
681                submenu.style.pointerEvents = '';
682                submenu.style.transform = '';
683            }
684        }
685
686        function setExpanded(li, expanded) {
687            li.setAttribute('focus', expanded ? 'true' : 'false');
688            setSubmenuVisible(li, expanded);
689            var lnk = directLink(li);
690            if (lnk && lnk.classList.contains('menu-flexible__link--dropdown')) {
691                lnk.setAttribute('aria-expanded', expanded ? 'true' : 'false');
692            }
693            if (!expanded) {
694                Array.prototype.slice.call(li.querySelectorAll(itemSel + '[focus="true"]'))
695                    .forEach(function(item) {
696                        item.setAttribute('focus', 'false');
697                        setSubmenuVisible(item, false);
698                        var childLink = directLink(item);
699                        if (childLink && childLink.classList.contains('menu-flexible__link--dropdown')) {
700                            childLink.setAttribute('aria-expanded', 'false');
701                        }
702                    });
703            }
704        }
705
706        function closeSiblings(li) {
707            Array.prototype.slice.call(li.parentElement.children)
708                .filter(function(item) {
709                    return item !== li && item.matches(itemSel);
710                })
711                .forEach(function(item) {
712                    setExpanded(item, false);
713                });
714        }
715
716        function openChild(li) {
717            var submenu = childMenu(li);
718            if (!submenu) return false;
719            closeSiblings(li);
720            setExpanded(li, true);
721            var firstChild = submenu.querySelector(linkSel);
722            if (firstChild) firstChild.focus();
723            return true;
724        }
725
726        function focusSibling(offset) {
727            var sibs = siblingItems(parentUl);
728            var idx  = sibs.indexOf(currentLi);
729            var lnk  = directLink(sibs[(idx + offset + sibs.length) % sibs.length]);
730            if (lnk) lnk.focus();
731        }
732
733        var key = e.key || e.code || e.keyCode;
734
735        switch (key) {
736            case 'ArrowRight':
737            case 39: {
738                if (!isLevel1) return;
739                e.preventDefault();
740                setExpanded(currentLi, false);
741                focusSibling(1);
742                break;
743            }
744            case 'ArrowLeft':
745            case 37: {
746                if (!isLevel1) return;
747                e.preventDefault();
748                setExpanded(currentLi, false);
749                focusSibling(-1);
750                break;
751            }
752            case 'ArrowDown':
753            case 40: {
754                e.preventDefault();
755                if (focused === directLink(currentLi) && openChild(currentLi)) {
756                    break;
757                }
758                var sibsDown = siblingItems(parentUl);
759                var idxDown  = sibsDown.indexOf(currentLi);
760                if (idxDown < sibsDown.length - 1) {
761                    var lnkDown = directLink(sibsDown[idxDown + 1]);
762                    if (lnkDown) lnkDown.focus();
763                }
764                break;
765            }
766            case 'ArrowUp':
767            case 38: {
768                e.preventDefault();
769                var sibsUp = siblingItems(parentUl);
770                var idxUp  = sibsUp.indexOf(currentLi);
771                if (idxUp > 0) {
772                    var lnkUp = directLink(sibsUp[idxUp - 1]);
773                    if (lnkUp) lnkUp.focus();
774                } else if (!isLevel1) {
775                    var parentItemUp = parentUl.closest(itemSel);
776                    if (parentItemUp) {
777                        setExpanded(parentItemUp, false);
778                        var parentLinkUp = directLink(parentItemUp);
779                        if (parentLinkUp) parentLinkUp.focus();
780                    }
781                }
782                break;
783            }
784            case ' ':
785            case 'Space':
786            case 'Spacebar':
787            case 32: {
788                if (!focused.classList.contains('menu-flexible__link--dropdown')) return;
789                e.preventDefault();
790                currentLi.getAttribute('focus') === 'true'
791                    ? setExpanded(currentLi, false)
792                    : openChild(currentLi);
793                break;
794            }
795            case 'Escape':
796            case 'Esc':
797            case 27: {
798                if (isLevel1 && currentLi.getAttribute('focus') !== 'true') return;
799                e.preventDefault();
800                if (!isLevel1) {
801                    var parentItemEsc = parentUl.closest(itemSel);
802                    if (parentItemEsc) {
803                        setExpanded(parentItemEsc, false);
804                        var parentLinkEsc = directLink(parentItemEsc);
805                        if (parentLinkEsc) parentLinkEsc.focus();
806                    }
807                } else {
808                    setExpanded(currentLi, false);
809                }
810                break;
811            }
812        }
813    }
814
815
816    // Click mode: expandir submenús via [focus=true]
817
818    function initClickExpand(wrapper) {
819        var menu = wrapper.querySelector('.menu-flexible__list');
820        if (!menu) return;
821
822        var itemSel        = '.menu-flexible__item';
823        var dropdownSel    = '.menu-flexible__link--dropdown';
824
825        function closeAll(container) {
826            Array.prototype.slice.call(container.querySelectorAll(itemSel + '[focus="true"]'))
827                .forEach(function(el) { el.setAttribute('focus', 'false'); });
828        }
829
830        function closeSiblings(item) {
831            var parentUl = item.parentElement;
832            Array.prototype.slice.call(parentUl.children)
833                .filter(function(el) {
834                    return el !== item
835                        && el.matches(itemSel)
836                        && el.getAttribute('focus') === 'true';
837                })
838                .forEach(function(el) {
839                    el.setAttribute('focus', 'false');
840                    closeAll(el);
841                });
842        }
843
844        menu.addEventListener('click', function(e) {
845            var link = e.target.closest(dropdownSel);
846            if (!link || !menu.contains(link)) return;
847
848            var item = link.parentElement;
849            if (!item || !item.matches(itemSel)) return;
850
851            // En mòbil, els elements naveguen directament sense desplegar submenús
852            if (window.innerWidth <= 992) return;
853
854            var isOpen = item.getAttribute('focus') === 'true';
855
856            if (isOpen) {
857                // Segon clic: navegar
858                return;
859            }
860
861            e.preventDefault();
862            closeSiblings(item);
863            item.setAttribute('focus', 'true');
864        });
865
866        document.addEventListener('click', function(e) {
867            var openItem = menu.querySelector(itemSel + '[focus="true"]');
868            if (!openItem) return;
869            if (!openItem.contains(e.target)) {
870                closeAll(menu);
871            }
872        });
873    }
874
875
876    // Hamburger (mòbil ≤992px)
877
878    class MenuFlexible {
879        constructor(wrapper) {
880            this.wrapper   = wrapper;
881            this.hamburger = wrapper.querySelector('.menu-flexible__toggle');
882            this.menu      = wrapper.querySelector('.menu-flexible__list');
883
884            if (!this.hamburger || !this.menu) return;
885
886            var parent  = this.menu.parentElement;
887            this.isMega = parent && parent.classList.contains('menu-flexible__nav-container');
888            this.target = this.isMega ? parent : this.menu;
889
890            // Ancestre que en mòbil és barra fixa de 44px amb overflow:clip i retalla
891            // el menú desplegat. En obrir, l'eixamplem; en tancar, el restaurem.
892            this.clipper = wrapper.closest('.nav');
893
894            this.init();
895            window.addEventListener('resize', () => this.handleResize());
896        }
897
898        init() {
899            this.hamburger.addEventListener('click', (e) => {
900                e.preventDefault();
901                e.stopPropagation();
902                this.toggleMenu();
903            });
904
905            document.addEventListener('click', (e) => {
906                if (!this.wrapper.contains(e.target) && this.isOpen()) {
907                    this.closeMenu();
908                }
909            });
910
911            this.menu.querySelectorAll('a').forEach(link => {
912                link.addEventListener('click', () => {
913                    if (window.innerWidth <= 992 && this.isOpen()) {
914                        this.closeMenu();
915                    }
916                });
917            });
918        }
919
920        isOpen()     { return this.target.classList.contains('show'); }
921        toggleMenu() { this.isOpen() ? this.closeMenu() : this.openMenu(); }
922
923        liftClip() {
924            if (this.clipper && window.innerWidth <= 992) {
925                this.clipper.style.height = 'auto';
926                this.clipper.style.maxHeight = 'none';
927                this.clipper.style.overflow = 'visible';
928            }
929        }
930
931        restoreClip() {
932            if (this.clipper) {
933                this.clipper.style.height = '';
934                this.clipper.style.maxHeight = '';
935                this.clipper.style.overflow = '';
936            }
937        }
938
939        openMenu() {
940            this.target.classList.add('show');
941            this.target.style.display = this.isMega ? 'block' : 'flex';
942            if (this.isMega) this.menu.style.display = 'flex';
943            this.liftClip();
944            this.hamburger.classList.add('active');
945            this.hamburger.setAttribute('aria-expanded', 'true');
946        }
947
948        closeMenu() {
949            this.target.classList.remove('show');
950            this.target.style.display = 'none';
951            if (this.isMega) {
952                this.menu.style.display = '';
953                var nc = this.wrapper.querySelector('.menu-flexible__nav-container');
954                if (nc) hideAllMegaPanels(nc);
955            }
956            this.restoreClip();
957            this.hamburger.classList.remove('active');
958            this.hamburger.setAttribute('aria-expanded', 'false');
959        }
960
961        handleResize() {
962            if (window.innerWidth > 992) {
963                this.target.classList.remove('show');
964                this.target.style.display = '';
965                if (this.isMega) this.menu.style.display = '';
966                this.restoreClip();
967                this.hamburger.classList.remove('active');
968                this.hamburger.setAttribute('aria-expanded', 'false');
969            }
970        }
971    }
972
973
974    // Init
975
976    function init() {
977        document.querySelectorAll('.menu-flexible__wrapper').forEach(function(wrapper) {
978            var navContainer = wrapper.querySelector('.menu-flexible__nav-container');
979            if (navContainer) {
980                initMegaPanels(navContainer);
981            } else {
982                initStandardKeyboard(wrapper);
983                if (wrapper.getAttribute('data-expand-type') === 'click') {
984                    initClickExpand(wrapper);
985                }
986            }
987            new MenuFlexible(wrapper);
988            if (wrapper.getAttribute('data-menu-sticky') === 'true') {
989                var stickyTarget = wrapper.closest('#navbar-top')
990                                || wrapper.closest('.navbar')
991                                || wrapper.closest('nav');
992                if (stickyTarget) {
993                    stickyTarget.classList.add('menu-sticky-enabled');
994                    document.body.classList.add('has-sticky-menu');
995
996                    var navbarHeight   = stickyTarget.offsetHeight;
997                    var navbarTop      = stickyTarget.getBoundingClientRect().top + window.scrollY;
998                    var bodyPadApplied = false;
999
1000                    function updateStickyOffset() {
1001                        navbarHeight = stickyTarget.offsetHeight;
1002                        document.documentElement.style.setProperty('--skip-links-sticky-offset', navbarHeight + 'px');
1003
1004                        if (bodyPadApplied) {
1005                            document.body.style.paddingTop = navbarHeight + 'px';
1006                        }
1007                    }
1008
1009                    function getTargetFromHash(hash) {
1010                        if (!hash || hash.charAt(0) !== '#') {
1011                            return null;
1012                        }
1013
1014                        try {
1015                            return document.getElementById(decodeURIComponent(hash.substring(1)));
1016                        } catch (error) {
1017                            return document.getElementById(hash.substring(1));
1018                        }
1019                    }
1020
1021                    function scrollToSkipTarget(hash) {
1022                        var target = getTargetFromHash(hash);
1023                        if (!target) {
1024                            return;
1025                        }
1026
1027                        updateStickyOffset();
1028
1029                        var expectedTop = target.getBoundingClientRect().top + window.scrollY - navbarHeight;
1030                        if (expectedTop > navbarTop) {
1031                            applyFixed();
1032                        } else {
1033                            removeFixed();
1034                        }
1035
1036                        try {
1037                            target.focus({ preventScroll: true });
1038                        } catch (error) {
1039                            target.focus();
1040                        }
1041
1042                        var targetTop = target.getBoundingClientRect().top + window.scrollY;
1043                        window.scrollTo(0, Math.max(targetTop - navbarHeight, 0));
1044                    }
1045
1046                    document.querySelectorAll('.skip-links a[href^="#"]').forEach(function(link) {
1047                        link.addEventListener('click', function(event) {
1048                            var hash = link.getAttribute('href');
1049                            var target = getTargetFromHash(hash);
1050                            if (!target) {
1051                                return;
1052                            }
1053
1054                            event.preventDefault();
1055
1056                            if (window.history && window.history.pushState) {
1057                                window.history.pushState(null, '', hash);
1058                            } else {
1059                                window.location.hash = hash;
1060                            }
1061
1062                            scrollToSkipTarget(hash);
1063                        });
1064                    });
1065
1066                    updateStickyOffset();
1067
1068                    function applyFixed() {
1069                        if (!stickyTarget.classList.contains('fixed-top')) {
1070                            updateStickyOffset();
1071                            stickyTarget.classList.add('fixed-top');
1072                            document.body.style.paddingTop = navbarHeight + 'px';
1073                            bodyPadApplied = true;
1074                        }
1075                    }
1076
1077                    function removeFixed() {
1078                        if (stickyTarget.classList.contains('fixed-top')) {
1079                            stickyTarget.classList.remove('fixed-top');
1080                            document.body.style.paddingTop = '';
1081                            bodyPadApplied = false;
1082                        }
1083                    }
1084
1085                    window.addEventListener('scroll', function() {
1086                        if (window.scrollY > navbarTop) {
1087                            applyFixed();
1088                        } else {
1089                            removeFixed();
1090                        }
1091                    });
1092
1093                    window.addEventListener('resize', function() {
1094                        updateStickyOffset();
1095                        if (!stickyTarget.classList.contains('fixed-top')) {
1096                            navbarTop = stickyTarget.getBoundingClientRect().top + window.scrollY;
1097                        }
1098                    });
1099
1100                    if ('ResizeObserver' in window) {
1101                        new ResizeObserver(updateStickyOffset).observe(stickyTarget);
1102                    }
1103
1104                    stickyTarget.querySelectorAll('img').forEach(function(image) {
1105                        if (!image.complete) {
1106                            image.addEventListener('load', updateStickyOffset, { once: true });
1107                        }
1108                    });
1109
1110                    window.addEventListener('load', updateStickyOffset);
1111
1112                    if (window.scrollY > navbarTop) applyFixed();
1113
1114                    if (window.location.hash) {
1115                        window.setTimeout(function() {
1116                            scrollToSkipTarget(window.location.hash);
1117                        }, 0);
1118                    }
1119                }
1120            }
1121        });
1122    }
1123
1124    if (document.readyState === 'loading') {
1125        document.addEventListener('DOMContentLoaded', init);
1126    } else {
1127        init();
1128    }
1129})();
1130</script>
1130</nav></div></div></div></div></div>        </div></div></div>  </div></div></div>  </div></div>        </header>
1131                <main id="main-content" tabindex="-1">
1132            <div class="content">
1133                                <div class="container-xl columns">
1134                                        <div class="js-widget o-widget o-widget--body o-widget-contenidor  clearfix boxBX  WidgetContainer " data-id="58" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="58"><div class="o-widget-container  row"><div class="view-25 js-widget o-widget o-widget-contenidor  col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContainer " data-id="61" >  <div class="o-widget-wrapper clearfix default-BX  mt-3 mb-3  row " data-id="61"><div class="o-widget-container  row"><div class="view-24 js-widget o-widget col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix boxBX  WidgetHtmlBlock " data-id="73" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="73"><div class="o-widget-title-slot o-widget__title_Line"><span>Benvinguts</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><p>La Nou de Berguedà i el nucli agregat de Malanyeu, tot i ser un petit municipi disposem de prou atractius i activitats per fer-lo especialment agradable i interessant. És molta la gent que ha estat a la Nou i Malanyeu al llarg dels anys i el caràcter acollidor de la seva gent i la bellesa i tranquil·litat dels seus paratges són especialment apreciats.</p>
1135
1136<p>Us convidem a visitar-nos i a gaudir del paisatge, de les nostres festes, dels monuments i de tot l'entorn natural. No dubteu a consultar tots els apartats d'aquest web.</p></div></div>  </div></div><div class="view-24 js-widget o-widget o-widget--oac col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix boxBX  WidgetHtmlBlock " data-id="79" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  ms-5  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="79"><div class="o-widget-title-slot o-widget__title_Line"><span>Horari Ajuntament</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><p>De dilluns a divendres, de 9 a 14 h i dilluns de 17 a 19 h.</p>
1137
1138<ul>
1139	<li><strong>Secretaria: </strong>de dilluns a divendres, de 10 a 14 h</li>
1140	<li><strong>Arquitecte municipal: </strong>dilluns, de 17 a 19 h<br />
1141	(cita prèvia)</li>
1142	<li><strong>Serveis Socials:</strong> dimarts de 10 a 12 h</li>
1143</ul></div></div>  </div></div></div>  </div></div><div class="view-24 js-widget o-widget o-widget--sliderSmall contentView-16 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContentsList " data-id="81" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  mt-5 mb-3  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="81"><div class="o-widget-title-slot o-widget__title_Line"><span>Administració electrònica</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic sliderSmall">
1144    <div class="container text-center my-3">
1145        <div class="row mx-auto my-auto">
1146            <div id="myCarouselSmall-81" class="carousel desktop slide w-100" data-ride="carousel">
1147                <div class="carousel-inner w-100" role="listbox">
1148                    <div class="carousel-item content-81 small active" data-id="0">        <div class="col-lg-2 margin-image">
1149        <a href="https://lanoudebergueda.eadministracio.cat/board" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1150                                <div class="background">
1151                <div class="image">
1152                    <div class="ratio default img">
1153                        <img src="/media/repository/baners_destacats/dreceres/b_tauleranuncis.png"
1154                             alt="">
1155                    </div>
1156                </div>
1157            </div>
1158                                    <div class="titleText">E-Tauler</div>
1159                </a>
1160    </div>
1161        <div class="col-lg-2 margin-image">
1162        <a href="https://lanoudebergueda.eadministracio.cat/e-invoice.3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1163                                <div class="background">
1164                <div class="image">
1165                    <div class="ratio default img">
1166                        <img src="/media/repository/baners_destacats/dreceres/b-Factura-electronica.png"
1167                             alt="">
1168                    </div>
1169                </div>
1170            </div>
1171                                    <div class="titleText">Facturació Electrònica</div>
1172                </a>
1173    </div>
1174        <div class="col-lg-2 margin-image">
1175        <a href="https://www.lanoudebergueda.cat/ajuntament/transparencia" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1176                                <div class="background">
1177                <div class="image">
1178                    <div class="ratio default img">
1179                        <img src="/media/repository/baners_destacats/dreceres/b-transparencia.png"
1180                             alt="">
1181                    </div>
1182                </div>
1183            </div>
1184                                    <div class="titleText">Govern Obert i Transparència</div>
1185                </a>
1186    </div>
1187        <div class="col-lg-2 margin-image">
1188        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/3098971?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1189                                <div class="background">
1190                <div class="image">
1191                    <div class="ratio default img">
1192                        <img src="/media/repository/baners_destacats/dreceres/b_perfil-contractant.png"
1193                             alt="">
1194                    </div>
1195                </div>
1196            </div>
1197                                    <div class="titleText">Perfil del Contractant</div>
1198                </a>
1199    </div>
1200        <div class="col-lg-2 margin-image">
1201        <a href="https://lanoudebergueda.eadministracio.cat/info.12" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1202                                <div class="background">
1203                <div class="image">
1204                    <div class="ratio default img">
1205                        <img src="/media/repository/baners_destacats/dreceres/b-tramits.png"
1206                             alt="">
1207                    </div>
1208                </div>
1209            </div>
1210                                    <div class="titleText">Tràmits i Gestions</div>
1211                </a>
1212    </div>
1213        <div class="col-lg-2 margin-image">
1214        <a href="https://www.lanoudebergueda.cat/serveis-i-tramits/verificacio-de-documents" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1215                                <div class="background">
1216                <div class="image">
1217                    <div class="ratio default img">
1218                        <img src="/media/repository/baners_destacats/dreceres/b-validacio.png"
1219                             alt="">
1220                    </div>
1221                </div>
1222            </div>
1223                                    <div class="titleText">Validació de Documents</div>
1224                </a>
1225    </div>
1226</div>                </div>
1227                <a class="carousel-control-prev hide w-auto" href="javascript:void(0)" data-content="81" role="button" aria-label="Anterior" data-sli
1227de="prev" data-end="0">
1228                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1229                    <span class="visually-hidden">Previous</span>
1230                </a>
1231                <a class="carousel-control-next hide w-auto " href="javascript:void(0)" role="button" data-content="81" aria-label='Següent' data-slide="next" data-end="0">
1232                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
1233                    <span class="visually-hidden">Next</span>
1234                </a>
1235            </div>
1236        </div>
1237
1238        <div class="row mx-auto my-auto">
1239            <div id="myCarouselSmallMobile-81" class="carousel mobile slide w-100" data-ride="carousel">
1240                <div class="carousel-inner w-100" role="listbox">
1241                    <div class="carousel-item content-mobile-81  small active" data-id="0">        <div class="col-lg-2 margin-image">
1242        <a href="https://lanoudebergueda.eadministracio.cat/board" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1243                                <div class="background">
1244                <div class="image">
1245                    <div class="ratio default img">
1246                        <img src="/media/repository/baners_destacats/dreceres/b_tauleranuncis.png"
1247                             alt="">
1248                    </div>
1249                </div>
1250            </div>
1251                                    <div class="titleText">E-Tauler</div>
1252                </a>
1253    </div>
1254</div><div class="carousel-item content-mobile-81  small " data-id="1">        <div class="col-lg-2 margin-image">
1255        <a href="https://lanoudebergueda.eadministracio.cat/e-invoice.3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1256                                <div class="background">
1257                <div class="image">
1258                    <div class="ratio default img">
1259                        <img src="/media/repository/baners_destacats/dreceres/b-Factura-electronica.png"
1260                             alt="">
1261                    </div>
1262                </div>
1263            </div>
1264                                    <div class="titleText">Facturació Electrònica</div>
1265                </a>
1266    </div>
1267</div><div class="carousel-item content-mobile-81  small " data-id="2">        <div class="col-lg-2 margin-image">
1268        <a href="https://www.lanoudebergueda.cat/ajuntament/transparencia" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1269                                <div class="background">
1270                <div class="image">
1271                    <div class="ratio default img">
1272                        <img src="/media/repository/baners_destacats/dreceres/b-transparencia.png"
1273                             alt="">
1274                    </div>
1275                </div>
1276            </div>
1277                                    <div class="titleText">Govern Obert i Transparència</div>
1278                </a>
1279    </div>
1280</div><div class="carousel-item content-mobile-81  small " data-id="3">        <div class="col-lg-2 margin-image">
1281        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/3098971?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1282                                <div class="background">
1283                <div class="image">
1284                    <div class="ratio default img">
1285                        <img src="/media/repository/baners_destacats/dreceres/b_perfil-contractant.png"
1286                             alt="">
1287                    </div>
1288                </div>
1289            </div>
1290                                    <div class="titleText">Perfil del Contractant</div>
1291                </a>
1292    </div>
1293</div><div class="carousel-item content-mobile-81  small " data-id="4">        <div class="col-lg-2 margin-image">
1294        <a href="https://lanoudebergueda.eadministracio.cat/info.12" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1295                                <div class="background">
1296                <div class="image">
1297                    <div class="ratio default img">
1298                        <img src="/media/repository/baners_destacats/dreceres/b-tramits.png"
1299                             alt="">
1300                    </div>
1301                </div>
1302            </div>
1303                                    <div class="titleText">Tràmits i Gestions</div>
1304                </a>
1305    </div>
1306</div><div class="carousel-item content-mobile-81  small " data-id="5">        <div class="col-lg-2 margin-image">
1307        <a href="https://www.lanoudebergueda.cat/serveis-i-tramits/verificacio-de-documents" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1308                                <div class="background">
1309                <div class="image">
1310                    <div class="ratio default img">
1311                        <img src="/media/repository/baners_destacats/dreceres/b-validacio.png"
1312                             alt="">
1313                    </div>
1314                </div>
1315            </div>
1316                                    <div class="titleText">Validació de Documents</div>
1317                </a>
1318    </div>
1319</div>                </div>
1320                <a class="carousel-control-prev-mobile  w-auto" href="javascript:void(0)" data-content="81" role="button" aria-label="Anterior" data-sli
1320de="prev" data-end="5">
1321                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1322                    <span class="visually-hidden">Previous</span>
1323                </a>
1324                <a class="carousel-control-next-mobile  w-auto " href="javascript:void(0)" role="button" data-content="81" aria-label='Següent' data-slide="next" data-end="5">
1325                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
1326                    <span class="visually-hidden">Next</span>
1327                </a>
1328            </div>
1329        </div>
1330    </div>
1331</div></div></div>  </div></div><div class="view-24 js-widget o-widget o-widget--mosaicFlexible contentView-39 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContentsList " data-id="71" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  mt-3 mb-3  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="71"><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">
1332        <ul class="clear article-list row gx-5 justify-content-start liststylenone">
1333      <li class="article-item hover nohover col-12 col-md-12">
1334    <div class="row">
1335            <div class="item-noticia col-12 col-md-10  info">
1336        <span class="data-item bt"><span class="">29-juny-2026</span></span>                    <a href="https://www.lanoudebergueda.cat/actualitat/noticies/activtats-cicle-any-gaudi.html" target="_self" class="title">Activtats "Cicle Any Gaudí"</a>
1337                        <div class="entradeta ddbbtext"><p>A continuació us detallem les activitats que portarem a terme al municipi en referència a l'any Gaudí.</p>
1338</div>            </div>
1339        <div class=" col-12 col-md-2 image " onclick="redirect('https://www.lanoudebergueda.cat/actualitat/noticies/activtats-cicle-any-gaudi.html','_self')">
1340            <div class="default">
1341                                    <img src="/media/repository/noticies/Butlletins/2026/cicle_any_gaudi_2026.png" alt="" class="img">
1342                            </div>
1343        </div>    </div>
1344    <!-- Media icons section: shown AFTER text and image when enabled in view params -->
1345    <div class="row">
1346        <div class="col-12">
1347                    </div>
1348    </div>
1349</li>
1350<li class="article-item hover nohover col-12 col-md-12">
1351    <div class="row">
1352            <div class="item-noticia col-12 col-md-10  info">
1353        <span class="data-item bt"><span class="">11-juny-2026</span></span>                    <a href="https://www.lanoudebergueda.cat/actualitat/noticies/butlleti-del-mes-de-juny-de-2026.html" target="_self" class="title">Butlletí del mes de juny de 2026</a>
1354                        <div class="entradeta ddbbtext"><p><b><span lang="ES" style="font-size:14.0pt"><span style="line-height:115%"><span aptos="" style="font-family:">Juny 2026 – La Nou de Berguedà</span></span></span></b></p>
1355
1356<p> </p>
1357
1358<p>Us deixem un recull de les activitats que portarem a terme durant el mes de juny 2026.</p>
1359
1360<p> </p>
1361
1362<p>Us hi esperem!</p>
1363</div>            </div>
1364        <div class=" col-12 col-md-2 image " onclick="redirect('https://www.lanoudebergueda.cat/actualitat/noticies/butlleti-del-mes-de-juny-de-2026.html','_self')">
1365            <div class="default">
1366                                    <img src="/media/repository/noticies/Butlletins/2026/Juny_26_-_1.png" alt="" class="img">
1367                            </div>
1368        </div>    </div>
1369    <!-- Media icons section: shown AFTER text and image when enabled in view params -->
1370    <div class="row">
1371        <div class="col-12">
1372                    </div>
1373    </div>
1374</li>
1375<li class="article-item hover nohover col-12 col-md-12">
1376    <div class="row">
1377            <div class="item-noticia col-12 col-md-10  info">
1378        <span class="data-item bt"><span class="">01-abr.-2026</span></span>                    <a href="https://www.lanoudebergueda.cat/actualitat/noticies/resultat-de-la-consulta-popular-no-referend
1378aria-del-dia-28-de-marc-de-2026.html" target="_self" class="title">Resultat de la Consulta popular no referendària del dia 28 de març de 2026</a>
1379                        <div class="entradeta ddbbtext"><p>Resultat de la Consulta popular no referendària sobre la instal·lació d'una central hidroelèctrica reversible a l'embassament de La Baells.</p>
1380</div>            </div>
1381        <div class=" col-12 col-md-2 image " onclick="redirect('https://www.lanoudebergueda.cat/actualitat/noticies/resultat-de-la-consulta-popular-no-referendaria-del-dia-28-de-marc-de-2026.html','_self')">
1382            <div class="default">
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
1392  </ul>
1393  <a class="readMore" href="/actualitat/noticies/" target="_self">Més notícies</a></div></div></div>  </div></div><div class="view-24 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="86" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  mt-5 mb-3  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="86"><div class="o-widget-title-slot o-widget__title_Line"><span>Turisme </span></div><div class="o-widget-container  row"><div class="js-widget o-widget o-widget--sliderBootstrap contentView-40 col-xs-12 col-sm-9 col-md-9 col-lg-9 clearfix boxBX  WidgetContentsList " data-id="72" >  <div class="o-widget-wrapper clearfix default-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-text" data-id="72"><div class="o-widget-title-slot o-widget__title"><span>Llocs d'interès</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic">
1394  <div id="carousel72" class="carousel slide pointer-event sliderBootstrap1 carousel-ride-72"
1395         data-bs-ride="carousel-ride-72"
1396         data-bs-interval="0"
1397         data-bs-id="72"
1398    >
1399    <ol class="carousel-indicators">
1400              <li data-bs-target="#carousel72" data-bs-slide-to="0"
1401          class="active" 
1402          aria-current="true" aria-label=""> 
1403        </li>
1404              <li data-bs-target="#carousel72" data-bs-slide-to="1"
1405           
1406          aria-current="true" aria-label=""> 
1407        </li>
1408              <li data-bs-target="#carousel72" data-bs-slide-to="2"
1409           
1410          aria-current="true" aria-label=""> 
1411        </li>
1412              <li data-bs-target="#carousel72" data-bs-slide-to="3"
1413           
1414          aria-current="true" aria-label=""> 
1415        </li>
1416              <li data-bs-target="#carousel72" data-bs-slide-to="4"
1417           
1418          aria-current="true" aria-label=""> 
1419        </li>
1420              <li data-bs-target="#carousel72" data-bs-slide-to="5"
1421           
1422          aria-current="true" aria-label=""> 
1423        </li>
1424              <li data-bs-target="#carousel72" data-bs-slide-to="6"
1425           
1426          aria-current="true" aria-label=""> 
1427        </li>
1428              <li data-bs-target="#carousel72" data-bs-slide-to="7"
1429           
1430          aria-current="true" aria-label=""> 
1431        </li>
1432              <li data-bs-target="#carousel72" data-bs-slide-to="8"
1433           
1434          aria-current="true" aria-label=""> 
1435        </li>
1436          </ol>
1437    <div class="carousel-inner">
1438                    <div class="carousel-item active">
1439          <div class="default">
1440                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/esglesia-de-sant-marti-la-nou.html" target="_self"  >
1441              <span class="visually-hidden">Església de Sant Martí (La Nou)</span>
1442              <img src="/media/repository/municipi/llocs_d_interes/EsgleiaSantMarti.png" class="d-block w-100 img" alt="">
1443            </a>
1444                      </div>
1445          <div class="container ">
1446            <div class="carousel-caption d-none-text d-md-block">
1447              <div class="container-text">
1448                              <span>
1449                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/esglesia-de-sant-marti-la-nou.html" target="_self"  >
1450                    Església de Sant Martí (La Nou)                  </a>
1451                </span>
1452                                                        </div>
1453            </div>
1454          </div>
1455        </div>
1456                      <div class="carousel-item ">
1457          <div class="default">
1458                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/esglesia-de-sant-sadurni-de-malanyeu.html" target="_self"  >
1459              <span class="visually-hidden">Església de Sant Sadurní de Malanyeu</span>
1460              <img src="/media/repository/municipi/llocs_d_interes/EsgleiaSantSadurni.png" class="d-block w-100 img" alt="">
1461            </a>
1462                      </div>
1463          <div class="container ">
1464            <div class="carousel-caption d-none-text d-md-block">
1465              <div class="container-text">
1466                              <span>
1467                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/esglesia-de-sant-sadurni-de-malanyeu.html" target="_self"  >
1468                    Església de Sant Sadurní de Malanyeu                  </a>
1469                </span>
1470                                                        </div>
1471            </div>
1472          </div>
1473        </div>
1474                      <div class="carousel-item ">
1475          <div class="default">
1476                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/font-de-cal-patzi.html" target="_self"  >
1477              <span class="visually-hidden">Font de Cal Patzi</span>
1478              <img src="/media/repository/municipi/llocs_d_interes/FontCalPatzi.png" class="d-block w-100 img" alt="">
1479            </a>
1480                      </div>
1481          <div class="container ">
1482            <div class="carousel-caption d-none-text d-md-block">
1483              <div class="container-text">
1484                              <span>
1485                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/font-de-cal-patzi.html" target="_self"  >
1486                    Font de Cal Patzi                  </a>
1487                </span>
1488                                                        </div>
1489            </div>
1490          </div>
1491        </div>
1492                      <div class="carousel-item ">
1493          <div class="default">
1494                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/font-de-les-travesses-malanyeu.html" target="_self"  >
1495              <span class="visually-hidden">Font de les Travesses (Malanyeu)</span>
1496              <img src="/media/repository/municipi/llocs_d_interes/fontdeles_Travesses.png" class="d-block w-100 img" alt="">
1497            </a>
1498                      </div>
1499          <div class="container ">
1500            <div class="carousel-caption d-none-text d-md-block">
1501              <div class="container-text">
1502                              <span>
1503                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/font-de-les-travesses-malanyeu.html" target="_self"  >
1504                    Font de les Travesses (Malanyeu)                  </a>
1505                </span>
1506                                                        </div>
1507            </div>
1508          </div>
1509        </div>
1510                      <div class="carousel-item ">
1511          <div class="default">
1512                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/font-del-salic.html" target="_self"  >
1513              <span class="visually-hidden">Font del Sàlic</span>
1514              <img src="/media/repository/municipi/llocs_d_interes/fonsSalic.png" class="d-block w-100 img" alt="">
1515            </a>
1516                      </div>
1517          <div class="container ">
1518            <div class="carousel-caption d-none-text d-md-block">
1519              <div class="container-text">
1520                              <span>
1521                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/font-del-salic.html" target="_self"  >
1522                    Font del Sàlic                  </a>
1523                </span>
1524                                                        </div>
1525            </div>
1526          </div>
1527        </div>
1528                      <div class="carousel-item ">
1529          <div class="default">
1530                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/la-gruta-de-lurdes-de-la-nou-.html" target="_self"  >
1531              <span class="visually-hidden">La Gruta de Lurdes de la Nou </span>
1532              <img src="/media/repository/municipi/llocs_d_interes/GrutaLurdes.png" class="d-block w-100 img" alt="">
1533            </a>
1534                      </div>
1535          <div class="container ">
1536            <div class="carousel-caption d-none-text d-md-block">
1537              <div class="container-text">
1538                              <span>
1539                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/la-gruta-de-lurdes-de-la-nou-.html" target="_self"  >
1540                    La Gruta de Lurdes de la Nou                   </a>
1541                </span>
1542                                                        </div>
1543            </div>
1544          </div>
1545        </div>
1546                      <div class="carousel-item ">
1547          <div class="default">
1548                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/mina-de-les-agudes.html" target="_self"  >
1549              <span class="visually-hidden">Mina de les Agudes</span>
1550              <img src="/media/repository/municipi/llocs_d_interes/MinaAgudes.png" class="d-block w-100 img" alt="">
1551            </a>
1552                      </div>
1553          <div class="container ">
1554            <div class="carousel-caption d-none-text d-md-block">
1555              <div class="container-text">
1556                              <span>
1557                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/mina-de-les-agudes.html" target="_self"  >
1558                    Mina de les Agudes                  </a>
1559                </span>
1560                                                        </div>
1561            </div>
1562          </div>
1563        </div>
1564                      <div class="carousel-item ">
1565          <div class="default">
1566                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/moli-de-lavellanosa.html" target="_self"  >
1567              <span class="visually-hidden">Molí de l'Avellanosa</span>
1568              <img src="/media/repository/municipi/llocs_d_interes/MoliAvellanosa.png" class="d-block w-100 img" alt="">
1569            </a>
1570                      </div>
1571          <div class="container ">
1572            <div class="carousel-caption d-none-text d-md-block">
1573              <div class="container-text">
1574                              <span>
1575                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/moli-de-lavellanosa.html" target="_self"  >
1576                    Molí de l'Avellanosa                  </a>
1577                </span>
1578                                                        </div>
1579            </div>
1580          </div>
1581        </div>
1582                      <div class="carousel-item ">
1583          <div class="default">
1584                        <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/moli-del-canal.html" target="_self"  >
1585              <span class="visually-hidden">Molí del Canal</span>
1586              <img src="/media/repository/municipi/llocs_d_interes/MoliCanal.png" class="d-block w-100 img" alt="">
1587            </a>
1588                      </div>
1589          <div class="container ">
1590            <div class="carousel-caption d-none-text d-md-block">
1591              <div class="container-text">
1592                              <span>
1593                  <a href="https://www.lanoudebergueda.cat/el-municipi/turisme/llocs-dinteres/moli-del-canal.html" target="_self"  >
1594                    Molí del Canal                  </a>
1595                </span>
1596                                                        </div>
1597            </div>
1598          </div>
1599        </div>
1600            </div>
1601        <a class="carousel-control-prev" role="button" data-bs-target="#carousel72" data-bs-slide="prev">
1602      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1603      <span class="visually-hidden">Anterior</span>
1604    </a>
1605    <a class="carousel-control-next" role="button" data-bs-target="#carousel72" data-bs-slide="next">
1606      <span class="carousel-control-next-icon" aria-hidden="true"></span>
1607      <span class="visually-hidden">Següent</span>
1608    </a>
1609            </div>
1610</div></div></div>  </div></div><div class="js-widget o-widget o-widget--banner contentView-2 col-xs-12 col-sm-3 col-md-3 col-lg-3 clearfix boxBX  WidgetContentsList " data-id="69" >  <div class="o-widget-wrapper clearfix default-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-text" data-id="69"><div class="o-widget-title-slot o-widget__title"><span>Webs de turisme</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic">
1611        <ul class="clear articlelist default">
1612            <li class="tplBanner col-md-12 ">
1613                <a href="https://www.elbergueda.cat/" target="_blank"  title="Obre-ho en pestanya nova" class="clearfix" >
1614                        <span class="visually-hidden">enllaç web Berguedà turisme</span>
1615            <img src="/media/repository/directori/oficinaturisme.png" alt="enllaç web Berguedà turisme">
1616        </a>
1617    </li>
1618    <li class="tplBanner col-md-12 ">
1619                <a href="https://www.elbergueda.cat/es/pl165/descobreix/natura/passejades-familiars-i-tematiques/id620/un-tomb-per-la-nou.htm" target="_blank"  title="Obre-ho en pestanya nova" class="clearfix" >
1620                        <span class="visually-hidden">Enllaç web un tomb per la Nou</span>
1621            <img src="/media/repository/directori/un_tomb_per_la_nou.png" alt="Enllaç web un tomb per la Nou">
1622        </a>
1623    </li>
1624    </ul>
1625    </div></div></div>  </div></div></div>  </div></div><div class="view-24 js-widget o-widget o-widget-contenidor  col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContainer " data-id="90" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  mt-5 mb-3  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="90"><div class="o-widget-title-slot o-widget__title_Line"><span>Us pot interessar</span></div><div class="o-widget-container  row"><div class="js-widget o-widget o-widget--sliderSmall contentView-16 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContentsList " data-id="91" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="91"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic sliderSmall">
1626    <div class="container text-center my-3">
1627        <div class="row mx-auto my-auto">
1628            <div id="myCarouselSmall-91" class="carousel desktop slide w-100" data-ride="carousel">
1629                <div class="carousel-inner w-100" role="listbox">
1630                    <div class="carousel-item content-91 small active" data-id="0">        <div class="col-lg-2 margin-image">
1631        <a href="http://ocupat.ajberga.cat/" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1632                                <div class="background">
1633                <div class="image">
1634                    <div class="ratio default img">
1635                        <img src="/media/repository/baners_destacats/dreceres/Feino.jpg"
1636                             alt="">
1637                    </div>
1638                </div>
1639            </div>
1640                                    <div class="titleText">Busques feina?</div>
1641                </a>
1642    </div>
1643        <div class="col-lg-2 margin-image">
1644        <a href="https://www.farmaguia.net/desktop/" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1645                                <div class="background">
1646                <div class="image">
1647                    <div class="ratio default img">
1648                        <img src="/media/repository/baners_destacats/dreceres/farmacia.jpg"
1649                             alt="">
1650                    </div>
1651                </div>
1652            </div>
1653                                    <div class="titleText">Farmàcies de guàrdia </div>
1654                </a>
1655    </div>
1656        <div class="col-lg-2 margin-image">
1657        <a href="https://bibliotecavirtual.diba.cat/ca/bibliobus-serra-del-cadi" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1658                                <div class="background">
1659                <div class="image">
1660                    <div class="ratio default img">
1661                        <img src="/media/repository/baners_destacats/dreceres/BiblioCadi.jpg"
1662                             alt="">
1663                    </div>
1664                </div>
1665            </div>
1666                                    <div class="titleText">Bibliobús Serra del Cadí</div>
1667                </a>
1668    </div>
1669        <div class="col-lg-2 margin-image">
1670        <a href="https://www.lanoudebergueda.cat/serveis-i-tramits/serveis/caixers-mobils.html" target="_self"  class="banner">
1671                                <div class="background">
1672                <div class="image">
1673                    <div class="ratio default img">
1674                        <img src="/media/repository/baners_destacats/dreceres/caixers.jpg"
1675                             alt="">
1676                    </div>
1677                </div>
1678            </div>
1679                                    <div class="titleText">Caixers mòbils</div>
1680                </a>
1681    </div>
1682        <div class="col-lg-2 margin-image">
1683        <a href="https://www.bergueda.cat/transportademanda/" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1684                                <div class="background">
1685                <div class="image">
1686                    <div class="ratio default img">
1687                        <img src="/media/repository/baners_destacats/dreceres/autobus-a-demanda.png"
1688                             alt="">
1689                    </div>
1690                </div>
1691            </div>
1692                                    <div class="titleText">Transport a demanda</div>
1693                </a>
1694    </div>
1695</div>                </div>
1696                <a class="carousel-control-prev hide w-auto" href="javascript:void(0)" data-content="91" role="button" aria-label="Anterior" data-sli
1696de="prev" data-end="0">
1697                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1698                    <span class="visually-hidden">Previous</span>
1699                </a>
1700                <a class="carousel-control-next hide w-auto " href="javascript:void(0)" role="button" data-content="91" aria-label='Següent' data-slide="next" data-end="0">
1701                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
1702                    <span class="visually-hidden">Next</span>
1703                </a>
1704            </div>
1705        </div>
1706
1707        <div class="row mx-auto my-auto">
1708            <div id="myCarouselSmallMobile-91" class="carousel mobile slide w-100" data-ride="carousel">
1709                <div class="carousel-inner w-100" role="listbox">
1710                    <div class="carousel-item content-mobile-91  small active" data-id="0">        <div class="col-lg-2 margin-image">
1711        <a href="http://ocupat.ajberga.cat/" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1712                                <div class="background">
1713                <div class="image">
1714                    <div class="ratio default img">
1715                        <img src="/media/repository/baners_destacats/dreceres/Feino.jpg"
1716                             alt="">
1717                    </div>
1718                </div>
1719            </div>
1720                                    <div class="titleText">Busques feina?</div>
1721                </a>
1722    </div>
1723</div><div class="carousel-item content-mobile-91  small " data-id="1">        <div class="col-lg-2 margin-image">
1724        <a href="https://www.farmaguia.net/desktop/" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1725                                <div class="background">
1726                <div class="image">
1727                    <div class="ratio default img">
1728                        <img src="/media/repository/baners_destacats/dreceres/farmacia.jpg"
1729                             alt="">
1730                    </div>
1731                </div>
1732            </div>
1733                                    <div class="titleText">Farmàcies de guàrdia </div>
1734                </a>
1735    </div>
1736</div><div class="carousel-item content-mobile-91  small " data-id="2">        <div class="col-lg-2 margin-image">
1737        <a href="https://bibliotecavirtual.diba.cat/ca/bibliobus-serra-del-cadi" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1738                                <div class="background">
1739                <div class="image">
1740                    <div class="ratio default img">
1741                        <img src="/media/repository/baners_destacats/dreceres/BiblioCadi.jpg"
1742                             alt="">
1743                    </div>
1744                </div>
1745            </div>
1746                                    <div class="titleText">Bibliobús Serra del Cadí</div>
1747                </a>
1748    </div>
1749</div><div class="carousel-item content-mobile-91  small " data-id="3">        <div class="col-lg-2 margin-image">
1750        <a href="https://www.lanoudebergueda.cat/serveis-i-tramits/serveis/caixers-mobils.html" target="_self"  class="banner">
1751                                <div class="background">
1752                <div class="image">
1753                    <div class="ratio default img">
1754                        <img src="/media/repository/baners_destacats/dreceres/caixers.jpg"
1755                             alt="">
1756                    </div>
1757                </div>
1758            </div>
1759                                    <div class="titleText">Caixers mòbils</div>
1760                </a>
1761    </div>
1762</div><div class="carousel-item content-mobile-91  small " data-id="4">        <div class="col-lg-2 margin-image">
1763        <a href="https://www.bergueda.cat/transportademanda/" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
1764                                <div class="background">
1765                <div class="image">
1766                    <div class="ratio default img">
1767                        <img src="/media/repository/baners_destacats/dreceres/autobus-a-demanda.png"
1768                             alt="">
1769                    </div>
1770                </div>
1771            </div>
1772                                    <div class="titleText">Transport a demanda</div>
1773                </a>
1774    </div>
1775</div>                </div>
1776                <a class="carousel-control-prev-mobile  w-auto" href="javascript:void(0)" data-content="91" role="button" aria-label="Anterior" data-sli
1776de="prev" data-end="4">
1777                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1778                    <span class="visually-hidden">Previous</span>
1779                </a>
1780                <a class="carousel-control-next-mobile  w-auto " href="javascript:void(0)" role="button" data-content="91" aria-label='Següent' data-slide="next" data-end="4">
1781                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
1782                    <span class="visually-hidden">Next</span>
1783                </a>
1784            </div>
1785        </div>
1786    </div>
1787</div></div></div>  </div></div></div>  </div></div></div>  </div></div>                </div>
1788            </div>
1789        </main>
1790        <footer id="footer-content" tabindex="-1">
1791            <div class="js-widget o-widget o-widget--footer o-widget-contenidor  clearfix boxBX  WidgetContainer " data-id="59" >  <div class="o-widget-wrapper clearfix default-BX  " data-id="59"><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="64" >  <div class="o-widget-wrapper clearfix default-BX  " data-id="64"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="footer">
1792    <div class="shortcuts">
1793    <div class="container-xl">            
1794        <div class="featuredItem responsiveHeight">
1795    <h2 class="title">RSS</h2>
1796    <p class="subtitle">L'actualitat a un clic</p>
1797    <ul id="cm_rss">
1798        <li style="background-image: url('/themes/noudebergueda/images/ico_16_rss.png');">
1799    <a href="/rss/12">
1800           Agenda    </a>
1801</li>
1802<li style="background-image: url('/themes/noudebergueda/images/ico_16_rss.png');">
1803    <a href="/rss/15">
1804           Agenda política    </a>
1805</li>
1806<li style="background-image: url('/themes/noudebergueda/images/ico_16_rss.png');">
1807    <a href="/rss/13">
1808           Avisos    </a>
1809</li>
1810<li style="background-image: url('/themes/noudebergueda/images/ico_16_rss.png');">
1811    <a href="/rss/11">
1812           Notícies    </a>
1813</li>
1814<li style="background-image: url('/themes/noudebergueda/images/ico_16_rss.png');">
1815    <a href="/rss/14">
1816           Publicacions    </a>
1817</li>
1818    </ul>
1819</div>
1820<div class="featuredItem responsiveHeight">
1821    <h2 class="title">Adreces i telèfons</h2>
1822    
1823    <img width="96" height="96" src="/themes/noudebergueda/images/icons/plugin_home.png" alt="">
1824
1825    <p class="elem_button">
1826        <a href="/adreces-i-telefons" aria-label="Adreces i telèfons">
1827            Accedeix        </a>
1828    </p>
1829</div>
1830<div class="featuredItem">
1831    <h2 class="title">Meteo</h2>
1832    <div id="cm_meteocat">
1833        <ul class="bxslider">
1834            <li>
1835    Dissabte, 3 d’octubre    <img width="80" height="80"
1836        alt="entre mig i molt ennuvolat"
1837        src="/themes/noudebergueda/images/meteocat/nuvol.png"
1838    >
1839    <p>
1840        T.Màx: 22&deg;
1841        <br>
1842        T.Min: 13&deg;
1843    </p>
1844            <p>
1845            Tarda
1846            <img alt="xàfec amb tempesta" width="24" height="24"
1847                src="/themes/noudebergueda/images/meteocat/tempesta.png"
1848            >
1849        </p>
1850    </li>
1851<li>
1852    Diumenge, 4 d’octubre    <img width="80" height="80"
1853        alt="entre poc i mig ennuvolat"
1854        src="/themes/noudebergueda/images/meteocat/nuvolina.png"
1855    >
1856    <p>
1857        T.Màx: 21&deg;
1858        <br>
1859        T.Min: 13&deg;
1860    </p>
1861            <p>
1862            Tarda
1863            <img alt="entre mig i molt ennuvolat" width="24" height="24"
1864                src="/themes/noudebergueda/images/meteocat/nuvol.png"
1865            >
1866        </p>
1867    </li>
1868        </ul>
1869        <div class="outside">
1870            <p><span id="slider-prev"></span><span id="slider-next"></span></p>
1871        </div>
1872
1873    </div>
1874</div>
1875<div class="featuredItem responsiveHeight">
1876    <h2 class="title">Butlletí digital</h2>
1877    <img width="96" height="96" src="/front/view/images/icons/plugin_newsletter.png" alt="">
1878    <p class="elem_button">
1879        <a href="/actualitat/butlleti-digital" aria-label="Butlletí digital">
1880            Subscriu-te        </a>
1881    </p>
1882</div>
1883<div id="cm_planol" class="featuredItem responsiveHeight">
1884    <h2 class="title">Plànol / Carrers</h2>
1885
1886    <img width="96" height="96" src="/themes/noudebergueda/images/icons/plugin_map.png" alt="">
1887
1888    <p class="elem_button">
1889        <a href="/el-municipi/planol--guia-de-carrers" aria-label="Plànol">
1890            Accedeix        </a>
1891    </p>
1892</div>
1893    </div>
1894</div>
1895    <div class="hightlights">
1896        <div class="container-xl">
1897                    </div>
1898    </div>
1899    <nav class="menu" aria-label="Peu de menú">
1900        <ul class="container-xl sitemap">
1901            <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/salutacio-del-poble" target="_self" >Salutació del Poble  </a></li><li class="subMenuPage-8">  <a class="subMenuPage-8" href="/ajuntament/govern" target="_self" >Govern  </a></li><li class="subMenuPage-144">  <a class="subMenuPage-144" href="/ajuntament/informacio-oficial" target="_self" >Informació Oficial  </a></li><li class="subMenuPage-122">  <a class="subMenuPage-122" href="/ajuntament/que-es-la-seu-electronica" target="_self" >Seu electrònica  </a></li><li class="subMenuPage-123">  <a class="subMenuPage-123" href="/ajuntament/transparencia" target="_self" >Transparència  </a></li></ul></li><li class="page-10 Inferior">  <a class="page-10" href="/serveis-i-tramits" target="_self" >Serveis i tràmits  </a><ul id="footer-menu-10"><li class="subMenuPage-82">  <a class="subMenuPage-82" href="/serveis-i-tramits/oficines-municipals" target="_self" >Oficines municipals  </a></li><li class="subMenuPage-33">  <a class="subMenuPage-33" href="/serveis-i-tramits/serveis" target="_self" >Serveis  </a></li><li class="subMenuPage-31">  <a class="subMenuPage-31" href="/serveis-i-tramits/tramits-i-gestions" target="_self" >Tràmits i gestions  </a></li><li class="subMenuPage-90">  <a class="subMenuPage-90" href="/serveis-i-tramits/carpeta-ciutadana" target="_self" >Carpeta ciutadana  </a></li><li class="subMenuPage-151">  <a class="subMenuPage-151" href="/serveis-i-tramits/verificacio-de-documents" target="_self" >Verificació de documents  </a></li><li class="subMenuPage-32">  <a class="subMenuPage-32" href="/serveis-i-tramits/impostos" target="_self" >Impostos  </a></li><li class="subMenuPage-88">  <a class="subMenuPage-88" href="/serveis-i-tramits/factura-electronica" target="_self" >Factura electrònica  </a></li><li class="subMenuPage-133">  <a class="subMenuPage-133" href="/serveis-i-tramits/finestreta-unica-empresarial-fue" target="_self" >Finestreta Única Empresarial (FUE)  </a></li><li class="subMenuPage-145">  <a class="subMenuPage-145" href="/serveis-i-tramits/notificacions-electroniques" target="_self" >Notificacions electròniques  </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-34">  <a class="subMenuPage-34" href="/el-municipi/com-arribar" target="_self" >Com arribar  </a></li><li class="subMenuPage-36">  <a class="subMenuPage-36" href="/el-municipi/planol--guia-de-carrers" target="_self" >Plànol / Guia de carrers  </a></li><li class="subMenuPage-3">  <a class="subMenuPage-3" href="/el-municipi/guia-del-municipi" target="_self" >Guia del municipi  </a></li><li class="subMenuPage-7">  <a class="subMenuPage-7" href="/el-municipi/informacio-del-municipi" target="_self" >Informació del municipi  </a></li><li class="subMenuPage-131">  <a class="subMenuPage-131" href="/el-municipi/turisme" target="_self" >Turisme  </a></li><li class="subMenuPage-48">  <a class="subMenuPage-48" href="/el-municipi/informacio-geografica" target="_self" >Informació geogràfica  </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-128">  <a class="subMenuPage-128" href="/actualitat/avisos" target="_self" >Avisos  </a></li><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-55">  <a class="subMenuPage-55" href="/actualitat/butlleti-digital" target="_self" >Butlletí digital  </a></li><li class="subMenuPage-56">  <a class="subMenuPage-56" href="/actualitat/butlleti-municipal" target="_self" >Butlletí municipal  </a></li><li class="subMenuPage-142">  <a class="subMenuPage-142" href="/actualitat/publicacions" target="_self" >Publicacions  </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/hemeroteca" target="_self" >Hemeroteca  </a></li></ul></li><li class="page-5 Inferior">  <a class="page-5" href="/adreces-i-telefons" target="_self" >Adreces i telèfons  </a></li>        </ul>
1902    </nav>
1903    <div class="links">
1904        <div class="container-xl">
1905            <div class="row">
1906                <div class="xxss col-md-6 col-sm-6 col-lg-6 middle">                
1907                                    </div>
1908                <div class="col-md-6 col-sm-6 col-lg-6 middle">
1909                    <nav class="menu"><ul id="Inferior2"><li class="page-158">  <a href="http://centinela.lefebvre.es/public/concept/1933547?access=XpF%2bwGSS%2bTNSxFhkJgmM8TtdYrzF3Rec7V8El13EYao%3d" target="_blank" rel="noopener noreferrer" >Llei 2/2023  </a></li><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/accessibilitat" target="_self" >Accessibilitat  </a></li></ul></nav>                </div>
1910            </div>
1911        </div>
1912    </div>
1913    <div class="contact">
1914        <div class="container-xl">
1915            <div class="row">
1916                <address class="address col-md-6 col-sm-6 col-lg-6">
1917    <div class="title">
1918        Ajuntament de La Nou de Berguedà    </div>
1919    Plaça de l'Ajuntament, 1<br>08698 La Nou de Berguedà<br>Tel. 938 259 000<br>Fax 938 248 027<br>NIF P0814100D<br></address><div class="diba col-md-6 col-sm-6 col-lg-6" id="diba-partner">
1920    <div class="title">
1921        Amb la col·laboració de:    </div>
1922    <a href="http://diba.cat/" target="_blank" aria-label="Anar a la web Diputació de Barcelona" title="Obre en finestra nova: Diputació de Barcelona">
1923        <span style="display: none">Diputació de Barcelona</span>
1924        <img src="/front/view//images/logoDiba/Blanc.svg" alt="Diputació de Barcelona" class="logo-diba">
1925    </a>
1926</div>            </div>
1927        </div>
1928    </div>
1929</div>
1930</div></div>  </div></div></div>  </div></div>        </footer>
1931        <!-- Llibreries de tercers + js propis registrats a AssetManager (jQuery primer) -->
1932<script src="/front/view/js/bower_components/jquery/dist/jquery.min.js?ver=1790950165"></script>
vendor: 1 bytes, line 1932
1932
1933<script src="/front/view/js/bower_components/bootstrap/dist/js/bootstrap.bundle.min.js?ver=1790950165"></script>
vendor: 1 bytes, line 1933
1933
1934<script src="/front/view/js/bower_components/bxslider-4/dist/jquery.bxslider.js?ver=1790950165"></script>
vendor: 1 bytes, line 1934
1934
1935<script src="/front/view/js/bower_components/jscal/index.js?ver=1790950165"></script>
vendor: 1 bytes, line 1935
1935
1936<script src="/common/bower_components/select2/dist/js/select2.min.js?ver=1790950165"></script>
vendor: 1 bytes, line 1936
1936
1937<script src="/common/bower_components/select2/dist/js/i18n/ca.js?ver=1790950165"></script>
vendor: 1 bytes, line 1937
1937
1938<script src="/common/bower_components/strength.js/src/strength.min.js?ver=1790950165"></script>
vendor: 1 bytes, line 1938
1938
1939<script src="/front/view/js/bower_components/masonry-layout/dist/masonry.pkgd.min.js?ver=1790950165"></script>
vendor: 1 bytes, line 1939
1939
1940<script src="/front/view/js/constants.js?ver=1790950165"></script>
vendor: 1 bytes, line 1940
1940
1941<script src="/front/view/js/functions.js?ver=1790950165"></script>
vendor: 1 bytes, line 1941
1941
1942<script src="/front/view/js/functions/footer.js?ver=1790950165"></script>
vendor: 1 bytes, line 1942
1942
1943<script src="/front/view/js/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js?ver=1790950165"></script>
vendor: 1 bytes, line 1943
1943
1944<script src="/front/view/js/bower_components/jquery.prettyPhoto/index.js?ver=1790950165"></script>
vendor: 1 bytes, line 1944
1944
1945<script>
1946    $(document).ready(function(){
1947                    $("a[rel^='prettyPhoto']").prettyPhoto();
1948            $("a[rel^='prettyFrame']").prettyPhoto();
1949            });
1950</script>
vendor: 1 bytes, line 1950
1950
1951<script>
1952        var TWITTER = null;
1953            var FACEBOOK = null;
1954        $(window).on("load", function() {
1955        start();
1956    });
1957        
1958    // Initialize Select2 with icon support for category filter
1959    $(document).ready(function() {
1960        if ($('#categoryFilter').length) {
1961            $('#categoryFilter').select2({
1962                templateResult: function(option) {
1963                    if (!option.id) return option.text;
1964                    var icon = $(option.element).data('icon');
1965                    if (!icon) return option.text;
1966                    return $('<span><img src="' + icon + '" style="width: 16px; height: 16px; margin-right: 6px; vertical-align: middle;"> ' + option.text + '</span>');
1967                },
1968                templateSelection: function(option) {
1969                    if (!option.id) return option.text;
1970                    var icon = $(option.element).data('icon');
1971                    if (!icon) return option.text;
1972                    return $('<span><img src="' + icon + '" style="width: 16px; height: 16px; margin-right: 6px; vertical-align: middle;"> ' + option.text + '</span>');
1973                },
1974                allowHtml: true
1975            });
1976        }
1977    });
1978</script>
1978
1979        <!-- CSS final-->
1980
1981        
1981<script>
1982          const css = "html body div.view-21 > .o-widget-wrapper {\n  background-color: rgba(244, 184, 207, 1);\n}\ndiv.view-25  .o-widget-wrapper {\n  border: 0;\n}\n";
1983          const style = document.createElement('style');
1984          style.textContent = css;
1985          document.head.appendChild(style);
1986        </script>
1986
1987
1988        <!-- Start Modal views-->
1989        
1990        <div class="modal fade" id="videoModal" tabindex="-1" role="dialog"  aria-hidden="true">
1991    <div class="modal-dialog modal-dialog-centered" role="document">
1992        <div class="modal-content">
1993            <div class="modal-header">
1994                <div class="title-head"></div>
1995            </div>
1996            <div class="modal-body">
1997                <div class="tiktok-div-embed"></div>
1998                <iframe id="iframeVideo" title="Vídeo" class="iframeVideo" allowfullscreen></iframe>
1999
2000            </div>
2001            <div class="modal-footer">
2002                <span id="titleVideo" class="titleVideo"></span>
2003                <a id="closeModalVideo" class="close" href="javascript:void(0)" data-bs-dismiss="modal"><span style="display: none">X</span></a>
2004
2005            </div>
2006        </div>
2007    </div>
2008</div>        <div class="modal fade" id="pdfModal" tabindex="-1" role="dialog"  aria-hidden="true">
2009    <div id="documentDialog" class="modal-dialog modal-dialog-centered" role="document">
2010        <div class="modal-content">
2011            <div class="modal-header">
2012                <div class="title-head"></div>
2013            </div>
2014            <div class="modal-body">
2015                <iframe id="iframePdf" title='Document' class="pdfview" style="width: 100%; height: 100%"></iframe>
2016            </div>
2017            <div class="modal-footer">
2018                <span id="titlePdf" class="titlePdf"></span>
2019                <a id="closeModalPDF" class="close" href="javascript:void(0)"><span style="display: none">X</span></a>
2020            </div>
2021        </div>
2022    </div>
2023</div>        <!-- End Modal views -->
2024        
2024<script src="/front/view/js/endScript.js?ver=1790950165"></script>
2024
2025        <!-- Només activar per desenvolupament
2026        
2026<script src="../../../node_modules/axe-core/axe.js"></script>
2026
2027        
2027<script src="../../../dist/my-first-webpack.bundle.js"></script>
2027
2028        -->
2029                
2029<script>
2030            $(document).ready(function () {
2031                startClock(1790950166);
2032                if (typeof (callMenuAfterJQueryLoaded) == "function") {
2033                    callMenuAfterJQueryLoaded();
2034                }
2035                
2036                datepickerInit();
2037                carouselControlSmall();
2038
2039                if (typeof (callMenuBeforeJQueryLoaded) == "function") {
2040                    callMenuBeforeJQueryLoaded();
2041                }
2042
2043                if (typeof (callMenuBeforeTopJQueryLoaded) == "function") {
2044                    callMenuBeforeTopJQueryLoaded();
2045                }
2046                addAttributesDivVcards();
2047                modalsImage();
2048                modalsPdf();
2049                translateWeb();
2050                var carousel = $('#carouselControls');
2051                carousel.on('slide.bs.carousel', function (event) {
2052                    toSlideImage(event);
2053                });
2054                /** Només activar per desenvolupament
2055                axe.configure({
2056                    locale: {
2057                        lang: 'es',
2058                    }
2059                });
2060
2061                axe.run().then(results => {
2062                        if (results.violations.length) {
2063                            console.log(results.violations);
2064                            throw new Error('Accessibility issues found');
2065                        }
2066                    })
2067                    .catch(err => {
2068                        console.log('Something bad happened:', err.message);
2069                    });
2070                */
2071            });
2072
2073            $(window).resize(function() {
2074                equalHeightIconTime();
2075            })
2076        </script>
2076
2077                    </body>
2078</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.