PageSourceSearch

https://www.castellnoudebages.cat/

html castellnoudebages.cat collected 2026-10-02 21:14:28 UTC 237,362 bytes, 4,067 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="ca" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ca" >
3    <head>
4        <!-- METADATA -->
5<meta charset="utf-8">
6<meta name="viewport" content="width=device-width, initial-scale=1">
7<meta name="title" lang="ca" content="Ajuntament de Castellnou de Bages">
8<meta name="description" lang="ca" content="Ajuntament de Castellnou de Bages">
9<meta name="author" lang="ca" content="Ajuntament de Castellnou de Bages">
10<meta name="date" lang="ca" content="2026-10-02">
11<meta name="generator" lang="ca" content="Ajuntament de Castellnou de Bages">
12<meta name="robots" content="index, follow">
13
14        <title>Ajuntament de Castellnou de Bages</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-79G1J30QH2
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-79G1J30QH2
vendor: 8 bytes, lines 23-24
23');
24    
24// Creates the default tracker.
25    gtag('event', 'page_view', { 'send_to': 'G-79G1J30QH2' });
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-209692242-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-209692242-1
vendor: 8 bytes, lines 34-35
34');
35    
35// Creates the default tracker.
36    gtag('event', 'page_view', { 'send_to': 'UA-209692242-1' });
37</script>
37
38<!-- End of code Global Site Tag (gtag.js) - Google Analytics v4-->
39        <link rel="canonical" href="https://www.castellnoudebages.cat">
40
41        <link rel="stylesheet" href="/front/view/js/bower_components/bootstrap/dist/css/bootstrap.min.css?ver=1790975661">
42<link rel="stylesheet" href="/front/view/js/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css?ver=1790975661">
43<link rel="stylesheet" href="/front/view/js/bower_components/bootstrap-icons.min/index.css?ver=1790975661">
44<link rel="stylesheet" href="/front/view/js/bower_components/tempus-dominus.min.css/index.css?ver=1790975661">
45<link rel="stylesheet" href="/common/bower_components/select2/dist/css/select2.min.css?ver=1790975661">
46
47        <!-- Real Favicon Genenrator-->
48<link rel="apple-touch-icon" href="/themes/castellnoudebages/images/favicons/apple-touch-icon.png">
49<link rel="icon" type="image/png" href="/themes/castellnoudebages/images/favicons/favicon-16x16.png" sizes="16x16">
50<link rel="icon" type="image/png" href="/themes/castellnoudebages/images/favicons/favicon-32x32.png" sizes="32x32">
51<link rel="shortcut icon" href="/themes/castellnoudebages/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=1790975661"></script>
vendor: 1 bytes, line 68
68
69<script src="/front/view/js/klaro-init.js?ver=1790975661"></script>
69
70
71        <!-- Twitter Card data -->
72<meta name="twitter:card" content="summary">
73<meta name="twitter:site" content="@aj_castellnou">
74<meta name="twitter:title" content="Ajuntament de Castellnou de Bages">
75<meta name="twitter:description" content="Web oficial de l&#039;Ajuntament de Castellnou de Bages: informació municipal, tràmits, notícies, agenda, directori... Pl. de l&#039;Església. 08251. T. 938 272 091">
76<meta name="twitter:image" content="https://www.castellnoudebages.cat/themes/castellnoudebages/images/logos/header.png">
77    <meta name="twitter:image:alt" content="Logo">
78        <!-- Open Graph data -->
79<meta property="og:title" content="Ajuntament de Castellnou de Bages">
80<meta property="og:type" content="website">
81<meta property="og:url" content="https://www.castellnoudebages.cat">
82<meta property="og:image" content="https://www.castellnoudebages.cat/themes/castellnoudebages/images/logos/header.png">
83    <meta property="og:image:alt" content="Logo">
84    <meta property="og:image" content="https://www.castellnoudebages.cat/themes/castellnoudebages/images/logos/header_inv.png">
85    <meta property="og:image:alt" content="Logo invertit">
86    <meta property="og:description" content="Web oficial de l&#039;Ajuntament de Castellnou de Bages: informació municipal, tràmits, notícies, agenda, directori... Pl. de l&#039;Església. 08251. T. 938 272 091">
87<meta property="og:site_name" content="Ajuntament de Castellnou de Bages">
88
89        <!-- HTML5 compatible tags -->
90<script>
91    document.createElement('header');
92    document.createElement('footer');
93    document.createElement('section');
94    document.createElement('aside');
95    document.createElement('nav');
96    document.createElement('article');
97    document.createElement('hgroup');
98    document.createElement('lh');
99</script>
99
100        
100<script>window.mapsConfig = { layerType: 'OpenStreetMap_Mapnik' };</script>
100
101<link rel="stylesheet" href="/front/view/js/bower_components/FreezeUI/freeze-ui.min.css">
102<link rel="stylesheet" href="/front/view/js/bower_components/Leaflet/default/leaflet.css">
103<link rel="stylesheet" href="/front/view/js/bower_components/Leaflet/default/Control.Loading.css">
104<script  src="/front/view/js/bower_components/FreezeUI/freeze-ui.min.js"></script>
vendor: 1 bytes, line 104
104
105<script  src="/front/view/js/bower_components/Leaflet/default/leaflet.js"></script>
vendor: 1 bytes, line 105
105
106<script src="/front/view/js/bower_components/es6-promise/es6-promise.min.js"></script>
vendor: 1 bytes, line 106
106
107<script>ES6Promise.polyfill();</script>
vendor: 1 bytes, line 107
107
108<script  src='/front/view/js/bower_components/Leaflet/default/Leaflet.GoogleMutant.js'></script>
vendor: 1 bytes, line 108
108
109<script src="/front/view/js/googleMapsInit.js"></script>
vendor: 1 bytes, line 109
109
110<script type="text/plain" data-type="text/javascript" data-name="maps" data-src="https://maps.google.com/maps/api/js?key=AIzaSyDzMQfPcdyACxfYosZzQs43alxB8BKfkx8&amp;loading=async&amp;callback=onGoogleMapsReady"></script>
vendor: 1 bytes, line 110
110
111<script  src="/front/view/js/bower_components/Leaflet/default/leaflet.maps.js"></script>
vendor: 1 bytes, line 111
111
112<script  src="/front/view/js/bower_components/Leaflet/default/leaflet.clone.js"></script>
vendor: 1 bytes, line 112
112
113<script  src="/front/view/js/bower_components/Leaflet/default/Control.Loading.js"></script>
vendor: 1 bytes, line 113
113
114<script src="/front/view/js/bower_components/jquery.min/index.js"></script>
vendor: 1 bytes, line 114
114
115<script src="/front/view/js/maps.js"></script>
115        <!-- Init addHeadExtraStyles -->
116        <style>html body{font-size:1em !important;} .backgroundImageHeader {background-repeat: no-repeat;  background-size: cover;  background-image:url("/media/repository/capcaleres/capcaleres_web/Capcalera23.jpg");} </style>
117        <!-- End addHeadExtraStyles -->
118        <!-- Font Awesome 7 + v4-shims for backward compatibility -->
119        <link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet">
120        <link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/v4-shims.min.css" rel="stylesheet">
121        <!-- Popperjs + Tempus Dominus -->
122        
122<script src="/front/view/js/bower_components/popper.min/index.js?ver=1790975661"></script>
vendor: 1 bytes, line 122
122
123<script src="/front/view/js/bower_components/tempus-dominus.min.js/index.js?ver=1790975661"></script>
123
124                <link rel="stylesheet" media="all" href="/themes/castellnoudebages/styles/style.min.css?ver=1790975661">
125            </head>
126    <body class="home id-0">
127        <nav class="skip-links" aria-label="Dreceres d&#039;accessibilitat"><ul><li><a href="#site-header">Saltar a la capçalera</a></li><li><a href="#main-content">Saltar al contingut</a></li><li><a href="#footer-content">Saltar al peu de pàgina</a></li></ul></nav>        <header id="site-header" tabindex="-1">
128                                    <div class="js-widget o-widget o-widget--header o-widget-contenidor  clearfix boxBX  WidgetContainer " data-id="306" >  <div class="o-widget-wrapper clearfix default-BX  " data-id="306"><div class="o-widget-container  row"><div class="js-widget o-widget o-widget--header-g col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetLegacyHeader " data-id="309" >  <div class="o-widget-wrapper clearfix default-BX  " data-id="309"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="toolbar clearfix">
129    <div class="container-xl">
130                <div class="fright">
131            <div class="toolbarItem">
132    <div class="toolbarItem page-62 page-contactar">
133    <a 
134        href="/altres-continguts/contactar"
135        target="_self"
136        rel=""
137            >
138        Contactar    </a>
139</div>
140</div>                        <div id="social" class="toolbarItem">
141                  
142    <a target="_blank" aria-label="Twitter" href="https://twitter.com/aj_castellnou?lang=es" title="Obre en finestra nova: Twitter">
143        <span style="display: none">Twitter</span>
144        <img src="/front/view/images/icons/social/twitter.png" alt="Twitter" width="32" height="32">
145    </a>
146  
147    <a target="_blank" aria-label="Youtube" href="https://www.youtube.com/@ajuntamentdecastellnoudeba12" title="Obre en finestra nova: Youtube">
148        <span style="display: none">Youtube</span>
149        <img src="/front/view/images/icons/social/youtube.png" alt="Youtube" width="32" height="32">
150    </a>
151  
152    <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/ajuntament_castellnou/" title="Obre en finestra nova: Instagram">
153        <span style="display: none">Instagram</span>
154        <img src="/front/view/images/icons/social/instagram.png" alt="Instagram" width="32" height="32">
155    </a>
156            </div>
157                        <div class="toolbarItem">
158                <div id="toolbarLanguages">
159    <ul id="languages">
160        <li><a href="#" role="button" aria-expanded="false" aria-controls="languagesList" id="languagesToggle">Idiomes</a>
161            <ul id="languagesList">
162                                    <li><a class="link-language" href="https://www.castellnoudebages.cat/?lang=ca" data-target="https://www.castellnoudebages.cat/?lang=ca">Català</a></li>
163                                    <li><a class="link-language" href="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=esie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=es" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=esie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=es">Castellà</a></li>
164                                    <li><a class="link-language" href="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=enie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=en" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=enie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=en">Anglès</a></li>
165                                    <li><a class="link-language" href="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=deie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=de" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=deie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=de">Alemany</a></li>
166                                    <li><a class="link-language" href="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=frie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=fr" data-target="https://translate.google.es/translate?js=y&amp;prev=_t&amp;hl=frie=UTF-8&amp;u=https://www.castellnoudebages.cat/&amp;sl=ca&amp;tl=fr">Francès</a></li>
167                            </ul>
168        </li>
169    </ul>
170</div>
171<script>
172(function () {
173    var toggle = document.getElementById('languagesToggle');
174    if (!toggle) return;
175    var li = toggle.parentElement;
176    var submenu = li.querySelector('ul');
177    var links = Array.prototype.slice.call(submenu.querySelectorAll('a'));
178
179    function keyName(e) {
180        return e.key || e.code || e.keyCode;
181    }
182
183    function isSpaceKey(e) {
184        var key = keyName(e);
185        return key === ' ' || key === 'Spacebar' || key === 'Space' || key === 32;
186    }
187
188    function open(focusFirst) {
189        li.classList.add('is-open');
190        submenu.style.display = 'block';
191        submenu.style.padding = '1em';
192        toggle.setAttribute('aria-expanded', 'true');
193        if (focusFirst && links.length) links[0].focus();
194    }
195
196    function close() {
197        li.classList.remove('is-open');
198        submenu.style.display = '';
199        submenu.style.padding = '';
200        toggle.setAttribute('aria-expanded', 'false');
201    }
202
203    function isOpen() {
204        return toggle.getAttribute('aria-expanded') === 'true';
205    }
206
207    function focusLink(index) {
208        if (!links.length) return;
209        links[(index + links.length) % links.length].focus();
210    }
211
212    function focusedLinkIndex() {
213        return links.indexOf(document.activeElement);
214    }
215
216    toggle.addEventListener('click', function (e) {
217        e.preventDefault();
218        isOpen() ? close() : open(false);
219    });
220
221    toggle.addEventListener('keydown', function (e) {
222        var key = keyName(e);
223        if (key === 'Enter' || isSpaceKey(e)) {
224            e.preventDefault();
225            isOpen() ? close() : open(false);
226        } else if (key === 'ArrowDown' || key === 40) {
227            e.preventDefault();
228            open(true);
229        } else if (key === 'ArrowUp' || key === 38) {
230            e.preventDefault();
231            open(false);
232            focusLink(links.length - 1);
233        } else if (key === 'Escape' || key === 'Esc' || key === 27) {
234            if (isOpen()) {
235                e.preventDefault();
236                close();
237            }
238        }
239    });
240
241    submenu.addEventListener('keydown', function (e) {
242        var key = keyName(e);
243        var index = focusedLinkIndex();
244
245        if (key === 'ArrowDown' || key === 40) {
246            e.preventDefault();
247            focusLink(index + 1);
248        } else if (key === 'ArrowUp' || key === 38) {
249            e.preventDefault();
250            focusLink(index - 1);
251        } else if (key === 'Home' || key === 36) {
252            e.preventDefault();
253            focusLink(0);
254        } else if (key === 'End' || key === 35) {
255            e.preventDefault();
256            focusLink(links.length - 1);
257        } else if (isSpaceKey(e)) {
258            e.preventDefault();
259            if (document.activeElement && document.activeElement.click) {
260                document.activeElement.click();
261            }
262        } else if (key === 'Escape' || key === 'Esc' || key === 27) {
263            e.preventDefault();
264            close();
265            toggle.focus();
266        }
267    });
268
269    li.addEventListener('focusout', function () {
270        window.setTimeout(function () {
271            if (!li.contains(document.activeElement)) close();
272        }, 0);
273    });
274
275    document.addEventListener('click', function (e) {
276        if (!li.contains(e.target)) close();
277    });
278})();
279</script>
279
280                <div class="currentDate" style='padding:9px;color:white'>
281    <span id="clock" class="clock" title='Data i hora oficial' >
282        02.10.2026 | 23:14    </span>
283</div>            </div>
284        </div>
285    </div>
286</div>
287<div class="header backgroundImageHeader">
288    <div class="branding">
289        <div class="container-xl">
290            <div class="row">
291                <div class="col-md-8 col-sm-8 col-lg-8 logo_box">
292    <a class="logo" href="/" aria-label="Ajuntament de Castellnou de Bages - Pàgina d'inici">
293        <img src="/themes/castellnoudebages/images/logos/header.png" alt="" width="336" height="111" id="mainLogo">
294    </a>
295        <h1 class="d-none">Ajuntament de Castellnou de Bages</h1>
296    </div>                <div class="col-md-4 col-sm-4 col-lg-4 middle search_box">
297    <form id="search_box" aria-label="Cercar:" name="search_box" method="get" action="/search">
298        <label for="search" accesskey="4">
299            <span class="visually-hidden">Cercar:</span>
300        </label>
301        <input id="search" name="search" type="text" aria-label="Cercar:" title="Cerca a tot el web" value="" placeholder="Cercar...">
302        <button type="submit" class="search-button" aria-label="Cerca"><i class="fa fa-search"></i></button>
303    </form>
304</div>
305            </div>
306        </div>
307    </div>
308        <div id="navbar-top" class="navbar navbar-expand-lg navbar-dark"><div class="nav"><div class="container-xl"><div class="row"><div class="col"><nav class="menu_principal" aria-label="menú"><div class="menu-flexible__wrapper menu-font-medium menu-alignment-left menu-spacing-normal menu-animation-fade menu-text-transform-none menu-columns-1" style="--menu-cols:1;--menu-submenu-width:200px;--menu-hover-delay:300ms;--menu-image-width:160px;" data-menu-columns="1" data-expand-type="click" data-menu-sticky="false" data-menu-alignment="left" data-menu-spacing="normal" data-menu-animation="fade" data-menu-external-icon="auto" data-menu-external-dim="false" data-menu-text-transform="none"><div class="menu-flexible__topbar"><a href="#" class="menu-flexible__toggle phoneMenuButton" aria-label="Menú" aria-expanded="false"><i class="fa fa-bars"></i></a></div><ul class="menu-flexible menu-flexible__list"><li class="menu-flexible__item page-1 level1"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament" ><span class="menu-flexible__item-text">Ajuntament</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-12 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/alcaldia" ><span class="menu-flexible__item-text">Salutació de l&#039;Alcalde</span></a></li><li class="menu-flexible__item page-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-154 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-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-24 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/govern/pressupostos-i-plantilles" ><span class="menu-flexible__item-text">Pressupostos i plantilles</span></a></li><li class="menu-flexible__item page-127 level3"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://www.seu-e.cat/ca/web/castellnoudebages/dades-obertes/-/dadesobertes/dataset/eleccions-municipals-resultats-historics-en-vots/resource/3539f7e6-4a48-4b57-9b55-b8c41079b3cd?p_auth=fiI6lr9T" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Resultats electorals</span></a></li></ul></li><li class="menu-flexible__item page-80 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/ple-municipal" ><span class="menu-flexible__item-text">
308Ple municipal</span></a></li><li class="menu-flexible__item page-20 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/juntes-de-govern" ><span class="menu-flexible__item-text">Juntes de govern</span></a></li><li class="menu-flexible__item page-16 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/plans-campanyes-i-programes" ><span class="menu-flexible__item-text">Plans, campanyes i programes</span></a></li><li class="menu-flexible__item page-18 level2"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/anuncis-edictes" ><span class="menu-flexible__item-text">Anuncis / Edictes</span></a></li><li class="menu-flexible__item page-26 level2"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://contractaciopublica.gencat.cat/ecofin_pscp/AppJava/cap.pscp?reqCode=viewDetail&amp;idCap=2759200&amp;" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Perfil de contractant</span></a></li><li class="menu-flexible__item page-126 level2"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament/normativa" ><span class="menu-flexible__item-text">Normativa</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-27 level3"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://www.seu-e.cat/ca/web/castellnoudebages/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-161 level3"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/ajuntament/normativa/161-ordenances-fiscals" ><span class="menu-flexible__item-text">Ordenances Fiscals</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-162 level4"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/normativa/161-ordenances-fiscals/ordenances-fiscals-2026" ><span class="menu-flexible__item-text">Ordenances Fiscals 2026</span></a></li><li class="menu-flexible__item page-163 level4"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/normativa/161-ordenances-fiscals/ordenances-fiscals-2025" ><span class="menu-flexible__item-text">Ordenances Fiscals 2025</span></a></li><li class="menu-flexible__item page-157 level4"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/normativa/161-ordenances-fiscals/ordenances-fiscals-2024" ><span class="menu-flexible__item-text">Ordenances Fiscals 2024</span></a></li></ul></li><li class="menu-flexible__item page-28 level3"><a class="menu-flexible__link" aria-expanded="false" href="/ajuntament/normativa/urbanisme" ><span class="menu-flexible__item-text">Urbanisme</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-140 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/cataleg-de-serveis" ><span class="menu-flexible__item-text">Catàleg de 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-147 level2"><a class="menu-flexible__link menu-flexible__link--dropdown" aria-expanded="false" href="/serveis-i-tramits/exposicions-publiques" ><span class="menu-flexible__item-text">Exposicions públiques</span></a><ul class="menu-flexible menu-flexible__submenu"><li class="menu-flexible__item page-151 level3"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/exposicions-publiques/projecte-cami-de-santpedor-a-castellnou-de-bages-bg-050" ><span class="menu-flexible__item-text">Projecte camí de Santpedor a Castellnou de Bages (BG-050)</span></a></li></ul></li><li class="menu-flexible__item page-146 level2"><a class="menu-flexible__link" aria-expanded="false" href="/serveis-i-tramits/ajuts-escolars-municipals" ><span class="menu-flexible__item-text">Ajuts escolars municipals</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-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-141 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-hi" ><span class="menu-flexible__item-text">Com arribar-hi</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/submnistraments" ><span class="menu-flexible__item-text">Submnistraments</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
308s" ><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/introduccio" ><span class="menu-flexible__item-text">Introducció</span></a></li><li class="menu-flexible__item page-46 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/informacio-del-municipi/historia" ><span class="menu-flexible__item-text">Història</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><li class="menu-flexible__item page-49 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/informacio-del-municipi/patrimoni-cultural" ><span class="menu-flexible__item-text">Patrimoni cultural</span></a></li><li class="menu-flexible__item page-155 level3"><a class="menu-flexible__link" aria-expanded="false" href="/el-municipi/informacio-del-municipi/mercat-setmanal" ><span class="menu-flexible__item-text">Mercat setmanal</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 i actualitat</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-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-0 level1"><a class="menu-flexible__link menu-link--external" aria-expanded="false" href="https://turismecastellnoudebages.cat/" target="_blank" rel="noopener noreferrer"><span class="menu-flexible__item-text">Turisme</span></a></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>
308<script>(function() {
309    'use strict';
310
311    // Mega panel
312
313    function initMegaPanels(navContainer) {
314        var menuItems = Array.prototype.slice.call(navContainer.querySelectorAll('[data-mega-id]'));
315        if (!menuItems.length) return;
316
317        var navUl    = navContainer.querySelector('ul');
318        var topItems = navUl
319            ? menuItems.filter(function(el) { return el.parentElement === navUl; })
320            : menuItems;
321
322        var wrapper    = navContainer.closest('.menu-flexible__wrapper');
323        var isClick    = wrapper && wrapper.getAttribute('data-expand-type') === 'click';
324
325        menuItems.forEach(function(item) {
326            var panel = getPanelForItem(item, navContainer);
327            if (!panel) return;
328
329            if (isClick) {
330                var link = item.querySelector('a');
331                if (link) {
332                    link.addEventListener('click', function(e) {
333                        // En mòbil, els elements naveguen directament sense desplegar submenús
334                        if (window.innerWidth <= 992) return;
335                        if (panel.classList.contains('mf-mega-visible')) {
336                            // Segon clic: navegar
337                            return;
338                        }
339                        e.preventDefault();
340                        hideAllMegaPanels(navContainer);
341                        showPanel(item, panel);
342                    });
343                }
344            } else {
345                var hoverDelay = parseInt(
346                    getComputedStyle(wrapper).getPropertyValue('--menu-hover-delay'), 10
347                ) || 0;
348                var hoverTimer = null;
349
350                var leaveTimer = null;
351
352                item.addEventListener('mouseenter', function() {
353                    clearTimeout(hoverTimer);
354                    clearTimeout(leaveTimer);
355                    if (hoverDelay > 0) {
356                        hoverTimer = setTimeout(function() { showPanel(item, panel); }, hoverDelay);
357                    } else {
358                        showPanel(item, panel);
359                    }
360                });
361                item.addEventListener('mouseleave', function(e) {
362                    clearTimeout(hoverTimer);
363                    if (!panel.contains(e.relatedTarget)) {
364                        leaveTimer = setTimeout(function() { hidePanel(item, panel); }, 300);
365                    }
366                });
367                panel.addEventListener('mouseenter', function() {
368                    clearTimeout(leaveTimer);
369                });
370                panel.addEventListener('mouseleave', function(e) {
371                    clearTimeout(hoverTimer);
372                    clearTimeout(leaveTimer);
373                    if (!item.contains(e.relatedTarget)) hidePanel(item, panel);
374                });
375
376                // Tàctil: fallback quan hover no disponible (només escriptori tàctil)
377                var link = item.querySelector('a');
378                if (link) {
379                    link.addEventListener('click', function(e) {
380                        if (window.matchMedia('(hover: none)').matches && window.innerWidth > 992) {
381                            if (panel.classList.contains('mf-mega-visible')) {
382                                // Segon clic en tàctil: navegar
383                                return;
384                            }
385                            e.preventDefault();
386                            hideAllMegaPanels(navContainer);
387                            showPanel(item, panel);
388                        }
389                    });
390                }
391            }
392        });
393
394        navContainer.addEventListener('keydown', function(e) {
395            handleMegaKeydown(e, navContainer, topItems);
396        });
397
398        if (!isClick) {
399            navContainer.addEventListener('focusin', function(e) {
400                var item = e.target.closest('[data-mega-id]');
401                if (!item) return;
402                var panel = getPanelForItem(item, navContainer);
403                if (!panel) return;
404                hideAllMegaPanels(navContainer);
405                showPanel(item, panel);
406            });
407        }
408
409        navContainer.addEventListener('focusout', function() {
410            setTimeout(function() {
411                if (!navContainer.contains(document.activeElement)) {
412                    hideAllMegaPanels(navContainer);
413                }
414            }, 0);
415        });
416
417        document.addEventListener('click', function(e) {
418            if (!navContainer.contains(e.target)) {
419                hideAllMegaPanels(navContainer);
420            }
421        });
422    }
423
424    function handleMegaKeydown(e, navContainer, topItems) {
425        var focused = document.activeElement;
426        if (!focused) return;
427
428        var currentItem = focused.closest('[data-mega-id]');
429        var currentPanel = focused.closest('.menu-flexible__mega-panel');
430        var key = e.key || e.code || e.keyCode;
431
432        function directLink(item) {
433            if (!item) return null;
434            return Array.prototype.slice.call(item.children).find(function(el) {
435                return el.tagName === 'A';
436            }) || item.querySelector('a');
437        }
438
439        function itemForPanel(panel) {
440            if (!panel) return null;
441            var id = panel.getAttribute('data-mega-id');
442            return id ? navContainer.querySelector('li[data-mega-id="' + id + '"]') : null;
443        }
444
445        function focusPanelLink(panel, index) {
446            var links = Array.prototype.slice.call(panel.querySelectorAll('a'));
447            if (!links.length) return;
448            links[(index + links.length) % links.length].focus();
449        }
450
451        function focusPanelSibling(panel, offset) {
452            var links = Array.prototype.slice.call(panel.querySelectorAll('a'));
453            var idx = links.indexOf(focused);
454            if (idx === -1) return;
455            links[(idx + offset + links.length) % links.length].focus();
456        }
457
458        function panelColumnForLink(link) {
459            return link ? link.closest('.menu-flexible__mega-col') : null;
460        }
461
462        function focusAdjacentPanelColumn(panel, offset) {
463            var columns = Array.prototype.slice.call(panel.querySelectorAll('.menu-flexible__mega-col'));
464            var currentColumn = panelColumnForLink(focused);
465            var idx = columns.indexOf(currentColumn);
466            if (idx === -1) return false;
467
468            var targetColumn = columns[(idx + offset + columns.length) % columns.length];
469            var targetLink = targetColumn.querySelector('a');
470            if (targetLink) {
471                targetLink.focus();
472                return true;
473            }
474
475            return false;
476        }
477
478        function focusTopItem(item, offset) {
479            var idx = topItems.indexOf(item);
480            if (idx === -1) return;
481
482            var next = topItems[(idx + offset + topItems.length) % topItems.length];
483            hideAllMegaPanels(navContainer);
484
485            var nextLink = directLink(next);
486            if (nextLink) {
487                nextLink.focus();
488                var nextPanel = getPanelForItem(next, navContainer);
489                if (nextPanel) showPanel(next, nextPanel);
490            }
491        }
492
493        switch (key) {
494            case 'Escape':
495            case 'Esc':
496            case 27: {
497                e.preventDefault();
498                hideAllMegaPanels(navContainer);
499                if (currentPanel) {
500                    var item = itemForPanel(currentPanel);
501                    var lnk = directLink(item);
502                    if (lnk) lnk.focus();
503                }
504                break;
505            }
506
507            case 'ArrowRight':
508            case 39:
509            case 'ArrowLeft':
510            case 37: {
511                var direction = (key === 'ArrowRight' || key === 39) ? 1 : -1;
512                e.preventDefault();
513
514                if (currentPanel) {
515                    if (!focusAdjacentPanelColumn(currentPanel, direction)) {
516                        var ownerItem = itemForPanel(currentPanel);
517                        focusTopItem(ownerItem, direction);
518                    }
519                    break;
520                }
521
522                if (!currentItem) return;
523                focusTopItem(currentItem, direction);
524                break;
525            }
526
527            case 'ArrowDown':
528            case 40: {
529                e.preventDefault();
530                if (currentPanel) {
531                    focusPanelSibling(currentPanel, 1);
532                    break;
533                }
534                if (!currentItem) return;
535                var panel = getPanelForItem(currentItem, navContainer);
536                if (!panel) return;
537                if (!panel.classList.contains('mf-mega-visible')) {
538                    hideAllMegaPanels(navContainer);
539                    showPanel(currentItem, panel);
540                }
541                focusPanelLink(panel, 0);
542                break;
543            }
544
545            case ' ':
546            case 'Space':
547            case 'Spacebar':
548            case 32: {
549                if (currentPanel || !currentItem) return;
550                var spacePanel = getPanelForItem(currentItem, navContainer);
551                if (!spacePanel) return;
552
553                e.preventDefault();
554                if (spacePanel.classList.contains('mf-mega-visible')) {
555                    hidePanel(currentItem, spacePanel);
556                } else {
557                    hideAllMegaPanels(navContainer);
558                    showPanel(currentItem, spacePanel);
559                }
560                break;
561            }
562
563            case 'ArrowUp':
564            case 38: {
565                if (!currentPanel) return;
566                e.preventDefault();
567                var panelLinks = Array.prototype.slice.call(currentPanel.querySelectorAll('a'));
568                var focusedIndex = panelLinks.indexOf(focused);
569
570                if (focusedIndex > 0) {
571                    focusPanelLink(currentPanel, focusedIndex - 1);
572                } else {
573                    var parentItem = itemForPanel(currentPanel);
574                    var parentLink = directLink(parentItem);
575                    if (parentLink) parentLink.focus();
576                    if (parentItem) hidePanel(parentItem, currentPanel);
577                }
578                break;
579            }
580        }
581    }
582
583    function getPanelForItem(item, navContainer) {
584        var id = item.getAttribute('data-mega-id');
585        return id
586            ? navContainer.querySelector('.menu-flexible__mega-panel[data-mega-id="' + id + '"]')
587            : null;
588    }
589
590    function showPanel(item, panel) {
591        panel.classList.add('mf-mega-visible');
592        panel.setAttribute('aria-hidden', 'false');
593        var link = item.querySelector('a');
594        if (link) link.setAttribute('aria-expanded', 'true');
595    }
596
597    function hidePanel(item, panel) {
598        panel.classList.remove('mf-mega-visible');
599        panel.setAttribute('aria-hidden', 'true');
600        var link = item.querySelector('a');
601        if (link) link.setAttribute('aria-expanded', 'false');
602    }
603
604    function hideAllMegaPanels(navContainer) {
605        navContainer.querySelectorAll('.menu-flexible__mega-panel.mf-mega-visible')
606            .forEach(function(panel) {
607                var id   = panel.getAttribute('data-mega-id');
608                var item = id ? navContainer.querySelector('li[data-mega-id="' + id + '"]') : null;
609                if (item) {
610                    hidePanel(item, panel);
611                } else {
612                    panel.classList.remove('mf-mega-visible');
613                    panel.setAttribute('aria-hidden', 'true');
614                }
615            });
616    }
617
618
619    // Tecles de fletxa (menú estàndard)
620
621    function initStandardKeyboard(wrapper) {
622        var menu = wrapper.querySelector('.menu-flexible__list');
623        if (!menu) return;
624
625        function closeAll() {
626            Array.prototype.slice.call(menu.querySelectorAll('.menu-flexible__item[focus="true"]'))
627                .forEach(function(item) {
628                    item.setAttribute('focus', 'false');
629                    var submenu = Array.prototype.slice.call(item.children).find(function(el) {
630                        return el.classList && el.classList.contains('menu-flexible__submenu');
631                    });
632                    if (submenu) {
633                        submenu.style.left = '';
634                        submenu.style.opacity = '';
635                        submenu.style.visibility = '';
636                        submenu.style.pointerEvents = '';
637                        submenu.style.transform = '';
638                    }
639                    var link = Array.prototype.slice.call(item.children).find(function(el) {
640                        return el.tagName === 'A';
641                    });
642                    if (link && link.classList.contains('menu-flexible__link--dropdown')) {
643                        link.setAttribute('aria-expanded', 'false');
644                    }
645                });
646        }
647
648        wrapper.addEventListener('keydown', function(e) {
649            handleStandardKeydown(e, menu);
650        });
651
652        wrapper.addEventListener('focusout', function() {
653            setTimeout(function() {
654                if (!wrapper.contains(document.activeElement)) {
655                    closeAll();
656                }
657            }, 0);
658        });
659    }
660
661    function handleStandardKeydown(e, menu) {
662        var focused = document.activeElement;
663        if (!focused || !menu.contains(focused)) return;
664
665        var itemSel = '.menu-flexible__item';
666        var linkSel = '.menu-flexible__link';
667
668        var currentLi = focused.closest(itemSel);
669        if (!currentLi) return;
670
671        var parentUl = currentLi.parentElement;
672        var isLevel1 = parentUl === menu;
673
674        function directLink(li) {
675            var direct = Array.prototype.slice.call(li.children).find(function(el) {
676                return el.tagName === 'A';
677            });
678            return direct || li.querySelector(linkSel);
679        }
680
681        function siblingItems(ul) {
682            return Array.prototype.slice.call(ul.children).filter(function(el) {
683                return el.matches(itemSel);
684            });
685        }
686
687        function childMenu(li) {
688            return Array.prototype.slice.call(li.children).find(function(el) {
689                return el.classList && el.classList.contains('menu-flexible__submenu');
690            });
691        }
692
693        function setSubmenuVisible(li, visible) {
694            var submenu = childMenu(li);
695            if (!submenu) return;
696
697            if (visible) {
698                submenu.style.left = li.parentElement === menu ? '0' : '100%';
699                submenu.style.opacity = '1';
700                submenu.style.visibility = 'visible';
701                submenu.style.pointerEvents = 'auto';
702                submenu.style.transform = 'none';
703            } else {
704                submenu.style.left = '';
705                submenu.style.opacity = '';
706                submenu.style.visibility = '';
707                submenu.style.pointerEvents = '';
708                submenu.style.transform = '';
709            }
710        }
711
712        function setExpanded(li, expanded) {
713            li.setAttribute('focus', expanded ? 'true' : 'false');
714            setSubmenuVisible(li, expanded);
715            var lnk = directLink(li);
716            if (lnk && lnk.classList.contains('menu-flexible__link--dropdown')) {
717                lnk.setAttribute('aria-expanded', expanded ? 'true' : 'false');
718            }
719            if (!expanded) {
720                Array.prototype.slice.call(li.querySelectorAll(itemSel + '[focus="true"]'))
721                    .forEach(function(item) {
722                        item.setAttribute('focus', 'false');
723                        setSubmenuVisible(item, false);
724                        var childLink = directLink(item);
725                        if (childLink && childLink.classList.contains('menu-flexible__link--dropdown')) {
726                            childLink.setAttribute('aria-expanded', 'false');
727                        }
728                    });
729            }
730        }
731
732        function closeSiblings(li) {
733            Array.prototype.slice.call(li.parentElement.children)
734                .filter(function(item) {
735                    return item !== li && item.matches(itemSel);
736                })
737                .forEach(function(item) {
738                    setExpanded(item, false);
739                });
740        }
741
742        function openChild(li) {
743            var submenu = childMenu(li);
744            if (!submenu) return false;
745            closeSiblings(li);
746            setExpanded(li, true);
747            var firstChild = submenu.querySelector(linkSel);
748            if (firstChild) firstChild.focus();
749            return true;
750        }
751
752        function focusSibling(offset) {
753            var sibs = siblingItems(parentUl);
754            var idx  = sibs.indexOf(currentLi);
755            var lnk  = directLink(sibs[(idx + offset + sibs.length) % sibs.length]);
756            if (lnk) lnk.focus();
757        }
758
759        var key = e.key || e.code || e.keyCode;
760
761        switch (key) {
762            case 'ArrowRight':
763            case 39: {
764                if (!isLevel1) return;
765                e.preventDefault();
766                setExpanded(currentLi, false);
767                focusSibling(1);
768                break;
769            }
770            case 'ArrowLeft':
771            case 37: {
772                if (!isLevel1) return;
773                e.preventDefault();
774                setExpanded(currentLi, false);
775                focusSibling(-1);
776                break;
777            }
778            case 'ArrowDown':
779            case 40: {
780                e.preventDefault();
781                if (focused === directLink(currentLi) && openChild(currentLi)) {
782                    break;
783                }
784                var sibsDown = siblingItems(parentUl);
785                var idxDown  = sibsDown.indexOf(currentLi);
786                if (idxDown < sibsDown.length - 1) {
787                    var lnkDown = directLink(sibsDown[idxDown + 1]);
788                    if (lnkDown) lnkDown.focus();
789                }
790                break;
791            }
792            case 'ArrowUp':
793            case 38: {
794                e.preventDefault();
795                var sibsUp = siblingItems(parentUl);
796                var idxUp  = sibsUp.indexOf(currentLi);
797                if (idxUp > 0) {
798                    var lnkUp = directLink(sibsUp[idxUp - 1]);
799                    if (lnkUp) lnkUp.focus();
800                } else if (!isLevel1) {
801                    var parentItemUp = parentUl.closest(itemSel);
802                    if (parentItemUp) {
803                        setExpanded(parentItemUp, false);
804                        var parentLinkUp = directLink(parentItemUp);
805                        if (parentLinkUp) parentLinkUp.focus();
806                    }
807                }
808                break;
809            }
810            case ' ':
811            case 'Space':
812            case 'Spacebar':
813            case 32: {
814                if (!focused.classList.contains('menu-flexible__link--dropdown')) return;
815                e.preventDefault();
816                currentLi.getAttribute('focus') === 'true'
817                    ? setExpanded(currentLi, false)
818                    : openChild(currentLi);
819                break;
820            }
821            case 'Escape':
822            case 'Esc':
823            case 27: {
824                if (isLevel1 && currentLi.getAttribute('focus') !== 'true') return;
825                e.preventDefault();
826                if (!isLevel1) {
827                    var parentItemEsc = parentUl.closest(itemSel);
828                    if (parentItemEsc) {
829                        setExpanded(parentItemEsc, false);
830                        var parentLinkEsc = directLink(parentItemEsc);
831                        if (parentLinkEsc) parentLinkEsc.focus();
832                    }
833                } else {
834                    setExpanded(currentLi, false);
835                }
836                break;
837            }
838        }
839    }
840
841
842    // Click mode: expandir submenús via [focus=true]
843
844    function initClickExpand(wrapper) {
845        var menu = wrapper.querySelector('.menu-flexible__list');
846        if (!menu) return;
847
848        var itemSel        = '.menu-flexible__item';
849        var dropdownSel    = '.menu-flexible__link--dropdown';
850
851        function closeAll(container) {
852            Array.prototype.slice.call(container.querySelectorAll(itemSel + '[focus="true"]'))
853                .forEach(function(el) { el.setAttribute('focus', 'false'); });
854        }
855
856        function closeSiblings(item) {
857            var parentUl = item.parentElement;
858            Array.prototype.slice.call(parentUl.children)
859                .filter(function(el) {
860                    return el !== item
861                        && el.matches(itemSel)
862                        && el.getAttribute('focus') === 'true';
863                })
864                .forEach(function(el) {
865                    el.setAttribute('focus', 'false');
866                    closeAll(el);
867                });
868        }
869
870        menu.addEventListener('click', function(e) {
871            var link = e.target.closest(dropdownSel);
872            if (!link || !menu.contains(link)) return;
873
874            var item = link.parentElement;
875            if (!item || !item.matches(itemSel)) return;
876
877            // En mòbil, els elements naveguen directament sense desplegar submenús
878            if (window.innerWidth <= 992) return;
879
880            var isOpen = item.getAttribute('focus') === 'true';
881
882            if (isOpen) {
883                // Segon clic: navegar
884                return;
885            }
886
887            e.preventDefault();
888            closeSiblings(item);
889            item.setAttribute('focus', 'true');
890        });
891
892        document.addEventListener('click', function(e) {
893            var openItem = menu.querySelector(itemSel + '[focus="true"]');
894            if (!openItem) return;
895            if (!openItem.contains(e.target)) {
896                closeAll(menu);
897            }
898        });
899    }
900
901
902    // Hamburger (mòbil ≤992px)
903
904    class MenuFlexible {
905        constructor(wrapper) {
906            this.wrapper   = wrapper;
907            this.hamburger = wrapper.querySelector('.menu-flexible__toggle');
908            this.menu      = wrapper.querySelector('.menu-flexible__list');
909
910            if (!this.hamburger || !this.menu) return;
911
912            var parent  = this.menu.parentElement;
913            this.isMega = parent && parent.classList.contains('menu-flexible__nav-container');
914            this.target = this.isMega ? parent : this.menu;
915
916            // Ancestre que en mòbil és barra fixa de 44px amb overflow:clip i retalla
917            // el menú desplegat. En obrir, l'eixamplem; en tancar, el restaurem.
918            this.clipper = wrapper.closest('.nav');
919
920            this.init();
921            window.addEventListener('resize', () => this.handleResize());
922        }
923
924        init() {
925            this.hamburger.addEventListener('click', (e) => {
926                e.preventDefault();
927                e.stopPropagation();
928                this.toggleMenu();
929            });
930
931            document.addEventListener('click', (e) => {
932                if (!this.wrapper.contains(e.target) && this.isOpen()) {
933                    this.closeMenu();
934                }
935            });
936
937            this.menu.querySelectorAll('a').forEach(link => {
938                link.addEventListener('click', () => {
939                    if (window.innerWidth <= 992 && this.isOpen()) {
940                        this.closeMenu();
941                    }
942                });
943            });
944        }
945
946        isOpen()     { return this.target.classList.contains('show'); }
947        toggleMenu() { this.isOpen() ? this.closeMenu() : this.openMenu(); }
948
949        liftClip() {
950            if (this.clipper && window.innerWidth <= 992) {
951                this.clipper.style.height = 'auto';
952                this.clipper.style.maxHeight = 'none';
953                this.clipper.style.overflow = 'visible';
954            }
955        }
956
957        restoreClip() {
958            if (this.clipper) {
959                this.clipper.style.height = '';
960                this.clipper.style.maxHeight = '';
961                this.clipper.style.overflow = '';
962            }
963        }
964
965        openMenu() {
966            this.target.classList.add('show');
967            this.target.style.display = this.isMega ? 'block' : 'flex';
968            if (this.isMega) this.menu.style.display = 'flex';
969            this.liftClip();
970            this.hamburger.classList.add('active');
971            this.hamburger.setAttribute('aria-expanded', 'true');
972        }
973
974        closeMenu() {
975            this.target.classList.remove('show');
976            this.target.style.display = 'none';
977            if (this.isMega) {
978                this.menu.style.display = '';
979                var nc = this.wrapper.querySelector('.menu-flexible__nav-container');
980                if (nc) hideAllMegaPanels(nc);
981            }
982            this.restoreClip();
983            this.hamburger.classList.remove('active');
984            this.hamburger.setAttribute('aria-expanded', 'false');
985        }
986
987        handleResize() {
988            if (window.innerWidth > 992) {
989                this.target.classList.remove('show');
990                this.target.style.display = '';
991                if (this.isMega) this.menu.style.display = '';
992                this.restoreClip();
993                this.hamburger.classList.remove('active');
994                this.hamburger.setAttribute('aria-expanded', 'false');
995            }
996        }
997    }
998
999
1000    // Init
1001
1002    function init() {
1003        document.querySelectorAll('.menu-flexible__wrapper').forEach(function(wrapper) {
1004            var navContainer = wrapper.querySelector('.menu-flexible__nav-container');
1005            if (navContainer) {
1006                initMegaPanels(navContainer);
1007            } else {
1008                initStandardKeyboard(wrapper);
1009                if (wrapper.getAttribute('data-expand-type') === 'click') {
1010                    initClickExpand(wrapper);
1011                }
1012            }
1013            new MenuFlexible(wrapper);
1014            if (wrapper.getAttribute('data-menu-sticky') === 'true') {
1015                var stickyTarget = wrapper.closest('#navbar-top')
1016                                || wrapper.closest('.navbar')
1017                                || wrapper.closest('nav');
1018                if (stickyTarget) {
1019                    stickyTarget.classList.add('menu-sticky-enabled');
1020                    document.body.classList.add('has-sticky-menu');
1021
1022                    var navbarHeight   = stickyTarget.offsetHeight;
1023                    var navbarTop      = stickyTarget.getBoundingClientRect().top + window.scrollY;
1024                    var bodyPadApplied = false;
1025
1026                    function updateStickyOffset() {
1027                        navbarHeight = stickyTarget.offsetHeight;
1028                        document.documentElement.style.setProperty('--skip-links-sticky-offset', navbarHeight + 'px');
1029
1030                        if (bodyPadApplied) {
1031                            document.body.style.paddingTop = navbarHeight + 'px';
1032                        }
1033                    }
1034
1035                    function getTargetFromHash(hash) {
1036                        if (!hash || hash.charAt(0) !== '#') {
1037                            return null;
1038                        }
1039
1040                        try {
1041                            return document.getElementById(decodeURIComponent(hash.substring(1)));
1042                        } catch (error) {
1043                            return document.getElementById(hash.substring(1));
1044                        }
1045                    }
1046
1047                    function scrollToSkipTarget(hash) {
1048                        var target = getTargetFromHash(hash);
1049                        if (!target) {
1050                            return;
1051                        }
1052
1053                        updateStickyOffset();
1054
1055                        var expectedTop = target.getBoundingClientRect().top + window.scrollY - navbarHeight;
1056                        if (expectedTop > navbarTop) {
1057                            applyFixed();
1058                        } else {
1059                            removeFixed();
1060                        }
1061
1062                        try {
1063                            target.focus({ preventScroll: true });
1064                        } catch (error) {
1065                            target.focus();
1066                        }
1067
1068                        var targetTop = target.getBoundingClientRect().top + window.scrollY;
1069                        window.scrollTo(0, Math.max(targetTop - navbarHeight, 0));
1070                    }
1071
1072                    document.querySelectorAll('.skip-links a[href^="#"]').forEach(function(link) {
1073                        link.addEventListener('click', function(event) {
1074                            var hash = link.getAttribute('href');
1075                            var target = getTargetFromHash(hash);
1076                            if (!target) {
1077                                return;
1078                            }
1079
1080                            event.preventDefault();
1081
1082                            if (window.history && window.history.pushState) {
1083                                window.history.pushState(null, '', hash);
1084                            } else {
1085                                window.location.hash = hash;
1086                            }
1087
1088                            scrollToSkipTarget(hash);
1089                        });
1090                    });
1091
1092                    updateStickyOffset();
1093
1094                    function applyFixed() {
1095                        if (!stickyTarget.classList.contains('fixed-top')) {
1096                            updateStickyOffset();
1097                            stickyTarget.classList.add('fixed-top');
1098                            document.body.style.paddingTop = navbarHeight + 'px';
1099                            bodyPadApplied = true;
1100                        }
1101                    }
1102
1103                    function removeFixed() {
1104                        if (stickyTarget.classList.contains('fixed-top')) {
1105                            stickyTarget.classList.remove('fixed-top');
1106                            document.body.style.paddingTop = '';
1107                            bodyPadApplied = false;
1108                        }
1109                    }
1110
1111                    window.addEventListener('scroll', function() {
1112                        if (window.scrollY > navbarTop) {
1113                            applyFixed();
1114                        } else {
1115                            removeFixed();
1116                        }
1117                    });
1118
1119                    window.addEventListener('resize', function() {
1120                        updateStickyOffset();
1121                        if (!stickyTarget.classList.contains('fixed-top')) {
1122                            navbarTop = stickyTarget.getBoundingClientRect().top + window.scrollY;
1123                        }
1124                    });
1125
1126                    if ('ResizeObserver' in window) {
1127                        new ResizeObserver(updateStickyOffset).observe(stickyTarget);
1128                    }
1129
1130                    stickyTarget.querySelectorAll('img').forEach(function(image) {
1131                        if (!image.complete) {
1132                            image.addEventListener('load', updateStickyOffset, { once: true });
1133                        }
1134                    });
1135
1136                    window.addEventListener('load', updateStickyOffset);
1137
1138                    if (window.scrollY > navbarTop) applyFixed();
1139
1140                    if (window.location.hash) {
1141                        window.setTimeout(function() {
1142                            scrollToSkipTarget(window.location.hash);
1143                        }, 0);
1144                    }
1145                }
1146            }
1147        });
1148    }
1149
1150    if (document.readyState === 'loading') {
1151        document.addEventListener('DOMContentLoaded', init);
1152    } else {
1153        init();
1154    }
1155})();
1156</script>
1156</nav></div></div></div></div></div>        </div></div></div>  </div></div></div>  </div></div>        </header>
1157                <main id="main-content" tabindex="-1">
1158            <div class="content">
1159                                <div class="container-xl columns">
1160                                        <div class="js-widget o-widget o-widget--body o-widget-contenidor  clearfix boxBX  WidgetContainer " data-id="307" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="307"><div class="o-widget-container  row"><div class="js-widget o-widget o-widget-contenidor  o-widget-contenidor--columnes  col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContainer " data-id="310" >  <div class="o-widget-wrapper clearfix default-BX  mt-5  row " data-id="310"><div class="o-widget-container  row"><div class="js-widget o-widget o-widget-contenidor  col-xs-12 col-sm-3 col-md-3 col-lg-3 clearfix boxBX  WidgetContainer " data-id="317" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="317"><div class="o-widget-container  row"><div class="view-24 js-widget o-widget o-widget--menu contentView-10 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContentsList " data-id="329" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="329"><div class="o-widget-title-slot o-widget__title_Line"><span>Avisos</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic">
1161        <ul class="widgetMenu">
1162        <li class="menuClassic">
1163    <a class="menuClassic-link" href="https://www.castellnoudebages.cat/actualitat/avisos/tall-alternatiu-de-transit-a-la-carretera-de-santpedor-a-castellnou-del-29-de-setembre-al-30-doctubre-de-2026.html" target="_self">
1164        Tall alternatiu de trànsit a la carretera de Santpedor a Castellnou (del 29 de setembre al 30 d'octubre de 2026)    </a>
1165</li>
1166<li class="menuClassic">
1167    <a class="menuClassic-link" href="https://www.castellnoudebages.cat/actualitat/avisos/inuncat-8-i-9-09-2026.html" target="_self">
1168        INUNCAT en fase d'alerta per pluges intenses (8 i 9 de setembre de 2026)    </a>
1169</li>
1170<li class="menuClassic">
1171    <a class="menuClassic-link" href="https://www.castellnoudebages.cat/actualitat/avisos/decret-dalcaldia-tres-dies-de-dol-oficial-per-lhomicidi-de-carles-vilajosana-arocas.html" target="_self">
1172        DECRET D'ALCALDIA - Tres dies de dol oficial per l'homicidi de Carles Vilajosana Arocas    </a>
1173</li>
1174    </ul>
1175    <a class="readMore" href="/actualitat/avisos" target="_self">Més avisos</a></div></div></div>  </div></div><div class="view-24 js-widget o-widget o-widget--vcards contentView-18 o-widget--tauler-danuncis col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetExternalRss " data-id="330"  data-load="ajax">  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="330"><div class="o-widget-title-slot o-widget__title_Line"><span>Anuncis</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "></div></div>  </div></div></div>  </div></div><div class="js-widget o-widget o-widget-contenidor  col-xs-12 col-sm-9 col-md-9 col-lg-9 clearfix boxBX  WidgetContainer " data-id="340" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="340"><div class="o-widget-container  row"><div class="js-widget o-widget o-widget-contenidor  o-widget-contenidor--columnes  col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContainer " data-id="378" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="378"><div class="o-widget-container  row"><div class="js-widget o-widget o-widget--panell-avisos-smp col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix boxBX  WidgetHtmlBlock " data-id="341" >  <div class="o-widget-wrapper clearfix default-BX  mt-3 ms-1 me-1  row " data-id="341"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><!-- =================================================================
1176     Panell d'avisos SMP (Meteocat) — Ajuntament de Castellnou de Bages
1177     VERSIÓ ADAPTATIVA per a la fila d'avisos de la portada.
1178
1179     Bloc HTML autònom: enganxa'l sencer dins d'un bloc de contingut,
1180     des de la vista de codi font. Configuració: les variables del
1181     principi de l'script (municipi, comarca, URL de detall, llindar
1182     de desplegament).
1183
1184     El bloc canvia de forma segons les dades:
1185       · cap avís  ....... franja de 64 px, bessona de la targeta del Pla Alfa
1186       · nivell 1-2 ...... la mateixa franja amb el detall de cada dia (~88 px)
1187       · nivell 3-6 ...... panell sencer: titular, pestanyes i cronologia
1188       · parcial/fallada . franja grisa; mai no diu que no hi ha avisos
1189     El llindar de desplegament és la variable EXPANDEIX (3 per defecte).
1190
1191     Font: fitxers oberts del Servei Meteorològic de Catalunya. Sense clau.
1192     IMPORTANT: només funciona servit per http(s). Obert amb doble clic
1193     (file://) el Meteocat rebutja la petició i es mostra l'estat gris.
1194
1195     NO hi pot haver cap entitat HTML (&, <…) dins dels 
1195<script>:
1196     el CMS les descodifica en publicar i trenca el codi.
1197     ================================================================= -->
1198<div class="smp-panel" id="smp-panel">
1199<div class="smp-cos" id="smp-cos">
1200<p class="smp-carrega">Carregant els avisos…</p>
1201</div>
1202
1203<div class="smp-foot"><a class="smp-cta" href="#" id="smp-cta" target="_top">Detall, mapes i plans</a> <span class="smp-font" id="smp-font">Font: Meteocat</span></div>
1204<noscript>
1205    <div class="smp-cos">
1206      <p class="smp-carrega">Consulteu els avisos meteorològics vigents al
1207        <a href="https://www.meteo.cat/prediccio/general" target="_top" rel="noopener">web del Meteocat</a>.</p>
1208    </div>
1209  </noscript></div>
1210<style type="text/css">#smp-panel{
1211    --smp-verd:#2e7d32; --smp-groc:#f9d423; --smp-tar:#f57c00; --smp-verm:#d32f2f; --smp-gris:#5b6670;
1212    --smp-txt:#1a1a1a; --smp-mut:#7a7a7a; --smp-src:#9a9a9a; --smp-line:#ececec; --smp-buit:#e8ecef;
1213    --smp-brand:#14406b;
1214    width:100%;max-width:760px;margin:0 auto;box-sizing:border-box;
1215    background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.16);
1216    font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--smp-txt);
1217    line-height:1.4;
1218  }
1219  #smp-panel *{box-sizing:border-box}
1220  #smp-panel p{margin:0}
1221
1222  /* pestanyes */
1223  #smp-panel .smp-tabs{display:flex;border-bottom:1px solid var(--smp-line)}
1224  #smp-panel .smp-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
1225    padding:9px 6px;background:#f4f7f9;border:0;border-bottom:3px solid transparent;
1226    cursor:pointer;font-family:inherit;min-height:44px}
1227  #smp-panel .smp-tab[aria-pressed="true"]{background:#fff}
1228  #smp-panel .smp-tab__punt{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
1229  #smp-panel .smp-tab__nom{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--smp-mut)}
1230  #smp-panel .smp-tab[aria-pressed="true"] .smp-tab__nom{color:var(--smp-txt)}
1231  #smp-panel .smp-tab__niv{font-size:12px;font-weight:800}
1232
1233  /* files d'avisos */
1234  #smp-panel .smp-fila{padding:11px 16px;border-bottom:1px solid var(--smp-line)}
1235  #smp-panel .smp-files .smp-fila:last-child{border-bottom:0}
1236  #smp-panel .smp-fila__top{display:flex;align-items:center;gap:9px}
1237  #smp-panel .smp-fila__nom{flex:1;font-size:14.5px;font-weight:700}
1238  #smp-panel .smp-xip{flex:0 0 auto;font-size:10.5px;font-weight:700;padding:2px 8px;
1239    border-radius:999px;white-space:nowrap;border:1px solid}
1240  #smp-panel .smp-xip--n12{background:#fff8dd;border-color:var(--smp-groc);color:#6b5200}
1241  #smp-panel .smp-xip--n34{background:#ffeada;border-color:var(--smp-tar);color:#7a3d00}
1242  #smp-panel .smp-xip--n56{background:#ffe1e1;border-color:var(--smp-verm);color:#8a1414}
1243  #smp-panel .smp-barra{display:flex;gap:4px;margin-top:7px}
1244  #smp-panel .smp-seg{flex:1;height:9px;border-radius:2px;background:var(--smp-buit)}
1245  #smp-panel .smp-seg--n12{background:var(--smp-groc)}
1246  #smp-panel .smp-seg--n34{background:var(--smp-tar)}
1247  #smp-panel .smp-seg--n56{background:var(--smp-verm)}
1248  /* Eix horari. Va A DALT de les files, com la capçalera d'una taula: la
1249     llegenda ha d'arribar abans de les barres, no després d'haver-les
1250     intentat desxifrar. Porta el nom i les hores, perquè "vespre" i
1251     "matinada" no volen dir el mateix per a tothom, i les columnes
1252     s'alineen amb els trams (mateix flex, mateix gap, mateix padding). */
1253  #smp-panel .smp-eix{display:flex;gap:4px;padding:7px 16px 6px;background:#f6f8fa;
1254    border-bottom:1px solid var(--smp-line)}
1255  #smp-panel .smp-eix span{flex:1;text-align:center;line-height:1.25}
1256  #smp-panel .smp-eix b{display:block;font-size:9.5px;font-weight:800;text-transform:uppercase;
1257    letter-spacing:.05em;color:var(--smp-mut)}
1258  #smp-panel .smp-eix i{display:block;font-style:normal;font-size:9.5px;color:var(--smp-src)}
1259  #smp-panel .smp-mes{padding:0 16px 11px;font-size:11.5px;color:var(--smp-mut);font-weight:600}
1260  /* dia seleccionat sense avisos: una línia discreta, no una banda de color;
1261     el color del mòdul l'ha de decidir el pitjor dels dos dies, no la pestanya */
1262  #smp-panel .smp-buit{display:flex;align-items:center;gap:9px;padding:13px 16px;
1263    font-size:14.5px;font-weight:600;color:var(--smp-verd)}
1264  #smp-panel .smp-buit--gris{color:var(--smp-gris)}
1265
1266  /* peu */
1267  #smp-panel .smp-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;
1268    padding:9px 16px;background:#f8fafb;border-top:1px solid var(--smp-line)}
1269  #smp-panel .smp-cta{font-size:12.5px;font-weight:700;text-decoration:none;color:var(--smp-brand);
1270    border-bottom:2px solid currentColor;padding-bottom:1px}
1271  #smp-panel .smp-cta:hover{color:#0b2b48}
1272  #smp-panel .smp-cta:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
1273  #smp-panel .smp-font{font-size:10.5px;color:var(--smp-src);text-align:right}
1274  #smp-panel .smp-carrega{padding:14px 16px;font-size:13px;color:var(--smp-mut)}
1275  #smp-panel .smp-parcial{padding:8px 16px;font-size:11px;background:#fff6d6;color:#6b5200;
1276    border-top:1px solid var(--smp-groc)}
1277  #smp-panel .smp-parcial a{color:inherit}
1278
1279  /* ---------- la franja ----------
1280     És la mateixa peça en els dos modes, i és el que fa que el mòdul es llegeixi
1281     igual contret que desplegat: bloc de color estret amb el nivell, com la
1282     targeta del Pla Alfa, i tota la resta sobre blanc. El color no ocupa mai una
1283     banda a tota amplada; el que ha de cridar és el número, no el fons.
1284     Contret, la franja és tot el mòdul i és clicable sencera; desplegat, hi van
1285     a sota les pestanyes i el detall, i l'enllaç el porta el peu. */
1286  #smp-panel.is-min{max-width:560px;transition:transform .12s ease,box-shadow .12s ease}
1287  #smp-panel.is-min:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.20)}
1288  #smp-panel.is-min .smp-foot{display:none}
1289  #smp-panel:not(.is-min) .smp-fr{border-bottom:1px solid var(--smp-line)}
1290  /* desplegat no hi ha fletxa: el text no ha de deixar-li el marge */
1291  #smp-panel:not(.is-min) .smp-fr__body{padding-right:16px}
1292  #smp-panel .smp-fr__tit{font-size:19px;font-weight:800;line-height:1.15;margin:1px 0}
1293  #smp-panel .smp-fr__sub{font-size:12.5px;color:#5a5a5a;margin-top:2px}
1294  #smp-panel .smp-fr{position:relative;display:flex;align-items:stretch;min-height:64px;line-height:1.2}
1295  #smp-panel .smp-fr__num{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;
1296    justify-content:center;padding:6px;line-height:1}
1297  #smp-panel .smp-fr__n{font-size:34px;font-weight:800}
1298  #smp-panel .smp-fr__k{font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-top:3px;opacity:.9}
1299  #smp-panel .smp-fr__body{position:relative;flex:1;background:#fff;padding:8px 34px 8px 16px;
1300    display:flex;flex-direction:column;justify-content:center}
1301  #smp-panel .smp-fr__eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;
1302    color:var(--smp-mut);margin-bottom:1px}
1303  #smp-panel .smp-fr__cap{font-size:17px;font-weight:700;line-height:1.15;margin:1px 0}
1304  #smp-panel .smp-fr__fila{display:flex;align-items:baseline;gap:7px;font-size:14.5px;line-height:1.3}
1305  #smp-panel .smp-fr__fila + .smp-fr__fila{margin-top:3px;padding-top:3px;border-top:1px solid var(--smp-line)}
1306  #smp-panel .smp-fr__dia{flex:0 0 40px;font-size:10px;font-weight:700;text-transform:uppercase;
1307    letter-spacing:.05em;
1307color:var(--smp-mut)}
1308  #smp-panel .smp-fr__net{font-weight:600;color:#6a6a6a}
1309  #smp-panel .smp-fr__tag{display:inline-block;font-weight:700;margin-right:11px;white-space:nowrap}
1310  #smp-panel .smp-fr__tag--n12{color:#8a6d00}
1311  #smp-panel .smp-fr__tag--n34{color:#b35c00}
1312  #smp-panel .smp-fr__tag--n56{color:#c62828}
1313  #smp-panel .smp-fr__quan{font-weight:600;font-size:12px;opacity:.8}
1314  #smp-panel .smp-fr__src{font-size:10.5px;color:var(--smp-src);margin-top:1px}
1315  #smp-panel .smp-fr__chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);
1316    font-size:26px;line-height:1;color:#cfcfcf;font-weight:700}
1317  #smp-panel .smp-fr__cover{position:absolute;inset:0;z-index:2;text-indent:-9999px;overflow:hidden}
1318  #smp-panel .smp-fr__cover:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
1319
1320  @media (max-width:380px){
1321    #smp-panel .smp-fr__num{flex-basis:64px}
1322    #smp-panel .smp-fr__n{font-size:30px}
1323    #smp-panel .smp-fr__fila{flex-direction:column;gap:0}
1324    #smp-panel .smp-fr__dia{flex:none}
1325    #smp-panel .smp-fr__src{white-space:normal}
1326  }
1327
1328  @media (max-width:480px){
1329    #smp-panel .smp-tit{gap:11px;padding:12px 14px}
1330    #smp-panel .smp-tit__nom{font-size:17px}
1331    #smp-panel .smp-foot{flex-direction:column;align-items:flex-start;gap:5px}
1332    #smp-panel .smp-font{text-align:left}
1333    #smp-panel .smp-eix span{font-size:8.5px}
1334  }
1335</style>
1336<script>
1337(function(){
1338  "use strict";
1339  /* ---------- CONFIGURA AQUÍ ---------- */
1340  var MUNICIPI    = "Castellnou de Bages";
1341  var COMARCA     = "Bages";
1342  var ID_COMARCA  = 7;                       // Bages
1343  var DETALL_URL  = "https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/avisos-meteorologics.html";
1344  var OFICIAL_URL = "https://www.meteo.cat/prediccio/general";
1345  var SERVICE     = "https://static-m.meteo.cat/ginys/pronostic/smp/episodisOberts/avisos-episodis-oberts-";
1346  var TIMEOUT_MS  = 6000;
1347  var REFRESC_MS  = 10 * 60 * 1000;          // rellegeix cada 10 min amb la pàgina oberta
1348  var MAX_FILES   = 3;                       // avisos detallats per dia; la resta, "i N més"
1349  var EXPANDEIX   = 3;                       // nivell a partir del qual el panell es desplega
1350                                             // 3 = perill alt. Posa-hi 1 si es vol desplegar
1351                                             // també amb perill moderat, o 99 per no desplegar mai
1352  var MINI_MAX    = 2;                       // avisos per dia a la franja mínima
1353  /* ------------------------------------ */
1354
1355  var VERSIO = "adaptatiu 2026-09-08d";      // per identificar a la consola quina versió s'ha publicat
1356
1357  var TZ = "Europe/Madrid";
1358  var panel = document.getElementById("smp-panel"); if(!panel) return;
1359  if(window.console && console.info) console.info("[SMP] panell " + VERSIO);
1360  var cos   = document.getElementById("smp-cos"),
1361      font  = document.getElementById("smp-font"),
1362      cta   = document.getElementById("smp-cta");
1363
1364  if(cta) cta.href = DETALL_URL || OFICIAL_URL;
1365  panel.setAttribute("role","region");
1366  panel.setAttribute("aria-label","Avisos meteorològics de perill a " + MUNICIPI);
1367
1368  /* ---------- escala de perill ---------- */
1369  function banda(p){ return p>=5?"n56" : p>=3?"n34" : p>=1?"n12" : "cap"; }
1370  function bandaTxt(p){ return p>=5?"Perill molt alt" : p>=3?"Perill alt" : p>=1?"Perill moderat" : "Sense perill"; }
1371
1372  /* ---------- icones (SVG en línia) ---------- */
1373  var NUVOL = '<path d="M7 14.2a3.8 3.8 0 0 1-.6-7.55A5.3 5.3 0 0 1 16.7 6.3 3.7 3.7 0 0 1 18 14.2H7z"></path>';
1374  var ICO = {
1375    pluja:  NUVOL + '<path d="M9 17.2 8 21M13 17.2 12 21M17 17.2 16 21"></path>',
1376    ruixat: NUVOL + '<path d="M10 17.6l-.6 2.6M14.4 17.6l-.6 2.6"></path>',
1377    vent:   '<path d="M3 8h9.5a2.6 2.6 0 1 0-2.6-2.6M3 12h13.2a3.1 3.1 0 1 1-3.1 3.1M3 16.2h7.4a2.1 2.1 0 1 1-2.1 2.1"></path>',
1378    calor:  '<circle cx="12" cy="12" r="4"></circle><path d="M12 2.6v2.1M12 19.3v2.1M4.7 4.7l1.5 1.5M17.8 17.8l1.5 1.5M2.6 12h2.1M19.3 12h2.1M4.7 19.3l1.5-1.5M17.8 6.2l1.5-1.5"></path>',
1379    fred:   '<path d="M12 2.5v19M4 7l16 10M20 7 4 17"></path><path d="M9.5 4.6 12 7l2.5-2.4M9.5 19.4 12 17l2.5 2.4"></path>',
1380    neu:    NUVOL + '<path d="M9 18h.01M12.4 19.6h.01M15.8 18h.01" stroke-width="2.6"></path>',
1381    tempesta: NUVOL + '<path d="M12.6 16.4 10 20.2h3l-.7 2.6"></path>',
1382    mar:    '<path d="M2 9c2.4 0 2.4 2 4.8 2s2.4-2 4.8-2 2.4 2 4.8 2 2.4-2 4.8-2M2 15c2.4 0 2.4 2 4.8 2s2.4-2 4.8-2 2.4 2 4.8 2 2.4-2 4.8-2"></path>',
1383    generic:'<path d="M12 3l9.5 17H2.5L12 3z"></path><path d="M12 10v4M12 17h.01"></path>',
1384    ok:     '<path d="M20 6 9 17l-5-5"></path>'
1385  };
1386  function svg(d, mida, gruix){
1387    return '<svg class="smp-tit__ico" viewBox="0 0 24 24" width="'+mida+'" height="'+mida+'" fill="none" '+
1388           'stroke="currentColor" stroke-width="'+gruix+'" stroke-linecap="round" stroke-linejoin="round" '+
1389           'aria-hidden="true" focusable="false">'+d+'</svg>';
1390  }
1391
1392  /* ---------- vocabulari dels meteors ----------
1393     clau: fragment del nom que envia el Meteocat
1394     nom:  etiqueta curta de la fila
1395     tit:  sintagma per al titular
1396     ico:  icona                                              */
1397  var METEORS = [
1398    { re:/pluja en 30/i,            nom:"Pluja intensa",    tit:"Pluja intensa",        ico:"pluja" },
1399    { re:/pluja en 3 hores/i,       nom:"Pluja acumulada",  tit:"Pluja acumulada",      ico:"ruixat" },
1400    { re:/pluja|precipitaci/i,      nom:"Pluja",            tit:"Pluja",                ico:"pluja" },
1401    { re:/tempesta|llamp/i,         nom:"Tempesta",         tit:"Tempesta",             ico:"tempesta" },
1402    { re:/acumulaci.*neu|gruix/i,   nom:"Neu",              tit:"Acumulació de neu",    ico:"neu" },
1403    { re:/neu/i,                    nom:"Neu",              tit:"Nevades",              ico:"neu" },
1404    { re:/calor nocturna/i,         nom:"Calor nocturna",   tit:"Calor nocturna",       ico:"calor" },
1405    { re:/calor/i,                  nom:"Calor",            tit:"Calor intensa",        ico:"calor" },
1406    { re:/fred|gelada/i,            nom:"Fred",             tit:"Fred intens",          ico:"fred" },
1407    { re:/vent|ratxa/i,             nom:"Vent",             tit:"Vent fort",            ico:"vent" },
1408    { re:/mar/i,                    nom:"Mar",              tit:"Mar grossa",           ico:"mar" }
1409  ];
1410  function vocab(m){
1411    for(var i=0;i<METEORS.length;i++){ if(METEORS[i].re.test(m||"")) return METEORS[i]; }
1412    return { nom:m||"Avís", tit:m||"Avís meteorològic", ico:"generic" };
1413  }
1414
1415  /* ---------- franges de 6 h ---------- */
1416  var ORDRE  = ["00-06","06-12","12-18","18-00"];
1417  var CURT   = {"00-06":"matinada","06-12":"matí","12-18":"tarda","18-00":"vespre"};
1418  var HORES  = {"00-06":"0–6 h","06-12":"6–12 h","12-18":"12–18 h","18-00":"18–24 h"};
1419  var AMB_A  = {"00-06":"a la matinada","06-12":"al matí","12-18":"a la tarda","18-00":"al vespre"};
1420  function franjaLlarga(fr, max){
1421    var k=[], i;
1422    for(i=0;i<ORDRE.length;i++){ if(fr[ORDRE[i]]===max) k.push(ORDRE[i]); }
1423    if(!k.length || k.length===4) return ", tot el dia";
1424    var t=[]; for(i=0;i<k.length;i++) t.push(AMB_A[k[i]]);
1425    if(t.length===1) return " " + t[0];
1426    return " " + t.slice(0,-1).join(", ") + " i " + t[t.length-1];
1427  }
1428
1429  /* ---------- dates ---------- */
1430  function ymd(d){
1431    return new Intl.DateTimeFormat("en-CA",{timeZone:TZ,year:"numeric",month:"2-digit",day:"2-digit"})
1432      .format(d).replace(/-/g,"");
1433  }
1434  function mesDies(d,n){ var x=new Date(d.getTime()); x.setDate(x.getDate()+n); return x; }
1435  function segellText(ms){
1436    if(!ms) return "";
1437    var d=new Date(ms), ara=new Date();
1438    var hora=new Intl.DateTimeFormat("ca-ES",{timeZone:TZ,hour:"2-digit",minute:"2-digit"}).format(d);
1439    if(ymd(d)===ymd(ara)) return " · actualitzat a les "+hora+" h";
1440    var data=new Intl.DateTimeFormat("ca-ES",{timeZone:TZ,day:"numeric",month:"short"}).format(d);
1441    return " · actualitzat el "+data+", "+hora+" h";
1442  }
1443  function esc(s){
1444    return String(s).replace(/[&<>"]/g,function(c){
1445      return {"&":"\u0026amp;","<":"\u0026lt;",">":"\u0026gt;",'"':"\u0026quot;"}[c];});
1446  }
1447
1448  /* =================== lectura de dades =================== */
1449  function carrega(){
1450    var avui=new Date(), claus=[], i;
1451    for(i=0;i<3;i++) claus.push(ymd(mesDies(avui,i)));   // avui, demà i un dia de marge
1452
1453    var ctrl=new AbortController(), to=setTimeout(function(){ctrl.abort();},TIMEOUT_MS);
1454    var fallades=0, lastMod=0;
1455
1456    return Promise.all(claus.map(function(k){
1457      return fetch(SERVICE+k+".json",{signal:ctrl.signal,cache:"no-store"})
1458        .then(function(r){
1459          var lm=r.headers.get("last-modified");
1460          if(lm){ var t=Date.parse(lm); if(t>lastMod) lastMod=t; }
1461          if(r.status===404) return [];          // el fitxer del dia més llunyà encara no existeix: normal
1462          if(!r.ok) throw new Error("HTTP "+r.status);
1463          return r.json();
1464        })
1465        .catch(function(){ fallades++; return null; });
1466    })).then(function(fitxers){
1467      clearTimeout(to);
1468      if(fallades===claus.length) throw new Error("font no disponible");
1469
1470      var mapa={};
1471      fitxers.forEach(function(eps){ (eps||[]).forEach(function(ep){
1472        var meteor=(ep.meteor&&ep.meteor.nom)||"Avís";
1473        /* dins d'un episodi només compten els avisos vigents;
1474           els "Ampliat" han estat substituïts per un de posterior */
1475        var av=(ep.avisos||[]).filter(function(a){ return a.estat==="Vigent"; });
1476        if(!av.length && ep.avisos && ep.avisos.length){
1477          av=[ep.avisos.slice().sort(function(a,b){
1478            return String(b.dataEmisio).localeCompare(String(a.dataEmisio)); })[0]];
1479        }
1480        av.forEach(function(a){ (a.evolucions||[]).forEach(function(ev){ (ev.periodes||[]).forEach(function(p){
1481          (p.afectacions||[]).forEach(function(af){
1482            if(af.idComarca!==ID_COMARCA) return;
1483            var dia=String(af.dia||ev.dia||"").slice(0,10).replace(/-/g,"");
1484            if(!dia) return;
1485            var key=dia+"|"+meteor;
1486            var r=mapa[key]||(mapa[key]={dia:dia,meteor:meteor,perill:0,llindars:{},fr:{}});
1487            if(af.perill>r.perill) r.perill=af.perill;
1488            if(af.llindar) r.llindars[af.llindar]=true;
1489            if(p.nom) r.fr[p.nom]=Math.max(r.fr[p.nom]||0, af.perill);
1490          });
1491        });});});
1492      });});
1493
1494      var dies=claus.slice(0,2).map(function(k,idx){
1495        var items=[];
1496        Object.keys(mapa).forEach(function(x){
1497          var r=mapa[x]; if(r.dia!==k) return;
1498          var v=vocab(r.meteor);
1499          items.push({ meteor:r.meteor, nom:v.nom, tit:v.tit, ico:v.ico,
1500                       perill:r.perill, fr:r.fr,
1501                       llindar:Object.keys(r.llindars).join(" · "),
1502                       quan:franjaLlarga(r.fr, r.perill) });
1503        });
1504        items.sort(function(a,b){ return b.perill-a.perill; });
1505        return { etiqueta: idx===0?"Avui":"Demà", items:items,
1506                 max: items.length ? items[0].perill : 0 };
1507      });
1508
1509      return { dies:dies, parcial:fallades>0, lastMod:lastMod };
1510    }).catch(function(e){ clearTimeout(to); throw e; });
1511  }
1512
1513  /* =================== estat i plantilles del panell sencer =================== */
1514  var diaSel   = 0;
1515  var diaTriat = false;   // passa a cert quan l'usuari tria pestanya; llavors ja no es mou sol
1516  var dades    = null;
1517
1518  /* El dia que s'ensenya per defecte és el més perillós, no sempre avui.
1519     Amb avui a 0 i demà a 4, obrir per avui dona un titular verd de "cap avís"
1520     just quan el que cal explicar és el 4 de demà. En cas d'empat, avui. */
1521  function diaMesGreu(){
1522    var idx=0, i;
1523    for(i=1;i<dades.dies.length;i++){ if(dades.dies[i].max > dades.dies[idx].max) idx=i; }
1524    return idx;
1525  }
1526
1527  /* El pitjor avís dels dos dies. És el que dona color i titular al mòdul,
1528     tant desplegat com contret: el criteri ha de ser el mateix en tots dos
1529     formats, i ha de respondre "com està la cosa a 48 h", no "què passa el
1530     dia que tens seleccionat". Si no, canviar de pestanya repinta el mòdul
1531     sencer de verd amb un avís de nivell 4 viu a l'altra pestanya. */
1532  function pitjor(){
1533    var res=null;
1534    dades.dies.forEach(function(d,i){
1535      if(!d.items.length) return;
1536      if(!res || d.items[0].perill > res.item.perill) res={item:d.items[0], dia:i};
1537    });
1538    return res;
1539  }
1540
1541  /* Capçalera del mode desplegat: la mateixa franja del mode contret, amb el
1542     pitjor avís dels dos dies. Substitueix la capçalera de títol i la banda de
1543     color a tota amplada, que entre totes dues ocupaven ~140 px per dir el que
1544     aquí es diu en 70. */
1545  function capHTML(){
1546    var eyebrow = "Situació meteorològica de perill · comarca del " + COMARCA;
1547    var p = pitjor();
1548    /* si la lectura ha estat incompleta, cap avís no es pot donar per bo:
1549       no sabem si és que no n'hi ha o que no ho hem llegit */
1550    if(!p){
1551      return franjaHTML(dades.parcial?"gris":"cap", dades.parcial?"?":"0", eyebrow,
1552        '<p class="smp-fr__cap">'+(dades.parcial
1553          ? "No es pot confirmar l'estat" : "Cap avís per a avui ni demà")+'</p>', "", "", "");
1554    }
1555    var it=p.item, etiqueta=dades.dies[p.dia].etiqueta;
1556    return franjaHTML(banda(it.perill), String(it.perill), eyebrow,
1557      '<p class="smp-fr__tit">'+esc(it.tit)+'</p>'+
1558      '<p class="smp-fr__sub">'+esc(etiqueta+it.quan)+' · '+
1559        esc(bandaTxt(it.perill).toLowerCase())+', nivell '+it.perill+' de 6</p>',
1560      "", "", "");
1561  }
1562
1563  function tabsHTML(){
1564    return '<div class="smp-tabs">'+dades.dies.map(function(d,i){
1565      var col=d.max>=5?"var(--smp-verm)":d.max>=3?"var(--smp-tar)":d.max>=1?"var(--smp-groc)":"var(--smp-verd)";
1566      return '<button type="button" class="smp-tab" data-dia="'+i+'" aria-pressed="'+(i===diaSel)+'" '+
1567             'style="border-bottom-color:'+(i===diaSel?col:"transparent")+'" '+
1568             'aria-label="'+esc(d.etiqueta+": "+bandaTxt(d.max)+", nivell "+d.max)+'">'+
1569        '<span class="smp-tab__punt" style="background:'+col+'"></span>'+
1570        '<span class="smp-tab__nom">'+esc(d.etiqueta)+'</span>'+
1571        '<span class="smp-tab__niv" style="color:'+col+'">'+d.max+'</span>'+
1572      '</button>';
1573    }).join("")+'</div>';
1574  }
1575
1576  function filesHTML(dia){
1577    if(!dia.items.length){
1578      var q = (dia.etiqueta==="Avui" ? "avui" : "demà");
1579      return dades.parcial
1580        ? '<p class="smp-buit smp-buit--gris">'+svg(ICO.generic,19,"1.9")+
1581          ' No es pot confirmar l\'estat de '+q+'</p>'
1582        : '<p class="smp-buit">'+svg(ICO.ok,19,"2.4")+' Cap avís per a '+q+'</p>';
1583    }
1584    var mostra=dia.items.slice(0,MAX_FILES), sobren=dia.items.length-mostra.length;
1585    var html=mostra.map(function(it){
1586      var segs=ORDRE.map(function(f){
1587        var n=it.fr[f]||0;
1588        return '<span class="smp-seg'+(n?" smp-seg--"+banda(n):"")+'"></span>';
1589      }).join("");
1590      var titol=it.meteor+" — "+bandaTxt(it.perill)+" (nivell "+it.perill+")"+
1591                (it.llindar?" · "+it.llindar:"");
1592      return '<div class="smp-fila">'+
1593        '<div class="smp-fila__top">'+
1594          '<span style="color:'+(it.perill>=5?"var(--smp-verm)":it.perill>=3?"#e06c00":"#a37a00")+'">'+
1595            svg(ICO[it.ico],22,"1.8")+'</span>'+
1596          '<span class="smp-fila__nom">'+esc(it.nom)+'</span>'+
1597          '<span class="smp-xip smp-xip--'+banda(it.perill)+'" title="'+esc(titol)+'">'+
1598            esc(bandaTxt(it.perill))+' · '+it.perill+'</span>'+
1599        '</div>'+
1600        '<div class="smp-barra">'+segs+'</div>'+
1601      '</div>';
1602    }).join("");
1603    /* l'eix va a dalt, com la capçalera d'una taula, i amb les hores: el nom
1604       de la franja sol no és prou explícit i abans arribava després de les barres */
1605    html = '<div class="smp-eix" aria-hidden="true">'+ORDRE.map(function(f){
1606             return '<span><b>'+CURT[f]+'</b><i>'+HORES[f]+'</i></span>'; }).join("")+'</div>'+
1607           '<div class="smp-files">'+html+'</div>';
1608    if(sobren) html += '<p class="smp-mes">i '+sobren+(sobren>1?" avisos":" avís")+' més · vegeu el detall</p>';
1609    return html;
1610  }
1611
1612  /* =================== estat mínim (franja de 64 px) ===================
1613     Mentre no hi ha perill alt, el panell no ha de pesar més que la targeta
1614     del Pla Alfa que té al costat: es replega a una franja de la mateixa
1615     forma i la mateixa alçada, i només es desplega quan la cosa ho val. */
1616  var EYEBROW = "Situació meteorològica de perill";
1617
1618  var COLOR = { n56:{bg:"var(--smp-verm)",fg:"#fff"},
1619                n34:{bg:"var(--smp-tar)", fg:"#fff"},
1620                n12:{bg:"var(--smp-groc)",fg:"#1a1a1a"},
1621                cap:{bg:"var(--smp-verd)",fg:"#fff"},
1622                gris:{bg:"var(--smp-gris)",fg:"#fff"} };
1623
1624  function quanCurt(fr, max){
1625    var k=[], i;
1626    for(i=0;i<ORDRE.length;i++){ if(fr[ORDRE[i]]===max) k.push(CURT[ORDRE[i]]); }
1627    if(!k.length || k.length===4) return "";
1628    return k.join("/");
1629  }
1630
1631  /* La franja, compartida pels dos modes. Amb href fa de targeta clicable
1632     sencera (mode contret); sense href és només la capçalera del panell
1633     desplegat, i l'enllaç el porta el peu perquè no s'empassi els clics
1634     de les pestanyes. */
1635  function franjaHTML(clau, num, eyebrow, cosHTML, nota, href, aria){
1636    var c = COLOR[clau] || COLOR.gris;
1637    return '<div class="smp-fr">'+
1638      '<div class="smp-fr__num" style="background:'+c.bg+';color:'+c.fg+'">'+
1639        '<span class="smp-fr__n">'+esc(num)+'</span>'+
1640        '<span class="smp-fr__k">SMP</span>'+
1641      '</div>'+
1642      '<div class="smp-fr__body">'+
1643        '<p class="smp-fr__eyebrow">'+esc(eyebrow)+'</p>'+
1644        cosHTML+
1645        (href ? '<p class="smp-fr__src">'+esc(MUNICIPI)+' · Font: Meteocat'+(nota||"")+'</p>'+
1646                '<span class="smp-fr__chev" aria-hidden="true">›</span>' : "")+
1647      '</div>'+
1648      (href ? '<a class="smp-fr__cover" href="'+esc(href)+'" target="_top" aria-label="'+esc(aria)+'">'+
1649              esc(aria)+'</a>' : "")+
1650    '</div>';
1651  }
1652
1653  function miniFiles(){
1654    return dades.dies.map(function(d){
1655      var val;
1656      if(!d.items.length){
1657        val = '<span class="smp-fr__net">'+(dades.parcial?"sense dades":"sense avisos")+'</span>';
1658      }else{
1659        var mostra=d.items.slice(0,MINI_MAX), sobren=d.items.length-mostra.length;
1660        val = mostra.map(function(it){
1661          var q=quanCurt(it.fr, it.perill);
1662          return '<span class="smp-fr__tag smp-fr__tag--'+banda(it.perill)+'">'+
1663                   esc(it.nom)+' '+it.perill+
1664                   (q?'<span class="smp-fr__quan"> '+esc(q)+'</span>':"")+
1665                 '</span>';
1666        }).join("") + (sobren?'<span class="smp-fr__quan">+'+sobren+' més</span>':"");
1667      }
1668      return '<p class="smp-fr__fila"><span class="smp-fr__dia">'+esc(d.etiqueta)+'</span>'+
1669             '<span>'+val+'</span></p>';
1670    }).join("");
1671  }
1672
1673  /* =================== pintat =================== */
1674  function pinta(){
1675    if(!dades) return;
1676    var totMax=0;
1677    dades.dies.forEach(function(d){ if(d.max>totMax) totMax=d.max; });
1678    var buit = !dades.dies[0].items.length && !(dades.dies[1] && dades.dies[1].items.length);
1679
1680    /* ---- per damunt del llindar: el panell sencer ---- */
1681    if(totMax >= EXPANDEIX){
1682      panel.className = "smp-panel";
1683      var d=dades.dies[diaSel];
1684      cos.innerHTML = capHTML() + tabsHTML() + filesHTML(d) +
1685        (dades.parcial ? '<p class="smp-parcial">Informació incompleta: no s\'han pogut llegir totes les dades. '+
1686          'Comproveu-ho a <a href="'+OFICIAL_URL+'" target="_top" rel="noopener">meteo.cat</a>.</p>' : "");
1687      if(font) font.textContent = "Font: Meteocat" + segellText(dades.lastMod);
1688      if(cta)  cta.href = DETALL_URL || OFICIAL_URL;
1689      return;
1690    }
1691
1692    /* ---- per sota del llindar: franja mínima ---- */
1693    panel.className = "smp-panel is-min";
1694    var nota = segellText(dades.lastMod);
1695    var href = DETALL_URL || OFICIAL_URL;
1696
1697    if(buit && dades.parcial){
1698      /* no sabem si no n'hi ha o si no ho hem pogut llegir: mai no es diu que no n'hi ha */
1699      cos.innerHTML = franjaHTML("gris", "?", EYEBROW,
1700        '<p class="smp-fr__cap">No es pot confirmar l\'estat</p>', nota, href,
1701        "Avisos meteorològics de perill a "+MUNICIPI+": estat no confirmat");
1702    }else if(buit){
1703      cos.innerHTML = franjaHTML("cap", "0", EYEBROW,
1704        '<p class="smp-fr__cap">Cap avís per a avui ni demà</p>', nota, href,
1705        "Avisos meteorològics de perill a "+MUNICIPI+": cap avís per a avui ni demà");
1706    }else{
1707      cos.innerHTML = franjaHTML(banda(totMax), String(totMax), EYEBROW, miniFiles(),
1708        nota + (dades.parcial?" · informació incompleta":""), href,
1709        "Avisos meteorològics de perill a "+MUNICIPI+": nivell màxim "+totMax+", "+bandaTxt(totMax));
1710    }
1711  }
1712
1713  /* estat de fallada: mai no es diu que no hi ha avisos, perquè no ho sabem */
1714  function error(e){
1715    if(window.console) console.warn("[SMP] panell en mode fallback:", e && e.message);
1716    dades = null;
1717    panel.className = "smp-panel is-min";
1718    cos.innerHTML = franjaHTML("gris", "!", EYEBROW,
1719      '<p class="smp-fr__cap">Estat dels avisos no disponible</p>', "", OFICIAL_URL,
1720      "Consultar els avisos meteorològics al Meteocat");
1721  }
1722
1723  /* canvi de dia */
1724  cos.addEventListener("click", function(ev){
1725    var b = ev.target.closest ? ev.target.closest(".smp-tab") : null;
1726    if(!b) return;
1727    var i = parseInt(b.getAttribute("data-dia"), 10);
1728    if(isNaN(i) || i===diaSel) return;
1729    diaSel = i;
1730    diaTriat = true;
1731    pinta();
1732  });
1733
1734  /* =================== cicle d'actualització =================== */
1735  var darrera=0, enCurs=false, reintent=null;
1736
1737  function actualitza(){
1738    if(enCurs) return;
1739    enCurs = true;
1740    carrega().then(function(d){
1741      dades = d;
1742      if(!diaTriat) diaSel = diaMesGreu();
1743      if(diaSel > dades.dies.length-1) diaSel = 0;
1744      darrera = Date.now();
1745      if(reintent){ clearTimeout(reintent); reintent=null; }
1746      pinta();
1747    }).catch(function(e){
1748      error(e);
1749      /* una fallada puntual es reintenta un cop al minut */
1750      if(!reintent) reintent = setTimeout(function(){ reintent=null; actualitza(); }, 60000);
1751    }).then(function(){ enCurs = false; });
1752  }
1753
1754  actualitza();
1755  setInterval(actualitza, REFRESC_MS);
1756  document.addEventListener("visibilitychange", function(){
1757    if(!document.hidden && Date.now()-darrera > 120000) actualitza();
1758  });
1759})();
1760</script>
1760</div></div>  </div></div><div class="js-widget o-widget o-widget--pla-alfa col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix boxBX  WidgetHtmlBlock " data-id="331" >  <div class="o-widget-wrapper clearfix default-BX  mt-3 mb-5 ms-1 me-1  row " data-id="331"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="pa-card" id="pa-card">
1761  <div class="pa-num" id="pa-num"><span class="pa-n" id="pa-n">·</span><span class="pa-k">Pla Alfa</span></div>
1762  <div class="pa-body">
1763    <p class="pa-eyebrow">Perill d'incendi forestal</p>
1764    <p class="pa-lvl" id="pa-lvl">Carregant el nivell d'avui…</p>
1765    <p class="pa-src">Castellnou de Bages · Font: Agents Rurals (Generalitat)</p>
1766    <span class="pa-chev" aria-hidden="true">&rsaquo;</span>
1767  </div>
1768  <a class="pa-cover" id="pa-cover" href="#" target="_top"
1769     aria-label="Perill d'incendi forestal a Castellnou de Bages">Consulta el Pla Alfa</a>
1770</div>
1771
1772<style>
1773  #pa-card{--c0:#2e7d32;--t0:#fff;--c1:#f9d423;--t1:#1a1a1a;--c2:#f57c00;--t2:#fff;
1774    --c3:#d32f2f;--t3:#fff;--c4:#4a0d0d;--t4:#fff;--cN:#5b6670;--tN:#fff;
1775    position:relative;display:flex;align-items:stretch;width:100%;max-width:560px;margin:0 auto;
1776    min-height:64px;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.16);
1777    font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
1778    transition:transform .12s ease,box-shadow .12s ease;box-sizing:border-box}
1779  #pa-card *{box-sizing:border-box}
1780  #pa-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.20)}
1781  #pa-card .pa-num{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;justify-content:center;
1782    padding:6px;line-height:1;background:var(--cN);color:var(--tN)}
1783  #pa-card .pa-n{font-size:34px;font-weight:800}
1784  #pa-card .pa-k{font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-top:3px;opacity:.9}
1785  #pa-card .pa-body{position:relative;flex:1;background:#fff;color:#1a1a1a;
1786    padding:8px 34px 8px 16px;display:flex;flex-direction:column;justify-content:center}
1787  #pa-card .pa-body p{margin:0}
1788  #pa-card .pa-eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#7a7a7a;margin-bottom:1px}
1789  #pa-card .pa-lvl{font-size:17px;font-weight:700;line-height:1.15;margin:1px 0}
1790  #pa-card .pa-src{font-size:10.5px;color:#9a9a9a;margin-top:1px}
1791  #pa-card .pa-chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);
1792    font-size:26px;line-height:1;color:#cfcfcf;font-weight:700}
1793  #pa-card .pa-cover{position:absolute;inset:0;z-index:2;text-indent:-9999px;overflow:hidden}
1794  #pa-card .pa-cover:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
1795  @media (max-width:380px){#pa-card .pa-num{flex-basis:64px}#pa-card .pa-n{font-size:30px}#pa-card .pa-src{white-space:normal}}
1796</style>
1797
1798<script>
1799(function(){
1800  /* ---------- CONFIGURA AQUÍ ---------- */
1801  var VERSIO = "2026-09-21a";
1802  var MUNICIPI = "Castellnou de Bages";
1803  var DETALL_URL = "https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/pla-alfa.html";
1804  var MAPA_OFICIAL = "https://interior.gencat.cat/ca/arees_dactuacio/agents-rurals/pla-alfa/";
1805  var SERVICE = "https://services7.arcgis.com/ZCqVt1fRXwwK6GF4/arcgis/rest/services/Pla_Alfa_Municipal_Avui_FL_alternatiu_VW/FeatureServer/0/query";
1806  var TIMEOUT_MS = 6000;
1807  var REFRESC_MS = 10*60*1000;   /* relectura periòdica: 10 min */
1808  var REINTENT_MS = 60*1000;     /* si falla, reintenta al cap d'1 min */
1809  /* ------------------------------------ */
1810  var LEVELS={0:{lab:"Perill baix",bg:"var(--c0)",fg:"var(--t0)"},
1811              1:{lab:"Perill moderat",bg:"var(--c1)",fg:"var(--t1)"},
1812              2:{lab:"Perill alt",bg:"var(--c2)",fg:"var(--t2)"},
1813              3:{lab:"Perill molt alt",bg:"var(--c3)",fg:"var(--t3)"},
1814              4:{lab:"Perill extrem",bg:"var(--c4)",fg:"var(--t4)"}};
1815  var card=document.getElementById("pa-card"); if(!card) return;
1816  try{console.log("[Pla Alfa] badge "+VERSIO);}catch(e){}
1817  var numB=document.getElementById("pa-num"),numN=document.getElementById("pa-n"),
1818      lvlE=document.getElementById("pa-lvl"),cover=document.getElementById("pa-cover");
1819  var ultimaOK=0,timer=null,enCurs=false;
1820  function neutral(){try{
1821    if(numB){numB.style.background="var(--cN)";numB.style.color="var(--tN)";}
1822    if(numN){numN.textContent="!";numN.style.fontSize="26px";}
1823    if(lvlE){lvlE.textContent="Consulta el nivell d'avui";}
1824    if(cover){cover.href=MAPA_OFICIAL;
1825      cover.setAttribute("aria-label","Perill d'incendi forestal a "+MUNICIPI+": consulta el nivell d'avui");}
1826  }catch(e){}}
1827  function paint(l){try{var i=LEVELS[l];if(!i){neutral();return;}
1828    if(numB){numB.style.background=i.bg;numB.style.color=i.fg;}
1829    if(numN){numN.textContent=l;numN.style.fontSize="";}
1830    if(lvlE){lvlE.textContent=i.lab;}
1831    if(cover){cover.href=DETALL_URL||MAPA_OFICIAL;
1832      cover.setAttribute("aria-label","Perill d'incendi forestal a "+MUNICIPI+": nivell "+l+", "+i.lab);}
1833  }catch(e){neutral();}}
1834  function readLevel(a){if(!a)return null;var k=["PERIL_M","PERILL_M","peril_m","PERIL","NIVELL"];
1835    for(var j=0;j<k.length;j++){if(a[k[j]]!==undefined&&a[k[j]]!==null){
1836      var v=parseInt(a[k[j]],10);if(v>=0&&v<=4)return v;}}return null;}
1837  function programa(ms){clearTimeout(timer);timer=setTimeout(carrega,ms);}
1838  function carrega(){
1839    if(enCurs)return; enCurs=true;
1840    /* _ts únic a cada petició: salta la caché del navegador, la del CDN d'ArcGIS i qualsevol proxy */
1841    var url=SERVICE+"?where="+encodeURIComponent("NOMMUNI='"+MUNICIPI.replace(/'/g,"''")+"'")+
1842            "&outFields=NOMMUNI,NOMCOMAR,PERIL_M&returnGeometry=false&f=json&_ts="+Date.now();
1843    var ctrl=new AbortController(),to=setTimeout(function(){ctrl.abort();},TIMEOUT_MS);
1844    fetch(url,{signal:ctrl.signal,cache:"no-store"})
1845      .then(function(r){if(!r.ok)throw 0;return r.json();})
1846      .then(function(d){clearTimeout(to);if(d&&d.error)throw 0;
1847        var f=d&&d.features,l=(f&&f.length)?readLevel(f[0].attributes):null;
1848        if(l===null)throw 0;
1849        paint(l);ultimaOK=Date.now();enCurs=false;programa(REFRESC_MS);})
1850      .catch(function(){clearTimeout(to);enCurs=false;
1851        /* si ja teníem un valor bo d'avui, no el tapem amb el gris per una fallada puntual */
1852        if(!ultimaOK||new Date(ultimaOK).toDateString()!==new Date().toDateString())neutral();
1853        programa(REINTENT_MS);});
1854  }
1855  document.addEventListener("visibilitychange",function(){
1856    if(document.visibilityState==="visible"&&Date.now()-ultimaOK>REFRESC_MS)carrega();});
1857  carrega();
1858})();
1859</script>
1859</div></div>  </div></div></div>  </div></div><div class="js-widget o-widget o-widget-contenidor  o-widget-contenidor--columnes  col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContainer " data-id="319" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="319"><div class="o-widget-container  row"><div class="view-24 js-widget o-widget o-widget--sliderBootstrap contentView-15 col-xs-12 col-sm-8 col-md-8 col-lg-8 clearfix boxBX  WidgetContentsList " data-id="332" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  ms-1 me-1  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="332"><div class="o-widget-title-slot o-widget__title_Line"><span>Destacats</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic">
1860  <div id="carousel332" class="carousel slide pointer-event sliderBootstrap1 carousel-ride-332"
1861         data-bs-ride="carousel-ride-332"
1862         data-bs-interval="5000"
1863         data-bs-id="332"
1864    >
1865    <ol class="carousel-indicators">
1866              <li data-bs-target="#carousel332" data-bs-slide-to="0"
1867          class="active" 
1868          aria-current="true" aria-label=""> 
1869        </li>
1870              <li data-bs-target="#carousel332" data-bs-slide-to="1"
1871           
1872          aria-current="true" aria-label=""> 
1873        </li>
1874              <li data-bs-target="#carousel332" data-bs-slide-to="2"
1875           
1876          aria-current="true" aria-label=""> 
1877        </li>
1878              <li data-bs-target="#carousel332" data-bs-slide-to="3"
1879           
1880          aria-current="true" aria-label=""> 
1881        </li>
1882              <li data-bs-target="#carousel332" data-bs-slide-to="4"
1883           
1884          aria-current="true" aria-label=""> 
1885        </li>
1886              <li data-bs-target="#carousel332" data-bs-slide-to="5"
1887           
1888          aria-current="true" aria-label=""> 
1889        </li>
1890              <li data-bs-target="#carousel332" data-bs-slide-to="6"
1891           
1892          aria-current="true" aria-label=""> 
1893        </li>
1894              <li data-bs-target="#carousel332" data-bs-slide-to="7"
1895           
1896          aria-current="true" aria-label=""> 
1897        </li>
1898              <li data-bs-target="#carousel332" data-bs-slide-to="8"
1899           
1900          aria-current="true" aria-label=""> 
1901        </li>
1902              <li data-bs-target="#carousel332" data-bs-slide-to="9"
1903           
1904          aria-current="true" aria-label=""> 
1905        </li>
1906          </ol>
1907    <div class="carousel-inner">
1908                    <div class="carousel-item active">
1909          <div class="ratio ratio-1x1">
1910                        <a href="http://www.castellnoudebages.cat/actualitat/avisos/tall-alternatiu-de-transit-a-la-carretera-de-santpedor-a-castellnou-del-29-de-setembre-al-30-doctubre-de-2026.html" target="_self"  >
1911              <span class="visually-hidden">Tall alternatiu de trànsit a la B-5553</span>
1912              <img src="/media/repository/avisos/obres/obres_carretera.jpg" class="d-block w-100 img" alt="Tall alternatiu de trànsit a la B-5553">
1913            </a>
1914                      </div>
1915          <div class="container ratio-1x1">
1916            <div class="carousel-caption d-none-text d-md-block">
1917              <div class="container-text">
1918                              <span>
1919                  <a href="http://www.castellnoudebages.cat/actualitat/avisos/tall-alternatiu-de-transit-a-la-carretera-de-santpedor-a-castellnou-del-29-de-setembre-al-30-doctubre-de-2026.html" target="_self"  >
1920                    Tall alternatiu de trànsit a la B-5553                  </a>
1921                </span>
1922                                                        <p>
1923                  Pas alternatiu semaforitzat fins al 30 d'octubre. Precaució!
1924              </p>
1925                            </div>
1926            </div>
1927          </div>
1928        </div>
1929                      <div class="carousel-item ">
1930          <div class="ratio ratio-1x1">
1931                        <a href="https://www.castellnoudebages.cat/actualitat/agenda/sessio-informativa-ladministracio-a-prop-teu.html" target="_self"  >
1932              <span class="visually-hidden">Sessió informativa: «L'Administració a prop teu»</span>
1933              <img src="/media/repository/agenda/Adminsitracio/L_Administracio_a_prop_teu.png" class="d-block w-100 img" alt="Sessió informativa: «L'Administració a prop teu»">
1934            </a>
1935                      </div>
1936          <div class="container ratio-1x1">
1937            <div class="carousel-caption d-none-text d-md-block">
1938              <div class="container-text">
1939                              <span>
1940                  <a href="https://www.castellnoudebages.cat/actualitat/agenda/sessio-informativa-ladministracio-a-prop-teu.html" target="_self"  >
1941                    Sessió informativa: «L'Administració a prop teu»                  </a>
1942                </span>
1943                                                        <p>
1944                  Dimarts 6 d'octubre, d'11 a 14 h, a l'Ajuntament. Aprèn a fer els tràmits amb l'Estat des de casa.
1945              </p>
1946                            </div>
1947            </div>
1948          </div>
1949        </div>
1950                      <div class="carousel-item ">
1951          <div class="ratio ratio-1x1">
1952                        <a href="https://www.castellnoudebages.cat//continguts//el-microxip-es-imprescindible-pero-no-nhi-ha-prou.html" target="_self"  >
1953              <span class="visually-hidden">El microxip és imprescindible, però no n'hi ha prou.</span>
1954              <img src="/media/repository/baners_destacats/cens_animals_de_companyia/destacat-animals.png" class="d-block w-100 img" alt="El microxip és imprescindible, però no n'hi ha prou.">
1955            </a>
1956                      </div>
1957          <div class="container ratio-1x1">
1958            <div class="carousel-caption d-none-text d-md-block">
1959              <div class="container-text">
1960                              <span>
1961                  <a href="https://www.castellnoudebages.cat//continguts//el-microxip-es-imprescindible-pero-no-nhi-ha-prou.html" target="_self"  >
1962                    El microxip és imprescindible, però no n'hi ha prou.                  </a>
1963                </span>
1964                                                        <p>
1965                  Si el teu animal només està identificat amb microxip però no està inscrit al cens municipal o les dades no estan actualitzades, la seva localització pot ser més difícil.
1966
1967✅ Xipa'l
1968✅ Censa'l
1969✅ Mantén les teves dades actualitzades
1970
1971I recorda: L'esterilització dels gats és obligatòria!
1972              </p>
1973                            </div>
1974            </div>
1975          </div>
1976        </div>
1977                      <div class="carousel-item ">
1978          <div class="ratio ratio-1x1">
1979                        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/cataleg-de-serveis/oficina-consum-videotrucada.html" target="_self"  >
1980              <span class="visually-hidden">Nou servei - Oficina de Consum per videotrucada</span>
1981              <img src="/media/repository/serveis/omic/Captura_de_pantalla_2026-08-26_173216.png" class="d-block w-100 img" alt="Nou servei - Oficina de Consum per videotrucada">
1982            </a>
1983                      </div>
1984          <div class="container ratio-1x1">
1985            <div class="carousel-caption d-none-text d-md-block">
1986              <div class="container-text">
1987                              <span>
1988                  <a href="https://www.castellnoudebages.cat/serveis-i-tramits/cataleg-de-serveis/oficina-consum-videotrucada.html" target="_self"  >
1989                    Nou servei - Oficina de Consum per videotrucada                  </a>
1990                </span>
1991                                                        <p>
1992                  Atenció al consumidor per videotrucada — demana cita prèvia a l'Ajuntament.
1993              </p>
1994                            </div>
1995            </div>
1996          </div>
1997        </div>
1998                      <div class="carousel-item ">
1999          <div class="ratio ratio-1x1">
2000                        <a href="https://www.castellnoudebages.cat/actualitat/noticies/-castellnou-som-tots-cuidem-entre-tots-els-espais-comuns-del-municipi.html" target="_self"  >
2001              <span class="visually-hidden">♻ Castellnou som tots</span>
2002              <img src="/media/repository/noticies/2026/12-06-2026_Castellnou_som_tots__cuidem_entre_tots_els_espais_comuns_del_municipi/719160849_18328176493248717_4573297541945108134_n.jpg" class="d-block w-100 img" alt="â™»️ Castellnou som tots">
2003            </a>
2004                      </div>
2005          <div class="container ratio-1x1">
2006            <div class="carousel-caption d-none-text d-md-block">
2007              <div class="container-text">
2008                              <span>
2009                  <a href="https://www.castellnoudebages.cat/actualitat/noticies/-castellnou-som-tots-cuidem-entre-tots-els-espais-comuns-del-municipi.html" target="_self"  >
2010                    ♻ Castellnou som tots                  </a>
2011                </span>
2012                                                        <p>
2013                  Fem una crida al civisme i a la col·laboració ciutadana per mantenir nets els espais públics i les àrees de contenidors del municipi.
2014              </p>
2015                            </div>
2016            </div>
2017          </div>
2018        </div>
2019                      <div class="carousel-item ">
2020          <div class="ratio ratio-1x1">
2021                        <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/recollida-de-llentiscle-bruc-i-boix-grevol-nova-normativa-per-a-laprofitament-forestal.html#" target="_self"  >
2022              <span class="visually-hidden">☘ Recollida responsable de llentiscle, bruc i boix grèvol</span>
2023              <img src="/media/repository/plans_i_campanyes/aprofitament_forestal/Recollida_de_llentiscle__bruc_i_boix_grevol__nova_normativa_per_a_l%E2%80%99aprofitament_forestal/Infografia.jpg" class="d-block w-100 img" alt="Recollida responsable de llentiscle, bruc i boix grèvol">
2024            </a>
2025                      </div>
2026          <div class="container ratio-1x1">
2027            <div class="carousel-caption d-none-text d-md-block">
2028              <div class="container-text">
2029                              <span>
2030                  <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/recollida-de-llentiscle-bruc-i-boix-grevol-nova-normativa-per-a-laprofitament-forestal.html#" target="_self"  >
2031                    ☘ Recollida responsable de llentiscle, bruc i boix grèvol                  </a>
2032                </span>
2033                                                        <p>
2034                  Nova normativa sobre la recol·lecció de llentiscle, bruc i boix grèvol. Consulteu la informació abans de realitzar qualsevol aprofitament forestal.
2035              </p>
2036                            </div>
2037            </div>
2038          </div>
2039        </div>
2040                      <div class="carousel-item ">
2041          <div class="ratio ratio-1x1">
2042                        <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/prevencio-i-control-mosquit-tigre.html#" target="_self"  >
2043              <span class="visually-hidden">Campanya de prevenció i control del mosquit tigre</span>
2044              <img src="/media/repository/plans_i_campanyes/mosquit_tigre/mosquit-tigre-2026.jpg" class="d-block w-100 img" alt="Campanya de prevenció i control del mosquit tigre">
2045            </a>
2046                      </div>
2047          <div class="container ratio-1x1">
2048            <div class="carousel-caption d-none-text d-md-block">
2049              <div class="container-text">
2050                              <span>
2051                  <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/prevencio-i-control-mosquit-tigre.html#" target="_self"  >
2052                    Campanya de prevenció i control del mosquit tigre                  </a>
2053                </span>
2054                                                        </div>
2055            </div>
2056          </div>
2057        </div>
2058                      <div class="carousel-item ">
2059          <div class="ratio ratio-1x1">
2060                        <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/recollida-selectiva.html" target="_self"  >
2061              <span class="visually-hidden">Separa Obre Tanca - Recollida selectiva de residus</span>
2062              <img src="/media/repository/plans_i_campanyes/Recollida_Selectiva/Folleto-Separa-Obre-Tanca-portada.png" class="d-block w-100 img" alt="Separa Obre Tanca">
2063            </a>
2064                      </div>
2065          <div class="container ratio-1x1">
2066            <div class="carousel-caption d-none-text d-md-block">
2067              <div class="container-text">
2068                              <span>
2069                  <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/recollida-selectiva.html" target="_self"  >
2070                    Separa Obre Tanca - Recollida selectiva de residus                  </a>
2071                </span>
2072                                                        <p>
2073                  Per a consultes i incidències, així com per a la recollida de voluminosos, es pot contactar amb el telèfon 605 33 28 40.
2074              </p>
2075                            </div>
2076            </div>
2077          </div>
2078        </div>
2079                      <div class="carousel-item ">
2080          <div class="ratio ratio-1x1">
2081                        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/cataleg-de-serveis/banca-mobil.html" target="_self"  >
2082              <span class="visually-hidden">Banca Mòbil de Catalunya a Castellnou de Bages</span>
2083              <img src="/media/repository/serveis/banca-mobil/banca-mobil-catalunya-destacat.png" class="d-block w-100 img" alt="Banca Mòbil de Catalunya a Castellnou de Bages">
2084            </a>
2085                      </div>
2086          <div class="container ratio-1x1">
2087            <div class="carousel-caption d-none-text d-md-block">
2088              <div class="container-text">
2089                              <span>
2090                  <a href="https://www.castellnoudebages.cat/serveis-i-tramits/cataleg-de-serveis/banca-mobil.html" target="_self"  >
2091                    Banca Mòbil de Catalunya a Castellnou de Bages                  </a>
2092                </span>
2093                                                        <p>
2094                  La Banca Mòbil de Catalunya a Castellnou de Bages, facilitem l'accés a caixers automàtics i serveis financers al municipi.
2095
2096Consulta a l'Agenda els dies i horaris de servei.
2097              </p>
2098                            </div>
2099            </div>
2100          </div>
2101        </div>
2102                      <div class="carousel-item ">
2103          <div class="ratio ratio-1x1">
2104                        <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/manteniment-parcelles-2026.html#" target="_self"  >
2105              <span class="visually-hidden">Campanya informativa pel manteniment de les parcel·les urbanes 2026</span>
2106              <img src="/media/repository/plans_i_campanyes/Campanya_parcel.les/Campanya_informativa_Pel_manteniment_de_les_parcel.les_urbanes_2026_-_full_1.png" class="d-block w-100 img" alt="">
2107            </a>
2108                      </div>
2109          <div class="container ratio-1x1">
2110            <div class="carousel-caption d-none-text d-md-block">
2111              <div class="container-text">
2112                              <span>
2113                  <a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/manteniment-parcelles-2026.html#" target="_self"  >
2114                    Campanya informativa pel manteniment de les parcel·les urbanes 2026                  </a>
2115                </span>
2116                                                        <p>
2117                  Campanya informativa sobre el manteniment de les parcel·les urbanes i les obligacions dels propietaris.
2118              </p>
2119                            </div>
2120            </div>
2121          </div>
2122        </div>
2123            </div>
2124        <a class="carousel-control-prev" role="button" data-bs-target="#carousel332" data-bs-slide="prev">
2125      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2126      <span class="visually-hidden">Anterior</span>
2127    </a>
2128    <a class="carousel-control-next" role="button" data-bs-target="#carousel332" data-bs-slide="next">
2129      <span class="carousel-control-next-icon" aria-hidden="true"></span>
2130      <span class="visually-hidden">Següent</span>
2131    </a>
2132              <a id="carouselPlay332"
2133           class="carousel-control-play"
2134           role="button" data-bs-toggle="play"
2135           data-bs-id="332"
2136           onclick="pauseCarousel(332)"
2137           style="z-index: 2">
2138          <span class="carousel-control-icon" aria-hidden="true"><i class="fa fa-play-circle-o" aria-hidden="true"></i></span>
2139          <span class="visually-hidden">Play</span>
2140        </a>
2141        <a id="carouselPause332"
2142           class="carousel-control-pause none"
2143           role="button"
2144           data-bs-toggle="pause"
2145           data-bs-id="332"
2146           onclick="playCarousel(332)"
2147           style="z-index: 1">
2148          <span class="carousel-control-icon" aria-hidden="true"><i class="fa fa-pause-circle-o" aria-hidden="true"></i></span>
2149          <span class="visually-hidden">Play</span>
2150        </a>
2151            </div>
2152</div></div></div>  </div></div><div class="view-24 js-widget o-widget col-xs-12 col-sm-4 col-md-4 col-lg-4 clearfix boxBX  WidgetHtmlBlock " data-id="333" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  ms-1 me-1  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="333"><div class="o-widget-title-slot o-widget__title_Line"><span>Interès general</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><style type="text/css">
2153.bloc-serveis-institucionals {
2154    display: flex;
2155    gap: 16px;
2156    margin: 20px 0;
2157    flex-wrap: wrap;
2158}
2159
2160.targeta-servei {
2161    flex: 1;
2162    min-width: 220px;
2163    border: 1px solid #dcdcdc;
2164    background-color: #f7f7f7;
2165    border-left: 6px solid #0b6b2f;
2166    padding: 18px 20px;
2167    text-decoration: none;
2168    color: #222;
2169    font-family: Arial, sans-serif;
2170    transition: background-color 0.2s ease, box-shadow 0.2s ease;
2171}
2172
2173.targeta-servei:hover {
2174    background-color: #ffffff;
2175    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
2176}
2177
2178.targeta-servei h3 {
2179    margin: 0 0 6px 0;
2180    font-size: 18px;
2181    font-weight: 600;
2182}
2183
2184.targeta-servei p {
2185    margin: 0;
2186    font-size: 14px;
2187    color: #555;
2188}
2189
2190.emergencies {
2191    border-left-color: #b71c1c;
2192}
2193
2194.emergencies h3 {
2195    color: #b71c1c;
2196}
2197</style>
2198
2199<div class="bloc-serveis-institucionals">
2200
2201<a class="targeta-servei" href="/serveis-i-tramits/cataleg-de-serveis/consultori-local.html">
2202<h3>Consultori mèdic</h3>
2203<p>Informació, horaris i contacte del servei d’atenció sanitària municipal.</p>
2204</a>
2205
2206<a class="targeta-servei" href="/serveis-i-tramits/cataleg-de-serveis/atencio-serveis-socials.html">
2207<h3>Serveis socials</h3>
2208<p>Atenció social, suport a famílies i recursos municipals disponibles.</p>
2209</a>
2210
2211<a class="targeta-servei" href="/serveis-i-tramits/cataleg-de-serveis/banca-mobil.html">
2212<h3>Banca mòbil</h3>
2213<p>Servei d’atenció bancària itinerant al municipi per facilitar gestions bàsiques sense desplaçaments.</p>
2214</a>
2215
2216<a class="targeta-servei emergencies" href="/el-municipi/guia-del-municipi/emergencies/http112gencatcatcaindexhtml.html">
2217<h3>Emergències</h3>
2218<p>En cas d'urgència truqueu al 112. Indicat en cas de <strong>robatoris, incendis, accidents, agressions i/o emergències mèdiques</strong>.</p>
2219</a>
2220
2221</div></div></div>  </div></div></div>  </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="311" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  mt-3  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="311"><div class="o-widget-title-slot o-widget__title_Line"><span>Notícies i actualitat</span></div><div class="o-widget-container  row"><div class="js-widget o-widget o-widget--vcards contentView-30 col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContentsList " data-id="320" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="320"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic">
2222        
2223    <div class="clear articlelist vcards medium">
2224    <div class="tplVcards">
2225                <div class="image">
2226        <div class="ratio ratio-4x3">
2227                        <a href="https://www.castellnoudebages.cat/actualitat/noticies/23-de-setembre-dia-de-la-visibilitat-bisexual.html" target="_self"  >
2228                            <img class="card-img thumb img" src="/media/repository/noticies/2026/23-09-2026_DIa_de_la_visibilitat_bisexual/3__post_bi.jpg" alt="23 de setembre, Dia de la Visibilitat Bisexual">
2229                        </a>
2230                    </div>
2231    </div>
2232            <div class="card-body clearfix">
2233                    <div class="card-title">
2234                <a href="https://www.castellnoudebages.cat/actualitat/noticies/23-de-setembre-dia-de-la-visibilitat-bisexual.html" target="_self" >23 de setembre, Dia de la Visibilitat Bisexual</a>
2235            </div>
2236                            <span class="card-date">22/09/2026</span>
2237                    </div>
2238</div>
2239<div class="tplVcards">
2240                <div class="image">
2241        <div class="ratio ratio-4x3">
2242                        <a href="https://www.castellnoudebages.cat/actualitat/noticies/avaria-general-al-sistema-de-telecomunicacions-del-municipi.html" target="_self"  >
2243                            <img class="card-img thumb img" src="/media/repository/noticies/2026/14-09-2026_Avaria_telefonica_i_internet/809536883_18341654509248717_9186798325604048596_n.jpg" alt="Avaria general al sistema de telecomunicacions del municipi">
2244                        </a>
2245                    </div>
2246    </div>
2247            <div class="card-body clearfix">
2248                    <div class="card-title">
2249                <a href="https://www.castellnoudebages.cat/actualitat/noticies/avaria-general-al-sistema-de-telecomunicacions-del-municipi.html" target="_self" >Avaria general al sistema de telecomunicacions del municipi</a>
2250            </div>
2251                            <span class="card-date">14/09/2026</span>
2252                    </div>
2253</div>
2254<div class="tplVcards">
2255                <div class="image">
2256        <div class="ratio ratio-4x3">
2257                        <a href="https://www.castellnoudebages.cat/actualitat/noticies/lajuntament-de-castellnou-de-bages-decreta-tres-dies-de-dol-oficial.html" target="_self"  >
2258                            <img class="card-img thumb img" src="/media/repository/avisos/dol_oficial/destacat-dol.png" alt="L'Ajuntament de Castellnou de Bages decreta tres dies de dol oficial">
2259                        </a>
2260                    </div>
2261    </div>
2262            <div class="card-body clearfix">
2263                    <div class="card-title">
2264                <a href="https://www.castellnoudebages.cat/actualitat/noticies/lajuntament-de-castellnou-de-bages-decreta-tres-dies-de-dol-oficial.html" target="_self" >L'Ajuntament de Castellnou de Bages decreta tres dies de dol oficial</a>
2265            </div>
2266                            <span class="card-date">02/09/2026</span>
2267                    </div>
2268</div>
2269<div class="tplVcards">
2270                <div class="image">
2271        <div class="ratio ratio-4x3">
2272                        <a href="https://www.castellnoudebages.cat/actualitat/noticies/nou-servei-oficina-de-consum-per-videotrucada.html" target="_self"  >
2273                            <img class="card-img thumb img" src="/media/repository/serveis/omic/Captura_de_pantalla_2026-08-26_173216.png" alt="Nou servei - Oficina de Consum per videotrucada">
2274                        </a>
2275                    </div>
2276    </div>
2277            <div class="card-body clearfix">
2278                    <div class="card-title">
2279                <a href="https://www.castellnoudebages.cat/actualitat/noticies/nou-servei-oficina-de-consum-per-videotrucada.html" target="_self" >Nou servei - Oficina de Consum per videotrucada</a>
2280            </div>
2281                            <span class="card-date">26/08/2026</span>
2282                    </div>
2283</div>
2284    </div>
2285    <div class="pager newsletter-hidden"><div class="">
2286    <ul class="paginacio">
2287
2288        
2289        <!-- Enllaç a la pàgina anterior -->
2290        
2291        <!-- Enllaços de les pàgines -->
2292                    <li><a href="/" class="actiu" aria-label="Pàgina 1" aria-current="page">1</a></li>
2293        
2294        <!-- Enllaç a la pàgina següent -->
2295                    <li><a href="/?widget-320-pag=2" title="Següent"  rel="next" aria-label="Pàgina següent"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></li>
2296        
2297        <!-- Enllaç a l'última pàgina -->
2298                    <li><a href="/?widget-320-pag=4" title="Final (4)" aria-label="Final"><i class="fa fa-fast-forward" aria-hidden="true"></i></a></li>
2299                
2300        <!-- Mostra el total de pàgines -->
2301        
2302    </ul>
2303</div>
2304</div><a class="readMore" href="/actualitat/noticies/" target="_self">Més notícies</a>        
2305</div></div></div>  </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="312" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="312"><div class="o-widget-title-slot o-widget__title_Line"><span>Agenda</span></div><div class="o-widget-container  row"><div class="view-23 js-widget o-widget o-widget--calendari contentView-3 col-xs-12 col-sm-2 col-md-2 col-lg-2 clearfix boxBX  WidgetContentsList " data-id="322" >  <div class="o-widget-wrapper clearfix backgroundTitleBar-BX   row " data-id="322"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div id="dv_calendar_322" data-category="0" data-type='12'></div>
2306<script>
2307    if (typeof calendars === 'undefined') {
2308        calendars = [];
2309    }
2310
2311    var data = {
2312        'id': 'dv_calendar_322',
2313        'data': {"20261002":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-02","day":"2"},"20261003":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-03","day":"3"},"20261006":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-06","day":"6"},"20261007":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-07","day":"7"},"20261013":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-13","day":"13"},"20261014":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-14","day":"14"},"20261016":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-16","day":"16"},"20261017":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-17","day":"17"},"20261021":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-21","day":"21"},"20261025":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-25","day":"25"},"20261026":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-26","day":"26"},"20261028":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-28","day":"28"},"20261030":{"klass":"dia_marcat","lin":"\/actualitat\/agenda?date=2026-10-30","day":"30"}},
2314        'type': 12,
2315    };
2316                        calendars.push(data);
2317            window.addEventListener("load", function() {
2318                setDataCalendar(data.id, data.data, data.type);
2319            });
2320            </script>
2320
2321</div></div>  </div></div><div class="view-23 js-widget o-widget o-widget--vcards contentView-29 col-xs-12 col-sm-10 col-md-10 col-lg-10 clearfix boxBX  WidgetContentsList " data-id="323" >  <div class="o-widget-wrapper clearfix backgroundTitleBar-BX  ms-5  row " data-id="323"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic">
2322        
2323    <div class="clear articlelist vcards small">
2324    <div class="tplVcards">
2325                <div class="image">
2326        <div class="ratio ratio-16x9">
2327                        <a href="https://www.castellnoudebages.cat/actualitat/agenda/deixalleria-mobil-02102026.html" target="_self"  >
2328                            <img class="card-img thumb img" src="/media/repository/serveis/deixalleria_mobil/Deixalleria-mobil.png" alt="Deixalleria mòbil de 12:15 a 12:45">
2329                        </a>
2330                    </div>
2331    </div>
2332            <div class="card-body clearfix">
2333                    <div class="card-title">
2334                <a href="https://www.castellnoudebages.cat/actualitat/agenda/deixalleria-mobil-02102026.html" target="_self" >Deixalleria mòbil de 12:15 a 12:45</a>
2335            </div>
2336                            <span class="card-date">02/10/2026</span>
2337                    </div>
2338</div>
2339<div class="tplVcards">
2340                <div class="image">
2341        <div class="ratio ratio-16x9">
2342                        <a href="https://www.castellnoudebages.cat/actualitat/agenda/bibliobus-02102026.html" target="_self"  >
2343                            <img class="card-img thumb img" src="/media/repository/serveis/bibliobus/Bibliobus-Cavall-Bernat-DIBA.jpg" alt="Bibliobús<br/>El Serrat 16:00-17:45<br/>Les Pinedes 18:00-19:00">
2344                        </a>
2345                    </div>
2346    </div>
2347            <div class="card-body clearfix">
2348                    <div class="card-title">
2349                <a href="https://www.castellnoudebages.cat/actualitat/agenda/bibliobus-02102026.html" target="_self" >Bibliobús<br/>El Serrat 16:00-17:45<br/>Les Pinedes 18:00-19:00</a>
2350            </div>
2351                            <span class="card-date">02/10/2026</span>
2352                    </div>
2353</div>
2354<div class="tplVcards">
2355                <div class="image">
2356        <div class="ratio ratio-16x9">
2357                        <a href="https://www.castellnoudebages.cat/actualitat/agenda/recollida-verda-03102026.html" target="_self"  >
2358                            <img class="card-img thumb img" src="/media/repository/serveis/Punt-recollida-verda.jpg" alt="Punt de recollida verda">
2359                        </a>
2360                    </div>
2361    </div>
2362            <div class="card-body clearfix">
2363                    <div class="card-title">
2364                <a href="https://www.castellnoudebages.cat/actualitat/agenda/recollida-verda-03102026.html" target="_self" >Punt de recollida verda</a>
2365            </div>
2366                            <span class="card-date">03/10/2026</span>
2367                    </div>
2368</div>
2369<div class="tplVcards">
2370                <div class="image">
2371        <div class="ratio ratio-16x9">
2372                        <a href="https://www.castellnoudebages.cat/actualitat/agenda/sessio-informativa-ladministracio-a-prop-teu.html" target="_self"  >
2373                            <img class="card-img thumb img" src="/media/repository/agenda/Adminsitracio/L_Administracio_a_prop_teu.png" alt="Sessió informativa: «L'Administració a prop teu»">
2374                        </a>
2375                    </div>
2376    </div>
2377            <div class="card-body clearfix">
2378                    <div class="card-title">
2379                <a href="https://www.castellnoudebages.cat/actualitat/agenda/sessio-informativa-ladministracio-a-prop-teu.html" target="_self" >Sessió informativa: «L'Administració a prop teu»</a>
2380            </div>
2381                            <span class="card-date">06/10/2026</span>
2382                    </div>
2383</div>
2384    </div>
2385    <div class="pager newsletter-hidden"><div class="">
2386    <ul class="paginacio">
2387
2388        
2389        <!-- Enllaç a la pàgina anterior -->
2390        
2391        <!-- Enllaços de les pàgines -->
2392                    <li><a href="/" class="actiu" aria-label="Pàgina 1" aria-current="page">1</a></li>
2393        
2394        <!-- Enllaç a la pàgina següent -->
2395                    <li><a href="/?widget-323-pag=2" title="Següent"  rel="next" aria-label="Pàgina següent"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></li>
2396        
2397        <!-- Enllaç a l'última pàgina -->
2398                    <li><a href="/?widget-323-pag=10" title="Final (10)" aria-label="Final"><i class="fa fa-fast-forward" aria-hidden="true"></i></a></li>
2399                
2400        <!-- Mostra el total de pàgines -->
2401        
2402    </ul>
2403</div>
2404</div><a class="readMore" href="/actualitat/agenda/" target="_self">Més activitats</a>        
2405</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="313" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX  mt-3  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="313"><div class="o-widget-title-slot o-widget__title_Line"><span>Administració electrònica</span></div><div class="o-widget-container  row"><div class="js-widget o-widget o-widget--sliderSmall contentView-16 o-widget--baners-adm-electronica col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContentsList " data-id="324" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="324"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic sliderSmall">
2406    <div class="container text-center my-3">
2407        <div class="row mx-auto my-auto">
2408            <div id="myCarouselSmall-324" class="carousel desktop slide w-100" data-ride="carousel">
2409                <div class="carousel-inner w-100" role="listbox">
2410                    <div class="carousel-item content-324  small active" data-id="0">        <div class="col-lg-2 margin-image">
2411        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2412                                <div class="background">
2413                <div class="image">
2414                    <div class="ratio default img">
2415                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
2416                             alt="Instància genèrica">
2417                    </div>
2418                </div>
2419            </div>
2420                                    <div class="titleText">Instància genèrica</div>
2421                </a>
2422    </div>
2423        <div class="col-lg-2 margin-image">
2424        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
2425                                <div class="background">
2426                <div class="image">
2427                    <div class="ratio default img">
2428                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
2429                             alt="/serveis-i-tramits/tramits-i-gestions/">
2430                    </div>
2431                </div>
2432            </div>
2433                                    <div class="titleText">Tràmits i gestions</div>
2434                </a>
2435    </div>
2436        <div class="col-lg-2 margin-image">
2437        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
2438                                <div class="background">
2439                <div class="image">
2440                    <div class="ratio default img">
2441                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
2442                             alt="Notificacions electròniques">
2443                    </div>
2444                </div>
2445            </div>
2446                                    <div class="titleText">Notificacions electròniques</div>
2447                </a>
2448    </div>
2449        <div class="col-lg-2 margin-image">
2450        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
2451                                <div class="background">
2452                <div class="image">
2453                    <div class="ratio default img">
2454                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
2455                             alt="Factura electrònica">
2456                    </div>
2457                </div>
2458            </div>
2459                                    <div class="titleText">Factura electrònica</div>
2460                </a>
2461    </div>
2462        <div class="col-lg-2 margin-image">
2463        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2464                                <div class="background">
2465                <div class="image">
2466                    <div class="ratio default img">
2467                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
2468                             alt="Perfil de contractant">
2469                    </div>
2470                </div>
2471            </div>
2472                                    <div class="titleText">Perfil de contractant</div>
2473                </a>
2474    </div>
2475        <div class="col-lg-2 margin-image">
2476        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
2477                                <div class="background">
2478                <div class="image">
2479                    <div class="ratio default img">
2480                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
2481                             alt="Portal de transparència">
2482                    </div>
2483                </div>
2484            </div>
2485                                    <div class="titleText">Portal de transparència</div>
2486                </a>
2487    </div>
2488</div><div class="carousel-item content-324  small " data-id="1">        <div class="col-lg-2 margin-image">
2489        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
2490                                <div class="background">
2491                <div class="image">
2492                    <div class="ratio default img">
2493                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
2494                             alt="/serveis-i-tramits/tramits-i-gestions/">
2495                    </div>
2496                </div>
2497            </div>
2498                                    <div class="titleText">Tràmits i gestions</div>
2499                </a>
2500    </div>
2501        <div class="col-lg-2 margin-image">
2502        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
2503                                <div class="background">
2504                <div class="image">
2505                    <div class="ratio default img">
2506                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
2507                             alt="Notificacions electròniques">
2508                    </div>
2509                </div>
2510            </div>
2511                                    <div class="titleText">Notificacions electròniques</div>
2512                </a>
2513    </div>
2514        <div class="col-lg-2 margin-image">
2515        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
2516                                <div class="background">
2517                <div class="image">
2518                    <div class="ratio default img">
2519                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
2520                             alt="Factura electrònica">
2521                    </div>
2522                </div>
2523            </div>
2524                                    <div class="titleText">Factura electrònica</div>
2525                </a>
2526    </div>
2527        <div class="col-lg-2 margin-image">
2528        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2529                                <div class="background">
2530                <div class="image">
2531                    <div class="ratio default img">
2532                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
2533                             alt="Perfil de contractant">
2534                    </div>
2535                </div>
2536            </div>
2537                                    <div class="titleText">Perfil de contractant</div>
2538                </a>
2539    </div>
2540        <div class="col-lg-2 margin-image">
2541        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
2542                                <div class="background">
2543                <div class="image">
2544                    <div class="ratio default img">
2545                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
2546                             alt="Portal de transparència">
2547                    </div>
2548                </div>
2549            </div>
2550                                    <div class="titleText">Portal de transparència</div>
2551                </a>
2552    </div>
2553        <div class="col-lg-2 margin-image">
2554        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2555                                <div class="background">
2556                <div class="image">
2557                    <div class="ratio default img">
2558                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
2559                             alt="Cita prèvia ORGT">
2560                    </div>
2561                </div>
2562            </div>
2563                                    <div class="titleText">Cita prèvia ORGT</div>
2564                </a>
2565    </div>
2566</div><div class="carousel-item content-324  small " data-id="2">        <div class="col-lg-2 margin-image">
2567        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
2568                                <div class="background">
2569                <div class="image">
2570                    <div class="ratio default img">
2571                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
2572                             alt="Notificacions electròniques">
2573                    </div>
2574                </div>
2575            </div>
2576                                    <div class="titleText">Notificacions electròniques</div>
2577                </a>
2578    </div>
2579        <div class="col-lg-2 margin-image">
2580        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
2581                                <div class="background">
2582                <div class="image">
2583                    <div class="ratio default img">
2584                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
2585                             alt="Factura electrònica">
2586                    </div>
2587                </div>
2588            </div>
2589                                    <div class="titleText">Factura electrònica</div>
2590                </a>
2591    </div>
2592        <div class="col-lg-2 margin-image">
2593        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2594                                <div class="background">
2595                <div class="image">
2596                    <div class="ratio default img">
2597                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
2598                             alt="Perfil de contractant">
2599                    </div>
2600                </div>
2601            </div>
2602                                    <div class="titleText">Perfil de contractant</div>
2603                </a>
2604    </div>
2605        <div class
2605="col-lg-2 margin-image">
2606        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
2607                                <div class="background">
2608                <div class="image">
2609                    <div class="ratio default img">
2610                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
2611                             alt="Portal de transparència">
2612                    </div>
2613                </div>
2614            </div>
2615                                    <div class="titleText">Portal de transparència</div>
2616                </a>
2617    </div>
2618        <div class="col-lg-2 margin-image">
2619        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2620                                <div class="background">
2621                <div class="image">
2622                    <div class="ratio default img">
2623                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
2624                             alt="Cita prèvia ORGT">
2625                    </div>
2626                </div>
2627            </div>
2628                                    <div class="titleText">Cita prèvia ORGT</div>
2629                </a>
2630    </div>
2631        <div class="col-lg-2 margin-image">
2632        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
2633                                <div class="background">
2634                <div class="image">
2635                    <div class="ratio default img">
2636                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
2637                             alt="Tauler electrònic">
2638                    </div>
2639                </div>
2640            </div>
2641                                    <div class="titleText">Tauler electrònic</div>
2642                </a>
2643    </div>
2644</div><div class="carousel-item content-324  small " data-id="3">        <div class="col-lg-2 margin-image">
2645        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
2646                                <div class="background">
2647                <div class="image">
2648                    <div class="ratio default img">
2649                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
2650                             alt="Factura electrònica">
2651                    </div>
2652                </div>
2653            </div>
2654                                    <div class="titleText">Factura electrònica</div>
2655                </a>
2656    </div>
2657        <div class="col-lg-2 margin-image">
2658        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2659                                <div class="background">
2660                <div class="image">
2661                    <div class="ratio default img">
2662                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
2663                             alt="Perfil de contractant">
2664                    </div>
2665                </div>
2666            </div>
2667                                    <div class="titleText">Perfil de contractant</div>
2668                </a>
2669    </div>
2670        <div class="col-lg-2 margin-image">
2671        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
2672                                <div class="background">
2673                <div class="image">
2674                    <div class="ratio default img">
2675                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
2676                             alt="Portal de transparència">
2677                    </div>
2678                </div>
2679            </div>
2680                                    <div class="titleText">Portal de transparència</div>
2681                </a>
2682    </div>
2683        <div class="col-lg-2 margin-image">
2684        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2685                                <div class="background">
2686                <div class="image">
2687                    <div class="ratio default img">
2688                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
2689                             alt="Cita prèvia ORGT">
2690                    </div>
2691                </div>
2692            </div>
2693                                    <div class="titleText">Cita prèvia ORGT</div>
2694                </a>
2695    </div>
2696        <div class="col-lg-2 margin-image">
2697        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
2698                                <div class="background">
2699                <div class="image">
2700                    <div class="ratio default img">
2701                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
2702                             alt="Tauler electrònic">
2703                    </div>
2704                </div>
2705            </div>
2706                                    <div class="titleText">Tauler electrònic</div>
2707                </a>
2708    </div>
2709        <div class="col-lg-2 margin-image">
2710        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2711                                <div class="background">
2712                <div class="image">
2713                    <div class="ratio default img">
2714                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
2715                             alt="Instància genèrica">
2716                    </div>
2717                </div>
2718            </div>
2719                                    <div class="titleText">Instància genèrica</div>
2720                </a>
2721    </div>
2722</div><div class="carousel-item content-324  small " data-id="4">        <div class="col-lg-2 margin-image">
2723        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2724                                <div class="background">
2725                <div class="image">
2726                    <div class="ratio default img">
2727                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
2728                             alt="Perfil de contractant">
2729                    </div>
2730                </div>
2731            </div>
2732                                    <div class="titleText">Perfil de contractant</div>
2733                </a>
2734    </div>
2735        <div class="col-lg-2 margin-image">
2736        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
2737                                <div class="background">
2738                <div class="image">
2739                    <div class="ratio default img">
2740                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
2741                             alt="Portal de transparència">
2742                    </div>
2743                </div>
2744            </div>
2745                                    <div class="titleText">Portal de transparència</div>
2746                </a>
2747    </div>
2748        <div class="col-lg-2 margin-image">
2749        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2750                                <div class="background">
2751                <div class="image">
2752                    <div class="ratio default img">
2753                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
2754                             alt="Cita prèvia ORGT">
2755                    </div>
2756                </div>
2757            </div>
2758                                    <div class="titleText">Cita prèvia ORGT</div>
2759                </a>
2760    </div>
2761        <div class="col-lg-2 margin-image">
2762        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
2763                                <div class="background">
2764                <div class="image">
2765                    <div class="ratio default img">
2766                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
2767                             alt="Tauler electrònic">
2768                    </div>
2769                </div>
2770            </div>
2771                                    <div class="titleText">Tauler electrònic</div>
2772                </a>
2773    </div>
2774        <div class="col-lg-2 margin-image">
2775        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2776                                <div class="background">
2777                <div class="image">
2778                    <div class="ratio default img">
2779                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
2780                             alt="Instància genèrica">
2781                    </div>
2782                </div>
2783            </div>
2784                                    <div class="titleText">Instància genèrica</div>
2785                </a>
2786    </div>
2787        <div class="col-lg-2 margin-image">
2788        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
2789                                <div class="background">
2790                <div class="image">
2791                    <div class="ratio default img">
2792                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
2793                             alt="/serveis-i-tramits/tramits-i-gestions/">
2794                    </div>
2795                </div>
2796            </div>
2797                                    <div class="titleText">Tràmits i gestions</div>
2798                </a>
2799    </div>
2800</div><div class="carousel-item content-324  small " data-id="5">        <div class="col-lg-2 margin-image">
2801        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
2802                                <div class="background">
2803                <div class="image">
2804                    <div class="ratio default img">
2805                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
2806                             alt="Portal de transparència">
2807                    </div>
2808                </div>
2809            </div>
2810                                    <div class="titleText">Portal de transparència</div>
2811                </a>
2812    </div>
2813        <div class="col-lg-2 margin-image">
2814        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2815                                <div class="background">
2816                <div class="image">
2817                    <div class="ratio default img">
2818                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
2819                             alt="Cita prèvia ORGT">
2820                    </div>
2821                </div>
2822            </div>
2823                                    <div class="titleText">Cita prèvia ORGT</div>
2824                </a>
2825    </div>
2826        <div class="col-lg-2 margin-image">
2827        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
2828                                <div class="background">
2829                <div class="image">
2830                    <div class="ratio default img">
2831                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
2832                             alt="Tauler electrònic">
2833                    </div>
2834                </div>
2835            </div>
2836                                    <div class="titleText">Tauler electrònic</div>
2837                </a>
2838    </div>
2839        <div class="col-lg-2 margin-image">
2840        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2841                                <div class="background">
2842                <div class="image">
2843                    <div class="ratio default img">
2844                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
2845                             alt="Instància genèrica">
2846                    </div>
2847                </div>
2848            </div>
2849                                    <div class="titleText">Instància genèrica</div>
2850                </a>
2851    </div>
2852        <div class="col-lg-2 margin-image">
2853        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
2854                                <div class="background">
2855                <div class="image">
2856                    <div class="ratio default img">
2857                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
2858                             alt="/serveis-i-tramits/tramits-i-gestions/">
2859                    </div>
2860                </div>
2861            </div>
2862                                    <div class="titleText">Tràmits i gestions</div>
2863                </a>
2864    </div>
2865        <div class="col-lg-2 margin-image">
2866        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
2867                                <div class="background">
2868                <div class="image">
2869                    <div class="ratio default img">
2870                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
2871                             alt="Notificacions electròniques">
2872                    </div>
2873                </div>
2874            </div>
2875                                    <div class="titleText">Notificacions electròniques</div>
2876                </a>
2877    </div>
2878</div><div class="carousel-item content-324  small " data-id="6">        <div class="col-lg-2 margin-image">
2879        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2880                                <div class="background">
2881                <div class="image">
2882                    <div class="ratio default img">
2883                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
2884                             alt="Cita prèvia ORGT">
2885                    </div>
2886                </div>
2887            </div>
2888                                    <div class="titleText">Cita prèvia ORGT</div>
2889                </a>
2890    </div>
2891        <div class="col-lg-2 margin-image">
2892        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
2893                                <div class="background">
2894                <div class="image">
2895                    <div class="ratio default img">
2896                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
2897                             alt="Tauler electrònic">
2898                    </div>
2899                </div>
2900            </div>
2901                                    <div class="titleText">Tauler electrònic</div>
2902                </a>
2903    </div>
2904        <div class="col-lg-2 margin-image">
2905        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2906                                <div class="background">
2907                <div class="image">
2908                    <div class="ratio default img">
2909                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
2910                             alt="Instància genèrica">
2911                    </div>
2912   
2912             </div>
2913            </div>
2914                                    <div class="titleText">Instància genèrica</div>
2915                </a>
2916    </div>
2917        <div class="col-lg-2 margin-image">
2918        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
2919                                <div class="background">
2920                <div class="image">
2921                    <div class="ratio default img">
2922                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
2923                             alt="/serveis-i-tramits/tramits-i-gestions/">
2924                    </div>
2925                </div>
2926            </div>
2927                                    <div class="titleText">Tràmits i gestions</div>
2928                </a>
2929    </div>
2930        <div class="col-lg-2 margin-image">
2931        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
2932                                <div class="background">
2933                <div class="image">
2934                    <div class="ratio default img">
2935                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
2936                             alt="Notificacions electròniques">
2937                    </div>
2938                </div>
2939            </div>
2940                                    <div class="titleText">Notificacions electròniques</div>
2941                </a>
2942    </div>
2943        <div class="col-lg-2 margin-image">
2944        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
2945                                <div class="background">
2946                <div class="image">
2947                    <div class="ratio default img">
2948                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
2949                             alt="Factura electrònica">
2950                    </div>
2951                </div>
2952            </div>
2953                                    <div class="titleText">Factura electrònica</div>
2954                </a>
2955    </div>
2956</div><div class="carousel-item content-324  small " data-id="7">        <div class="col-lg-2 margin-image">
2957        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
2958                                <div class="background">
2959                <div class="image">
2960                    <div class="ratio default img">
2961                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
2962                             alt="Tauler electrònic">
2963                    </div>
2964                </div>
2965            </div>
2966                                    <div class="titleText">Tauler electrònic</div>
2967                </a>
2968    </div>
2969        <div class="col-lg-2 margin-image">
2970        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
2971                                <div class="background">
2972                <div class="image">
2973                    <div class="ratio default img">
2974                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
2975                             alt="Instància genèrica">
2976                    </div>
2977                </div>
2978            </div>
2979                                    <div class="titleText">Instància genèrica</div>
2980                </a>
2981    </div>
2982        <div class="col-lg-2 margin-image">
2983        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
2984                                <div class="background">
2985                <div class="image">
2986                    <div class="ratio default img">
2987                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
2988                             alt="/serveis-i-tramits/tramits-i-gestions/">
2989                    </div>
2990                </div>
2991            </div>
2992                                    <div class="titleText">Tràmits i gestions</div>
2993                </a>
2994    </div>
2995        <div class="col-lg-2 margin-image">
2996        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
2997                                <div class="background">
2998                <div class="image">
2999                    <div class="ratio default img">
3000                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
3001                             alt="Notificacions electròniques">
3002                    </div>
3003                </div>
3004            </div>
3005                                    <div class="titleText">Notificacions electròniques</div>
3006                </a>
3007    </div>
3008        <div class="col-lg-2 margin-image">
3009        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
3010                                <div class="background">
3011                <div class="image">
3012                    <div class="ratio default img">
3013                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
3014                             alt="Factura electrònica">
3015                    </div>
3016                </div>
3017            </div>
3018                                    <div class="titleText">Factura electrònica</div>
3019                </a>
3020    </div>
3021        <div class="col-lg-2 margin-image">
3022        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3023                                <div class="background">
3024                <div class="image">
3025                    <div class="ratio default img">
3026                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
3027                             alt="Perfil de contractant">
3028                    </div>
3029                </div>
3030            </div>
3031                                    <div class="titleText">Perfil de contractant</div>
3032                </a>
3033    </div>
3034</div>                </div>
3035                <a class="carousel-control-prev  w-auto" href="javascript:void(0)" data-content="324" role="button" aria-label="Anterior" data-sli
3035de="prev" data-end="7">
3036                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
3037                    <span class="visually-hidden">Previous</span>
3038                </a>
3039                <a class="carousel-control-next  w-auto " href="javascript:void(0)" role="button" data-content="324" aria-label='Següent' data-slide="next" data-end="7">
3040                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
3041                    <span class="visually-hidden">Next</span>
3042                </a>
3043            </div>
3044        </div>
3045
3046        <div class="row mx-auto my-auto">
3047            <div id="myCarouselSmallMobile-324" class="carousel mobile slide w-100" data-ride="carousel">
3048                <div class="carousel-inner w-100" role="listbox">
3049                    <div class="carousel-item content-mobile-324  small active" data-id="0">        <div class="col-lg-2 margin-image">
3050        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3051                                <div class="background">
3052                <div class="image">
3053                    <div class="ratio default img">
3054                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
3055                             alt="Instància genèrica">
3056                    </div>
3057                </div>
3058            </div>
3059                                    <div class="titleText">Instància genèrica</div>
3060                </a>
3061    </div>
3062</div><div class="carousel-item content-mobile-324  small " data-id="1">        <div class="col-lg-2 margin-image">
3063        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
3064                                <div class="background">
3065                <div class="image">
3066                    <div class="ratio default img">
3067                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
3068                             alt="/serveis-i-tramits/tramits-i-gestions/">
3069                    </div>
3070                </div>
3071            </div>
3072                                    <div class="titleText">Tràmits i gestions</div>
3073                </a>
3074    </div>
3075</div><div class="carousel-item content-mobile-324  small " data-id="2">        <div class="col-lg-2 margin-image">
3076        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
3077                                <div class="background">
3078                <div class="image">
3079                    <div class="ratio default img">
3080                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
3081                             alt="Notificacions electròniques">
3082                    </div>
3083                </div>
3084            </div>
3085                                    <div class="titleText">Notificacions electròniques</div>
3086                </a>
3087    </div>
3088</div><div class="carousel-item content-mobile-324  small " data-id="3">        <div class="col-lg-2 margin-image">
3089        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
3090                                <div class="background">
3091                <div class="image">
3092                    <div class="ratio default img">
3093                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
3094                             alt="Factura electrònica">
3095                    </div>
3096                </div>
3097            </div>
3098                                    <div class="titleText">Factura electrònica</div>
3099                </a>
3100    </div>
3101</div><div class="carousel-item content-mobile-324  small " data-id="4">        <div class="col-lg-2 margin-image">
3102        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3103                                <div class="background">
3104                <div class="image">
3105                    <div class="ratio default img">
3106                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
3107                             alt="Perfil de contractant">
3108                    </div>
3109                </div>
3110            </div>
3111                                    <div class="titleText">Perfil de contractant</div>
3112                </a>
3113    </div>
3114</div><div class="carousel-item content-mobile-324  small " data-id="5">        <div class="col-lg-2 margin-image">
3115        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
3116                                <div class="background">
3117                <div class="image">
3118                    <div class="ratio default img">
3119                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
3120                             alt="Portal de transparència">
3121                    </div>
3122                </div>
3123            </div>
3124                                    <div class="titleText">Portal de transparència</div>
3125                </a>
3126    </div>
3127</div><div class="carousel-item content-mobile-324  small " data-id="6">        <div class="col-lg-2 margin-image">
3128        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
3129                                <div class="background">
3130                <div class="image">
3131                    <div class="ratio default img">
3132                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
3133                             alt="/serveis-i-tramits/tramits-i-gestions/">
3134                    </div>
3135                </div>
3136            </div>
3137                                    <div class="titleText">Tràmits i gestions</div>
3138                </a>
3139    </div>
3140</div><div class="carousel-item content-mobile-324  small " data-id="7">        <div class="col-lg-2 margin-image">
3141        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
3142                                <div class="background">
3143                <div class="image">
3144                    <div class="ratio default img">
3145                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
3146                             alt="Notificacions electròniques">
3147                    </div>
3148                </div>
3149            </div>
3150                                    <div class="titleText">Notificacions electròniques</div>
3151                </a>
3152    </div>
3153</div><div class="carousel-item content-mobile-324  small " data-id="8">        <div class="col-lg-2 margin-image">
3154        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
3155                                <div class="background">
3156                <div class="image">
3157                    <div class="ratio default img">
3158                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
3159                             alt="Factura electrònica">
3160                    </div>
3161                </div>
3162            </div>
3163                                    <div class="titleText">Factura electrònica</div>
3164                </a>
3165    </div>
3166</div><div class="carousel-item content-mobile-324  small " data-id="9">        <div class="col-lg-2 margin-image">
3167        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3168                                <div class="background">
3169                <div class="image">
3170                    <div class="ratio default img">
3171                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
3172                             alt="Perfil de contractant">
3173                    </div>
3174                </div>
3175            </div>
3176                                    <div class="titleText">Perfil de contractant</div>
3177                </a>
3178    </div>
3179</div><div class="carousel-item content-mobile-324  small " data-id="10">        <div class="col-lg-2 margin-image">
3180        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
3181                                <div class="background">
3182                <div class="image">
3183                    <div class="ratio default img">
3184                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
3185                             alt="Portal de transparència">
3186                    </div>
3187                </div>
3188            </div>
3189                                    <div class="titleText">Portal de transparència</div>
3190                </a>
3191    </div>
3192</div><div class="carousel-item content-mobile-324  small " data-id="11">        <div class="col-lg-2 margin-image">
3193        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3194                                <div class="background">
3195                <div class="image">
3196                    <div class="ratio default img">
3197                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
3198                             alt="Cita prèvia ORGT">
3199                    </div>
3200                </div>
3201            </div>
3202                                    <div class="titleText">Cita prèvia ORGT</div>
3203                </a>
3204    </div>
3205</div><div class="carousel-item content-mobile-324  small " data-id="12">        <div class="col-lg-2 margin-image">
3206        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
3207                                <div class="background">
3208                <div class="image">
3209                    <div class="ratio default img">
3210                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
3211                             alt="Notificacions electròniques">
3212                    </div>
3213                </div>
3214            </div>
3215                                    <div class="titleText">Notificacions electròniques</div>
3216                </a>
3217    </div>
3218</div><div class="carousel-item content-mobile-324  small " data-id="13">        <div class="col-lg-2 margin-image">
3219        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
3220                                <div class="background">
3221                <div class="image">
3222                    <div class="ratio default img">
3223                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
3224                             alt="Factura electrònica">
3225                    </div>
3226                </div>
3227            </div>
3228                                    <div class="titleText">Factura electrònica</div>
3229                </a>
3230    </div>
3231</div><div class="carousel-item content-mobile-324  small " data-id="14">        <div class="col-lg-2 margin-image">
3232        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3233                                <div class="background">
3234                <div class="image">
3235                    <div class="ratio default img">
3236                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
3237                             alt="Perfil de contractant">
3238                    </div>
3239                </div>
3240            </div>
3241                                    <div class="titleText">Perfil de contractant</div>
3242                </a>
3243    </div>
3244</div><div class="carousel-item content-mobile-324  small " data-id="15">        <div class="col-lg-2 margin-image">
3245        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
3246                                <div class="background">
3247                <div class="image">
3248                    <div class="ratio default img">
3249                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
3250                             alt="Portal de transparència">
3251                    </div>
3252                </div>
3253            </div>
3254                                    <div class="titleText">Portal de transparència</div>
3255                </a>
3256    </div>
3257</div><div class="carousel-item content-mobile-324  small " data-id="16">        <div class="col-lg-2 margin-image">
3258        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3259                                <div class="background">
3260                <div class="image">
3261                    <div class="ratio default img">
3262                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
3263                             alt="Cita prèvia ORGT">
3264                    </div>
3265                </div>
3266            </div>
3267                                    <div class="titleText">Cita prèvia ORGT</div>
3268                </a>
3269    </div>
3270</div><div class="carousel-item content-mobile-324  small " data-id="17">        <div class="col-lg-2 margin-image">
3271        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
3272                                <div class="background">
3273                <div class="image">
3274                    <div class="ratio default img">
3275                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
3276                             alt="Tauler electrònic">
3277                    </div>
3278                </div>
3279            </div>
3280                                    <div class="titleText">Tauler electrònic</div>
3281                </a>
3282    </div>
3283</div><div class="carousel-item content-mobile-324  small " data-id="18">        <div class="col-lg-2 margin-image">
3284        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
3285                                <div class="background">
3286                <div class="image">
3287                    <div class="ratio default img">
3288                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
3289                             alt="Factura electrònica">
3290                    </div>
3291                </div>
3292            </div>
3293                                    <div class="titleText">Factura electrònica</div>
3294                </a>
3295    </div>
3296</div><div class="carousel-item content-mobile-324  small " data-id="19">        <div class="col-lg-2 margin-image">
3297        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3298                                <div class="background">
3299                <div class="image">
3300                    <div class="ratio default img">
3301                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
3302                             alt="Perfil de contractant">
3303                    </div>
3304                </div>
3305            </div>
3306                                    <div class="titleText">Perfil de contractant</div>
3307                </a>
3308    </div>
3309</div><div class="carousel-item content-mobile-324  small " data-id="20">        <div class="col-lg-2 margin-image">
3310        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
3311                                <div class="background">
3312                <div class="image">
3313                    <div class="ratio default img">
3314                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
3315                             alt="Portal de transparència">
3316                    </div>
3317                </div>
3318            </div>
3319                                    <div class="title
3319Text">Portal de transparència</div>
3320                </a>
3321    </div>
3322</div><div class="carousel-item content-mobile-324  small " data-id="21">        <div class="col-lg-2 margin-image">
3323        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3324                                <div class="background">
3325                <div class="image">
3326                    <div class="ratio default img">
3327                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
3328                             alt="Cita prèvia ORGT">
3329                    </div>
3330                </div>
3331            </div>
3332                                    <div class="titleText">Cita prèvia ORGT</div>
3333                </a>
3334    </div>
3335</div><div class="carousel-item content-mobile-324  small " data-id="22">        <div class="col-lg-2 margin-image">
3336        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
3337                                <div class="background">
3338                <div class="image">
3339                    <div class="ratio default img">
3340                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
3341                             alt="Tauler electrònic">
3342                    </div>
3343                </div>
3344            </div>
3345                                    <div class="titleText">Tauler electrònic</div>
3346                </a>
3347    </div>
3348</div><div class="carousel-item content-mobile-324  small " data-id="23">        <div class="col-lg-2 margin-image">
3349        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3350                                <div class="background">
3351                <div class="image">
3352                    <div class="ratio default img">
3353                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
3354                             alt="Instància genèrica">
3355                    </div>
3356                </div>
3357            </div>
3358                                    <div class="titleText">Instància genèrica</div>
3359                </a>
3360    </div>
3361</div><div class="carousel-item content-mobile-324  small " data-id="24">        <div class="col-lg-2 margin-image">
3362        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3363                                <div class="background">
3364                <div class="image">
3365                    <div class="ratio default img">
3366                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
3367                             alt="Perfil de contractant">
3368                    </div>
3369                </div>
3370            </div>
3371                                    <div class="titleText">Perfil de contractant</div>
3372                </a>
3373    </div>
3374</div><div class="carousel-item content-mobile-324  small " data-id="25">        <div class="col-lg-2 margin-image">
3375        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
3376                                <div class="background">
3377                <div class="image">
3378                    <div class="ratio default img">
3379                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
3380                             alt="Portal de transparència">
3381                    </div>
3382                </div>
3383            </div>
3384                                    <div class="titleText">Portal de transparència</div>
3385                </a>
3386    </div>
3387</div><div class="carousel-item content-mobile-324  small " data-id="26">        <div class="col-lg-2 margin-image">
3388        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3389                                <div class="background">
3390                <div class="image">
3391                    <div class="ratio default img">
3392                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
3393                             alt="Cita prèvia ORGT">
3394                    </div>
3395                </div>
3396            </div>
3397                                    <div class="titleText">Cita prèvia ORGT</div>
3398                </a>
3399    </div>
3400</div><div class="carousel-item content-mobile-324  small " data-id="27">        <div class="col-lg-2 margin-image">
3401        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
3402                                <div class="background">
3403                <div class="image">
3404                    <div class="ratio default img">
3405                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
3406                             alt="Tauler electrònic">
3407                    </div>
3408                </div>
3409            </div>
3410                                    <div class="titleText">Tauler electrònic</div>
3411                </a>
3412    </div>
3413</div><div class="carousel-item content-mobile-324  small " data-id="28">        <div class="col-lg-2 margin-image">
3414        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3415                                <div class="background">
3416                <div class="image">
3417                    <div class="ratio default img">
3418                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
3419                             alt="Instància genèrica">
3420                    </div>
3421                </div>
3422            </div>
3423                                    <div class="titleText">Instància genèrica</div>
3424                </a>
3425    </div>
3426</div><div class="carousel-item content-mobile-324  small " data-id="29">        <div class="col-lg-2 margin-image">
3427        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
3428                                <div class="background">
3429                <div class="image">
3430                    <div class="ratio default img">
3431                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
3432                             alt="/serveis-i-tramits/tramits-i-gestions/">
3433                    </div>
3434                </div>
3435            </div>
3436                                    <div class="titleText">Tràmits i gestions</div>
3437                </a>
3438    </div>
3439</div><div class="carousel-item content-mobile-324  small " data-id="30">        <div class="col-lg-2 margin-image">
3440        <a href="https://www.castellnoudebages.cat/ajuntament/transparencia/" target="_self"  class="banner">
3441                                <div class="background">
3442                <div class="image">
3443                    <div class="ratio default img">
3444                        <img src="/media/repository/baners_destacats/Admin_elec/transparencia.png"
3445                             alt="Portal de transparència">
3446                    </div>
3447                </div>
3448            </div>
3449                                    <div class="titleText">Portal de transparència</div>
3450                </a>
3451    </div>
3452</div><div class="carousel-item content-mobile-324  small " data-id="31">        <div class="col-lg-2 margin-image">
3453        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3454                                <div class="background">
3455                <div class="image">
3456                    <div class="ratio default img">
3457                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
3458                             alt="Cita prèvia ORGT">
3459                    </div>
3460                </div>
3461            </div>
3462                                    <div class="titleText">Cita prèvia ORGT</div>
3463                </a>
3464    </div>
3465</div><div class="carousel-item content-mobile-324  small " data-id="32">        <div class="col-lg-2 margin-image">
3466        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
3467                                <div class="background">
3468                <div class="image">
3469                    <div class="ratio default img">
3470                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
3471                             alt="Tauler electrònic">
3472                    </div>
3473                </div>
3474            </div>
3475                                    <div class="titleText">Tauler electrònic</div>
3476                </a>
3477    </div>
3478</div><div class="carousel-item content-mobile-324  small " data-id="33">        <div class="col-lg-2 margin-image">
3479        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3480                                <div class="background">
3481                <div class="image">
3482                    <div class="ratio default img">
3483                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
3484                             alt="Instància genèrica">
3485                    </div>
3486                </div>
3487            </div>
3488                                    <div class="titleText">Instància genèrica</div>
3489                </a>
3490    </div>
3491</div><div class="carousel-item content-mobile-324  small " data-id="34">        <div class="col-lg-2 margin-image">
3492        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
3493                                <div class="background">
3494                <div class="image">
3495                    <div class="ratio default img">
3496                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
3497                             alt="/serveis-i-tramits/tramits-i-gestions/">
3498                    </div>
3499                </div>
3500            </div>
3501                                    <div class="titleText">Tràmits i gestions</div>
3502                </a>
3503    </div>
3504</div><div class="carousel-item content-mobile-324  small " data-id="35">        <div class="col-lg-2 margin-image">
3505        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
3506                                <div class="background">
3507                <div class="image">
3508                    <div class="ratio default img">
3509                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
3510                             alt="Notificacions electròniques">
3511                    </div>
3512                </div>
3513            </div>
3514                                    <div class="titleText">Notificacions electròniques</div>
3515                </a>
3516    </div>
3517</div><div class="carousel-item content-mobile-324  small " data-id="36">        <div class="col-lg-2 margin-image">
3518        <a href="https://orgt.diba.cat/ca/TramitsPagaments/CitaPrevia/citaPreviaP0?idTramit=05614984-bd3c-4694-a94c-25f9758358b1" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3519                                <div class="background">
3520                <div class="image">
3521                    <div class="ratio default img">
3522                        <img src="/media/repository/baners_destacats/Admin_elec/CitaPrevia.png"
3523                             alt="Cita prèvia ORGT">
3524                    </div>
3525                </div>
3526            </div>
3527                                    <div class="titleText">Cita prèvia ORGT</div>
3528                </a>
3529    </div>
3530</div><div class="carousel-item content-mobile-324  small " data-id="37">        <div class="col-lg-2 margin-image">
3531        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
3532                                <div class="background">
3533                <div class="image">
3534                    <div class="ratio default img">
3535                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
3536                             alt="Tauler electrònic">
3537                    </div>
3538                </div>
3539            </div>
3540                                    <div class="titleText">Tauler electrònic</div>
3541                </a>
3542    </div>
3543</div><div class="carousel-item content-mobile-324  small " data-id="38">        <div class="col-lg-2 margin-image">
3544        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3545                                <div class="background">
3546                <div class="image">
3547                    <div class="ratio default img">
3548                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
3549                             alt="Instància genèrica">
3550                    </div>
3551                </div>
3552            </div>
3553                                    <div class="titleText">Instància genèrica</div>
3554                </a>
3555    </div>
3556</div><div class="carousel-item content-mobile-324  small " data-id="39">        <div class="col-lg-2 margin-image">
3557        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
3558                                <div class="background">
3559                <div class="image">
3560                    <div class="ratio default img">
3561                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
3562                             alt="/serveis-i-tramits/tramits-i-gestions/">
3563                    </div>
3564                </div>
3565            </div>
3566                                    <div class="titleText">Tràmits i gestions</div>
3567                </a>
3568    </div>
3569</div><div class="carousel-item content-mobile-324  small " data-id="40">        <div class="col-lg-2 margin-image">
3570        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
3571                                <div class="background">
3572                <div class="image">
3573                    <div class="ratio default img">
3574                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
3575                             alt="Notificacions electròniques">
3576                    </div>
3577                </div>
3578            </div>
3579                                    <div class="titleText">Notificacions electròniques</div>
3580                </a>
3581    </div>
3582</div><div class="carousel-item content-mobile-324  small " data-id="41">        <div class="col-lg-2 margin-image">
3583        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
3584                                <div class="background">
3585                <div class="image">
3586                    <div class="ratio default img">
3587                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
3588                             alt="Factura electrònica">
3589                    </div>
3590                </div>
3591            </div>
3592                                    <div class="titleText">Factura electrònica</div>
3593                </a>
3594    </div>
3595</div><div class="carousel-item content-mobile-324  small " data-id="42">        <div class="col-lg-2 margin-image">
3596        <a href="https://www.castellnoudebages.cat/ajuntament/anuncis-edictes/" target="_self"  class="banner">
3597                                <div class="background">
3598                <div class="image">
3599                    <div class="ratio default img">
3600                        <img src="/media/repository/baners_destacats/Admin_elec/Tauler.png"
3601                       
3601      alt="Tauler electrònic">
3602                    </div>
3603                </div>
3604            </div>
3605                                    <div class="titleText">Tauler electrònic</div>
3606                </a>
3607    </div>
3608</div><div class="carousel-item content-mobile-324  small " data-id="43">        <div class="col-lg-2 margin-image">
3609        <a href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3610                                <div class="background">
3611                <div class="image">
3612                    <div class="ratio default img">
3613                        <img src="/media/repository/baners_destacats/Admin_elec/instancia.png"
3614                             alt="Instància genèrica">
3615                    </div>
3616                </div>
3617            </div>
3618                                    <div class="titleText">Instància genèrica</div>
3619                </a>
3620    </div>
3621</div><div class="carousel-item content-mobile-324  small " data-id="44">        <div class="col-lg-2 margin-image">
3622        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/" target="_self"  class="banner">
3623                                <div class="background">
3624                <div class="image">
3625                    <div class="ratio default img">
3626                        <img src="/media/repository/baners_destacats/Admin_elec/e-tram.png"
3627                             alt="/serveis-i-tramits/tramits-i-gestions/">
3628                    </div>
3629                </div>
3630            </div>
3631                                    <div class="titleText">Tràmits i gestions</div>
3632                </a>
3633    </div>
3634</div><div class="carousel-item content-mobile-324  small " data-id="45">        <div class="col-lg-2 margin-image">
3635        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/notificacions-electroniques/" target="_self"  class="banner">
3636                                <div class="background">
3637                <div class="image">
3638                    <div class="ratio default img">
3639                        <img src="/media/repository/baners_destacats/Admin_elec/Notificacions.png"
3640                             alt="Notificacions electròniques">
3641                    </div>
3642                </div>
3643            </div>
3644                                    <div class="titleText">Notificacions electròniques</div>
3645                </a>
3646    </div>
3647</div><div class="carousel-item content-mobile-324  small " data-id="46">        <div class="col-lg-2 margin-image">
3648        <a href="https://www.castellnoudebages.cat/serveis-i-tramits/factura-electronica/" target="_self"  class="banner">
3649                                <div class="background">
3650                <div class="image">
3651                    <div class="ratio default img">
3652                        <img src="/media/repository/baners_destacats/Admin_elec/fact.png"
3653                             alt="Factura electrònica">
3654                    </div>
3655                </div>
3656            </div>
3657                                    <div class="titleText">Factura electrònica</div>
3658                </a>
3659    </div>
3660</div><div class="carousel-item content-mobile-324  small " data-id="47">        <div class="col-lg-2 margin-image">
3661        <a href="https://contractaciopublica.cat/ca/perfils-contractant/detall/2759200?categoria=0" target="_blank" title ='Obre-ho en una finestra nova' class="banner">
3662                                <div class="background">
3663                <div class="image">
3664                    <div class="ratio default img">
3665                        <img src="/media/repository/baners_destacats/Admin_elec/PC.png"
3666                             alt="Perfil de contractant">
3667                    </div>
3668                </div>
3669            </div>
3670                                    <div class="titleText">Perfil de contractant</div>
3671                </a>
3672    </div>
3673</div>                </div>
3674                <a class="carousel-control-prev-mobile  w-auto" href="javascript:void(0)" data-content="324" role="button" aria-label="Anterior" data-sli
3674de="prev" data-end="47">
3675                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
3676                    <span class="visually-hidden">Previous</span>
3677                </a>
3678                <a class="carousel-control-next-mobile  w-auto " href="javascript:void(0)" role="button" data-content="324" aria-label='Següent' data-slide="next" data-end="47">
3679                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
3680                    <span class="visually-hidden">Next</span>
3681                </a>
3682            </div>
3683        </div>
3684    </div>
3685</div></div></div>  </div></div><div class="js-widget o-widget o-widget-contenidor  o-widget-contenidor--columnes  col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContainer " data-id="326" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="326"><div class="o-widget-container  row"><div class="view-25 js-widget o-widget o-widget--menu contentView-10 o-widget---copia col-xs-12 col-sm-8 col-md-8 col-lg-8 clearfix boxBX  WidgetContentsList " data-id="334" >  <div class="o-widget-wrapper clearfix default-BX  me-3  row  o-widget-wrapper--title-top o-widget-wrapper--title-style-text" data-id="334"><div class="o-widget-title-slot o-widget__title"><span>Tràmits destacats</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic">
3686        <ul class="widgetMenu">
3687        <li class="menuClassic">
3688    <a class="menuClassic-link" href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803797?p_auth=AY4PgPy3" target="_blank">
3689        * Instància genèrica    </a>
3690</li>
3691<li class="menuClassic">
3692    <a class="menuClassic-link" href="https://www.castellnoudebages.cat/serveis-i-tramits/tramits-i-gestions/canvi-de-nom-o-alta-dun-comptador-daigua-potable.html" target="_self">
3693        Canvi de nom o alta d'un comptador d'aigua potable    </a>
3694</li>
3695<li class="menuClassic">
3696    <a class="menuClassic-link" href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/14037743?p_auth=AY4PgPy3" target="_blank">
3697        Comunicació prèvia d'urbanisme (antiga obra menor)    </a>
3698</li>
3699<li class="menuClassic">
3700    <a class="menuClassic-link" href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/13803637?p_auth=AY4PgPy3" target="_blank">
3701        Queixes, suggeriments i propostes    </a>
3702</li>
3703<li class="menuClassic">
3704    <a class="menuClassic-link" href="https://seu-e.cat/ca/web/castellnoudebages/tramits-i-gestions/-/tramits/tramit/14036544?p_auth=AY4PgPy3" target="_blank">
3705        Volant o certificat d'empadronament individual (actual o històric)    </a>
3706</li>
3707    </ul>
3708    <a class="readMore" href="/serveis-i-tramits/tramits-i-gestions/" target="_self">Més tràmits</a></div></div></div>  </div></div><div class="js-widget o-widget col-xs-12 col-sm-4 col-md-4 col-lg-4 clearfix boxBX  WidgetBanner " data-id="335" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="335"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><a href="https://www.castellnoudebages.cat/ajuntament/plans-campanyes-i-programes/fem-ho-facil.html"><img src="/media/repository/plans_i_campanyes/fem-ho_facil/Fem-ho_facil_baner_300x250px.png" style="width:100%" alt="Fem-ho fàcil"></a></div></div>  </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="314" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="314"><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--mosaicFlexible contentView-28 o-widget--dreceres col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetContentsList " data-id="327" >  <div class="o-widget-wrapper clearfix default-BX   row " data-id="327"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="dinamic mosaic-flexible">
3709        <ul class="clear article-list row gx-5 justify-content-start liststylenone">
3710      <li class="article-item hover hover col-12 col-md-4">
3711    <div class="row">
3712            <div class="item-noticia col-12 col-md-12  info">
3713                            <a href="https://turismecastellnoudebages.cat/" target="_blank" class="title">Turisme a Castellnou</a>
3714                                    </div>
3715        <div class="order-first col-12 col-md-0 image " onclick="redirect('https://turismecastellnoudebages.cat/','_blank')">
3716            <div class="default">
3717                                    <img src="/media/repository/baners_destacats/Turisme/TurismeCastellnou.jpg" alt="Turisme a Castellnou" class="img">
3718                            </div>
3719        </div>    </div>
3720    <!-- Media icons section: shown AFTER text and image when enabled in view params -->
3721    <div class="row">
3722        <div class="col-12">
3723                    </div>
3724    </div>
3725</li>
3726<li class="article-item hover hover col-12 col-md-4">
3727    <div class="row">
3728            <div class="item-noticia col-12 col-md-12  info">
3729                            <a href="https://www.youtube.com/watch?v=YHBjM-J-JRs" target="_blank" class="title">Documental els últims passos de Ramon Vila Capdevila</a>
3730                                    </div>
3731        <div class="order-first col-12 col-md-0 image " onclick="redirect('https://www.youtube.com/watch?v=YHBjM-J-JRs','_blank')">
3732            <div class="default">
3733                                    <img src="/media/repository/baners_destacats/Turisme/DocumentalRamonV.jpg" alt="Documental els últims passos de Ramon Vila Capdevila" class="img">
3734                            </div>
3735        </div>    </div>
3736    <!-- Media icons section: shown AFTER text and image when enabled in view params -->
3737    <div class="row">
3738        <div class="col-12">
3739                    </div>
3740    </div>
3741</li>
3742<li class="article-item hover hover col-12 col-md-4">
3743    <div class="row">
3744            <div class="item-noticia col-12 col-md-12  info">
3745                            <a href="https://www.castellnoudebages.cat/el-municipi/turisme/visites-guiades/" target="_self" class="title">Visites guiades al nucli històric de Castellnou</a>
3746                                    </div>
3747        <div class="order-first col-12 col-md-0 image " onclick="redirect('https://www.castellnoudebages.cat/el-municipi/turisme/visites-guiades/','_self')">
3748            <div class="default">
3749                                    <img src="/media/repository/baners_destacats/Turisme/Visites.jpg" alt="Visites guiades" class="img">
3750                            </div>
3751        </div>    </div>
3752    <!-- Media icons section: shown AFTER text and image when enabled in view params -->
3753    <div class="row">
3754        <div class="col-12">
3755                    </div>
3756    </div>
3757</li>
3758
3759  </ul>
3760  <div class="pager newsletter-hidden"></div></div></div></div>  </div></div></div>  </div></div></div>  </div></div>                </div>
3761            </div>
3762        </main>
3763        <footer id="footer-content" tabindex="-1">
3764            <div class="js-widget o-widget o-widget--footer o-widget-contenidor  clearfix boxBX  WidgetContainer " data-id="308" >  <div class="o-widget-wrapper clearfix default-BX  " data-id="308"><div class="o-widget-container  row"><div class="view-24 js-widget o-widget col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix boxBX  WidgetHtmlBlock " data-id="315" >  <div class="o-widget-wrapper clearfix backgroundTitleLine-BX   row  o-widget-wrapper--title-top o-widget-wrapper--title-style-line" data-id="315"><div class="o-widget-title-slot o-widget__title_Line"><span>On som</span></div><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><p><iframe allowfullscreen="" height="450" loading="lazy" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11890.9595283684!2d1.8369592!3d41.833899!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe8e76d4838fc7d39!2sAjuntament%20de%20Castellnou%20de%20Bages!5e0!3m2!1sca!2ses!4v1635874971366!5m2!1sca!2ses" style="border:0;" width="100%"></iframe></p></div></div>  </div></div><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="316" >  <div class="o-widget-wrapper clearfix default-BX  " data-id="316"><div class="o-widget-container "><div class="js-widget__content o-widget__content clearfix "><div class="footer">
3765    <div class="shortcuts">
3766    <div class="container-xl">            
3767        <div class="featuredItem responsiveHeight">
3768    <h2 class="title">RSS</h2>
3769    <p class="subtitle">L'actualitat a un clic</p>
3770    <ul id="cm_rss">
3771        <li style="background-image: url('/front/view/images/ico_16_rss.png');">
3772    <a href="/rss/12">
3773           Agenda    </a>
3774</li>
3775<li style="background-image: url('/front/view/images/ico_16_rss.png');">
3776    <a href="/rss/11">
3777           Notícies    </a>
3778</li>
3779<li style="background-image: url('/front/view/images/ico_16_rss.png');">
3780    <a href="/rss/15">
3781           Agenda política    </a>
3782</li>
3783<li style="background-image: url('/front/view/images/ico_16_rss.png');">
3784    <a href="/rss/13">
3785           Avisos    </a>
3786</li>
3787<li style="background-image: url('/front/view/images/ico_16_rss.png');">
3788    <a href="/rss/14">
3789           Publicacions    </a>
3790</li>
3791    </ul>
3792</div>
3793<div class="featuredItem responsiveHeight">
3794    <h2 class="title">Adreces i telèfons</h2>
3795    
3796    <img width="96" height="96" src="/front/view/images/icons/plugin_home.png" alt="">
3797
3798    <p class="elem_button">
3799        <a href="/el-municipi/guia-del-municipi/equipaments" aria-label="Adreces i telèfons">
3800            Accedeix        </a>
3801    </p>
3802</div>
3803<div class="featuredItem">
3804    <h2 class="title">Meteo</h2>
3805    <div id="cm_meteocat">
3806        <ul class="bxslider">
3807            <li>
3808    Dissabte, 3 d’octubre    <img width="80" height="80"
3809        alt="entre poc i mig ennuvolat"
3810        src="/front/view/images/meteocat/nuvolina.png"
3811    >
3812    <p>
3813        T.Màx: 25&deg;
3814        <br>
3815        T.Min: 13&deg;
3816    </p>
3817            <p>
3818            Tarda
3819            <img alt="entre mig i molt ennuvolat" width="24" height="24"
3820                src="/front/view/images/meteocat/nuvol.png"
3821            >
3822        </p>
3823    </li>
3824<li>
3825    Diumenge, 4 d’octubre    <img width="80" height="80"
3826        alt="entre mig i molt ennuvolat"
3827        src="/front/view/images/meteocat/nuvol.png"
3828    >
3829    <p>
3830        T.Màx: 23&deg;
3831        <br>
3832        T.Min: 14&deg;
3833    </p>
3834            <p>
3835            Tarda
3836            <img alt="ruixat" width="24" height="24"
3837                src="/front/view/images/meteocat/pluja.png"
3838            >
3839        </p>
3840    </li>
3841        </ul>
3842        <div class="outside">
3843            <p><span id="slider-prev"></span><span id="slider-next"></span></p>
3844        </div>
3845
3846    </div>
3847</div>
3848<div class="featuredItem responsiveHeight">
3849    <h2 class="title">Butlletí digital</h2>
3850    <img width="96" height="96" src="/front/view/images/icons/plugin_newsletter.png" alt="">
3851    <p class="elem_button">
3852        <a href="/actualitat/butlleti-digital" aria-label="Butlletí digital">
3853            Subscriu-te        </a>
3854    </p>
3855</div>
3856<div id="cm_planol" class="featuredItem responsiveHeight">
3857    <h2 class="title">Plànol / Carrers</h2>
3858
3859    <img width="96" height="96" src="/front/view/images/icons/plugin_map.png" alt="">
3860
3861    <p class="elem_button">
3862        <a href="/el-municipi/planol--guia-de-carrers" aria-label="Plànol">
3863            Accedeix        </a>
3864    </p>
3865</div>
3866    </div>
3867</div>
3868    <div class="hightlights">
3869        <div class="container-xl">
3870                    </div>
3871    </div>
3872    <nav class="menu" aria-label="Peu de menú">
3873        <ul class="container-xl sitemap">
3874            <li class="page-1 Inferior">  <a class="page-1" href="/ajuntament" target="_self" >Ajuntament  </a><ul id="footer-menu-1"><li class="subMenuPage-12">  <a class="subMenuPage-12" href="/ajuntament/alcaldia" target="_self" >Salutació de l'Alcalde  </a></li><li class="subMenuPage-8">  <a class="subMenuPage-8" href="/ajuntament/govern" target="_self" >Govern  </a></li><li class="subMenuPage-80">  <a class="subMenuPage-80" href="/ajuntament/ple-municipal" target="_self" >Ple municipal  </a></li><li class="subMenuPage-20">  <a class="subMenuPage-20" href="/ajuntament/juntes-de-govern" target="_self" >Juntes de govern  </a></li><li class="subMenuPage-16">  <a class="subMenuPage-16" href="/ajuntament/plans-campanyes-i-programes" target="_self" >Plans, campanyes i programes  </a></li><li class="subMenuPage-18">  <a class="subMenuPage-18" href="/ajuntament/anuncis-edictes" target="_self" >Anuncis / Edictes  </a></li><li class="subMenuPage-26">  <a class="subMenuPage-26" href="https://contractaciopublica.gencat.cat/ecofin_pscp/AppJava/cap.pscp?reqCode=viewDetail&idCap=2759200&" target="_blank" rel="noopener noreferrer" >Perfil de contractant  </a></li><li class="subMenuPage-126">  <a class="subMenuPage-126" href="/ajuntament/normativa" target="_self" >Normativa  </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-140">  <a class="subMenuPage-140" href="/serveis-i-tramits/cataleg-de-serveis" target="_self" >Catàleg de 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-147">  <a class="subMenuPage-147" href="/serveis-i-tramits/exposicions-publiques" target="_self" >Exposicions públiques  </a></li><li class="subMenuPage-146">  <a class="subMenuPage-146" href="/serveis-i-tramits/ajuts-escolars-municipals" target="_self" >Ajuts escolars municipals  </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-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-141">  <a class="subMenuPage-141" 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-hi" target="_self" >Com arribar-hi  </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-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 i actualitat  </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-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>        </ul>
3875    </nav>
3876    <div class="links">
3877        <div class="container-xl">
3878            <div class="row">
3879                <div class="xxss col-md-6 col-sm-6 col-lg-6 middle">                
3880                        <span class="titol">Xarxes socials:</span>
3881  
3882    <a target="_blank" aria-label="Twitter" href="https://twitter.com/aj_castellnou?lang=es" title="Obre en finestra nova: Twitter">
3883        <span style="display: none">Twitter</span>
3884        <img src="/front/view/images/icons/social/twitter.png" alt="Twitter" width="32" height="32">
3885    </a>
3886  
3887    <a target="_blank" aria-label="Youtube" href="https://www.youtube.com/@ajuntamentdecastellnoudeba12" title="Obre en finestra nova: Youtube">
3888        <span style="display: none">Youtube</span>
3889        <img src="/front/view/images/icons/social/youtube.png" alt="Youtube" width="32" height="32">
3890    </a>
3891  
3892    <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/ajuntament_castellnou/" title="Obre en finestra nova: Instagram">
3893        <span style="display: none">Instagram</span>
3894        <img src="/front/view/images/icons/social/instagram.png" alt="Instagram" width="32" height="32">
3895    </a>
3896                </div>
3897                <div class="col-md-6 col-sm-6 col-lg-6 middle">
3898                    <nav class="menu"><ul id="Inferior2"><li class="page-63">  <a href="/altres-continguts/credits" target="_self" >Crèdits  </a></li><li class="page-62">  <a href="/altres-continguts/contactar" target="_self" >Contactar  </a></li><li class="page-60">  <a href="/altres-continguts/proteccio-de-dades" target="_self" >Protecció de dades  </a></li><li class="page-59">  <a href="/altres-continguts/avis-legal" target="_self" >Avís legal  </a></li><li class="page-61">  <a href="/altres-continguts/accessibilitat" target="_self" >Accessibilitat  </a></li></ul></nav>                </div>
3899            </div>
3900        </div>
3901    </div>
3902    <div class="contact">
3903        <div class="container-xl">
3904            <div class="row">
3905                <address class="address col-md-6 col-sm-6 col-lg-6">
3906    <div class="title">
3907        Ajuntament de Castellnou de Bages    </div>
3908    Plaça de l'Església s/n<br>08251 Castellnou de Bages<br>Tel. 938 272 091<br>NIF P0806100D<br></address><div class="diba col-md-6 col-sm-6 col-lg-6" id="diba-partner">
3909    <div class="title">
3910        Amb la col·laboració de:    </div>
3911    <a href="http://diba.cat/" target="_blank" aria-label="Anar a la web Diputació de Barcelona" title="Obre en finestra nova: Diputació de Barcelona">
3912        <span style="display: none">Diputació de Barcelona</span>
3913        <img src="/front/view//images/logoDiba/Blanc.svg" alt="Diputació de Barcelona" class="logo-diba">
3914    </a>
3915</div>            </div>
3916        </div>
3917    </div>
3918</div>
3919</div></div>  </div></div></div>  </div></div>        </footer>
3920        <!-- Llibreries de tercers + js propis registrats a AssetManager (jQuery primer) -->
3921<script src="/front/view/js/bower_components/jquery/dist/jquery.min.js?ver=1790975661"></script>
vendor: 1 bytes, line 3921
3921
3922<script src="/front/view/js/bower_components/bootstrap/dist/js/bootstrap.bundle.min.js?ver=1790975661"></script>
vendor: 1 bytes, line 3922
3922
3923<script src="/front/view/js/bower_components/bxslider-4/dist/jquery.bxslider.js?ver=1790975661"></script>
vendor: 1 bytes, line 3923
3923
3924<script src="/front/view/js/bower_components/jscal/index.js?ver=1790975661"></script>
vendor: 1 bytes, line 3924
3924
3925<script src="/common/bower_components/select2/dist/js/select2.min.js?ver=1790975661"></script>
vendor: 1 bytes, line 3925
3925
3926<script src="/common/bower_components/select2/dist/js/i18n/ca.js?ver=1790975661"></script>
vendor: 1 bytes, line 3926
3926
3927<script src="/common/bower_components/strength.js/src/strength.min.js?ver=1790975661"></script>
vendor: 1 bytes, line 3927
3927
3928<script src="/front/view/js/bower_components/masonry-layout/dist/masonry.pkgd.min.js?ver=1790975661"></script>
vendor: 1 bytes, line 3928
3928
3929<script src="/front/view/js/constants.js?ver=1790975661"></script>
vendor: 1 bytes, line 3929
3929
3930<script src="/front/view/js/functions.js?ver=1790975661"></script>
vendor: 1 bytes, line 3930
3930
3931<script src="/front/view/js/functions/footer.js?ver=1790975661"></script>
vendor: 1 bytes, line 3931
3931
3932<script src="/front/view/js/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js?ver=1790975661"></script>
vendor: 1 bytes, line 3932
3932
3933<script src="/front/view/js/bower_components/jquery.prettyPhoto/index.js?ver=1790975661"></script>
vendor: 1 bytes, line 3933
3933
3934<script>
3935    $(document).ready(function(){
3936                    $("a[rel^='prettyPhoto']").prettyPhoto();
3937            $("a[rel^='prettyFrame']").prettyPhoto();
3938            });
3939</script>
vendor: 1 bytes, line 3939
3939
3940<script>
3941        var TWITTER = null;
3942            var FACEBOOK = null;
3943        $(window).on("load", function() {
3944        start();
3945    });
3946        
3947    // Initialize Select2 with icon support for category filter
3948    $(document).ready(function() {
3949        if ($('#categoryFilter').length) {
3950            $('#categoryFilter').select2({
3951                templateResult: function(option) {
3952                    if (!option.id) return option.text;
3953                    var icon = $(option.element).data('icon');
3954                    if (!icon) return option.text;
3955                    return $('<span><img src="' + icon + '" style="width: 16px; height: 16px; margin-right: 6px; vertical-align: middle;"> ' + option.text + '</span>');
3956                },
3957                templateSelection: function(option) {
3958                    if (!option.id) return option.text;
3959                    var icon = $(option.element).data('icon');
3960                    if (!icon) return option.text;
3961                    return $('<span><img src="' + icon + '" style="width: 16px; height: 16px; margin-right: 6px; vertical-align: middle;"> ' + option.text + '</span>');
3962                },
3963                allowHtml: true
3964            });
3965        }
3966    });
3967</script>
3967
3968        <!-- CSS final-->
3969
3970        
3970<script>
3971          const css = "div.view-25  .o-widget-wrapper {\n  border: 0;\n}\n";
3972          const style = document.createElement('style');
3973          style.textContent = css;
3974          document.head.appendChild(style);
3975        </script>
3975
3976
3977        <!-- Start Modal views-->
3978        
3979        <div class="modal fade" id="videoModal" tabindex="-1" role="dialog"  aria-hidden="true">
3980    <div class="modal-dialog modal-dialog-centered" role="document">
3981        <div class="modal-content">
3982            <div class="modal-header">
3983                <div class="title-head"></div>
3984            </div>
3985            <div class="modal-body">
3986                <div class="tiktok-div-embed"></div>
3987                <iframe id="iframeVideo" title="Vídeo" class="iframeVideo" allowfullscreen></iframe>
3988
3989            </div>
3990            <div class="modal-footer">
3991                <span id="titleVideo" class="titleVideo"></span>
3992                <a id="closeModalVideo" class="close" href="javascript:void(0)" data-bs-dismiss="modal"><span style="display: none">X</span></a>
3993
3994            </div>
3995        </div>
3996    </div>
3997</div>        <div class="modal fade" id="pdfModal" tabindex="-1" role="dialog"  aria-hidden="true">
3998    <div id="documentDialog" class="modal-dialog modal-dialog-centered" role="document">
3999        <div class="modal-content">
4000            <div class="modal-header">
4001                <div class="title-head"></div>
4002            </div>
4003            <div class="modal-body">
4004                <iframe id="iframePdf" title='Document' class="pdfview" style="width: 100%; height: 100%"></iframe>
4005            </div>
4006            <div class="modal-footer">
4007                <span id="titlePdf" class="titlePdf"></span>
4008                <a id="closeModalPDF" class="close" href="javascript:void(0)"><span style="display: none">X</span></a>
4009            </div>
4010        </div>
4011    </div>
4012</div>        <!-- End Modal views -->
4013        
4013<script src="/front/view/js/endScript.js?ver=1790975661"></script>
4013
4014        <!-- Només activar per desenvolupament
4015        
4015<script src="../../../node_modules/axe-core/axe.js"></script>
4015
4016        
4016<script src="../../../dist/my-first-webpack.bundle.js"></script>
4016
4017        -->
4018                
4018<script>
4019            $(document).ready(function () {
4020                startClock(1790975662);
4021                if (typeof (callMenuAfterJQueryLoaded) == "function") {
4022                    callMenuAfterJQueryLoaded();
4023                }
4024                
4025                datepickerInit();
4026                carouselControlSmall();
4027
4028                if (typeof (callMenuBeforeJQueryLoaded) == "function") {
4029                    callMenuBeforeJQueryLoaded();
4030                }
4031
4032                if (typeof (callMenuBeforeTopJQueryLoaded) == "function") {
4033                    callMenuBeforeTopJQueryLoaded();
4034                }
4035                addAttributesDivVcards();
4036                modalsImage();
4037                modalsPdf();
4038                translateWeb();
4039                var carousel = $('#carouselControls');
4040                carousel.on('slide.bs.carousel', function (event) {
4041                    toSlideImage(event);
4042                });
4043                /** Només activar per desenvolupament
4044                axe.configure({
4045                    locale: {
4046                        lang: 'es',
4047                    }
4048                });
4049
4050                axe.run().then(results => {
4051                        if (results.violations.length) {
4052                            console.log(results.violations);
4053                            throw new Error('Accessibility issues found');
4054                        }
4055                    })
4056                    .catch(err => {
4057                        console.log('Something bad happened:', err.message);
4058                    });
4059                */
4060            });
4061
4062            $(window).resize(function() {
4063                equalHeightIconTime();
4064            })
4065        </script>
4065
4066                    </body>
4067</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.