Inici proves

Celebrem 15 anys de servei públic

Treballem avui per garantir que la metròpoli funcioni demà

AGENDA D’ACTES

L’AMB celebra 15 anys d’impuls i gestió en àmbits estratègics com la mobilitat, l’urbanisme, l’habitatge, el medi ambient i el cicle de l’aigua.

Una trajectòria compartida que ens porta a mirar al futur amb més determinació que mai per assegurar el bon funcionament de la metròpoli cada dia.

L’àrea metropolitana de Barcelona és una autèntica ciutat de ciutats: un sistema urbà complex i profundament interconnectat, on els 36 municipis que la formen es construeixen i evolucionen en relació constant. La metròpolis propicia una manera d’habitar, de treballar i de conviure que defineix la vida quotidiana de milions de persones.

En un espai de 636 quilòmetres quadrats conflueixen paisatges naturals de gran valor, teixits urbans molt diversos, economies múltiples, identitats locals arrelades i una intensa mobilitat quotidiana. Lluny de ser una suma fragmentada de municipis, la metròpolis funciona com un ecosistema urbà, en què els grans desafiaments contemporanis com la transició ecològica i la cohesió social només poden tractar-se amb una mirada compartida.

Per donar resposta a aquesta realitat, fa quinze anys el Parlament de Catalunya va crear, mitjançant llei, una administració única per governar-la de manera coordinada: l’Àrea Metropolitana de Barcelona, o AMB. Aquesta institució, hereva d’un llarg recorregut de cooperació entre municipis, naixia amb la voluntat d’afrontar conjuntament els grans reptes metropolitans i garantir serveis essencials amb una mirada global.

Vídeo de campanya

Això és el què es dona per fet

Des de la mobilitat fins al cicle de l’aigua, l’AMB gestiona en els principals àmbits metropolitans

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…

Títol 2

Títol 3

Títol 4

Títol 5

Agenda d’actes

9 – 13.45 h 22/05 2026

Collserola, la natura al Centre de la Metrópolis

Jornada 1 

El Parc Natural de la metròpolis verda

9 – 12.30 h​ 29/05 2026

Collserola, la natura al Centre de la Metrópolis

Jornada 2

Les vores del Parc Natural: espais de transició, oportunitat i corresponsabilitat urbana

9 – 12.30 h 5/06 2026

Collserola, la natura al Centre de la Metrópolis

Jornada 3

El patrimoni com a agent actiu d’una nova cultura del territori

12 h 19/06 2026

Acte institucional 

15 anys 

al Parlament de Catalunya

Llibret Institucional de l'AMBLeer más publicaciones en Calaméo

QUIZ

Espai explicatiu si s’escau. Els destacats de cada activitat (de columna de 2 a columna de 6) poden ser d’un dia concret o d’un període). 

