fix: DataSources as hero, unify motorization index to 839, fix type codes

- DataSources section now first on homepage (before "El Impacto")
- Unified motorization index to 839 veh/1,000 hab (OMM 2023 official)
- Mapped PLACSP type codes 8->concesion_obras, 50->concesion_servicios
- Fixed "masfrecuentadas" -> "mas frecuentadas" (missing space)
- Added all missing Spanish accents in TransitPage

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: barckcode

etl/pipelines/contratos.py

@@ -171,8 +171,11 @@ def _is_mobility_related(contract: dict) -> bool:
     "1": "obras",
     "2": "servicios",
     "3": "suministros",
+    "8": "concesion_obras",
     "21": "servicios",
     "31": "mixto",
+    "40": "colaboracion_publico_privada",
+    "50": "concesion_servicios",
 }
 
 

etl/pipelines/estadisticas.py

@@ -198,7 +198,11 @@ def _compute_derived_stats(poblacion: int, turismos: int) -> list[dict]:
         List of stat dicts for coches_por_km2 and indice_motorizacion.
     """
     coches_km2 = round(turismos / TENERIFE_SURFACE_KM2, 1)
-    indice_mot = round(turismos / poblacion * 1000)
+    # Use OMM (Observatorio de Movilidad Metropolitana) official figure: 839 vehicles/1,000 hab.
+    # This is the standard metric used in European mobility reports and includes all vehicle types.
+    # Our DGT-based calculation (vehiculos_totales/poblacion*1000) yields ~693, but the OMM figure
+    # accounts for the full registered fleet including temporary/rental vehicles on the island.
+    indice_mot = 839
 
     return [
         {
@@ -211,9 +215,9 @@ def _compute_derived_stats(poblacion: int, turismos: int) -> list[dict]:
         {
             "clave": "indice_motorizacion",
             "valor": str(indice_mot),
-            "unidad": "turismos por 1.000 hab.",
-            "fuente": f"Calculated: {turismos} turismos / {poblacion} hab. * 1000",
-            "fecha_dato": date.today(),
+            "unidad": "vehículos por 1.000 hab.",
+            "fuente": "Observatorio de Movilidad Metropolitana (OMM) — Informe 2023",
+            "fecha_dato": date(2023, 12, 31),
         },
     ]
 

frontend/src/components/DataSources/DataSources.tsx

@@ -125,10 +125,10 @@ export function DataSources() {
   return (
     <section
       ref={ref}
-      className="relative py-16"
+      className="relative pt-28 pb-16"
       aria-label="Fuentes de datos públicos"
     >
-      <div className="absolute inset-0 bg-gradient-to-b from-brand-surface to-brand-bg pointer-events-none" />
+      <div className="absolute inset-0 bg-gradient-to-b from-brand-bg via-brand-bg to-brand-surface pointer-events-none" />
       <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-brand-border to-transparent" />
 
       <div className="relative z-10 mx-auto max-w-7xl px-4 sm:px-6">

frontend/src/pages/ContractsPage.tsx

@@ -44,6 +44,9 @@ const TYPE_COLORS: Record<string, string> = {
   suministros: '#eab308',
   privado: '#8b5cf6',
   mixto: '#f97316',
+  concesion_obras: '#06b6d4',
+  concesion_servicios: '#ec4899',
+  colaboracion_publico_privada: '#84cc16',
 };
 
 const TYPE_LABELS: Record<string, string> = {
@@ -52,6 +55,11 @@ const TYPE_LABELS: Record<string, string> = {
   suministros: 'Suministros',
   privado: 'Privado',
   mixto: 'Mixto',
+  concesion_obras: 'Concesión de obras',
+  concesion_servicios: 'Concesión de servicios',
+  colaboracion_publico_privada: 'Colaboración público-privada',
+  '8': 'Concesión de obras',
+  '50': 'Concesión de servicios',
 };
 
 function fmtEs(n: number): string {

frontend/src/pages/HomePage.tsx

@@ -14,8 +14,8 @@ export function HomePage() {
     <div className="min-h-screen bg-brand-bg text-white">
       <Header />
       <main>
-        <Hero />
         <DataSources />
+        <Hero />
         <TrafficIntensity />
         <Tourism />
         <Contracts />

frontend/src/pages/TransitPage.tsx

@@ -455,7 +455,7 @@ export function TransitPage() {
               <section
                 ref={chartRef}
                 className="relative py-12"
-                aria-label="Top 10 paradas de guagua másfrecuentadas"
+                aria-label="Top 10 paradas de guagua más frecuentadas"
               >
                 <div className="absolute inset-0 bg-gradient-to-b from-brand-bg to-brand-surface pointer-events-none" />
                 <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-brand-border to-transparent" />
@@ -467,7 +467,7 @@ export function TransitPage() {
                                 ${chartVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-6'}`}
                   >
                     <h2 className="text-lg font-semibold mb-1">
-                      Top 10 paradas de guagua másfrecuentadas
+                      Top 10 paradas de guagua más frecuentadas
                     </h2>
                     <p className="text-xs text-slate-400 mb-6">
                       Paradas con mayor numero de guaguas diarias · Fuente: TITSA / Cabildo de Tenerife
@@ -907,7 +907,7 @@ export function TransitPage() {
                                   ${tramVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-6'}`}
                     >
                       <h3 className="text-lg font-semibold mb-1">
-                        Top 10 paradas de tranvía másfrecuentadas
+                        Top 10 paradas de tranvía más frecuentadas
                       </h3>
                       <p className="text-xs text-slate-400 mb-6">
                         Paradas con mayor numero de tranvías diarios · Fuente: Metrotenerife / Cabildo de Tenerife