https://la-copa-del-mon-de-les-sis-voltes-a.vercel.app/

1<!DOCTYPE html>
2<html lang="ca">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    
7
8    <title>Mundial 2026: La Copa del Món de les sis voltes a la Terra</title>
9    <meta name="description" content="Reportatge interactiu de dades sobre el cost ambiental i la fatiga logística extrema de les 48 seleccions al Mundial de Nord-amèrica." />
10    <meta name="author" content="Arnau Inés" />
11
12
13    <meta property="og:type" content="article" />
14    <meta property="og:title" content="Mundial 2026: La Copa del Món de les sis voltes a la Terra" />
15    <meta property="og:description" content="Una anàlisi interactiva 3D del caos logístic i la petjada de carboni de les 48 seleccions." />
16    <meta property="og:image" content="https://la-copa-del-mon-de-les-sis-voltes-a.vercel.app/portada-og.jpg" />
17    
18
19    <meta name="twitter:card" content="summary_large_image" />
20    <meta name="twitter:title" content="Mundial 2026: La Copa del Món de les sis voltes a la Terra" />
21    <meta name="twitter:description" content="Anàlisi interactiva del desastre logístic i la petjada climàtica del Mundial 2026." />
22    <meta name="twitter:image" content="https://la-copa-del-mon-de-les-sis-voltes-a.vercel.app/portada-og.jpg" />
23
24
25    <link rel="preconnect" href="https://fonts.googleapis.com">
26    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@400;600;700&display=swap" rel="stylesheet">
28
29    <!-- Mapbox GL JS carregat via CDN (script clàssic, no com a mòdul ESM).
30         MOTIU: el bundle de mapbox-gl s'auto-arrenca creant el seu Web Worker
31         a partir d'un Blob amb el seu propi codi font. Quan Vite processa/minifica
32         el paquet npm en el build de producció, aquest mecanisme es trenca: el
33         Worker es crea sense error, però mai respon (totes les tessel·les vectorials
34         es queden en estat "loading" per sempre). Resultat: el mapa base (ràster)
35         es veu bé, però les capes vectorials (composite -> 3d-buildings) i les
36         fonts GeoJSON pròpies (esteles cian) no es processen ni es renderitzen.
37         En desplegar sense bundlejar (com en aquest 

37<script>), el fitxer es
38         carrega intacte i l'auto-arrencada del Worker funciona correctament,
39         igual que en local amb `vite dev` (que no minifica el paquet). -->
40    <link href="https://api.mapbox.com/mapbox-gl-js/v3.24.0/mapbox-gl.css" rel="stylesheet" />
41    

41<script src="https://api.mapbox.com/mapbox-gl-js/v3.24.0/mapbox-gl.js"></script>

41
42    

42<script type="module" crossorigin src="./assets/index-Clro_Wfy.js"></script>

42
43    <link rel="stylesheet" crossorigin href="./assets/index-D9Exxc70.css">
44  </head>
45  <body>
46    <div id="app"></div>
47  </body>
48</html>