feat: add themes scatter chart, HowToRead section, and fix 9 UI annotation tasks

- Add ThemesTab with recharts ScatterChart (domain-colored, labeled dots)
- Add HowToRead standalone section (score spectrum, valence markers, domains, intensity, tips)
- Add demo-report-data.ts with anonymized synthesis data
- Fix report fan: use overflow-x-clip instead of overflow-hidden to preserve shadows
- Fix HowItWorks: move connector lines behind cards, fix SVG gauge arc alignment
- Fix ScoreTab: increase gauge spacing, add score band labels (0-100)
- Fix testimonials: use overflow-clip to allow page scroll through section
- Fix banner: increase logo size
- Add EN/ES i18n keys for themes tab and HowToRead section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/i18n/src/translations/es/marketing.json

@@ -41,7 +41,7 @@
       },
       "receive": {
         "title": "Recibe tu Radiografía",
-        "description": "Recibe una Radiografía de Reputación clara y accionable con puntuaciones, tendencias y una lista priorizada de mejoras."
+        "description": "Recibe una Radiografía de Reputación clara con puntuaciones, tendencias y una lista priorizada de mejoras."
       }
     }
   },
@@ -59,15 +59,16 @@
   },
   "reportPreview": {
     "label": "Ve Tu Informe",
-    "title": "Esto es lo que recibes",
+    "title": "Lo que recibes",
     "description": "Una vista real de la Radiografía de Reputación — el análisis exacto que recibe tu negocio.",
     "tabs": {
       "score": "Puntuación",
       "domains": "Dominios",
       "issues": "Problemas",
-      "actions": "Acciones"
+      "actions": "Acciones",
+      "themes": "Temas"
     },
-    "cta": "Obtén el tuyo para tu negocio",
+    "cta": "Obtén el tuyo",
     "demo": {
       "businessName": "Bistro El Sol",
       "scoreLabel": "Puntuación de Reputación",
@@ -125,9 +126,50 @@
           "effort": "Medio",
           "impact": "Medio"
         }
+      },
+      "themes": {
+        "frequency": "Frecuencia",
+        "sentiment": "Sentimiento Neto %",
+        "mentions": "menciones",
+        "netSentiment": "Sentimiento Neto"
       }
     }
   },
+  "howToRead": {
+    "label": "Leyendo Tu Radiografía",
+    "title": "Cómo leer tu informe",
+    "description": "Una guía rápida de los símbolos, colores y puntuaciones de tu Radiografía de Reputación.",
+    "scoreTitle": "Espectro de Puntuación",
+    "scoreDesc": "Tu Puntuación de Reputación general se ubica en esta escala de 0 a 100. Mayor significa mejor reputación.",
+    "scoreCritical": "Crítico",
+    "scorePoor": "Pobre",
+    "scoreFair": "Regular",
+    "scoreGood": "Bueno",
+    "scoreExcellent": "Excelente",
+    "valenceTitle": "Marcadores de Sentimiento",
+    "valenceDesc": "Cada mención en una reseña se etiqueta con un marcador de sentimiento.",
+    "valencePos": "Positivo — el cliente elogió este aspecto",
+    "valenceNeg": "Negativo — el cliente se quejó de esto",
+    "valenceNeu": "Neutro — mencionado sin sentimiento",
+    "valenceMix": "Mixto — señales positivas y negativas",
+    "domainsTitle": "Dominios de Experiencia",
+    "domainsDesc": "Agrupamos cada tema en cinco dominios de experiencia.",
+    "domainO": "Operaciones — cómo funciona el negocio",
+    "domainP": "Personas/Servicio — personal y calidad del servicio",
+    "domainJ": "Recorrido — el proceso del cliente",
+    "domainE": "Ambiente — espacio físico y atmósfera",
+    "domainV": "Valor — precios y valor percibido",
+    "intensityTitle": "Niveles de Intensidad",
+    "intensityDesc": "Cuán fuertemente sienten los clientes sobre cada tema.",
+    "intensity1": "Leve — mención casual",
+    "intensity2": "Moderado — opinión clara",
+    "intensity3": "Fuerte — afirmación enfática",
+    "tipsTitle": "Consejos de Lectura",
+    "tip1": "Empieza con la pestaña Puntuación para la visión general, luego profundiza en Dominios.",
+    "tip2": "Las burbujas grandes en la Matriz de Temas significan temas frecuentes — prioriza estos.",
+    "tip3": "Las burbujas debajo de la línea cero indican sentimiento negativo neto — estas son tus correcciones urgentes.",
+    "tip4": "El Plan de Acción ya está ordenado por impacto — empieza desde arriba."
+  },
   "reviewEvidence": {
     "label": "Análisis Profundo",
     "title": "Leemos lo que tú no puedes",
@@ -202,11 +244,11 @@
       },
       "howScoringWorks": {
         "question": "¿Cómo funciona la puntuación de 0 a 100?",
-        "answer": "Tu Puntuación de Reputación combina análisis de sentimiento, frecuencia de temas, dirección de tendencias y patrones de respuesta en 37 primitivas. Una puntuación de 70+ indica una reputación saludable. También la desglosamos en 6 dominios para que veas exactamente dónde te encuentras."
+        "answer": "Tu Puntuación de Reputación combina análisis de sentimiento, frecuencia de temas, dirección de tendencias y patrones de respuesta en 37 dimensiones. Una puntuación superior a 70 significa que tu reputación es sólida. También la desglosamos en 6 dominios para que veas exactamente dónde te encuentras."
       },
       "deliveryTime": {
         "question": "¿Cuánto tiempo tarda en llegar mi informe?",
-        "answer": "La mayoría de los informes se entregan en 24 horas. Para negocios con más de 500 reseñas, puede tomar hasta 48 horas para garantizar un análisis completo."
+        "answer": "La mayoría de los informes llegan en 24 horas. Para negocios con más de 500 reseñas, puede tomar hasta 48 horas para analizar cada reseña."
       },
       "whatBusinessTypes": {
         "question": "¿Qué tipos de negocios pueden usar esto?",
@@ -222,7 +264,7 @@
       },
       "reportContents": {
         "question": "¿Qué incluye la Radiografía de Reputación?",
-        "answer": "Tu Radiografía incluye: una Puntuación de Reputación de 0 a 100, puntuaciones en 6 dominios (37 primitivas), un ranking de menciones del equipo, tendencias de sentimiento a lo largo del tiempo, un plan de acción priorizado y citas de reseñas específicas que ilustran cada hallazgo."
+        "answer": "Tu Radiografía incluye: una Puntuación de Reputación de 0 a 100, puntuaciones en 6 dominios (37 dimensiones), un ranking de menciones del equipo, tendencias de sentimiento a lo largo del tiempo, un plan de acción priorizado y citas de reseñas específicas que ilustran cada hallazgo."
       }
     }
   },