AMB Quiz *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { –bg: #F5F5F5; –text: #000000; –box: #DDDDDD; –success: #53da40; –error: #ff0009; –error-soft: rgba(255,0,9,0.22); –success-soft: rgba(83,218,64,0.22); –radius: 16px; –radius-sm: 10px; –shadow: 0 4px 24px rgba(0,0,0,0.10); } body { font-family: ‘Source Sans Pro’, sans-serif; background: var(–bg); color: var(–text); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; } /* ── SCREENS ── */ .screen { display: none; width: 100%; max-width: 720px; } .screen.active { display: flex; flex-direction: column; align-items: center; } /* ── SCREEN 1: HOME ── */ #screen-home { min-height: 92vh; justify-content: center; gap: 32px; text-align: center; padding: 40px 20px; } .home-badge { display: inline-flex; align-items: center; gap: 8px; background: var(–box); border-radius: 100px; padding: 6px 18px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .home-badge span { width: 8px; height: 8px; border-radius: 50%; background: var(–success); display: inline-block; } .home-title { font-size: clamp(64px, 14vw, 120px); font-weight: 900; line-height: 0.9; letter-spacing: -0.03em; } .home-title em { font-style: normal; color: #555; font-weight: 300; } .home-desc { font-size: clamp(15px, 2.5vw, 18px); font-weight: 400; line-height: 1.65; color: #444; max-width: 480px; } .home-stats { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; } .stat-pill { background: var(–box); border-radius: 100px; padding: 8px 20px; font-size: 14px; font-weight: 600; } .btn-play { background: var(–text); color: var(–bg); border: none; border-radius: 100px; padding: 20px 52px; font-family: inherit; font-size: 20px; font-weight: 700; letter-spacing: 0.05em; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; box-shadow: 0 6px 28px rgba(0,0,0,0.18); } .btn-play:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 10px 36px rgba(0,0,0,0.22); } .btn-play:active { transform: scale(0.97); } /* ── SCREEN 2: INTRO ── */ #screen-intro { min-height: 92vh; justify-content: center; gap: 40px; text-align: center; padding: 40px 20px; } .intro-counter-wrap { position: relative; width: 120px; height: 120px; } .intro-counter-wrap svg { position: absolute; inset: 0; transform: rotate(-90deg); } .intro-counter-wrap svg circle { fill: none; stroke: var(–box); stroke-width: 5; } .intro-counter-wrap svg circle.progress { stroke: var(–text); stroke-linecap: round; stroke-dasharray: 330; stroke-dashoffset: 330; transition: stroke-dashoffset 0.05s linear; } .intro-counter-num { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; } .intro-q-num { font-size: 14px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #777; } .intro-question-text { font-size: clamp(22px, 5vw, 36px); font-weight: 700; line-height: 1.25; max-width: 560px; } .intro-category-tag { background: var(–box); border-radius: 100px; padding: 6px 16px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; color: #555; } /* ── SCREEN 3: QUESTION ── */ #screen-question { padding: 0; gap: 0; } .q-header { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(–bg); position: sticky; top: 0; z-index: 10; } .q-number-tag { font-size: 13px; font-weight: 700; background: var(–box); padding: 6px 14px; border-radius: 100px; letter-spacing: 0.06em; } .timer-wrap { display: flex; align-items: center; gap: 8px; font-size: 22px; font-weight: 900; } .timer-bar-outer { width: 120px; height: 8px; background: var(–box); border-radius: 100px; overflow: hidden; } .timer-bar-inner { height: 100%; background: var(–text); border-radius: 100px; transition: width 1s linear, background 0.3s; width: 100%; } .timer-bar-inner.urgent { background: var(–error); } .q-image-wrap { width: 100%; height: 200px; overflow: hidden; position: relative; background: var(–box); } .q-image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; } .q-image-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 50%, rgba(245,245,245,0.6) 100%); } .q-body { width: 100%; padding: 20px 20px 0; } .q-text { font-size: clamp(17px, 3.5vw, 22px); font-weight: 700; line-height: 1.3; margin-bottom: 20px; } .q-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; padding: 0 0 24px; } .opt-btn { background: var(–box); border: 2px solid transparent; border-radius: var(–radius); padding: 18px 14px; font-family: inherit; font-size: clamp(14px, 2.5vw, 17px); font-weight: 600; text-align: center; cursor: pointer; transition: transform 0.12s, background 0.2s, border-color 0.2s; line-height: 1.3; min-height: 80px; display: flex; align-items: center; justify-content: center; word-break: break-word; } .opt-btn:hover:not(:disabled) { transform: translateY(-2px) scale(1.02); border-color: #aaa; } .opt-btn:active:not(:disabled) { transform: scale(0.97); } .opt-btn:disabled { cursor: default; } .opt-btn.correct { background: var(–success-soft); border-color: transparent; color: #000; } .opt-btn.wrong { background: var(–error-soft); border-color: transparent; color: #888; } .opt-btn.correct { animation: pop 0.3s ease; } @keyframes pop { 0%{transform:scale(1)} 50%{transform:scale(1.06)} 100%{transform:scale(1)} } /* ── SCREEN 4: RESULTS ── */ #screen-results { min-height: 92vh; justify-content: center; gap: 28px; text-align: center; padding: 40px 20px; } .results-title { font-size: clamp(36px, 8vw, 56px); font-weight: 900; letter-spacing: -0.02em; font-family: ‘Source Sans Pro’, sans-serif; } .results-score-wrap { display: flex; flex-direction: column; align-items: center; gap: 6px; } .results-score { font-size: clamp(72px, 18vw, 120px); font-weight: 700; letter-spacing: -0.04em; line-height: 1; font-family: ‘Source Sans Pro’, sans-serif; } .results-score-label { font-size: 13px; font-weight: 600; color: #888; text-transform: uppercase; letter-spacing: 0.14em; font-family: ‘Source Sans Pro’, sans-serif; } .results-bar-wrap { width: 100%; max-width: 400px; background: var(–box); border-radius: 100px; height: 10px; overflow: hidden; } .results-bar { height: 100%; border-radius: 100px; background: var(–success); transition: width 1.4s cubic-bezier(.16,1,.3,1); width: 0%; } .results-message { font-size: clamp(16px, 3.5vw, 20px); font-weight: 600; color: #555; font-family: ‘Source Sans Pro’, sans-serif; } .btn-restart { background: var(–text); color: var(–bg); border: none; border-radius: 100px; padding: 18px 44px; font-family: ‘Source Sans Pro’, sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0.05em; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; box-shadow: 0 6px 24px rgba(0,0,0,0.15); } .btn-restart:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(0,0,0,0.2); } /* ── TRANSITIONS ── */ .screen { animation: fadeIn 0.35s ease; } @keyframes fadeIn { from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:translateY(0); } } /* ── RESPONSIVE ── */ @media (max-width: 480px) { .q-options { gap: 10px; } .opt-btn { padding: 14px 10px; min-height: 72px; } .timer-bar-outer { width: 80px; } } Quiz Interactiu

AMB
Quiz

Posa a prova els teus coneixements sobre l’Àrea Metropolitana de Barcelona. 15 preguntes de diferents dificultats sobre mobilitat, territori i sostenibilitat.

15 Preguntes 30 seg / pregunta Territori · Mobilitat Pregunta 1 / 15 5

1 / 15 30 Imatge relacionada

Ben jugat!

0 / 15 Respostes correctes

const quizData = [ { q: “Quants municipis integren l’Àrea Metropolitana de Barcelona?”, a: “36”, options: [“24”, “36”, “42”, “50”], category: “Territori”, img: “https://images.unsplash.com/photo-1555881400-74d7acaacd8b?w=800&q=80” }, { q: “Quants milions de persones viuen a l’AMB aproximadament?”, a: “3,3 milions”, options: [“1,5 milions”, “3,3 milions”, “5,2 milions”, “7 milions”], category: “Població”, img: “https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=800&q=80” }, { q: “Quin d’aquests grans espais naturals gestiona l’AMB?”, a: “Serra de Collserola”, options: [“Montseny”, “Montserrat”, “Serra de Collserola”, “Delta de l’Ebre”], category: “Natura”, img: “https://images.unsplash.com/photo-1501854140801-50d01698950b?w=800&q=80” }, { q: “Quin és el transport públic gestionat per l’AMB que funciona a demanda en alguns municipis?”, a: “AMB-rutas”, options: [“Metro”, “Tramvia”, “AMB-rutas”, “FGC”], category: “Transport”, img: “https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?w=800&q=80” }, { q: “Quin percentatge del territori de l’AMB és espai natural o agrícola?”, a: “52%”, options: [“14%”, “29%”, “52%”, “73%”], category: “Natura”, img: “https://images.unsplash.com/photo-1518173946687-a4c8892bbd9f?w=800&q=80” }, { q: “Com es diu el servei de bicicleta elèctrica compartida de l’AMB?”, a: “AMBici”, options: [“Bicing”, “Bicibox”, “AMBici”, “Moto-AMB”], category: “Transport”, img: “https://images.unsplash.com/photo-1532298229144-0ec0c57515c7?w=800&q=80” }, { q: “Quina infraestructura és clau per l’aigua en èpoques de sequera a l’AMB?”, a: “Dessalinitzadora”, options: [“Dessalinitzadora”, “Pantà de Sau”, “Transvasament”, “Riu Besòs”], category: “Aigua”, img: “https://images.unsplash.com/photo-1505118380757-91f5f5632de0?w=800&q=80” }, { q: “Quina és la missió principal de la ZBE (Zona de Baixes Emissions)?”, a: “Qualitat de l’aire”, options: [“Recaptar impostos”, “Qualitat de l’aire”, “Carrils bici”, “Trànsit”], category: “Medi Ambient”, img: “https://images.unsplash.com/photo-1534274988757-a28bf1a57c17?w=800&q=80” }, { q: “Quants quilòmetres de platges metropolitanes gestiona l’AMB aproximadament?”, a: “30 km”, options: [“5 km”, “15 km”, “30 km”, “100 km”], category: “Platges”, img: “https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=800&q=80” }, { q: “Quin riu té un gran parc fluvial a la zona nord de l’àrea metropolitana?”, a: “El Besòs”, options: [“El Besòs”, “El Ter”, “El Cardener”, “El Francolí”], category: “Natura”, img: “https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=800&q=80” }, { q: “Quin servei ofereix la xarxa ‘Bicibox’?”, a: “Aparcament segur”, options: [“Lloguer de bicis”, “Venda de bicis”, “Aparcament segur”, “Reparació”], category: “Transport”, img: “https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&q=80” }, { q: “Quina és la funció de les depuradores (EDAR) gestionades per l’AMB?”, a: “Netejar aigües residuals”, options: [“Aigua mineral”, “Netejar aigües residuals”, “Aigua de pluja”, “Reg de balcons”], category: “Aigua”, img: “https://images.unsplash.com/photo-1504711331083-9c895941bf81?w=800&q=80” }, { q: “On es troba l’Aeroport Josep Tarradellas Barcelona-El Prat?”, a: “Territori AMB”, options: [“Fora de Catalunya”, “Territori AMB”, “Osona”, “Maresme”], category: “Transport”, img: “https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=800&q=80” }, { q: “Com es diu la targeta amb tarifes socials per viatjar per l’AMB?”, a: “Targeta Rosa”, options: [“Targeta Rosa”, “Targeta Blava”, “Abonament Jove”, “T-Casual”], category: “Social”, img: “https://images.unsplash.com/photo-1476304884326-cd2c88572c5f?w=800&q=80” }, { q: “Quin d’aquests residus NO s’ha de llençar mai al vàter?”, a: “Totes les anteriors”, options: [“Tovalloretes”, “Olis”, “Medicaments”, “Totes les anteriors”], category: “Residus”, img: “https://images.unsplash.com/photo-1532996122724-e3c354a0b15b?w=800&q=80″ } ]; let currentQ = 0; let score = 0; let timerInterval = null; let timeLeft = 30; let answered = false; function showScreen(id) { document.querySelectorAll(‘.screen’).forEach(s => s.classList.remove(‘active’)); document.getElementById(id).classList.add(‘active’); } function startGame() { currentQ = 0; score = 0; showIntro(); } function showIntro() { const data = quizData[currentQ]; document.getElementById(‘intro-q-num’).textContent = `Pregunta ${currentQ + 1} / ${quizData.length}`; document.getElementById(‘intro-question-text’).textContent = data.q; document.getElementById(‘intro-category-tag’).textContent = data.category; showScreen(‘screen-intro’); // Animate loading circle: 5s countdown const circle = document.getElementById(‘intro-progress’); const counterEl = document.getElementById(‘intro-counter-num’); const circumference = 2 * Math.PI * 52; // ~326.7 circle.style.strokeDasharray = circumference; circle.style.strokeDashoffset = circumference; circle.style.transition = ‘none’; let count = 5; counterEl.textContent = count; // Animate the circle shrinking over 5s requestAnimationFrame(() => { requestAnimationFrame(() => { circle.style.transition = `stroke-dashoffset 5s linear`; circle.style.strokeDashoffset = 0; }); }); const countInterval = setInterval(() => { count–; if (count > 0) { counterEl.textContent = count; } else { clearInterval(countInterval); } }, 1000); setTimeout(() => { clearInterval(countInterval); showQuestion(); }, 5000); } function showQuestion() { const data = quizData[currentQ]; answered = false; timeLeft = 30; document.getElementById(‘q-number-tag’).textContent = `${currentQ + 1} / ${quizData.length}`; document.getElementById(‘q-text’).textContent = data.q; document.getElementById(‘q-image’).src = data.img; const timerNum = document.getElementById(‘timer-num’); const timerBar = document.getElementById(‘timer-bar’); timerNum.textContent = timeLeft; timerBar.style.width = ‘100%’; timerBar.classList.remove(‘urgent’); // Build options const container = document.getElementById(‘q-options’); container.innerHTML = ”; data.options.forEach(opt => { const btn = document.createElement(‘button’); btn.className = ‘opt-btn’; btn.textContent = opt; btn.onclick = () => handleAnswer(opt, btn); container.appendChild(btn); }); showScreen(‘screen-question’); // Start timer clearInterval(timerInterval); timerInterval = setInterval(() => { timeLeft–; timerNum.textContent = timeLeft; const pct = (timeLeft / 30) * 100; timerBar.style.width = pct + ‘%’; if (timeLeft <= 10) timerBar.classList.add('urgent'); if (timeLeft { b.disabled = true; if (b.textContent === correct) { b.classList.add(‘correct’); } else if (b === btn && selected !== correct) { b.classList.add(‘wrong’); } }); if (selected === correct) score++; setTimeout(nextQuestion, 1800); } function handleTimeOut() { if (answered) return; answered = true; const correct = quizData[currentQ].a; const allBtns = document.querySelectorAll(‘.opt-btn’); allBtns.forEach(b => { b.disabled = true; if (b.textContent === correct) b.classList.add(‘correct’); else b.classList.add(‘wrong’); }); setTimeout(nextQuestion, 1800); } function nextQuestion() { currentQ++; if (currentQ >= quizData.length) { showResults(); } else { showIntro(); } } function showResults() { const pct = Math.round((score / quizData.length) * 100); const msg = score >= 12 ? ‘Ets un expert/a en l’AMB!’ : score >= 8 ? ‘Molt bon resultat!’ : score >= 5 ? ‘No està malament, segueix aprenent!’ : ‘Revisa el web de l’AMB i torna a intentar-ho!’; document.getElementById(‘results-score’).textContent = `${score} / ${quizData.length}`; document.getElementById(‘results-message’).textContent = msg; showScreen(‘screen-results’); // Animate bar const bar = document.getElementById(‘results-bar’); bar.style.width = ‘0%’; requestAnimationFrame(() => { requestAnimationFrame(() => { bar.style.width = pct + ‘%’; }); }); }

Crida a l’acció

N’hi ha una en blava informativa i d’altra taronja de warning.

Lorem ipsum

 

Feu clic aquí Llibret Institucional de l'AMBLeer más publicaciones en Calaméo

Contacte

La persiana, no del tot tancada, com un esglai que es reté de caure a terra,no ens separa de l’aire. Mira, s’obren trenta-set horitzons rectes i prims,però el cor els oblida. Sense enyor se’ns va morint la llum, que era color de mel, i ara és color d’olor de poma. Que lent el món, que lent el món, que lenta la pena per les hores que se’n van de pressa. Digues, te’n recordaràs d’aquesta cambra?

Nom de l’espai (Oficines de l’AMB)
Transport públic Taxi