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'Ajuntament de Castellnou de Bages: informació municipal, trà mits, notÃcies, agenda, directori... Pl. de l'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'Ajuntament de Castellnou de Bages: informació municipal, trà mits, notÃcies, agenda, directori... Pl. de l'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&loading=async&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'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&prev=_t&hl=esie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&tl=es" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=esie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&tl=es">Castellà </a></li> 164 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=enie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&tl=en" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=enie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&tl=en">Anglès</a></li> 165 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=deie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&tl=de" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=deie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&tl=de">Alemany</a></li> 166 <li><a class="link-language" href="https://translate.google.es/translate?js=y&prev=_t&hl=frie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&tl=fr" data-target="https://translate.google.es/translate?js=y&prev=_t&hl=frie=UTF-8&u=https://www.castellnoudebages.cat/&sl=ca&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'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&idCap=2759200&" 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">›</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° 3814 <br> 3815 T.Min: 13° 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° 3831 <br> 3832 T.Min: 14° 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.