refactor: implement i18n in MetodologiaDrawer (phase 4)

Refactored MetodologiaDrawer to use react-i18next translations:
- All 8 subsections (DataSummary, Pipeline, Taxonomy, KPI, CPI, BeforeAfter, SkillsMapping, Guarantees)
- 100+ text strings replaced with t() calls
- Month names in date formatting

Added translation keys to es.json and en.json:
- methodology section with 40+ new keys
- CPI calculation components
- Impact analysis labels
- Skill mapping explanations

Build verified successfully.

https://claude.ai/code/session_4f888c33-8937-4db8-8a9d-ddc9ac51a725

frontend/locales/es.json

@@ -713,6 +713,10 @@
     "monthsHistory": "Meses de histórico",
     "sourceSystem": "Sistema origen",
     "periodRange": "Periodo: {{period}}",
+    "defaultPeriod": "Enero - Diciembre 2025",
+    "sourceGenesys": "Genesys Cloud CX",
+    "sourceDataset": "Dataset cargado",
+    "pdfDevelopment": "Funcionalidad de descarga PDF en desarrollo. El documento estará disponible próximamente.",
     "pipeline": {
       "title": "Pipeline de Transformación",
       "description": "Arquitectura modular de 3 capas para garantizar trazabilidad y escalabilidad.",
@@ -771,6 +775,21 @@
       "howCalculate": "¿Cómo se calcula el Coste Total?",
       "costEquals": "Coste ="
     },
+    "cpi": {
+      "description": "El CPI se calcula dividiendo el <strong>coste total</strong> entre el <strong>volumen de interacciones</strong>. El coste total incluye <em>todas</em> las interacciones (noise, zombie y válidas) porque todas se facturan, y aplica un factor de productividad del {{productivity}}%.",
+      "volume": "Volumen",
+      "ahtExplanation": "El <strong>AHT</strong> está en segundos, se convierte a horas dividiendo por 3600. Incluye todas las interacciones que generan coste (noise + zombie + válidas). Solo se excluyen los abandonos porque no consumen tiempo de agente.",
+      "hourlyRate": "Coste por Hora del Agente (Fully Loaded)",
+      "configuredValue": "Valor introducido: €{{value}}/h",
+      "includesAllCosts": "Este valor fue configurado en la pantalla de entrada de datos y debe incluir todos los costes asociados al agente:",
+      "cost1": "Salario bruto del agente",
+      "cost2": "Costes de seguridad social",
+      "cost3": "Licencias de software",
+      "cost4": "Infraestructura y puesto",
+      "cost5": "Supervisión y QA",
+      "cost6": "Formación y overhead",
+      "adjustNote": "Si necesita ajustar este valor, puede volver a la pantalla de entrada de datos y modificarlo."
+    },
     "impact": {
       "title": "Impacto de la Transformación",
       "metric": "Métrica",
@@ -784,12 +803,18 @@
       "revealsDemand": "Revela demanda fallida oculta",
       "detectsFrustration": "Detecta frustración cliente real",
       "executiveVision": "Visión ejecutiva accionable",
-      "reflectsPerformance": "KPIs reflejan desempeño real"
+      "reflectsPerformance": "KPIs reflejan desempeño real",
+      "technicalSkills": "{{count}} técnicos",
+      "businessLines": "{{count}} líneas negocio",
+      "distorted": "Distorsionado",
+      "clean": "Limpio",
+      "withoutTransformation": "Sin esta transformación,",
+      "wrongInvestments": "las decisiones de automatización se basarían en datos incorrectos, generando inversiones en los procesos equivocados."
     },
     "skillMapping": {
       "title": "Mapeo de Skills a Líneas de Negocio",
       "simplificationApplied": "Simplificación aplicada",
-      "reductionDesc": "Se redujo la complejidad de 980 skills técnicos a {{count}} Líneas de Negocio accionables mediante lógica fuzzy de palabras clave.",
+      "reductionDesc": "Se redujo la complejidad de 980 skills técnicos a {{count}} Líneas de Negocio. Esta simplificación es vital para la visualización ejecutiva y la toma de decisiones estratégicas.",
       "businessLine": "Línea de Negocio",
       "keywords": "Keywords Detectadas (Lógica Fuzzy)",
       "baggage": "Baggage & Handling",
@@ -799,7 +824,8 @@
       "changes": "Changes & Post-Sales",
       "digital": "Digital Support",
       "customer": "Customer Service",
-      "internal": "Internal / Backoffice"
+      "internal": "Internal / Backoffice",
+      "fuzzyLogicNote": "El mapeo utiliza lógica fuzzy para clasificar automáticamente cada skill técnico según las keywords detectadas en su nombre. Los skills no clasificados se asignan a \"Customer Service\"."
     },
     "quality": {
       "title": "Garantías de Calidad",