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&loading=async&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'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&prev=_t&hl=esie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&tl=es" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=esie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&tl=es">Castellà </a></li> 138 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=enie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&tl=en" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=enie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&tl=en">Anglès</a></li> 139 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=deie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&tl=de" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=deie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&tl=de">Alemany</a></li> 140 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=frie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&tl=fr" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=frie=UTF-8&u=https://www.lanoudebergueda.cat/&sl=ca&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'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'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'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° 1841 <br> 1842 T.Min: 13° 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° 1858 <br> 1859 T.Min: 13° 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.