Fix login blank screen and progress persistence

- Fix authStore to persist user data, not just isAuthenticated
- Fix progressStore handling of undefined API responses
- Remove minimax.md documentation file
- All progress now properly saves to PostgreSQL
- Login flow working correctly

frontend/src/content/modulo1/agentes.ts

@@ -0,0 +1,141 @@
+import type { ModuloContenido } from './introduccion';
+
+export const agentes: ModuloContenido = {
+  titulo: 'Agentes Económicos',
+  contenido: [
+    {
+      titulo: 'Las Familias o Hogares',
+      contenido: `Las familias constituyen la unidad básica de consumo en la economía. Sus funciones principales son:
+
+**Como consumidores:**
+- Adquieren bienes y servicios para satisfacer sus necesidades
+- Toman decisiones sobre qué comprar, cuánto y a qué precio
+- Maximizan su utilidad (satisfacción) dado su presupuesto
+
+**Como oferentes de factores productivos:**
+- Proporcionan trabajo a cambio de salarios
+- Ofrecen capital (ahorros) a cambio de intereses
+- Entregan tierra/naturaleza a cambio de renta
+- Aportan habilidades empresariales a cambio de beneficios
+
+Las decisiones de las familias están influenciadas por sus ingresos, preferencias, precios y expectativas futuras.`
+    },
+    {
+      titulo: 'Las Empresas',
+      contenido: `Las empresas son las unidades productivas que transforman insumos en bienes y servicios. Sus características principales:
+
+**Funciones:**
+- Compran factores de producción (trabajo, capital, materias primas)
+- Organizan el proceso productivo
+- Venden bienes y servicios en los mercados
+
+**Objetivo principal:**
+Maximizar beneficios (diferencia entre ingresos y costos)
+
+**Clasificación por tamaño:**
+- Microempresas: menos de 10 trabajadores
+- Pequeñas empresas: 10-50 trabajadores
+- Medianas empresas: 50-250 trabajadores
+- Grandes empresas: más de 250 trabajadores
+
+**Clasificación por sector:**
+- Sector primario: extracción de recursos naturales
+- Sector secundario: industria y manufactura
+- Sector terciario: servicios`
+    },
+    {
+      titulo: 'El Estado o Gobierno',
+      contenido: `El Estado interviene en la economía para corregir fallas del mercado, redistribuir ingresos y estabilizar la economía:
+
+**Funciones económicas:**
+
+1. **Función rectora o reguladora:**
+   - Establece normas y leyes (ley de competencia, protección al consumidor)
+   - Regula sectores estratégicos
+   - Protege la propiedad intelectual
+
+2. **Función productiva:**
+   - Produce bienes y servicios públicos (educación, salud, defensa)
+   - Gestiona empresas públicas
+
+3. **Función redistributiva:**
+   - Recauda impuestos
+   - Transfiere recursos a quienes más lo necesitan
+   - Proporciona seguridad social
+
+4. **Función estabilizadora:**
+   - Política fiscal (gasto e impuestos)
+   - Política monetaria (a través del banco central)
+   - Control de inflación y desempleo`
+    },
+    {
+      titulo: 'El Sector Externo',
+      contenido: `El sector externo comprende todas las transacciones económicas con el resto del mundo:
+
+**Intercambios principales:**
+- **Exportaciones:** Bienes y servicios vendidos al exterior (generan entrada de divisas)
+- **Importaciones:** Bienes y servicios comprados del exterior (generan salida de divisas)
+
+**Agentes del sector externo:**
+- Empresas multinacionales
+- Inversionistas extranjeros
+- Turistas
+- Organismos internacionales (FMI, Banco Mundial)
+
+**Impacto económico:**
+- Aporta divisas necesarias para importaciones
+- Genera competencia para empresas locales
+- Transfiere tecnología y conocimiento
+- Crea empleo (zonas francas, exportaciones)
+
+**Balanza comercial:**
+- Superávit: Exportaciones > Importaciones
+- Déficit: Importaciones > Exportaciones`
+    },
+    {
+      titulo: 'El Flujo Circular de la Renta',
+      contenido: `El flujo circular de la renta es un modelo que muestra cómo interactúan los agentes económicos y cómo circulan bienes, servicios y dinero en la economía.
+
+**Flujos reales (bienes y servicios):**
+1. Familias → Empresas: Factores de producción (trabajo, capital, tierra)
+2. Empresas → Familias: Bienes y servicios para consumo
+
+**Flujos monetarios (dinero):**
+1. Empresas → Familias: Pagos por factores (salarios, rentas, intereses, beneficios)
+2. Familias → Empresas: Gasto en consumo
+
+**Inclusión del Estado:**
+- El Estado recauda impuestos de familias y empresas
+- El Estado gasta en bienes públicos y transferencias
+
+**Inclusión del sector externo:**
+- Exportaciones: Dinero entra al país
+- Importaciones: Dinero sale del país
+
+**Identidad macroeconómica básica:**
+Ingreso = Producción = Gasto`
+    }
+  ],
+  ejercicios: [
+    {
+      id: 'flujo-circular-juego',
+      tipo: 'juego',
+      titulo: 'Juego del Flujo Circular',
+      descripcion: 'Arrastra cada elemento a su lugar correcto en el diagrama del flujo circular de la renta',
+      config: {
+        agentes: ['Familias', 'Empresas', 'Estado', 'Sector Externo'],
+        flujos: [
+          { origen: 'Familias', destino: 'Empresas', tipo: 'factor', nombre: 'Trabajo' },
+          { origen: 'Empresas', destino: 'Familias', tipo: 'monetario', nombre: 'Salarios' },
+          { origen: 'Empresas', destino: 'Familias', tipo: 'real', nombre: 'Bienes' },
+          { origen: 'Familias', destino: 'Empresas', tipo: 'monetario', nombre: 'Consumo' },
+          { origen: 'Familias', destino: 'Estado', tipo: 'monetario', nombre: 'Impuestos' },
+          { origen: 'Estado', destino: 'Familias', tipo: 'monetario', nombre: 'Transferencias' }
+        ],
+        dificultad: 'intermedio'
+      }
+    }
+  ]
+};
+
+export default agentes;

frontend/src/content/modulo1/ejercicios.ts

@@ -0,0 +1,404 @@
+import type { Ejercicio } from './introduccion';
+
+export interface EjercicioDetallado extends Ejercicio {
+  instrucciones: string;
+  pistas?: string[];
+  solucion?: string;
+  dificultad: 'facil' | 'medio' | 'dificil';
+  duracionEstimada: number; // en minutos
+  objetivosAprendizaje: string[];
+}
+
+export interface ModuloEjercicios {
+  titulo: string;
+  descripcion: string;
+  ejercicios: EjercicioDetallado[];
+}
+
+export const ejercicios: ModuloEjercicios = {
+  titulo: 'Ejercicios Prácticos - Módulo 1',
+  descripcion: 'Pon a prueba tus conocimientos con estos ejercicios interactivos sobre fundamentos de economía',
+  ejercicios: [
+    {
+      id: 'simulador-disyuntivas',
+      tipo: 'slider',
+      titulo: 'Simulador de Disyuntivas Económicas',
+      descripcion: 'Explora cómo una economía debe elegir entre producir diferentes bienes con recursos limitados',
+      instrucciones: `En este ejercicio, juegas el rol de un planificador económico que debe decidir cómo asignar los recursos de una economía entre dos bienes: Alimentos y Tecnología.
+
+1. Usa los sliders para ajustar la producción de cada bien
+2. Observa cómo la frontera de posibilidades de producción (FPP) muestra tus opciones
+3. Identifica los costos de oportunidad de cada decisión
+4. Experimenta con diferentes combinaciones y encuentra la asignación más eficiente
+
+Recuerda: No puedes estar fuera de la frontera sin más recursos, y estar dentro significa ineficiencia.`,
+      dificultad: 'medio',
+      duracionEstimada: 15,
+      objetivosAprendizaje: [
+        'Comprender el concepto de escasez y elección',
+        'Visualizar la frontera de posibilidades de producción',
+        'Calcular costos de oportunidad',
+        'Identificar puntos eficientes, ineficientes e inalcanzables'
+      ],
+      config: {
+        escenario: {
+          titulo: 'Economía Agrícola-Tecnológica',
+          descripcion: 'Una economía con recursos limitados debe decidir entre producir alimentos (bien de primera necesidad) o bienes tecnológicos (computadoras, smartphones)',
+          bienA: {
+            nombre: 'Alimentos',
+            unidad: 'millones de toneladas',
+            maxProduccion: 100,
+            color: '#4CAF50'
+          },
+          bienB: {
+            nombre: 'Tecnología',
+            unidad: 'millones de unidades',
+            maxProduccion: 80,
+            color: '#2196F3'
+          }
+        },
+        parametros: {
+          mostrarFPP: true,
+          mostrarCostoOportunidad: true,
+          mostrarPuntoActual: true,
+          tipoCurva: 'concava', // refleja costos crecientes
+          puntosDesplazamiento: [
+            { causa: 'Mejora tecnológica en agricultura', efecto: 'fpp-externo-alimentos' },
+            { causa: 'Innovación tecnológica general', efecto: 'fpp-externo-ambos' }
+          ]
+        },
+        preguntasReflexion: [
+          '¿Qué representa la pendiente de la FPP?',
+          '¿Por qué la curva es cóncava y no una línea recta?',
+          '¿Qué pasaría si la economía está en un punto dentro de la FPP?',
+          '¿Cómo afectaría un terremoto a la FPP?'
+        ]
+      },
+      pistas: [
+        'El costo de oportunidad es lo que sacrificas de un bien para obtener más del otro',
+        'La FPP es cóncava porque los recursos no son perfectamente sustituibles entre sectores',
+        'Un punto sobre la FPP es eficiente; dentro es ineficiente; fuera es inalcanzable'
+      ],
+      solucion: `La FPP muestra que:
+1. Existe un trade-off: más alimentos significan menos tecnología y viceversa
+2. Los costos de oportunidad crecen conforme nos especializamos en un bien
+3. La eficiencia requiere estar sobre la frontera
+4. El crecimiento económico desplaza la FPP hacia afuera`
+    },
+    {
+      id: 'quiz-clasificacion-bienes',
+      tipo: 'quiz',
+      titulo: 'Quiz: Clasificación de Bienes y Servicios',
+      descripcion: 'Aprende a clasificar bienes según el comportamiento de la demanda ante cambios en el ingreso',
+      instrucciones: `Clasifica cada bien en la categoría correcta según cómo responde su demanda ante cambios en el ingreso de los consumidores:
+
+- **Bien Normal**: La demanda aumenta cuando aumenta el ingreso (ej: ropa de calidad, restaurantes)
+- **Bien Inferior**: La demanda disminuye cuando aumenta el ingreso (ej: fideos instantáneos, transporte público)
+- **Bien de Lujo**: La demanda aumenta más que proporcionalmente al ingreso (ej: joyas, autos deportivos)
+
+Lee cuidadosamente cada escenario y selecciona la respuesta correcta.`,
+      dificultad: 'facil',
+      duracionEstimada: 10,
+      objetivosAprendizaje: [
+        'Distinguir entre bienes normales, inferiores y de lujo',
+        'Comprender la elasticidad ingreso de la demanda',
+        'Analizar patrones de consumo según nivel de ingresos'
+      ],
+      config: {
+        modo: 'clasificacion-multiple',
+        preguntas: [
+          {
+            id: 'p1',
+            bien: 'Carne de primera calidad',
+            descripcion: 'Carne de res premium vendida en supermercados de alta gama',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien de lujo',
+            explicacionDetallada: 'La carne premium es considerada un bien de lujo porque cuando el ingreso aumenta significativamente, las familias aumentan su consumo de este tipo de carne sustituyendo carnes de menor calidad.',
+            categoriaElasticidad: 'Elasticidad ingreso > 1'
+          },
+          {
+            id: 'p2',
+            bien: 'Pan',
+            descripcion: 'Pan básico de consumo diario',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien normal',
+            explicacionDetallada: 'El pan es un bien normal porque su consumo aumenta moderadamente con el ingreso, aunque llega un punto donde se estabiliza (saturación).',
+            categoriaElasticidad: '0 < Elasticidad ingreso < 1'
+          },
+          {
+            id: 'p3',
+            bien: 'Transporte público (autobús)',
+            descripcion: 'Servicio de autobuses urbanos',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien inferior',
+            explicacionDetallada: 'El transporte público es un bien inferior porque cuando los ingresos aumentan, las personas tienden a comprar automóviles o usar taxis/Uber, reduciendo el uso del autobús.',
+            categoriaElasticidad: 'Elasticidad ingreso < 0'
+          },
+          {
+            id: 'p4',
+            bien: 'Fideos instantáneos',
+            descripcion: 'Comida rápida económica',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien inferior',
+            explicacionDetallada: 'Los fideos instantáneos son claramente un bien inferior. A medida que aumentan los ingresos, las personas prefieren alimentos más nutritivos y de mejor calidad.',
+            categoriaElasticidad: 'Elasticidad ingreso < 0'
+          },
+          {
+            id: 'p5',
+            bien: 'Vacaciones en el extranjero',
+            descripcion: 'Viajes turísticos internacionales',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien de lujo',
+            explicacionDetallada: 'Las vacaciones internacionales son un bien de lujo porque su consumo aumenta significativamente cuando el ingreso crece, incluso más que proporcionalmente.',
+            categoriaElasticidad: 'Elasticidad ingreso > 1'
+          },
+          {
+            id: 'p6',
+            bien: 'Ropa de marca',
+            descripcion: 'Vestimenta de diseñador',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien de lujo',
+            explicacionDetallada: 'La ropa de marca es un bien de lujo porque su demanda crece más rápido que el ingreso, especialmente en rangos de ingreso altos.',
+            categoriaElasticidad: 'Elasticidad ingreso > 1'
+          },
+          {
+            id: 'p7',
+            bien: 'Cine',
+            descripcion: 'Entradas a salas de cine',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien normal',
+            explicacionDetallada: 'El cine es un bien normal. Aunque con el auge del streaming podría debatirse, generalmente el consumo de entretenimiento aumenta con el ingreso de forma moderada.',
+            categoriaElasticidad: '0 < Elasticidad ingreso < 1'
+          },
+          {
+            id: 'p8',
+            bien: 'Productos de marca blanca',
+            descripcion: 'Productos genéricos de supermercado',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien inferior',
+            explicacionDetallada: 'Los productos de marca blanca son bienes inferiores porque son sustituidos por marcas reconocidas cuando el consumidor tiene mayores ingresos.',
+            categoriaElasticidad: 'Elasticidad ingreso < 0'
+          }
+        ],
+        configuracionVisual: {
+          mostrarBarraProgreso: true,
+          mostrarPuntaje: true,
+          retroalimentacionInmediata: true,
+          tiempoLimite: 600, // segundos
+          permitirReintentar: true
+        },
+        nivelesDificultad: {
+          facil: ['p2', 'p4', 'p7'],
+          medio: ['p3', 'p5', 'p8'],
+          dificil: ['p1', 'p6']
+        }
+      },
+      pistas: [
+        'Pregúntate: ¿Qué compraría una persona si ganara el doble de dinero?',
+        'Los bienes de lujo son aquellos que dejarías de comprar primero si perdieras tu empleo',
+        'Un bien inferior no significa que sea de mala calidad, sino que tiene sustitutos mejores cuando aumenta el ingreso'
+      ],
+      solucion: `Clasificación según elasticidad-ingreso:
+- Bien Inferior: Elasticidad < 0 (ej: transporte público, fideos)
+- Bien Normal: 0 < Elasticidad < 1 (ej: pan, cine)
+- Bien de Lujo: Elasticidad > 1 (ej: carne premium, vacaciones)`
+    },
+    {
+      id: 'juego-flujo-circular',
+      tipo: 'juego',
+      titulo: 'Juego: El Flujo Circular de la Renta',
+      descripcion: 'Coloca cada elemento en su lugar correcto dentro del modelo del flujo circular',
+      instrucciones: `Completa el diagrama del flujo circular de la renta arrastrando cada elemento a su posición correcta.
+
+El flujo circular muestra cómo interactúan los agentes económicos:
+
+**Agentes principales:**
+1. **Familias/Hogares**: Ofrecen factores productivos (trabajo, capital) y consumen bienes
+2. **Empresas**: Producen bienes/servicios y demandan factores productivos
+3. **Estado**: Recauda impuestos y realiza gastos públicos
+4. **Sector Externo**: Intercambia bienes y servicios con el exterior
+
+**Tipos de flujos:**
+- **Flujos reales** (flechas azules): Bienes, servicios, factores productivos
+- **Flujos monetarios** (flechas verdes): Dinero, pagos, transferencias
+
+Instrucciones:
+1. Observa los elementos en la parte inferior
+2. Arrastra cada uno al círculo correspondiente o a las flechas correctas
+3. Asegúrate de distinguir entre flujos reales y monetarios
+4. Completa todos los elementos para ganar`,
+      dificultad: 'dificil',
+      duracionEstimada: 20,
+      objetivosAprendizaje: [
+        'Comprender la interdependencia entre agentes económicos',
+        'Diferenciar entre flujos reales y monetarios',
+        'Identificar los pagos correspondientes a cada factor productivo',
+        'Entender el papel del Estado y el sector externo'
+      ],
+      config: {
+        tipoJuego: 'drag-and-drop',
+        diagrama: {
+          agentes: [
+            {
+              id: 'familias',
+              nombre: 'FAMILIAS',
+              posicion: 'izquierda',
+              icono: '👨‍👩‍👧‍👦',
+              color: '#4CAF50'
+            },
+            {
+              id: 'empresas',
+              nombre: 'EMPRESAS',
+              posicion: 'derecha',
+              icono: '🏭',
+              color: '#2196F3'
+            },
+            {
+              id: 'estado',
+              nombre: 'ESTADO',
+              posicion: 'arriba',
+              icono: '🏛️',
+              color: '#FF9800'
+            },
+            {
+              id: 'sector-externo',
+              nombre: 'SECTOR EXTERNO',
+              posicion: 'abajo',
+              icono: '🌍',
+              color: '#9C27B0'
+            }
+          ],
+          flujos: [
+            // Flujo real superior (Familias → Empresas)
+            {
+              id: 'flujo1',
+              origen: 'familias',
+              destino: 'empresas',
+              tipo: 'real',
+              elementosCorrectos: ['trabajo', 'tierra', 'capital']
+            },
+            // Flujo monetario superior (Empresas → Familias)
+            {
+              id: 'flujo2',
+              origen: 'empresas',
+              destino: 'familias',
+              tipo: 'monetario',
+              elementosCorrectos: ['salarios', 'renta', 'intereses']
+            },
+            // Flujo real inferior (Empresas → Familias)
+            {
+              id: 'flujo3',
+              origen: 'empresas',
+              destino: 'familias',
+              tipo: 'real',
+              elementosCorrectos: ['bienes', 'servicios']
+            },
+            // Flujo monetario inferior (Familias → Empresas)
+            {
+              id: 'flujo4',
+              origen: 'familias',
+              destino: 'empresas',
+              tipo: 'monetario',
+              elementosCorrectos: ['gasto', 'consumo']
+            },
+            // Flujos del Estado
+            {
+              id: 'flujo5',
+              origen: 'familias',
+              destino: 'estado',
+              tipo: 'monetario',
+              elementosCorrectos: ['impuestos', 'impuestos-directos']
+            },
+            {
+              id: 'flujo6',
+              origen: 'estado',
+              destino: 'familias',
+              tipo: 'monetario',
+              elementosCorrectos: ['transferencias', 'subsidios']
+            },
+            {
+              id: 'flujo7',
+              origen: 'estado',
+              destino: 'empresas',
+              tipo: 'monetario',
+              elementosCorrectos: ['gasto-publico', 'compras-estado']
+            }
+          ],
+          elementosArrastrables: [
+            { id: 'trabajo', texto: '💪 Trabajo', tipo: 'real', categoria: 'factor' },
+            { id: 'tierra', texto: '🌾 Tierra', tipo: 'real', categoria: 'factor' },
+            { id: 'capital', texto: '💰 Capital', tipo: 'real', categoria: 'factor' },
+            { id: 'salarios', texto: '💵 Salarios', tipo: 'monetario', categoria: 'pago' },
+            { id: 'renta', texto: '🏠 Renta', tipo: 'monetario', categoria: 'pago' },
+            { id: 'intereses', texto: '📈 Intereses', tipo: 'monetario', categoria: 'pago' },
+            { id: 'bienes', texto: '📦 Bienes', tipo: 'real', categoria: 'producto' },
+            { id: 'servicios', texto: '🔧 Servicios', tipo: 'real', categoria: 'producto' },
+            { id: 'gasto', texto: '💳 Gasto', tipo: 'monetario', categoria: 'pago' },
+            { id: 'consumo', texto: '🛒 Consumo', tipo: 'monetario', categoria: 'pago' },
+            { id: 'impuestos', texto: '📝 Impuestos', tipo: 'monetario', categoria: 'pago-estado' },
+            { id: 'impuestos-directos', texto: '📋 Imp. Directos', tipo: 'monetario', categoria: 'pago-estado' },
+            { id: 'transferencias', texto: '🎁 Transferencias', tipo: 'monetario', categoria: 'transferencia' },
+            { id: 'subsidios', texto: '💸 Subsidios', tipo: 'monetario', categoria: 'transferencia' },
+            { id: 'gasto-publico', texto: '🏗️ Gasto Público', tipo: 'monetario', categoria: 'gobierno' },
+            { id: 'compras-estado', texto: '🛍️ Compras Estado', tipo: 'monetario', categoria: 'gobierno' }
+          ]
+        },
+        niveles: [
+          {
+            nombre: 'Básico',
+            descripcion: 'Solo Familias y Empresas',
+            agentesActivos: ['familias', 'empresas'],
+            elementosDisponibles: ['trabajo', 'salarios', 'bienes', 'gasto', 'servicios', 'consumo'],
+            ayudaMaxima: true
+          },
+          {
+            nombre: 'Intermedio',
+            descripcion: 'Incluye al Estado',
+            agentesActivos: ['familias', 'empresas', 'estado'],
+            elementosDisponibles: ['trabajo', 'tierra', 'capital', 'salarios', 'renta', 'intereses', 'bienes', 'servicios', 'gasto', 'consumo', 'impuestos', 'transferencias', 'gasto-publico'],
+            ayudaMaxima: false
+          },
+          {
+            nombre: 'Avanzado',
+            descripcion: 'Todos los agentes incluyendo Sector Externo',
+            agentesActivos: ['familias', 'empresas', 'estado', 'sector-externo'],
+            elementosDisponibles: 'todos',
+            incluirExportacionesImportaciones: true,
+            ayudaMaxima: false
+          }
+        ],
+        sistemaPuntuacion: {
+          acierto: 10,
+          error: -2,
+          bonusCompletitud: 50,
+          tiempoBonus: true
+        }
+      },
+      pistas: [
+        'Las familias venden sus factores productivos (trabajo, tierra, capital) a las empresas',
+        'Las empresas pagan salarios por trabajo, renta por tierra e intereses por capital',
+        'Las familias gastan dinero para comprar bienes y servicios de las empresas',
+        'El Estado recauda impuestos y redistribuye mediante transferencias y gasto público',
+        'Distingue flujos reales (cosas físicas) de flujos monetarios (dinero)'
+      ],
+      solucion: `El flujo circular completo:
+
+**Flujos reales:**
+- Familias → Empresas: Trabajo, tierra, capital (factores productivos)
+- Empresas → Familias: Bienes y servicios
+
+**Flujos monetarios:**
+- Empresas → Familias: Salarios, renta, intereses (pagos por factores)
+- Familias → Empresas: Gasto de consumo
+- Familias → Estado: Impuestos
+- Estado → Familias/Empresas: Transferencias y gasto público`
+    }
+  ]
+};
+
+// Exportar también los ejercicios individuales para facilitar importaciones selectivas
+export const ejercicioDisyuntivas = ejercicios.ejercicios[0];
+export const ejercicioClasificacion = ejercicios.ejercicios[1];
+export const ejercicioFlujoCircular = ejercicios.ejercicios[2];
+
+export default ejercicios;

frontend/src/content/modulo1/factores.ts

@@ -0,0 +1,192 @@
+import type { ModuloContenido } from './introduccion';
+
+export const factores: ModuloContenido = {
+  titulo: 'Factores de Producción',
+  contenido: [
+    {
+      titulo: 'La Tierra (Recursos Naturales)',
+      contenido: `La tierra como factor de producción incluye todos los recursos naturales proporcionados por la naturaleza:
+
+**Características:**
+- Tierra en sentido estricto (superficie territorial)
+- Recursos minerales (petróleo, gas, minerales metálicos)
+- Recursos hídricos (ríos, lagos, aguas subterráneas)
+- Recursos forestales (madera, productos forestales)
+- Recursos marinos (pesca)
+- Recursos energéticos naturales (radiación solar, eólica)
+
+**Remuneración:**
+El factor tierra recibe la **renta** o **renta de la tierra** como pago por su uso.
+
+**Importancia económica:**
+- Los recursos naturales son la base de muchas industrias
+- Países ricos en recursos naturales tienen ventajas comparativas
+- La explotación sostenible garantiza recursos para futuras generaciones
+- El agotamiento de recursos no renovables crea presión sobre la economía`
+    },
+    {
+      titulo: 'El Trabajo (Factor Humano)',
+      contenido: `El trabajo es el esfuerzo humano (físico y mental) aplicado a la producción de bienes y servicios:
+
+**Clasificación del trabajo:**
+
+**Por cualificación:**
+- Trabajo no calificado: no requiere formación especial
+- Trabajo semi-calificado: requiere entrenamiento básico
+- Trabajo calificado: requiere educación especializada
+- Trabajo altamente calificado: profesionales, técnicos especializados
+
+**Por sector:**
+- Trabajo primario: agricultura, pesca, minería
+- Trabajo secundario: industria, manufactura, construcción
+- Trabajo terciario: servicios, comercio, administración
+
+**Remuneración:**
+El trabajo recibe el **salario** como pago (puede ser por hora, pieza o mensualidad).
+
+**Características del mercado laboral:**
+- Oferta de trabajo: personas dispuestas a trabajar
+- Demanda de trabajo: empresas que necesitan contratar
+- Desempleo: diferencia entre oferta y demanda efectiva`
+    },
+    {
+      titulo: 'El Capital',
+      contenido: `El capital son los bienes de producción creados por el ser humano para producir otros bienes y servicios:
+
+**Tipos de capital:**
+
+**1. Capital físico o tangible:**
+- Maquinaria y equipos
+- Edificios e instalaciones
+- Herramientas y vehículos
+- Infraestructura (carreteras, puertos, redes)
+
+**2. Capital financiero:**
+- Dinero disponible para inversión
+- Créditos y préstamos
+- Acciones y bonos
+
+**3. Capital humano:**
+- Educación y formación de los trabajadores
+- Experiencia y habilidades
+- Salud de la población
+
+**Formación de capital:**
+El capital se forma mediante el **ahorro** e **inversión**. El ahorro diferido del consumo actual permite invertir en bienes de capital que aumentarán la producción futura.
+
+**Remuneración:**
+El capital recibe el **interés** como pago por su uso.
+
+**Importancia:**
+El capital aumenta la productividad del trabajo, permitiendo producir más con menos esfuerzo.`
+    },
+    {
+      titulo: 'Tecnología y Emprendimiento',
+      contenido: `Además de los tres factores clásicos, la economía moderna reconoce dos factores adicionales fundamentales:
+
+**Tecnología:**
+Es el conocimiento aplicado a la producción. No es solo máquinas, sino el "saber hacer":
+
+- Procesos productivos más eficientes
+- Innovaciones en productos y servicios
+- Software y sistemas de información
+- Metodologías de organización
+
+**Impacto de la tecnología:**
+- Aumenta la productividad total de los factores
+- Reduce costos de producción
+- Crea nuevos productos y mercados
+- Transforma industrias enteras (disrupción digital)
+
+**Emprendimiento:**
+Es la capacidad de organizar y coordinar los otros factores de producción para crear valor:
+
+**Funciones del empresario:**
+- Identificar oportunidades de negocio
+- Asumir riesgos económicos
+- Innovar (nuevos productos, métodos, mercados)
+- Tomar decisiones estratégicas
+- Organizar los factores productivos
+
+**Remuneración:**
+El empresario recibe los **beneficios** (o pérdidas) como resultado de su actividad.
+
+**Diferencia entre empresario y capitalista:**
+- El capitalista aporta capital y recibe intereses
+- El empresario organiza la producción y recibe beneficios (que incluyen compensación por su trabajo, riesgo asumido y habilidad empresarial)`
+    },
+    {
+      titulo: 'Productividad y Eficiencia',
+      contenido: `La combinación de factores de producción debe hacerse buscando la máxima eficiencia:
+
+**Productividad:**
+Relación entre la producción obtenida y los recursos utilizados:
+
+Productividad = Producción / Factores utilizados
+
+**Tipos de productividad:**
+- Productividad del trabajo: producción por hora trabajada
+- Productividad del capital: producción por unidad de capital
+- Productividad total de los factores: eficiencia global
+
+**Eficiencia técnica vs económica:**
+
+**Eficiencia técnica:**
+Producir la máxima cantidad posible con los recursos disponibles (no desperdiciar inputs).
+
+**Eficiencia económica:**
+Producir al menor costo posible, considerando los precios de los factores.
+
+**Retornos a escala:**
+- Crecientes: duplicar factores más que duplica la producción
+- Constantes: duplicar factores duplica exactamente la producción
+- Decrecientes: duplicar factores aumenta menos que el doble la producción`
+    }
+  ],
+  ejercicios: [
+    {
+      id: 'quiz-bienes',
+      tipo: 'quiz',
+      titulo: 'Quiz de Clasificación de Bienes',
+      descripcion: 'Clasifica los siguientes bies según su tipo: normal, inferior o de lujo',
+      config: {
+        preguntas: [
+          {
+            bien: 'Un automóvil de lujo',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien de lujo',
+            explicacion: 'Los automóviles de lujo aumentan su demanda cuando aumenta el ingreso más que proporcionalmente'
+          },
+          {
+            bien: 'Transporte público',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien inferior',
+            explicacion: 'Cuando los ingresos aumentan, las personas tienden a sustituir el transporte público por automóviles privados'
+          },
+          {
+            bien: 'Pan',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien normal',
+            explicacion: 'El pan es un bien básico cuya demanda aumenta moderadamente con el ingreso'
+          },
+          {
+            bien: 'Un yate',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien de lujo',
+            explicacion: 'Los yates son bienes exclusivos que solo son accesibles con altos ingresos'
+          },
+          {
+            bien: 'Productos de marca genérica',
+            opciones: ['Bien normal', 'Bien inferior', 'Bien de lujo'],
+            respuestaCorrecta: 'Bien inferior',
+            explicacion: 'Las marcas genéricas son sustituidas por marcas premium cuando aumentan los ingresos'
+          }
+        ],
+        tiempoLimite: 300,
+        mostrarRetroalimentacion: true
+      }
+    }
+  ]
+};
+
+export default factores;

frontend/src/content/modulo1/index.ts

@@ -0,0 +1,65 @@
+/**
+ * Módulo 1: Fundamentos de Economía
+ *
+ * Este módulo cubre los conceptos básicos de economía, incluyendo:
+ * - Definición y ramas de la economía
+ * - Agentes económicos y su interacción
+ * - Factores de producción
+ * - Frontera de posibilidades de producción
+ * - Flujo circular de la renta
+ */
+
+// Importar valores para uso local
+import { introduccion } from './introduccion';
+import modulo1Introduccion from './introduccion';
+import { agentes } from './agentes';
+import modulo1Agentes from './agentes';
+import { factores } from './factores';
+import modulo1Factores from './factores';
+import {
+  ejercicios,
+  ejercicioDisyuntivas,
+  ejercicioClasificacion,
+  ejercicioFlujoCircular
+} from './ejercicios';
+import modulo1Ejercicios from './ejercicios';
+
+// Importar tipos para reexportar
+import type {
+  EjercicioDetallado,
+  ModuloEjercicios
+} from './ejercicios';
+
+// Reexportar tipos
+export type {
+  EjercicioDetallado,
+  ModuloEjercicios
+};
+
+// Exportar todo el módulo como un objeto consolidado
+export const modulo1 = {
+  id: 'modulo-1',
+  titulo: 'Fundamentos de Economía',
+  descripcion: 'Introducción a los conceptos básicos de economía, agentes económicos, factores de producción y análisis de disyuntivas.',
+  duracionEstimada: '4-5 horas',
+  temas: [
+    introduccion,
+    agentes,
+    factores
+  ],
+  ejercicios: ejercicios.ejercicios
+};
+
+// Reexportar contenidos para compatibilidad
+export { introduccion, modulo1Introduccion };
+export { agentes, modulo1Agentes };
+export { factores, modulo1Factores };
+export {
+  ejercicios,
+  ejercicioDisyuntivas,
+  ejercicioClasificacion,
+  ejercicioFlujoCircular,
+  modulo1Ejercicios
+};
+
+export default modulo1;

frontend/src/content/modulo1/introduccion.ts

@@ -0,0 +1,81 @@
+export interface Seccion {
+  titulo: string;
+  contenido: string;
+}
+
+export interface Ejercicio {
+  id: string;
+  tipo: 'slider' | 'quiz' | 'juego';
+  titulo: string;
+  descripcion: string;
+  config: Record<string, unknown>;
+}
+
+export interface ModuloContenido {
+  titulo: string;
+  contenido: Seccion[];
+  ejercicios: Ejercicio[];
+}
+
+export const introduccion: ModuloContenido = {
+  titulo: 'Introducción a la Economía',
+  contenido: [
+    {
+      titulo: '¿Qué es la Economía?',
+      contenido: `La economía es la ciencia social que estudia cómo los individuos, empresas y gobiernos toman decisiones sobre la asignación de recursos escasos para satisfacer necesidades ilimitadas. El término proviene del griego "oikonomia" (gestión del hogar).
+
+Los recursos disponibles (tierra, trabajo, capital) son limitados, mientras que las necesidades humanas son infinitas. Esta tensión entre lo que queremos y lo que podemos obtener constituye el problema fundamental de la economía.`
+    },
+    {
+      titulo: 'Microeconomía vs Macroeconomía',
+      contenido: `La economía se divide en dos grandes ramas:
+
+**Microeconomía**: Estudia el comportamiento de agentes económicos individuales (hogares, empresas, mercados específicos). Analiza decisiones como: ¿Cuánto producirá una empresa? ¿Qué cantidad comprará un consumidor? ¿Cómo se determina el precio de un bien?
+
+**Macroeconomía**: Examina el funcionamiento de la economía en su conjunto. Estudia variables agregadas como el Producto Interno Bruto (PIB), la inflación, el desempleo y el crecimiento económico. Busca entender los ciclos económicos y las políticas para estabilizar la economía.`
+    },
+    {
+      titulo: 'Las Tres Preguntas Fundamentales',
+      contenido: `Toda sociedad debe responder tres preguntas económicas básicas:
+
+1. **¿Qué producir?**: Determinar qué bienes y servicios se fabricarán dados los recursos limitados. ¿Más comida o más ropa? ¿Más hospitales o más escuelas?
+
+2. **¿Cómo producir?**: Elegir la combinación de factores de producción más eficiente. ¿Usar más trabajo manual o más maquinaria? ¿Tecnología intensiva o labor intensiva?
+
+3. **¿Para quién producir?**: Distribuir los bienes y servicios entre la población. ¿Quién recibe qué? ¿Basado en la capacidad de pago o en la necesidad?`
+    },
+    {
+      titulo: 'La Frontera de Posibilidades de Producción (FPP)',
+      contenido: `La Frontera de Posibilidades de Producción (o Curva de Transformación) representa gráficamente las combinaciones máximas de dos bienes que una economía puede producir utilizando todos sus recursos y tecnología disponibles de manera eficiente.
+
+**Características importantes:**
+- **Pendiente negativa**: Para producir más de un bien, debemos sacrificar algo del otro (costo de oportunidad)
+- **Forma cóncava**: Los costos de oportunidad crecientes reflejan que los recursos no son perfectamente adaptables
+- **Puntos sobre la curva**: Producción eficiente (todos los recursos utilizados)
+- **Puntos dentro de la curva**: Ineficiencia o desempleo de recursos
+- **Puntos fuera de la curva**: Inalcanzables con los recursos actuales
+
+**Desplazamientos de la FPP:**
+- Hacia afuera: Crecimiento económico (más recursos o mejor tecnología)
+- Hacia adentro: Destrucción de recursos o regresión tecnológica`
+    }
+  ],
+  ejercicios: [
+    {
+      id: 'fpp-simulador',
+      tipo: 'slider',
+      titulo: 'Simulador de Disyuntivas',
+      descripcion: 'Ajusta los sliders para ver cómo la producción de dos bienes compite por recursos limitados',
+      config: {
+        bienes: [
+          { nombre: 'Bien de Consumo', max: 100 },
+          { nombre: 'Bien de Capital', max: 100 }
+        ],
+        mostrarCostoOportunidad: true,
+        mostrarFPP: true
+      }
+    }
+  ]
+};
+
+export default introduccion;

frontend/src/content/modulo2/demanda.ts

@@ -0,0 +1,369 @@
+/**
+ * Módulo 2: Ley de la Demanda
+ * 
+ * Este módulo cubre los fundamentos de la demanda en economía,
+ * incluyendo la ley de la demanda, factores determinantes y
+ * tipos de curvas de demanda.
+ */
+
+// ============================================
+// TIPOS Y ENUMERACIONES
+// ============================================
+
+export type TipoBien = 'normal' | 'inferior' | 'lujo' | 'necesidad';
+
+export type TipoRelacionPrecio = 'sustituto' | 'complementario' | 'independiente';
+
+export enum DireccionDesplazamiento {
+  IZQUIERDA = 'izquierda',  // Disminución de demanda
+  DERECHA = 'derecha',      // Aumento de demanda
+  NINGUNO = 'ninguno'       // Sin cambio
+}
+
+// ============================================
+// INTERFACES
+// ============================================
+
+export interface PuntoDemanda {
+  precio: number;
+  cantidad: number;
+}
+
+export interface CurvaDemanda {
+  id: string;
+  nombre: string;
+  puntos: PuntoDemanda[];
+  descripcion: string;
+}
+
+export interface FactorDesplazamiento {
+  nombre: string;
+  descripcion: string;
+  direccion: DireccionDesplazamiento;
+  ejemplo: string;
+  icono: string;
+}
+
+export interface EjemploDemanda {
+  titulo: string;
+  bien: string;
+  escenario: string;
+  explicacion: string;
+  graficoData: PuntoDemanda[];
+}
+
+// ============================================
+// CONTENIDO TEÓRICO
+// ============================================
+
+export const definicionDemanda = {
+  titulo: 'Definición de Demanda',
+  definicion: 'La demanda es la cantidad de un bien o servicio que los consumidores están dispuestos y pueden comprar a diferentes precios durante un período específico, manteniendo constantes otros factores (ceteris paribus).',
+  
+  elementosClave: [
+    {
+      elemento: 'Disposición a comprar',
+      descripcion: 'El consumidor debe querer adquirir el bien (preferencia)'
+    },
+    {
+      elemento: 'Capacidad de compra',
+      descripcion: 'El consumidor debe tener los recursos necesarios (ingreso)'
+    },
+    {
+      elemento: 'Precios variables',
+      descripcion: 'Se analiza la relación a diferentes niveles de precio'
+    },
+    {
+      elemento: 'Período de tiempo',
+      descripcion: 'La demanda siempre se refiere a un período específico'
+    }
+  ],
+  
+  diferenciaDeseo: {
+    deseo: 'Quiero un auto de lujo (sin capacidad de compra)',
+    demanda: 'Puedo y quiero comprar 2 litros de leche semanales a $2 cada uno'
+  }
+};
+
+export const leyDemanda = {
+  titulo: 'Ley de la Demanda',
+  
+  enunciado: 'Existe una relación inversa entre el precio de un bien y la cantidad demandada: cuando el precio aumenta, la cantidad demandada disminuye, y viceversa.',
+  
+  explicacion: 'Esta relación inversa ocurre por dos efectos principales:',
+  
+  efectos: [
+    {
+      nombre: 'Efecto Sustitución',
+      descripcion: 'Cuando el precio de un bien aumenta, los consumidores sustituyen hacia bienes alternativos más baratos que satisfacen necesidades similares.',
+      ejemplo: 'Si el precio de la carne de res sube, los consumidores compran más pollo o pescado.'
+    },
+    {
+      nombre: 'Efecto Ingreso',
+      descripcion: 'Cuando el precio aumenta, el poder adquisitivo real del consumidor disminuye, permitiéndole comprar menos cantidad del bien.',
+      ejemplo: 'Si el precio de la gasolina sube, con el mismo presupuesto puedo comprar menos litros.'
+    }
+  ],
+  
+  representacionMatematica: {
+    funcion: 'Qd = f(P)',
+    donde: {
+      Qd: 'Cantidad demandada',
+      P: 'Precio del bien',
+      f: 'Función decreciente (pendiente negativa)'
+    },
+    ejemploLineal: 'Qd = 100 - 2P',
+    interpretacion: 'Por cada aumento de $1 en el precio, la cantidad demandada disminuye en 2 unidades.'
+  }
+};
+
+// ============================================
+// FACTORES QUE DESPLAZAN LA CURVA DE DEMANDA
+// ============================================
+
+export const factoresDesplazamiento: FactorDesplazamiento[] = [
+  {
+    nombre: 'Ingreso del consumidor',
+    descripcion: 'Cambios en el ingreso disponible de los consumidores',
+    direccion: DireccionDesplazamiento.DERECHA,
+    ejemplo: 'Un aumento de sueldo permite comprar más restaurantes (bien normal) o menos fideos instantáneos (bien inferior)',
+    icono: '💰'
+  },
+  {
+    nombre: 'Gustos y preferencias',
+    descripcion: 'Cambios en los gustos de los consumidores por modas, publicidad o información',
+    direccion: DireccionDesplazamiento.DERECHA,
+    ejemplo: 'Una campaña de salud que promueve el consumo de agua aumenta la demanda de botellas',
+    icono: '❤️'
+  },
+  {
+    nombre: 'Precio de bienes relacionados',
+    descripcion: 'Cambios en el precio de sustitutos o complementarios',
+    direccion: DireccionDesplazamiento.DERECHA,
+    ejemplo: 'Si sube el precio del café, aumenta la demanda de té (sustituto)',
+    icono: '🔗'
+  },
+  {
+    nombre: 'Expectativas futuras',
+    descripcion: 'Expectativas sobre precios, ingresos o disponibilidad futura',
+    direccion: DireccionDesplazamiento.DERECHA,
+    ejemplo: 'Si se espera que suba el precio de la vivienda, la demanda actual aumenta',
+    icono: '🔮'
+  },
+  {
+    nombre: 'Número de compradores',
+    descripcion: 'Cambios en la población o demografía del mercado',
+    direccion: DireccionDesplazamiento.DERECHA,
+    ejemplo: 'Llegada de turistas aumenta la demanda de hospedaje en temporada alta',
+    icono: '👥'
+  }
+];
+
+export const tiposBienesDemanda = {
+  bienNormal: {
+    nombre: 'Bien Normal',
+    definicion: 'Demanda aumenta cuando aumenta el ingreso',
+    relacionIngreso: 'Directa',
+    ejemplos: ['Ropa de marca', 'Restaurantes', 'Viajes', 'Electrónicos'],
+    elasticidadIngreso: 'E_Y > 0'
+  },
+  
+  bienInferior: {
+    nombre: 'Bien Inferior',
+    definicion: 'Demanda disminuye cuando aumenta el ingreso',
+    relacionIngreso: 'Inversa',
+    ejemplos: ['Fideos instantáneos', 'Transporte público', 'Marcas genéricas', 'Comida rápida económica'],
+    elasticidadIngreso: 'E_Y < 0'
+  },
+  
+  bienLujo: {
+    nombre: 'Bien de Lujo',
+    definicion: 'Demanda aumenta proporcionalmente más que el ingreso',
+    relacionIngreso: 'Directa (elástica)',
+    ejemplos: ['Yates', 'Joyería', 'Autos deportivos', 'Viajes en primera clase'],
+    elasticidadIngreso: 'E_Y > 1'
+  },
+  
+  bienNecesidad: {
+    nombre: 'Bien de Necesidad',
+    definicion: 'Demanda aumenta menos proporcionalmente que el ingreso',
+    relacionIngreso: 'Directa (inelástica)',
+    ejemplos: ['Sal', 'Agua', 'Pan básico', 'Medicinas esenciales'],
+    elasticidadIngreso: '0 < E_Y < 1'
+  }
+};
+
+export const bienesRelacionados = {
+  sustitutos: {
+    nombre: 'Bienes Sustitutos',
+    definicion: 'Bienes que pueden reemplazarse mutuamente para satisfacer la misma necesidad',
+    relacionPrecio: 'Directa: si sube el precio de A, aumenta la demanda de B',
+    coeficiente: 'E_AB > 0',
+    ejemplos: [
+      { bienA: 'Coca-Cola', bienB: 'Pepsi' },
+      { bienA: 'Mantequilla', bienB: 'Margarina' },
+      { bienA: 'Carne de res', bienB: 'Pollo' }
+    ]
+  },
+  
+  complementarios: {
+    nombre: 'Bienes Complementarios',
+    definicion: 'Bienes que se consumen juntos para mayor satisfacción',
+    relacionPrecio: 'Inversa: si sube el precio de A, disminuye la demanda de B',
+    coeficiente: 'E_AB < 0',
+    ejemplos: [
+      { bienA: 'Autos', bienB: 'Gasolina' },
+      { bienA: 'Café', bienB: 'Azúcar' },
+      { bienA: 'Impresora', bienB: 'Tinta' }
+    ]
+  }
+};
+
+// ============================================
+// CURVAS DE DEMANDA
+// ============================================
+
+export const curvaDemandaIndividual: CurvaDemanda = {
+  id: 'demanda-individual',
+  nombre: 'Curva de Demanda Individual',
+  descripcion: 'Muestra la relación entre precio y cantidad demandada por un solo consumidor',
+  puntos: [
+    { precio: 10, cantidad: 1 },
+    { precio: 8, cantidad: 3 },
+    { precio: 6, cantidad: 5 },
+    { precio: 4, cantidad: 7 },
+    { precio: 2, cantidad: 9 }
+  ]
+};
+
+export const curvaDemandaMercado: CurvaDemanda = {
+  id: 'demanda-mercado',
+  nombre: 'Curva de Demanda de Mercado',
+  descripcion: 'Suma horizontal de todas las demandas individuales en el mercado',
+  puntos: [
+    { precio: 10, cantidad: 100 },
+    { precio: 8, cantidad: 300 },
+    { precio: 6, cantidad: 500 },
+    { precio: 4, cantidad: 700 },
+    { precio: 2, cantidad: 900 }
+  ]
+};
+
+// ============================================
+// EJEMPLOS PRÁCTICOS
+// ============================================
+
+export const ejemplosDemanda: EjemploDemanda[] = [
+  {
+    titulo: 'Demanda de Entradas de Cine',
+    bien: 'Entradas de cine',
+    escenario: 'El cine reduce sus precios de $12 a $8 durante los martes',
+    explicacion: 'Según la ley de la demanda, al disminuir el precio, más personas asistirán al cine. La cantidad demandada aumenta moviéndonos a lo largo de la curva.',
+    graficoData: [
+      { precio: 12, cantidad: 100 },
+      { precio: 10, cantidad: 150 },
+      { precio: 8, cantidad: 220 },
+      { precio: 6, cantidad: 300 },
+      { precio: 4, cantidad: 400 }
+    ]
+  },
+  {
+    titulo: 'Efecto de Ingreso en Restaurant',
+    bien: 'Comida en restaurantes',
+    escenario: 'Los habitantes de una ciudad reciben un aumento salarial del 20%',
+    explicacion: 'Los restaurantes son un bien normal. Al aumentar el ingreso, la demanda se desplaza a la derecha: a cada precio, se demanda más cantidad.',
+    graficoData: [
+      { precio: 50, cantidad: 200 },
+      { precio: 40, cantidad: 300 },
+      { precio: 30, cantidad: 450 },
+      { precio: 20, cantidad: 600 },
+      { precio: 10, cantidad: 800 }
+    ]
+  },
+  {
+    titulo: 'Sustitutos: Café vs Té',
+    bien: 'Té',
+    escenario: 'Una sequía en Brasil aumenta el precio del café en un 50%',
+    explicacion: 'Como café y té son sustitutos, al subir el precio del café, la demanda de té se desplaza a la derecha. Más consumidores optarán por té.',
+    graficoData: [
+      { precio: 5, cantidad: 100 },
+      { precio: 4, cantidad: 180 },
+      { precio: 3, cantidad: 280 },
+      { precio: 2, cantidad: 400 },
+      { precio: 1, cantidad: 550 }
+    ]
+  }
+];
+
+// ============================================
+// MOVIMIENTO VS DESPLAZAMIENTO
+// ============================================
+
+export const diferenciaMovimientoDesplazamiento = {
+  titulo: 'Movimiento a lo largo vs Desplazamiento de la curva',
+  
+  movimiento: {
+    nombre: 'Movimiento a lo largo de la curva',
+    causa: 'Cambio en el precio del propio bien',
+    efecto: 'Cambio en la cantidad demandada (no en la demanda)',
+    direccion: 'Subida o bajada por la misma curva',
+    ejemplo: 'El precio del pan sube de $2 a $3 → compramos menos pan'
+  },
+  
+  desplazamiento: {
+    nombre: 'Desplazamiento de la curva',
+    causa: 'Cambio en factores distintos al precio (ingreso, gustos, precios relacionados)',
+    efecto: 'Cambio en la demanda (toda la curva se mueve)',
+    direccionDerecha: 'Aumento de demanda (más cantidad a cada precio)',
+    direccionIzquierda: 'Disminución de demanda (menos cantidad a cada precio)',
+    ejemplo: 'Aumento de ingreso → compramos más restaurantes a todos los precios'
+  },
+  
+  tablaComparativa: [
+    { concepto: 'Causa', movimiento: 'Precio del bien cambia', desplazamiento: 'Otros factores cambian' },
+    { concepto: 'Gráfico', movimiento: 'Nos movemos sobre la curva', desplazamiento: 'Curva se desplaza' },
+    { concepto: 'Terminología', movimiento: 'Cambio en cantidad demandada', desplazamiento: 'Cambio en demanda' },
+    { concepto: 'Ejemplo', movimiento: 'Precio de manzanas ↓', desplazamiento: 'Ingreso ↑ (bien normal)' }
+  ]
+};
+
+// ============================================
+// RESUMEN Y PUNTOS CLAVE
+// ============================================
+
+export const resumenDemanda = {
+  titulo: 'Resumen: Demanda',
+  
+  puntosClave: [
+    'La demanda requiere disposición Y capacidad de comprar',
+    'La ley de la demanda establece relación inversa precio-cantidad',
+    'La curva de demanda tiene pendiente negativa',
+    'El desplazamiento de la curva es causado por factores no-precio',
+    'Los bienes normales tienen demanda directa con el ingreso',
+    'Los bienes inferiores tienen demanda inversa con el ingreso',
+    'Sustitutos: precio de A ↑ → demanda de B ↑',
+    'Complementarios: precio de A ↑ → demanda de B ↓'
+  ],
+  
+  formulaRecordatorio: {
+    leyDemanda: 'P ↑ → Qd ↓ (ceteris paribus)',
+    demandaMercado: 'Qd_mercado = Σ Qd_individuales',
+    elasticidadPrecio: 'Ed = (%ΔQd) / (%ΔP) < 0'
+  }
+};
+
+// Exportación por defecto para facilitar importaciones
+export default {
+  definicion: definicionDemanda,
+  ley: leyDemanda,
+  factores: factoresDesplazamiento,
+  tiposBienes: tiposBienesDemanda,
+  bienesRelacionados,
+  curvas: {
+    individual: curvaDemandaIndividual,
+    mercado: curvaDemandaMercado
+  },
+  ejemplos: ejemplosDemanda,
+  diferencia: diferenciaMovimientoDesplazamiento,
+  resumen: resumenDemanda
+};

frontend/src/content/modulo2/ejercicios.ts

@@ -0,0 +1,855 @@
+/**
+ * Módulo 2: Ejercicios Interactivos
+ * 
+ * Este módulo contiene la estructura de ejercicios para practicar
+ * los conceptos de oferta, demanda y equilibrio.
+ */
+
+import type { PuntoMercado } from './equilibrio';
+
+// ============================================
+// TIPOS Y ENUMERACIONES
+// ============================================
+
+export enum TipoEjercicio {
+  CONSTRUCTOR_CURVAS = 'constructor_curvas',
+  SIMULADOR_PRECIOS = 'simulador_precios',
+  IDENTIFICAR_SHOCKS = 'identificar_shocks'
+}
+
+export enum Dificultad {
+  FACIL = 'facil',
+  MEDIO = 'medio',
+  DIFICIL = 'dificil'
+}
+
+export enum TipoRespuesta {
+  MULTIPLE_CHOICE = 'multiple_choice',
+  ARRASTRAR_SOLTAR = 'arrastrar_soltar',
+  GRAFICO_INTERACTIVO = 'grafico_interactivo',
+  NUMERICO = 'numerico',
+  SELECCIONAR = 'seleccionar'
+}
+
+export enum TipoShock {
+  DEMANDA_AUMENTA = 'demanda_aumenta',
+  DEMANDA_DISMINUYE = 'demanda_disminuye',
+  OFERTA_AUMENTA = 'oferta_aumenta',
+  OFERTA_DISMINUYE = 'oferta_disminuye',
+  AMBAS_OFERTA_DEMANDA = 'ambas_oferta_demanda'
+}
+
+// ============================================
+// INTERFACES
+// ============================================
+
+export interface PuntoGrafico {
+  x: number;
+  y: number;
+  etiqueta?: string;
+  tipo: 'demanda' | 'oferta' | 'equilibrio' | 'interseccion';
+}
+
+export interface CurvaEjercicio {
+  id: string;
+  tipo: 'demanda' | 'oferta';
+  puntos: PuntoGrafico[];
+  color: string;
+  etiqueta: string;
+  editable: boolean;
+}
+
+export interface OpcionRespuesta {
+  id: string;
+  texto: string;
+  correcta: boolean;
+  retroalimentacion?: string;
+}
+
+export interface Pregunta {
+  id: string;
+  enunciado: string;
+  tipo: TipoRespuesta;
+  opciones?: OpcionRespuesta[];
+  respuestaCorrecta?: number | string | string[];
+  ayuda?: string;
+  puntos: number;
+}
+
+export interface NivelEjercicio {
+  id: string;
+  nombre: string;
+  dificultad: Dificultad;
+  descripcion: string;
+  completado: boolean;
+  desbloqueado: boolean;
+}
+
+export interface Ejercicio {
+  id: string;
+  tipo: TipoEjercicio;
+  titulo: string;
+  descripcion: string;
+  instrucciones: string[];
+  dificultad: Dificultad;
+  niveles: NivelEjercicio[];
+  preguntas?: Pregunta[];
+  configuracionGrafico?: ConfiguracionGrafico;
+  datosSimulacion?: DatosSimulacion;
+  escenariosShock?: EscenarioShock[];
+}
+
+export interface ConfiguracionGrafico {
+  ancho: number;
+  alto: number;
+  escalaX: { min: number; max: number; etiqueta: string };
+  escalaY: { min: number; max: number; etiqueta: string };
+  curvasIniciales: CurvaEjercicio[];
+  puntosObjetivo: PuntoGrafico[];
+  toleranciaError: number;
+}
+
+export interface DatosSimulacion {
+  funcionDemanda: string;
+  funcionOferta: string;
+  precioEquilibrio: number;
+  cantidadEquilibrio: number;
+  rangoPrecios: { min: number; max: number };
+  controlesPrecio: {
+    precioMaximo: number | null;
+    precioMinimo: number | null;
+  };
+}
+
+export interface EscenarioShock {
+  id: string;
+  titulo: string;
+  descripcion: string;
+  mercado: string;
+  evento: string;
+  tipoShock: TipoShock;
+  magnitud: 'pequeña' | 'media' | 'grande';
+  graficoInicial: {
+    demanda: PuntoMercado[];
+    oferta: PuntoMercado[];
+  };
+  graficoFinal: {
+    demanda: PuntoMercado[];
+    oferta: PuntoMercado[];
+  };
+  resultadoEsperado: {
+    precioCambio: 'sube' | 'baja' | 'igual';
+    cantidadCambio: 'sube' | 'baja' | 'igual' | 'indeterminado';
+    explicacion: string;
+  };
+  opciones: OpcionRespuesta[];
+}
+
+export interface ProgresoEjercicio {
+  ejercicioId: string;
+  completado: boolean;
+  puntuacion: number;
+  tiempoSegundos: number;
+  intentos: number;
+  nivelesCompletados: string[];
+}
+
+// ============================================
+// EJERCICIO 1: CONSTRUCTOR DE CURVAS
+// ============================================
+
+export const constructorCurvas: Ejercicio = {
+  id: 'ejercicio-1-constructor-curvas',
+  tipo: TipoEjercicio.CONSTRUCTOR_CURVAS,
+  titulo: 'Constructor de Curvas de Oferta y Demanda',
+  descripcion: 'Construye curvas de oferta y demanda arrastrando puntos para entender sus pendientes y movimientos.',
+  instrucciones: [
+    'Observa los puntos dados en el gráfico',
+    'Arrastra cada punto para formar una curva de demanda con pendiente negativa',
+    'Arrastra los puntos de oferta para formar una curva con pendiente positiva',
+    'Encuentra el punto de equilibrio donde se intersecan ambas curvas',
+    'Verifica tu respuesta con el botón "Comprobar"'
+  ],
+  dificultad: Dificultad.FACIL,
+  
+  niveles: [
+    {
+      id: 'nivel-1-basico',
+      nombre: 'Nivel 1: Trazado Básico',
+      dificultad: Dificultad.FACIL,
+      descripcion: 'Traza una curva de demanda simple con 3 puntos',
+      completado: false,
+      desbloqueado: true
+    },
+    {
+      id: 'nivel-2-oferta-demanda',
+      nombre: 'Nivel 2: Ambas Curvas',
+      dificultad: Dificultad.FACIL,
+      descripcion: 'Traza curvas de oferta y demanda y encuentra el equilibrio',
+      completado: false,
+      desbloqueado: false
+    },
+    {
+      id: 'nivel-3-desplazamientos',
+      nombre: 'Nivel 3: Desplazamientos',
+      dificultad: Dificultad.MEDIO,
+      descripcion: 'Muestra cómo cambian las curvas ante diferentes shocks',
+      completado: false,
+      desbloqueado: false
+    },
+    {
+      id: 'nivel-4-precision',
+      nombre: 'Nivel 4: Precisión',
+      dificultad: Dificultad.DIFICIL,
+      descripcion: 'Traza curvas con tolerancia mínima de error',
+      completado: false,
+      desbloqueado: false
+    }
+  ],
+  
+  configuracionGrafico: {
+    ancho: 600,
+    alto: 400,
+    escalaX: { min: 0, max: 100, etiqueta: 'Cantidad (Q)' },
+    escalaY: { min: 0, max: 50, etiqueta: 'Precio (P)' },
+    toleranciaError: 5,
+    
+    curvasIniciales: [
+      {
+        id: 'demanda-nivel-1',
+        tipo: 'demanda',
+        etiqueta: 'Demanda',
+        color: '#e74c3c',
+        editable: true,
+        puntos: [
+          { x: 20, y: 40, tipo: 'demanda', etiqueta: 'A' },
+          { x: 50, y: 25, tipo: 'demanda', etiqueta: 'B' },
+          { x: 80, y: 10, tipo: 'demanda', etiqueta: 'C' }
+        ]
+      },
+      {
+        id: 'oferta-nivel-2',
+        tipo: 'oferta',
+        etiqueta: 'Oferta',
+        color: '#27ae60',
+        editable: true,
+        puntos: [
+          { x: 20, y: 10, tipo: 'oferta', etiqueta: 'D' },
+          { x: 50, y: 25, tipo: 'oferta', etiqueta: 'E' },
+          { x: 80, y: 40, tipo: 'oferta', etiqueta: 'F' }
+        ]
+      }
+    ],
+    
+    puntosObjetivo: [
+      { x: 50, y: 25, tipo: 'equilibrio', etiqueta: 'E*' }
+    ]
+  },
+  
+  preguntas: [
+    {
+      id: 'pregunta-1-pendiente',
+      enunciado: '¿Qué tipo de pendiente tiene la curva de demanda?',
+      tipo: TipoRespuesta.MULTIPLE_CHOICE,
+      puntos: 10,
+      ayuda: 'Recuerda la ley de la demanda: cuando el precio sube, la cantidad demandada baja.',
+      opciones: [
+        { id: 'a', texto: 'Pendiente positiva (sube de izquierda a derecha)', correcta: false, retroalimentacion: 'Incorrecto. La demanda tiene pendiente negativa.' },
+        { id: 'b', texto: 'Pendiente negativa (baja de izquierda a derecha)', correcta: true, retroalimentacion: '¡Correcto! La curva de demanda tiene pendiente negativa por la ley de la demanda.' },
+        { id: 'c', texto: 'Pendiente cero (línea horizontal)', correcta: false, retroalimentacion: 'Incorrecto. Eso sería oferta perfectamente elástica.' },
+        { id: 'd', texto: 'Pendiente infinita (línea vertical)', correcta: false, retroalimentacion: 'Incorrecto. Eso sería oferta perfectamente inelástica.' }
+      ]
+    },
+    {
+      id: 'pregunta-2-equilibrio',
+      enunciado: '¿Dónde ocurre el equilibrio de mercado?',
+      tipo: TipoRespuesta.MULTIPLE_CHOICE,
+      puntos: 15,
+      ayuda: 'El equilibrio es donde las decisiones de compradores y vendedores coinciden.',
+      opciones: [
+        { id: 'a', texto: 'Donde la demanda es máxima', correcta: false },
+        { id: 'b', texto: 'Donde la oferta es máxima', correcta: false },
+        { id: 'c', texto: 'En la intersección de oferta y demanda', correcta: true, retroalimentacion: '¡Correcto! El equilibrio ocurre donde Qd = Qs.' },
+        { id: 'd', texto: 'En el origen (0,0)', correcta: false }
+      ]
+    }
+  ]
+};
+
+// ============================================
+// EJERCICIO 2: SIMULADOR DE PRECIOS INTERVENIDOS
+// ============================================
+
+export const simuladorPrecios: Ejercicio = {
+  id: 'ejercicio-2-simulador-precios',
+  tipo: TipoEjercicio.SIMULADOR_PRECIOS,
+  titulo: 'Simulador de Precios Intervenidos',
+  descripcion: 'Ajusta precios máximos y mínimos para observar sus efectos en el mercado: escasez, superávit, y pérdida de bienestar.',
+  instrucciones: [
+    'Observa el equilibrio inicial del mercado',
+    'Usa los controles deslizantes para establecer un precio máximo o mínimo',
+    'Observa cómo cambian las cantidades demandadas y ofrecidas',
+    'Identifica si se genera escasez o superávit',
+    'Analiza el área de pérdida de bienestar (triángulo)',
+    'Responde las preguntas sobre cada escenario'
+  ],
+  dificultad: Dificultad.MEDIO,
+  
+  niveles: [
+    {
+      id: 'nivel-1-techo',
+      nombre: 'Nivel 1: Precio Máximo',
+      dificultad: Dificultad.FACIL,
+      descripcion: 'Establece un precio máximo y observa la escasez generada',
+      completado: false,
+      desbloqueado: true
+    },
+    {
+      id: 'nivel-2-piso',
+      nombre: 'Nivel 2: Precio Mínimo',
+      dificultad: Dificultad.FACIL,
+      descripcion: 'Establece un precio mínimo y observa el superávit',
+      completado: false,
+      desbloqueado: false
+    },
+    {
+      id: 'nivel-3-ambos',
+      nombre: 'Nivel 3: Combinado',
+      dificultad: Dificultad.MEDIO,
+      descripcion: 'Analiza escenarios con precios mínimos y máximos simultáneos',
+      completado: false,
+      desbloqueado: false
+    },
+    {
+      id: 'nivel-4-calculo',
+      nombre: 'Nivel 4: Cálculo de Pérdida',
+      dificultad: Dificultad.DIFICIL,
+      descripcion: 'Calcula numéricamente la pérdida de bienestar',
+      completado: false,
+      desbloqueado: false
+    }
+  ],
+  
+  datosSimulacion: {
+    funcionDemanda: 'Qd = 100 - 2P',
+    funcionOferta: 'Qs = 20 + 2P',
+    precioEquilibrio: 20,
+    cantidadEquilibrio: 60,
+    rangoPrecios: { min: 0, max: 50 },
+    controlesPrecio: {
+      precioMaximo: 15,
+      precioMinimo: 25
+    }
+  },
+  
+  preguntas: [
+    {
+      id: 'sim-pregunta-1',
+      enunciado: 'Si estableces un precio máximo de $15 (debajo del equilibrio de $20), ¿qué ocurre?',
+      tipo: TipoRespuesta.MULTIPLE_CHOICE,
+      puntos: 20,
+      opciones: [
+        { 
+          id: 'a', 
+          texto: 'Se genera un exceso de oferta (superávit)', 
+          correcta: false, 
+          retroalimentacion: 'Incorrecto. Un precio máximo por debajo del equilibrio genera escasez, no superávit.' 
+        },
+        { 
+          id: 'b', 
+          texto: 'Se genera un exceso de demanda (escasez)', 
+          correcta: true, 
+          retroalimentacion: '¡Correcto! A $15, Qd = 70 y Qs = 50, hay escasez de 20 unidades.' 
+        },
+        { 
+          id: 'c', 
+          texto: 'El mercado permanece en equilibrio', 
+          correcta: false, 
+          retroalimentacion: 'Incorrecto. El precio controlado impide alcanzar el equilibrio.' 
+        },
+        { 
+          id: 'd', 
+          texto: 'La cantidad transada aumenta', 
+          correcta: false, 
+          retroalimentacion: 'Incorrecto. La cantidad transada disminuye al nivel de la oferta (50).' 
+        }
+      ]
+    },
+    {
+      id: 'sim-pregunta-2',
+      enunciado: '¿Cuál es la cantidad transada con un precio máximo de $15?',
+      tipo: TipoRespuesta.NUMERICO,
+      puntos: 25,
+      respuestaCorrecta: 50,
+      ayuda: 'Con precio máximo, la cantidad transada es el menor entre cantidad demandada y cantidad ofrecida.'
+    },
+    {
+      id: 'sim-pregunta-3',
+      enunciado: 'Si el gobierno establece un precio mínimo de $25, ¿qué cantidad demandarán los consumidores?',
+      tipo: TipoRespuesta.NUMERICO,
+      puntos: 25,
+      respuestaCorrecta: 50,
+      ayuda: 'Usa la función de demanda: Qd = 100 - 2P. Sustituye P = 25.'
+    },
+    {
+      id: 'sim-pregunta-4',
+      enunciado: 'Selecciona todos los efectos de un precio máximo efectivo:',
+      tipo: TipoRespuesta.SELECCIONAR,
+      puntos: 30,
+      opciones: [
+        { id: 'a', texto: 'Escasez del bien', correcta: true },
+        { id: 'b', texto: 'Colas y listas de espera', correcta: true },
+        { id: 'c', texto: 'Aumento de calidad', correcta: false },
+        { id: 'd', texto: 'Mercados negros', correcta: true },
+        { id: 'e', texto: 'Reducción de oferta', correcta: true },
+        { id: 'f', texto: 'Mayor bienestar total', correcta: false }
+      ]
+    }
+  ]
+};
+
+// ============================================
+// EJERCICIO 3: IDENTIFICAR SHOCKS
+// ============================================
+
+export const identificarShocks: Ejercicio = {
+  id: 'ejercicio-3-identificar-shocks',
+  tipo: TipoEjercicio.IDENTIFICAR_SHOCKS,
+  titulo: 'Identificador de Shocks del Mercado',
+  descripcion: 'Analiza escenarios económicos reales e identifica si afectan la oferta, la demanda, ambas, y cómo cambian precio y cantidad de equilibrio.',
+  instrucciones: [
+    'Lee el escenario presentado cuidadosamente',
+    'Identifica qué factor económico ha cambiado',
+    'Determina si afecta a la oferta, demanda, o ambas',
+    'Predice la dirección del cambio (aumenta/disminuye)',
+    'Indica cómo cambiarán el precio y la cantidad de equilibrio',
+    'Verifica tu respuesta y lee la explicación'
+  ],
+  dificultad: Dificultad.MEDIO,
+  
+  niveles: [
+    {
+      id: 'nivel-1-shocks-simples',
+      nombre: 'Nivel 1: Shocks Simples',
+      dificultad: Dificultad.FACIL,
+      descripcion: 'Identifica cambios solo en oferta o solo en demanda',
+      completado: false,
+      desbloqueado: true
+    },
+    {
+      id: 'nivel-2-magnitud',
+      nombre: 'Nivel 2: Magnitud de Cambios',
+      dificultad: Dificultad.MEDIO,
+      descripcion: 'Determina qué curva se desplaza más y efecto neto',
+      completado: false,
+      desbloqueado: false
+    },
+    {
+      id: 'nivel-3-escenarios-reales',
+      nombre: 'Nivel 3: Escenarios Reales',
+      dificultad: Dificultad.MEDIO,
+      descripcion: 'Analiza noticias económicas reales',
+      completado: false,
+      desbloqueado: false
+    },
+    {
+      id: 'nivel-4-complejos',
+      nombre: 'Nivel 4: Casos Complejos',
+      dificultad: Dificultad.DIFICIL,
+      descripcion: 'Escenarios donde oferta y demanda cambian simultáneamente',
+      completado: false,
+      desbloqueado: false
+    }
+  ],
+  
+  escenariosShock: [
+    // Nivel 1 - Simples
+    {
+      id: 'shock-1-cafe',
+      titulo: 'Café y Clima',
+      descripcion: 'Una sequía severa afecta las principales zonas cafetaleras de Brasil.',
+      mercado: 'Café',
+      evento: 'Sequía en Brasil',
+      tipoShock: TipoShock.OFERTA_DISMINUYE,
+      magnitud: 'grande',
+      graficoInicial: {
+        demanda: [
+          { precio: 10, cantidad: 100 },
+          { precio: 8, cantidad: 120 },
+          { precio: 6, cantidad: 140 }
+        ],
+        oferta: [
+          { precio: 6, cantidad: 100 },
+          { precio: 8, cantidad: 120 },
+          { precio: 10, cantidad: 140 }
+        ]
+      },
+      graficoFinal: {
+        demanda: [
+          { precio: 10, cantidad: 100 },
+          { precio: 8, cantidad: 120 },
+          { precio: 6, cantidad: 140 }
+        ],
+        oferta: [
+          { precio: 8, cantidad: 80 },
+          { precio: 10, cantidad: 100 },
+          { precio: 12, cantidad: 120 }
+        ]
+      },
+      resultadoEsperado: {
+        precioCambio: 'sube',
+        cantidadCambio: 'baja',
+        explicacion: 'La sequía reduce la cosecha, desplazando la oferta a la izquierda. Menor cantidad disponible a cada precio.'
+      },
+      opciones: [
+        { id: 'a', texto: 'Demanda aumenta → P sube, Q sube', correcta: false },
+        { id: 'b', texto: 'Oferta disminuye → P sube, Q baja', correcta: true },
+        { id: 'c', texto: 'Oferta aumenta → P baja, Q sube', correcta: false },
+        { id: 'd', texto: 'Demanda disminuye → P baja, Q baja', correcta: false }
+      ]
+    },
+    {
+      id: 'shock-2-ingreso',
+      titulo: 'Restaurant y Bonos',
+      descripcion: 'El gobierno entrega bonos de $500 a todos los ciudadanos.',
+      mercado: 'Comida en restaurantes',
+      evento: 'Aumento de ingreso',
+      tipoShock: TipoShock.DEMANDA_AUMENTA,
+      magnitud: 'media',
+      graficoInicial: {
+        demanda: [
+          { precio: 20, cantidad: 100 },
+          { precio: 16, cantidad: 140 },
+          { precio: 12, cantidad: 180 }
+        ],
+        oferta: [
+          { precio: 12, cantidad: 100 },
+          { precio: 16, cantidad: 140 },
+          { precio: 20, cantidad: 180 }
+        ]
+      },
+      graficoFinal: {
+        demanda: [
+          { precio: 24, cantidad: 100 },
+          { precio: 20, cantidad: 140 },
+          { precio: 16, cantidad: 180 }
+        ],
+        oferta: [
+          { precio: 12, cantidad: 100 },
+          { precio: 16, cantidad: 140 },
+          { precio: 20, cantidad: 180 }
+        ]
+      },
+      resultadoEsperado: {
+        precioCambio: 'sube',
+        cantidadCambio: 'sube',
+        explicacion: 'Los restaurantes son un bien normal. Al aumentar el ingreso, la demanda se desplaza a la derecha.'
+      },
+      opciones: [
+        { id: 'a', texto: 'Demanda aumenta → P sube, Q sube', correcta: true },
+        { id: 'b', texto: 'Demanda disminuye → P baja, Q baja', correcta: false },
+        { id: 'c', texto: 'Oferta aumenta → P baja, Q sube', correcta: false },
+        { id: 'd', texto: 'Oferta disminuye → P sube, Q baja', correcta: false }
+      ]
+    },
+    // Nivel 2 - Magnitud
+    {
+      id: 'shock-3-tecnologia',
+      titulo: 'Autos Eléctricos',
+      descripcion: 'Nueva tecnología de baterías reduce costos de producción en 40%.',
+      mercado: 'Autos eléctricos',
+      evento: 'Avance tecnológico',
+      tipoShock: TipoShock.OFERTA_AUMENTA,
+      magnitud: 'grande',
+      graficoInicial: {
+        demanda: [
+          { precio: 50000, cantidad: 10000 },
+          { precio: 40000, cantidad: 20000 }
+        ],
+        oferta: [
+          { precio: 30000, cantidad: 10000 },
+          { precio: 40000, cantidad: 20000 }
+        ]
+      },
+      graficoFinal: {
+        demanda: [
+          { precio: 50000, cantidad: 10000 },
+          { precio: 40000, cantidad: 20000 }
+        ],
+        oferta: [
+          { precio: 20000, cantidad: 10000 },
+          { precio: 28000, cantidad: 20000 }
+        ]
+      },
+      resultadoEsperado: {
+        precioCambio: 'baja',
+        cantidadCambio: 'sube',
+        explicacion: 'La tecnología mejora la productividad, aumentando oferta. Precios más bajos y mayor cantidad.'
+      },
+      opciones: [
+        { id: 'a', texto: 'Oferta aumenta significativamente → P baja mucho, Q sube mucho', correcta: true },
+        { id: 'b', texto: 'Oferta disminuye → P sube, Q baja', correcta: false },
+        { id: 'c', texto: 'Demanda aumenta → P sube, Q sube', correcta: false },
+        { id: 'd', texto: 'Demanda disminuye → P baja, Q baja', correcta: false }
+      ]
+    },
+    // Nivel 3 - Escenarios reales
+    {
+      id: 'shock-4-petroleo',
+      titulo: 'Crisis del Petróleo',
+      descripcion: 'Conflicto en Medio Oriente reduce exportaciones de petróleo. Simultáneamente, países invierten en energías renovables.',
+      mercado: 'Petróleo',
+      evento: 'Reducción oferta + cambio gustos',
+      tipoShock: TipoShock.AMBAS_OFERTA_DEMANDA,
+      magnitud: 'media',
+      graficoInicial: {
+        demanda: [
+          { precio: 100, cantidad: 80 },
+          { precio: 80, cantidad: 100 }
+        ],
+        oferta: [
+          { precio: 60, cantidad: 80 },
+          { precio: 80, cantidad: 100 }
+        ]
+      },
+      graficoFinal: {
+        demanda: [
+          { precio: 100, cantidad: 70 },
+          { precio: 80, cantidad: 90 }
+        ],
+        oferta: [
+          { precio: 70, cantidad: 70 },
+          { precio: 90, cantidad: 90 }
+        ]
+      },
+      resultadoEsperado: {
+        precioCambio: 'sube',
+        cantidadCambio: 'baja',
+        explicacion: 'Oferta disminuye (conflicto) y demanda disminuye (alternativas). El precio sube (oferta cae más), cantidad cae (ambas).'
+      },
+      opciones: [
+        { id: 'a', texto: 'Oferta ↓ y Demanda ↓ → P indeterminado, Q baja', correcta: false },
+        { id: 'b', texto: 'Oferta ↓ más que Demanda ↓ → P sube, Q baja', correcta: true },
+        { id: 'c', texto: 'Oferta ↑ y Demanda ↑ → P indeterminado, Q sube', correcta: false },
+        { id: 'd', texto: 'Solo oferta ↓ → P sube, Q baja', correcta: false }
+      ]
+    },
+    {
+      id: 'shock-5-casa',
+      titulo: 'Mercado Inmobiliario',
+      descripcion: 'Tasas de interés bajan a mínimos históricos. Al mismo tiempo, regulaciones ambientales dificultan nueva construcción.',
+      mercado: 'Vivienda',
+      evento: 'Crédito barato + regulaciones',
+      tipoShock: TipoShock.AMBAS_OFERTA_DEMANDA,
+      magnitud: 'media',
+      graficoInicial: {
+        demanda: [
+          { precio: 300000, cantidad: 1000 },
+          { precio: 250000, cantidad: 1500 }
+        ],
+        oferta: [
+          { precio: 200000, cantidad: 1000 },
+          { precio: 250000, cantidad: 1500 }
+        ]
+      },
+      graficoFinal: {
+        demanda: [
+          { precio: 350000, cantidad: 1000 },
+          { precio: 300000, cantidad: 1500 }
+        ],
+        oferta: [
+          { precio: 250000, cantidad: 800 },
+          { precio: 300000, cantidad: 1200 }
+        ]
+      },
+      resultadoEsperado: {
+        precioCambio: 'sube',
+        cantidadCambio: 'indeterminado',
+        explicacion: 'Demanda aumenta (crédito barato) y oferta disminuye (regulaciones). El precio definitivamente sube, pero el efecto en cantidad depende de qué cambio sea mayor.'
+      },
+      opciones: [
+        { id: 'a', texto: 'Demanda ↑ y Oferta ↓ → P sube, Q indeterminado', correcta: true },
+        { id: 'b', texto: 'Demanda ↓ y Oferta ↑ → P baja, Q indeterminado', correcta: false },
+        { id: 'c', texto: 'Demanda ↑ y Oferta ↑ → P indeterminado, Q sube', correcta: false },
+        { id: 'd', texto: 'Demanda ↓ y Oferta ↓ → P indeterminado, Q baja', correcta: false }
+      ]
+    },
+    // Nivel 4 - Complejos
+    {
+      id: 'shock-6-pandemia',
+      titulo: 'Efecto Pandemia',
+      descripcion: 'Durante COVID-19: cierres de fábricas reducen producción de laptops, pero trabajo remoto aumenta demanda dramáticamente.',
+      mercado: 'Laptops',
+      evento: 'Pandemia',
+      tipoShock: TipoShock.AMBAS_OFERTA_DEMANDA,
+      magnitud: 'grande',
+      graficoInicial: {
+        demanda: [
+          { precio: 800, cantidad: 50000 },
+          { precio: 600, cantidad: 80000 }
+        ],
+        oferta: [
+          { precio: 400, cantidad: 50000 },
+          { precio: 600, cantidad: 80000 }
+        ]
+      },
+      graficoFinal: {
+        demanda: [
+          { precio: 1200, cantidad: 80000 },
+          { precio: 1000, cantidad: 110000 }
+        ],
+        oferta: [
+          { precio: 600, cantidad: 40000 },
+          { precio: 800, cantidad: 60000 }
+        ]
+      },
+      resultadoEsperado: {
+        precioCambio: 'sube',
+        cantidadCambio: 'indeterminado',
+        explicacion: 'Oferta disminuyó (cierres) pero demanda aumentó mucho más (trabajo remoto). Precios subieron significativamente. La cantidad pudo subir o bajar según magnitudes relativas.'
+      },
+      opciones: [
+        { id: 'a', texto: 'Demanda ↑↑↑ más que Oferta ↓ → P sube mucho, Q probablemente sube', correcta: true },
+        { id: 'b', texto: 'Demanda y Oferta disminuyen → P indeterminado, Q baja', correcta: false },
+        { id: 'c', texto: 'Solo demanda aumenta → P sube, Q sube', correcta: false },
+        { id: 'd', texto: 'Solo oferta disminuye → P sube, Q baja', correcta: false }
+      ]
+    }
+  ]
+};
+
+// ============================================
+// FUNCIÓN AUXILIAR: CALCULAR RESULTADO
+// ============================================
+
+export function calcularResultadoShock(
+  shockOferta: 'aumenta' | 'disminuye' | 'sin_cambio',
+  shockDemanda: 'aumenta' | 'disminuye' | 'sin_cambio',
+  _magnitudOferta: 'mayor' | 'menor' | 'igual',
+  _magnitudDemanda: 'mayor' | 'menor' | 'igual'
+): { precio: 'sube' | 'baja' | 'igual' | 'indeterminado'; cantidad: 'sube' | 'baja' | 'igual' | 'indeterminado' } {
+  // Lógica simplificada para determinar resultado
+  let precio: 'sube' | 'baja' | 'igual' | 'indeterminado' = 'igual';
+  let cantidad: 'sube' | 'baja' | 'igual' | 'indeterminado' = 'igual';
+  
+  // Análisis de precio
+  if (shockOferta === 'aumenta' && shockDemanda === 'aumenta') {
+    precio = 'indeterminado';
+  } else if (shockOferta === 'disminuye' && shockDemanda === 'disminuye') {
+    precio = 'indeterminado';
+  } else if (shockOferta === 'aumenta' && shockDemanda === 'disminuye') {
+    precio = 'baja';
+  } else if (shockOferta === 'disminuye' && shockDemanda === 'aumenta') {
+    precio = 'sube';
+  } else if (shockDemanda === 'aumenta') {
+    precio = 'sube';
+  } else if (shockDemanda === 'disminuye') {
+    precio = 'baja';
+  } else if (shockOferta === 'aumenta') {
+    precio = 'baja';
+  } else if (shockOferta === 'disminuye') {
+    precio = 'sube';
+  }
+  
+  // Análisis de cantidad
+  if (shockOferta === 'aumenta' && shockDemanda === 'disminuye') {
+    cantidad = 'indeterminado';
+  } else if (shockOferta === 'disminuye' && shockDemanda === 'aumenta') {
+    cantidad = 'indeterminado';
+  } else if (shockOferta === 'aumenta' && shockDemanda === 'aumenta') {
+    cantidad = 'sube';
+  } else if (shockOferta === 'disminuye' && shockDemanda === 'disminuye') {
+    cantidad = 'baja';
+  } else if (shockOferta === 'aumenta') {
+    cantidad = 'sube';
+  } else if (shockOferta === 'disminuye') {
+    cantidad = 'baja';
+  } else if (shockDemanda === 'aumenta') {
+    cantidad = 'sube';
+  } else if (shockDemanda === 'disminuye') {
+    cantidad = 'baja';
+  }
+  
+  return { precio, cantidad };
+}
+
+// ============================================
+// DATOS DE PROGRESO EJEMPLO
+// ============================================
+
+export const progresoInicial: ProgresoEjercicio[] = [
+  {
+    ejercicioId: 'ejercicio-1-constructor-curvas',
+    completado: false,
+    puntuacion: 0,
+    tiempoSegundos: 0,
+    intentos: 0,
+    nivelesCompletados: []
+  },
+  {
+    ejercicioId: 'ejercicio-2-simulador-precios',
+    completado: false,
+    puntuacion: 0,
+    tiempoSegundos: 0,
+    intentos: 0,
+    nivelesCompletados: []
+  },
+  {
+    ejercicioId: 'ejercicio-3-identificar-shocks',
+    completado: false,
+    puntuacion: 0,
+    tiempoSegundos: 0,
+    intentos: 0,
+    nivelesCompletados: []
+  }
+];
+
+// ============================================
+// RESUMEN DE EJERCICIOS
+// ============================================
+
+export const resumenEjercicios = {
+  titulo: 'Ejercicios del Módulo 2',
+  descripcion: 'Practica los conceptos de oferta, demanda y equilibrio con estos ejercicios interactivos.',
+  
+  ejercicios: [
+    {
+      id: 'ejercicio-1',
+      nombre: 'Constructor de Curvas',
+      habilidades: ['Trazar curvas', 'Identificar pendientes', 'Encontrar equilibrio'],
+      tiempoEstimado: '10-15 minutos'
+    },
+    {
+      id: 'ejercicio-2',
+      nombre: 'Simulador de Precios',
+      habilidades: ['Controles de precio', 'Calcular desequilibrios', 'Pérdida de bienestar'],
+      tiempoEstimado: '15-20 minutos'
+    },
+    {
+      id: 'ejercicio-3',
+      nombre: 'Identificar Shocks',
+      habilidades: ['Análisis de escenarios', 'Desplazamientos de curvas', 'Predicción de cambios'],
+      tiempoEstimado: '20-25 minutos'
+    }
+  ],
+  
+  consejos: [
+    'Comienza con el Ejercicio 1 si eres principiante',
+    'Revisa la teoría antes de intentar los ejercicios',
+    'Usa papel y lápiz para hacer cálculos',
+    'No te preocupes por errores, son parte del aprendizaje',
+    'Repite los ejercicios hasta dominarlos'
+  ]
+};
+
+// Exportación por defecto
+export default {
+  constructorCurvas,
+  simuladorPrecios,
+  identificarShocks,
+  progresoInicial,
+  resumen: resumenEjercicios,
+  utilidades: {
+    calcularResultadoShock
+  }
+};

frontend/src/content/modulo2/equilibrio.ts

@@ -0,0 +1,608 @@
+/**
+ * Módulo 2: Equilibrio de Mercado
+ * 
+ * Este módulo cubre el concepto de equilibrio, desequilibrios,
+ * y controles de precios en los mercados.
+ */
+
+// ============================================
+// TIPOS Y ENUMERACIONES
+// ============================================
+
+export enum TipoDesequilibrio {
+  EXCESO_OFERTA = 'exceso_oferta',     // Superávit
+  EXCESO_DEMANDA = 'exceso_demanda',   // Escasez
+  EQUILIBRIO = 'equilibrio'
+}
+
+export enum TipoControlPrecio {
+  PRECIO_MAXIMO = 'precio_maximo',     // Techo
+  PRECIO_MINIMO = 'precio_minimo',     // Piso
+  NINGUNO = 'ninguno'
+}
+
+export enum EfectoControlPrecio {
+  ESCASEZ = 'escasez',
+  SUPERAVIT = 'superavit',
+  MERCADO_NEGRO = 'mercado_negro',
+  DESEMPLEO = 'desempleo',
+  RACIONAMIENTO = 'racionamiento',
+  NINGUNO = 'ninguno'
+}
+
+// ============================================
+// INTERFACES
+// ============================================
+
+export interface PuntoMercado {
+  precio: number;
+  cantidad: number;
+}
+
+export interface EquilibrioMercado {
+  precioEquilibrio: number;
+  cantidadEquilibrio: number;
+  punto: PuntoMercado;
+  excedenteConsumidor: number;
+  excedenteProductor: number;
+  bienestarTotal: number;
+}
+
+export interface CurvaMercado {
+  demanda: PuntoMercado[];
+  oferta: PuntoMercado[];
+}
+
+export interface Desequilibrio {
+  tipo: TipoDesequilibrio;
+  precioActual: number;
+  cantidadDemandada: number;
+  cantidadOfrecida: number;
+  diferencia: number;
+  magnitud: number;
+  presionPrecio: 'subir' | 'bajar' | 'ninguna';
+}
+
+export interface ControlPrecio {
+  tipo: TipoControlPrecio;
+  nivel: number;
+  precioEquilibrio: number;
+  efectivo: boolean;
+  efectos: EfectoControlPrecio[];
+  cantidadTransada: number;
+  perdidaBienestar: number;
+}
+
+export interface EjemploEquilibrio {
+  titulo: string;
+  mercado: string;
+  descripcion: string;
+  datos: CurvaMercado;
+  equilibrio: EquilibrioMercado;
+  escenarios: EscenarioDesequilibrio[];
+}
+
+export interface EscenarioDesequilibrio {
+  nombre: string;
+  precio: number;
+  tipo: TipoDesequilibrio;
+  explicacion: string;
+  resultado: string;
+}
+
+export interface HistoriaPrecio {
+  periodo: string;
+  descripcion: string;
+  precioControl: number;
+  precioEquilibrio: number;
+  consecuencias: string[];
+  lecciones: string;
+}
+
+// ============================================
+// CONTENIDO TEÓRICO
+// ============================================
+
+export const definicionEquilibrio = {
+  titulo: 'Equilibrio de Mercado',
+  
+  definicion: 'El equilibrio de mercado es una situación en la que la cantidad demandada de un bien es igual a la cantidad ofrecida. En este punto, no hay tendencia al cambio: ni compradores ni vendedores tienen incentivo para alterar sus decisiones.',
+  
+  caracteristicas: [
+    {
+      caracteristica: 'Cantidad demandada = Cantidad ofrecida',
+      explicacion: 'No hay exceso de oferta ni de demanda'
+    },
+    {
+      caracteristica: 'Precio estable',
+      explicacion: 'No hay presiones para que el precio suba o baje'
+    },
+    {
+      caracteristica: 'Eficiencia',
+      explicacion: 'Se maximiza el bienestar social (excedente total)'
+    },
+    {
+      caracteristica: 'Voluntad de intercambio',
+      explicacion: 'Todos los intercambios mutuamente beneficiosos ocurren'
+    }
+  ],
+  
+  mecanismoAjuste: {
+    titulo: 'Mecanismo de Ajuste al Equilibrio',
+    proceso: [
+      {
+        paso: 1,
+        situacion: 'Precio por encima del equilibrio',
+        resultado: 'Exceso de oferta (superávit)',
+        ajuste: 'Vendedores compiten reduciendo precios para vender excedentes'
+      },
+      {
+        paso: 2,
+        situacion: 'Precio por debajo del equilibrio',
+        resultado: 'Exceso de demanda (escasez)',
+        ajuste: 'Compradores compiten ofreciendo precios más altos'
+      },
+      {
+        paso: 3,
+        situacion: 'Precio de equilibrio',
+        resultado: 'Cantidad demandada = Cantidad ofrecida',
+        ajuste: 'No hay presiones adicionales; mercado está en equilibrio'
+      }
+    ]
+  },
+  
+  representacionMatematica: {
+    condicion: 'Qd = Qs',
+    ejemplo: {
+      demanda: 'Qd = 100 - 2P',
+      oferta: 'Qs = 20 + 3P',
+      resolucion: [
+        '100 - 2P = 20 + 3P',
+        '80 = 5P',
+        'P* = 16 (precio de equilibrio)',
+        'Q* = 100 - 2(16) = 68 (cantidad de equilibrio)'
+      ]
+    }
+  }
+};
+
+// ============================================
+// EXCEDENTES DEL CONSUMIDOR Y PRODUCTOR
+// ============================================
+
+export const excedentesMercado = {
+  titulo: 'Bienestar en el Equilibrio',
+  
+  excedenteConsumidor: {
+    nombre: 'Excedente del Consumidor (EC)',
+    definicion: 'Diferencia entre lo que los consumidores están dispuestos a pagar y lo que realmente pagan',
+    formula: 'EC = Valoración - Precio pagado',
+    calculo: 'Área bajo la curva de demanda y arriba del precio de equilibrio',
+    interpretacion: 'Beneficio neto que obtienen los consumidores del intercambio',
+    ejemplo: 'Dispuesto a pagar $50, pago $30 → Excedente = $20'
+  },
+  
+  excedenteProductor: {
+    nombre: 'Excedente del Productor (EP)',
+    definicion: 'Diferencia entre el precio que reciben los productores y el costo mínimo al que estarían dispuestos a vender',
+    formula: 'EP = Precio recibido - Costo de producción',
+    calculo: 'Área arriba de la curva de oferta y debajo del precio de equilibrio',
+    interpretacion: 'Beneficio neto que obtienen los productores del intercambio',
+    ejemplo: 'Dispuesto a vender a $20, recibo $30 → Excedente = $10'
+  },
+  
+  bienestarTotal: {
+    nombre: 'Bienestar Total (Excedente Total)',
+    definicion: 'Suma de excedentes del consumidor y del productor',
+    formula: 'BT = EC + EP',
+    propiedad: 'En equilibrio competitivo, el bienestar total se maximiza',
+    perdida: 'Cualquier desviación del equilibrio genera pérdida de bienestar'
+  }
+};
+
+// ============================================
+// DESEQUILIBRIOS DE MERCADO
+// ============================================
+
+export const excesoOferta: Desequilibrio = {
+  tipo: TipoDesequilibrio.EXCESO_OFERTA,
+  precioActual: 25,
+  cantidadDemandada: 40,
+  cantidadOfrecida: 80,
+  diferencia: 40,
+  magnitud: 40,
+  presionPrecio: 'bajar'
+};
+
+export const excesoDemanda: Desequilibrio = {
+  tipo: TipoDesequilibrio.EXCESO_DEMANDA,
+  precioActual: 10,
+  cantidadDemandada: 90,
+  cantidadOfrecida: 30,
+  diferencia: 60,
+  magnitud: 60,
+  presionPrecio: 'subir'
+};
+
+export const tiposDesequilibrio = {
+  excesoOferta: {
+    nombre: 'Exceso de Oferta (Superávit)',
+    definicion: 'Cantidad ofrecida > Cantidad demandada',
+    causas: [
+      'Precio por encima del equilibrio',
+      'Aumento repentino de producción',
+      'Caída inesperada de la demanda'
+    ],
+    consecuencias: [
+      'Acumulación de inventarios',
+      'Presión a la baja en precios',
+      'Posibles quiebras si persiste',
+      'Competencia agresiva entre vendedores'
+    ],
+    ejemplos: [
+      'Viviendas sin vender después de una burbuja',
+      'Excedentes agrícolas después de buenas cosechas',
+      'Autos en concesionarias durante recesión'
+    ],
+    grafico: {
+      descripcion: 'A P > P*, Qs > Qd',
+      areaSuperavit: 'Distancia horizontal entre curvas al precio dado'
+    }
+  },
+  
+  excesoDemanda: {
+    nombre: 'Exceso de Demanda (Escasez)',
+    definicion: 'Cantidad demandada > Cantidad ofrecida',
+    causas: [
+      'Precio por debajo del equilibrio',
+      'Aumento repentino de la demanda',
+      'Caída inesperada de la oferta'
+    ],
+    consecuencias: [
+      'Colas y listas de espera',
+      'Presión al alza en precios',
+      'Racionamiento de productos',
+      'Mercados negros',
+      'Malestar social'
+    ],
+    ejemplos: [
+      'Gasolina en crisis (colas en bomba)',
+      'Entradas para conciertos populares',
+      'Vivienda asequible en ciudades caras',
+      'Productos básicos con precios controlados'
+    ],
+    grafico: {
+      descripcion: 'A P < P*, Qd > Qs',
+      areaEscasez: 'Distancia horizontal entre curvas al precio dado'
+    }
+  }
+};
+
+// ============================================
+// CONTROLES DE PRECIO
+// ============================================
+
+export const controlesPrecio = {
+  titulo: 'Controles de Precio',
+  
+  introduccion: 'Los gobiernos a veces intervienen estableciendo precios máximos o mínimos que difieren del precio de equilibrio de mercado.',
+  
+  precioMaximo: {
+    nombre: 'Precio Máximo (Techo)',
+    definicion: 'Precio legal más alto al que se puede vender un bien',
+    condicionEfectivo: 'Debe estar DEBAJO del precio de equilibrio',
+    efectos: {
+      cuandoEsEfectivo: [
+        'Escasez persistente (Qd > Qs)',
+        'Racionamiento del bien',
+        'Colas y esperas',
+        'Mercados negros',
+        'Reducción de calidad',
+        'Pérdida de bienestar'
+      ],
+      cuandoNoEsEfectivo: [
+        'Precio máximo > precio de equilibrio',
+        'Mercado opera normalmente',
+        'Sin efectos sobre cantidad transada'
+      ]
+    },
+    ejemplos: [
+      { caso: 'Alquileres', ubicacion: 'Nueva York, San Francisco', resultado: 'Escasez de vivienda, subarriendos' },
+      { caso: 'Gasolina', ubicacion: 'Estados Unidos 1970s', resultado: 'Largas colas, mercado negro' },
+      { caso: 'Productos básicos', ubicacion: 'Venezuela', resultado: 'Desabastecimiento, contrabando' }
+    ]
+  },
+  
+  precioMinimo: {
+    nombre: 'Precio Mínimo (Piso)',
+    definicion: 'Precio legal más bajo al que se puede vender un bien',
+    condicionEfectivo: 'Debe estar ARRIBA del precio de equilibrio',
+    efectos: {
+      cuandoEsEfectivo: [
+        'Superávit persistente (Qs > Qd)',
+        'Acumulación de inventarios',
+        'Desperdicio de recursos',
+        'Mercados negros (venta a precio menor)',
+        'Pérdida de bienestar'
+      ],
+      cuandoNoEsEfectivo: [
+        'Precio mínimo < precio de equilibrio',
+        'Mercado opera normalmente',
+        'Sin efectos sobre cantidad transada'
+      ]
+    },
+    ejemplos: [
+      { caso: 'Salario mínimo', ubicacion: 'Mayoría de países', resultado: 'Desempleo potencial en trabajadores no calificados' },
+      { caso: 'Precios agrícolas', ubicacion: 'Unión Europea', resultado: 'Superávits, gasto gubernamental' },
+      { caso: 'Alcohol/tabaco', ubicacion: 'Políticas de salud', resultado: 'Menor consumo, contrabando' }
+    ]
+  }
+};
+
+// ============================================
+// EJEMPLOS DE CONTROLES HISTÓRICOS
+// ============================================
+
+export const historiasControlesPrecio: HistoriaPrecio[] = [
+  {
+    periodo: '1971-1974',
+    descripcion: 'Control de precios de gasolina en EE.UU.',
+    precioControl: 0.36,
+    precioEquilibrio: 0.55,
+    consecuencias: [
+      'Largas colas en gasolineras (hasta 4 horas)',
+      'Racionamiento por día par/impar',
+      'Mercado negro de gasolina',
+      'Violencia en gasolineras',
+      'Desabastecimiento regional'
+    ],
+    lecciones: 'Los controles de precios generan escasez cuando están por debajo del equilibrio'
+  },
+  {
+    periodo: '1946-1947',
+    descripcion: 'Control de alquileres en Nueva York',
+    precioControl: 75,
+    precioEquilibrio: 100,
+    consecuencias: [
+      'Reducción de mantenimiento de edificios',
+      'Conversión de apartamentos a condominios',
+      'Mercado negro (pagos bajo mesa)',
+      'Escasez crónica de vivienda',
+      'Subarriendos a precios más altos'
+    ],
+    lecciones: 'Precios máximos reducen la calidad y cantidad de oferta a largo plazo'
+  },
+  {
+    periodo: 'Actual',
+    descripcion: 'Salario mínimo en diferentes países',
+    precioControl: 15,
+    precioEquilibrio: 12,
+    consecuencias: [
+      'Reducción de contratación de jóvenes',
+      'Automatización de trabajos (kioscos)',
+      'Reducción de horas trabajadas',
+      'Beneficio para trabajadores que mantienen empleo',
+      'Posible aumento de precios'
+    ],
+    lecciones: 'Los precios mínimos crean desempleo cuando están por encima del equilibrio, pero benefician a quienes mantienen el empleo'
+  }
+];
+
+// ============================================
+// EJEMPLOS PRÁCTICOS DE EQUILIBRIO
+// ============================================
+
+export const ejemplosEquilibrio: EjemploEquilibrio[] = [
+  {
+    titulo: 'Mercado de Manzanas',
+    mercado: 'Manzanas',
+    descripcion: 'Análisis del equilibrio en un mercado agrícola simple',
+    datos: {
+      demanda: [
+        { precio: 1, cantidad: 90 },
+        { precio: 2, cantidad: 80 },
+        { precio: 3, cantidad: 70 },
+        { precio: 4, cantidad: 60 },
+        { precio: 5, cantidad: 50 }
+      ],
+      oferta: [
+        { precio: 1, cantidad: 10 },
+        { precio: 2, cantidad: 30 },
+        { precio: 3, cantidad: 50 },
+        { precio: 4, cantidad: 70 },
+        { precio: 5, cantidad: 90 }
+      ]
+    },
+    equilibrio: {
+      precioEquilibrio: 3.5,
+      cantidadEquilibrio: 60,
+      punto: { precio: 3.5, cantidad: 60 },
+      excedenteConsumidor: 45,
+      excedenteProductor: 45,
+      bienestarTotal: 90
+    },
+    escenarios: [
+      {
+        nombre: 'Precio por encima del equilibrio',
+        precio: 5,
+        tipo: TipoDesequilibrio.EXCESO_OFERTA,
+        explicacion: 'A $5, los productores ofrecen 90 unidades pero solo se demandan 50',
+        resultado: 'Superávit de 40 unidades. Presión a la baja en precios.'
+      },
+      {
+        nombre: 'Precio por debajo del equilibrio',
+        precio: 2,
+        tipo: TipoDesequilibrio.EXCESO_DEMANDA,
+        explicacion: 'A $2, se demandan 80 unidades pero solo se ofrecen 30',
+        resultado: 'Escasez de 50 unidades. Colas y presión al alza.'
+      }
+    ]
+  },
+  {
+    titulo: 'Mercado Laboral: Desempleo',
+    mercado: 'Trabajo no calificado',
+    descripcion: 'Efecto del salario mínimo en el empleo',
+    datos: {
+      demanda: [
+        { precio: 4, cantidad: 100 },
+        { precio: 6, cantidad: 80 },
+        { precio: 8, cantidad: 60 },
+        { precio: 10, cantidad: 40 },
+        { precio: 12, cantidad: 20 }
+      ],
+      oferta: [
+        { precio: 4, cantidad: 20 },
+        { precio: 6, cantidad: 40 },
+        { precio: 8, cantidad: 60 },
+        { precio: 10, cantidad: 80 },
+        { precio: 12, cantidad: 100 }
+      ]
+    },
+    equilibrio: {
+      precioEquilibrio: 8,
+      cantidadEquilibrio: 60,
+      punto: { precio: 8, cantidad: 60 },
+      excedenteConsumidor: 180,
+      excedenteProductor: 180,
+      bienestarTotal: 360
+    },
+    escenarios: [
+      {
+        nombre: 'Salario mínimo efectivo',
+        precio: 12,
+        tipo: TipoDesequilibrio.EXCESO_OFERTA,
+        explicacion: 'Salario mínimo de $12 está por encima del equilibrio de $8',
+        resultado: '100 personas buscan trabajo, pero solo 20 empleos. Desempleo de 80 personas.'
+      }
+    ]
+  }
+];
+
+// ============================================
+// TABLA COMPARATIVA: CONTROLES DE PRECIO
+// ============================================
+
+export const tablaComparativaControles = {
+  titulo: 'Comparación de Controles de Precio',
+  
+  filas: [
+    {
+      caracteristica: 'Nombre',
+      precioMaximo: 'Techo, Precio Máximo',
+      precioMinimo: 'Piso, Precio Mínimo'
+    },
+    {
+      caracteristica: 'Ubicación',
+      precioMaximo: 'Debajo del equilibrio',
+      precioMinimo: 'Arriba del equilibrio'
+    },
+    {
+      caracteristica: 'Desequilibrio',
+      precioMaximo: 'Exceso de demanda (escasez)',
+      precioMinimo: 'Exceso de oferta (superávit)'
+    },
+    {
+      caracteristica: 'Cantidad transada',
+      precioMaximo: 'Determinada por oferta (Qs)',
+      precioMinimo: 'Determinada por demanda (Qd)'
+    },
+    {
+      caracteristica: 'Efectos secundarios',
+      precioMaximo: 'Colas, mercado negro, baja calidad',
+      precioMinimo: 'Inventarios, desperdicio, mercado negro'
+    },
+    {
+      caracteristica: 'Ejemplo común',
+      precioMaximo: 'Alquileres, gasolina',
+      precioMinimo: 'Salarios mínimos, precios agrícolas'
+    }
+  ]
+};
+
+// ============================================
+// PÉRDIDA DE BIENESTAR (DEADWEIGHT LOSS)
+// ============================================
+
+export const perdidaBienestar = {
+  titulo: 'Pérdida de Eficiencia por Controles',
+  
+  definicion: 'La pérdida de peso muerto (deadweight loss) es la reducción en el bienestar total que ocurre cuando el mercado no alcanza el equilibrio. Representa transacciones mutuamente beneficiosas que no ocurren.',
+  
+  calculoPrecioMaximo: {
+    pasos: [
+      'En equilibrio: BT = EC + EP',
+      'Con precio máximo: BT_control = EC_nuevo + EP_nuevo',
+      'Pérdida = BT_equilibrio - BT_control',
+      'Representada por el triángulo entre cantidad transada y cantidad de equilibrio'
+    ],
+    areas: [
+      'Pérdida de excedente del consumidor (transacciones perdidas)',
+      'Pérdida de excedente del productor (transacciones perdidas)',
+      'Área total: triángulo entre curvas de oferta y demanda'
+    ]
+  },
+  
+  calculoPrecioMinimo: {
+    pasos: [
+      'En equilibrio: BT = EC + EP',
+      'Con precio mínimo: BT_control = EC_nuevo + EP_nuevo',
+      'Pérdida = BT_equilibrio - BT_control',
+      'Representada por el triángulo entre cantidad demandada y cantidad de equilibrio'
+    ],
+    areas: [
+      'Pérdida por producción ineficiente (costos > beneficios)',
+      'Pérdida por consumo perdido (beneficios > costos)',
+      'Área total: triángulo entre curvas de oferta y demanda'
+    ]
+  }
+};
+
+// ============================================
+// RESUMEN
+// ============================================
+
+export const resumenEquilibrio = {
+  titulo: 'Resumen: Equilibrio de Mercado',
+  
+  puntosClave: [
+    'Equilibrio: Qd = Qs, sin tendencia al cambio',
+    'Precio de equilibrio estable sin presiones',
+    'Exceso de oferta: P > P* → presión a la baja',
+    'Exceso de demanda: P < P* → presión al alza',
+    'Precio máximo efectivo: P_max < P* → escasez',
+    'Precio mínimo efectivo: P_min > P* → superávit',
+    'Controles de precio generan pérdida de bienestar',
+    'Mercados tienden al equilibrio mediante ajustes de precio'
+  ],
+  
+  formulasRecordatorio: {
+    condicionEquilibrio: 'Qd = Qs',
+    excesoOferta: 'Qs - Qd > 0 cuando P > P*',
+    excesoDemanda: 'Qd - Qs > 0 cuando P < P*',
+    bienestarTotal: 'BT = EC + EP',
+    perdidaBienestar: 'DWL = BT_equilibrio - BT_control'
+  },
+  
+  mapaConceptual: {
+    centro: 'Equilibrio',
+    ramas: [
+      { nombre: 'Condición', elementos: ['Qd = Qs', 'P estable', 'Eficiencia máxima'] },
+      { nombre: 'Desequilibrios', elementos: ['Exceso oferta (superávit)', 'Exceso demanda (escasez)'] },
+      { nombre: 'Controles', elementos: ['Precio máximo → escasez', 'Precio mínimo → superávit'] },
+      { nombre: 'Bienestar', elementos: ['Excedente consumidor', 'Excedente productor', 'Pérdida peso muerto'] }
+    ]
+  }
+};
+
+// Exportación por defecto
+export default {
+  definicion: definicionEquilibrio,
+  excedentes: excedentesMercado,
+  desequilibrios: tiposDesequilibrio,
+  controles: controlesPrecio,
+  historias: historiasControlesPrecio,
+  ejemplos: ejemplosEquilibrio,
+  comparativa: tablaComparativaControles,
+  perdidaBienestar,
+  resumen: resumenEquilibrio
+};

frontend/src/content/modulo2/oferta.ts

@@ -0,0 +1,487 @@
+/**
+ * Módulo 2: Ley de la Oferta
+ * 
+ * Este módulo cubre los fundamentos de la oferta en economía,
+ * incluyendo la ley de la oferta, factores determinantes y
+ * comportamiento de los productores.
+ */
+
+// ============================================
+// TIPOS Y ENUMERACIONES
+// ============================================
+
+export enum DireccionDesplazamientoOferta {
+  IZQUIERDA = 'izquierda',  // Disminución de oferta
+  DERECHA = 'derecha',      // Aumento de oferta
+  NINGUNO = 'ninguno'       // Sin cambio
+}
+
+export enum HorizonteTemporal {
+  CORTO_PLAZO = 'corto_plazo',
+  LARGO_PLAZO = 'largo_plazo'
+}
+
+export enum TipoMercado {
+  COMPETENCIA_PERFECTA = 'competencia_perfecta',
+  MONOPOLIO = 'monopolio',
+  OLIGOPOLIO = 'oligopolio',
+  COMPETENCIA_MONOPOLISTICA = 'competencia_monopolistica'
+}
+
+// ============================================
+// INTERFACES
+// ============================================
+
+export interface PuntoOferta {
+  precio: number;
+  cantidad: number;
+}
+
+export interface CurvaOferta {
+  id: string;
+  nombre: string;
+  puntos: PuntoOferta[];
+  descripcion: string;
+  horizonteTemporal: HorizonteTemporal;
+}
+
+export interface FactorDesplazamientoOferta {
+  nombre: string;
+  descripcion: string;
+  direccion: DireccionDesplazamientoOferta;
+  ejemplo: string;
+  icono: string;
+  mecanismo: string;
+}
+
+export interface CostoProduccion {
+  categoria: string;
+  componentes: string[];
+  impactoOferta: string;
+}
+
+export interface EjemploOferta {
+  titulo: string;
+  bien: string;
+  escenario: string;
+  explicacion: string;
+  graficoData: PuntoOferta[];
+  impactoEconomico: string;
+}
+
+// ============================================
+// CONTENIDO TEÓRICO
+// ============================================
+
+export const definicionOferta = {
+  titulo: 'Definición de Oferta',
+  
+  definicion: 'La oferta es la cantidad de un bien o servicio que los productores están dispuestos y pueden ofrecer al mercado a diferentes precios durante un período específico, manteniendo constantes otros factores.',
+  
+  elementosClave: [
+    {
+      elemento: 'Disposición a vender',
+      descripcion: 'El productor debe querer ofrecer el bien (rentabilidad)'
+    },
+    {
+      elemento: 'Capacidad de producción',
+      descripcion: 'El productor debe tener los recursos para producir'
+    },
+    {
+      elemento: 'Precios variables',
+      descripcion: 'Se analiza la relación a diferentes niveles de precio'
+    },
+    {
+      elemento: 'Período de tiempo',
+      descripcion: 'La oferta siempre se refiere a un período específico'
+    }
+  ],
+  
+  diferenciaCapacidad: {
+    capacidad: 'Puedo producir 1000 unidades (capacidad técnica)',
+    oferta: 'Estoy dispuesto a ofrecer 800 unidades a $10 porque es rentable'
+  }
+};
+
+export const leyOferta = {
+  titulo: 'Ley de la Oferta',
+  
+  enunciado: 'Existe una relación directa entre el precio de un bien y la cantidad ofrecida: cuando el precio aumenta, la cantidad ofrecida aumenta, y viceversa.',
+  
+  explicacion: 'Esta relación directa se explica por:',
+  
+  razones: [
+    {
+      nombre: 'Motivación de lucro',
+      descripcion: 'A precios más altos, la producción es más rentable, incentivando a los productores a aumentar la oferta.',
+      ejemplo: 'Si el precio de las manzanas sube a $5/kg, más agricultores querrán producir manzanas.'
+    },
+    {
+      nombre: 'Costos crecientes',
+      descripcion: 'Para producir más, las empresas deben usar recursos menos eficientes o pagar costos más altos por factores adicionales.',
+      ejemplo: 'Para cultivar más trigo, se deben usar tierras menos fértiles que requieren más insumos.'
+    },
+    {
+      nombre: 'Entrada de nuevos productores',
+      descripcion: 'Precios más altos atraen a nuevos productores al mercado, aumentando la oferta total.',
+      ejemplo: 'Si el café está caro, agricultores de otras zonas comienzan a cultivar café.'
+    }
+  ],
+  
+  representacionMatematica: {
+    funcion: 'Qs = f(P)',
+    donde: {
+      Qs: 'Cantidad ofrecida',
+      P: 'Precio del bien',
+      f: 'Función creciente (pendiente positiva)'
+    },
+    ejemploLineal: 'Qs = 20 + 3P',
+    interpretacion: 'Por cada aumento de $1 en el precio, la cantidad ofrecida aumenta en 3 unidades.'
+  },
+  
+  excepciones: [
+    {
+      caso: 'Bienes de especulación',
+      descripcion: 'Si los productores esperan precios aún más altos en el futuro, pueden reducir la oferta actual.',
+      ejemplo: 'Productores de petróleo reducen oferta actual esperando precios más altos.'
+    },
+    {
+      caso: 'Bienes de lujo exclusivo',
+      descripcion: 'Para mantener exclusividad, productores pueden limitar cantidad aunque el precio sea alto.',
+      ejemplo: 'Relojes suizos de lujo mantienen producción limitada a pesar de alta demanda.'
+    },
+    {
+      caso: 'Trabajo (curva de oferta retrógrada)',
+      descripcion: 'Muy altos salarios pueden reducir horas trabajadas (preferencia por ocio).',
+      ejemplo: 'Médicos especialistas trabajan menos horas cuando ganan suficiente.'
+    }
+  ]
+};
+
+// ============================================
+// FACTORES QUE DESPLAZAN LA CURVA DE OFERTA
+// ============================================
+
+export const factoresDesplazamientoOferta: FactorDesplazamientoOferta[] = [
+  {
+    nombre: 'Tecnología',
+    descripcion: 'Avances tecnológicos que mejoran la productividad',
+    direccion: DireccionDesplazamientoOferta.DERECHA,
+    mecanismo: 'Reduce costos unitarios, permite producir más con mismos recursos',
+    ejemplo: 'Nuevas máquinas de coser automáticas duplican la producción de ropa',
+    icono: '⚙️'
+  },
+  {
+    nombre: 'Precio de insumos',
+    descripcion: 'Cambios en el costo de materias primas, mano de obra o capital',
+    direccion: DireccionDesplazamientoOferta.IZQUIERDA,
+    mecanismo: 'Aumenta costos de producción, reduce rentabilidad',
+    ejemplo: 'Subida del precio del petróleo aumenta costos de transporte y plásticos',
+    icono: '⛽'
+  },
+  {
+    nombre: 'Número de vendedores',
+    descripcion: 'Entrada o salida de empresas del mercado',
+    direccion: DireccionDesplazamientoOferta.DERECHA,
+    mecanismo: 'Más productores = más oferta total en el mercado',
+    ejemplo: 'Eliminación de aranceles permite entrada de productores extranjeros',
+    icono: '🏭'
+  },
+  {
+    nombre: 'Expectativas de precios',
+    descripcion: 'Expectativas sobre precios futuros del bien',
+    direccion: DireccionDesplazamientoOferta.IZQUIERDA,
+    mecanismo: 'Si esperan precios más altos futuros, reducen oferta actual',
+    ejemplo: 'Agricultores almacenan granos esperando precios más altos en invierno',
+    icono: '📈'
+  },
+  {
+    nombre: 'Impuestos y subsidios',
+    descripcion: 'Políticas gubernamentales que afectan costos',
+    direccion: DireccionDesplazamientoOferta.IZQUIERDA, // Para impuestos
+    mecanismo: 'Impuestos aumentan costos; subsidios reducen costos',
+    ejemplo: 'Nuevo impuesto al tabaco reduce oferta; subsidio a energías renovables aumenta oferta',
+    icono: '🏛️'
+  },
+  {
+    nombre: 'Condiciones naturales',
+    descripcion: 'Eventos climáticos, desastres naturales o condiciones ambientales',
+    direccion: DireccionDesplazamientoOferta.IZQUIERDA,
+    mecanismo: 'Afecta capacidad productiva de sectores agrícolas o naturales',
+    ejemplo: 'Sequía reduce cosecha de trigo; huracán afecta producción petrolera',
+    icono: '🌪️'
+  },
+  {
+    nombre: 'Regulaciones gubernamentales',
+    descripcion: 'Normativas ambientales, laborales o de producción',
+    direccion: DireccionDesplazamientoOferta.IZQUIERDA,
+    mecanismo: 'Mayores requisitos aumentan costos de cumplimiento',
+    ejemplo: 'Nuevas normas ambientales requieren filtros costosos en fábricas',
+    icono: '📋'
+  }
+];
+
+// ============================================
+// COSTOS DE PRODUCCIÓN
+// ============================================
+
+export const costosProduccion = {
+  titulo: 'Costos de Producción y Oferta',
+  
+  introduccion: 'Los costos son fundamentales para entender las decisiones de oferta. Los productores maximizan ganancias donde Ingreso Marginal = Costo Marginal.',
+  
+  categorias: [
+    {
+      categoria: 'Costos Fijos (CF)',
+      definicion: 'Costos que no varían con la cantidad producida',
+      ejemplos: ['Alquiler de local', 'Seguros', 'Salarios administrativos', 'Licencias'],
+      ejemplosCantidad: 'Ej: $10,000 mensuales sin importar producción'
+    },
+    {
+      categoria: 'Costos Variables (CV)',
+      definicion: 'Costos que varían directamente con la producción',
+      ejemplos: ['Materias primas', 'Mano de obra directa', 'Energía productiva', 'Envases'],
+      ejemplosCantidad: 'Ej: $5 por unidad producida'
+    },
+    {
+      categoria: 'Costos Totales (CT)',
+      definicion: 'Suma de costos fijos y variables',
+      formula: 'CT = CF + CV',
+      ejemplosCantidad: 'Ej: CT = $10,000 + $5 × Q'
+    }
+  ],
+  
+  costosMarginales: {
+    nombre: 'Costo Marginal (CM)',
+    definicion: 'Costo adicional de producir una unidad más',
+    importancia: 'Determina la curva de oferta del productor',
+    relacionOferta: 'El productor ofrecerá cantidades donde P ≥ CM',
+    formula: 'CM = ΔCT / ΔQ'
+  },
+  
+  tablaEjemplo: [
+    { q: 0, cf: 100, cv: 0, ct: 100, cme: '-', cmg: '-' },
+    { q: 1, cf: 100, cv: 50, ct: 150, cme: 150, cmg: 50 },
+    { q: 2, cf: 100, cv: 90, ct: 190, cme: 95, cmg: 40 },
+    { q: 3, cf: 100, cv: 140, ct: 240, cme: 80, cmg: 50 },
+    { q: 4, cf: 100, cv: 220, ct: 320, cme: 80, cmg: 80 },
+    { q: 5, cf: 100, cv: 340, ct: 440, cme: 88, cmg: 120 }
+  ]
+};
+
+// ============================================
+// CURVAS DE OFERTA
+// ============================================
+
+export const curvaOfertaIndividual: CurvaOferta = {
+  id: 'oferta-individual',
+  nombre: 'Curva de Oferta Individual',
+  descripcion: 'Muestra la relación entre precio y cantidad ofrecida por un solo productor',
+  horizonteTemporal: HorizonteTemporal.CORTO_PLAZO,
+  puntos: [
+    { precio: 2, cantidad: 10 },
+    { precio: 4, cantidad: 30 },
+    { precio: 6, cantidad: 55 },
+    { precio: 8, cantidad: 85 },
+    { precio: 10, cantidad: 120 }
+  ]
+};
+
+export const curvaOfertaMercado: CurvaOferta = {
+  id: 'oferta-mercado',
+  nombre: 'Curva de Oferta de Mercado',
+  descripcion: 'Suma horizontal de todas las ofertas individuales en el mercado',
+  horizonteTemporal: HorizonteTemporal.CORTO_PLAZO,
+  puntos: [
+    { precio: 2, cantidad: 1000 },
+    { precio: 4, cantidad: 3000 },
+    { precio: 6, cantidad: 5500 },
+    { precio: 8, cantidad: 8500 },
+    { precio: 10, cantidad: 12000 }
+  ]
+};
+
+export const curvaOfertaLargoPlazo: CurvaOferta = {
+  id: 'oferta-largo-plazo',
+  nombre: 'Curva de Oferta a Largo Plazo',
+  descripcion: 'A largo plazo, más elástica debido a la entrada/salida de empresas',
+  horizonteTemporal: HorizonteTemporal.LARGO_PLAZO,
+  puntos: [
+    { precio: 2, cantidad: 500 },
+    { precio: 3, cantidad: 2000 },
+    { precio: 4, cantidad: 5000 },
+    { precio: 5, cantidad: 10000 },
+    { precio: 6, cantidad: 18000 }
+  ]
+};
+
+// ============================================
+// EJEMPLOS PRÁCTICOS
+// ============================================
+
+export const ejemplosOferta: EjemploOferta[] = [
+  {
+    titulo: 'Tecnología en Manufactura',
+    bien: 'Smartphones',
+    escenario: 'Implementación de robots en línea de ensamblaje reduce tiempo de producción en 40%',
+    explicacion: 'El avance tecnológico desplaza la curva de oferta a la derecha. A cada precio, los productores pueden ofrecer más unidades porque sus costos unitarios han disminuido.',
+    graficoData: [
+      { precio: 400, cantidad: 5000 },
+      { precio: 350, cantidad: 7000 },
+      { precio: 300, cantidad: 9500 },
+      { precio: 250, cantidad: 12000 },
+      { precio: 200, cantidad: 15000 }
+    ],
+    impactoEconomico: 'Precios más bajos para consumidores y mayor acceso tecnológico'
+  },
+  {
+    titulo: 'Shock de Insumos: Petróleo',
+    bien: 'Gasolina',
+    escenario: 'Conflicto geopolítico reduce exportaciones de petróleo crudo en 30%',
+    explicacion: 'El aumento del precio de la materia prima (petróleo) desplaza la curva de oferta de gasolina a la izquierda. Es más costoso producir gasolina.',
+    graficoData: [
+      { precio: 5, cantidad: 8000 },
+      { precio: 6, cantidad: 6500 },
+      { precio: 7, cantidad: 5000 },
+      { precio: 8, cantidad: 3500 },
+      { precio: 9, cantidad: 2000 }
+    ],
+    impactoEconomico: 'Aumento de precios en transporte y productos derivados'
+  },
+  {
+    titulo: 'Entrada de Nuevos Productores',
+    bien: 'Café de especialidad',
+    escenario: 'Eliminación de barreras comerciales permite importación de café de nuevos países',
+    explicacion: 'La entrada de más productores al mercado aumenta la oferta total. La curva se desplaza a la derecha, beneficiando a los consumidores con más opciones.',
+    graficoData: [
+      { precio: 20, cantidad: 1000 },
+      { precio: 18, cantidad: 1800 },
+      { precio: 16, cantidad: 2800 },
+      { precio: 14, cantidad: 4000 },
+      { precio: 12, cantidad: 5500 }
+    ],
+    impactoEconomico: 'Mayor diversidad de productos y presión a la baja en precios'
+  }
+];
+
+// ============================================
+// OFERTA EN DIFERENTES HORIZONTES TEMPORALES
+// ============================================
+
+export const ofertaTemporal = {
+  titulo: 'Oferta: Corto vs Largo Plazo',
+  
+  cortoPlazo: {
+    definicion: 'Período en el que al menos un factor de producción es fijo',
+    caracteristicas: [
+      'Capacidad productiva limitada',
+      'No puede entrar/salir de empresas',
+      'Curva de oferta más inclinada (inelástica)',
+      'Ajustes principalmente en intensidad de uso'
+    ],
+    ejemplo: 'Una fábrica puede aumentar producción con turnos extra, pero no construir nuevas plantas'
+  },
+  
+  largoPlazo: {
+    definicion: 'Período en el que todos los factores de producción son variables',
+    caracteristicas: [
+      'Capacidad productiva ajustable',
+      'Entrada y salida de empresas',
+      'Curva de oferta más plana (elástica)',
+      'Ajustes en escala y número de productores'
+    ],
+    ejemplo: 'Nuevas fábricas se construyen, tecnologías cambian, empresas entran o salen del mercado'
+  },
+  
+  comparacionElasticidad: {
+    cortoPlazo: 'Inelástica: dificultad para ajustar producción rápidamente',
+    largoPlazo: 'Elástica: tiempo suficiente para todos los ajustes',
+    ejemploAgricultura: 'Corto plazo: usar fertilizantes. Largo plazo: cultivar más tierra.'
+  }
+};
+
+// ============================================
+// MOVIMIENTO VS DESPLAZAMIENTO
+// ============================================
+
+export const diferenciaMovimientoDesplazamientoOferta = {
+  titulo: 'Movimiento a lo largo vs Desplazamiento de la curva de oferta',
+  
+  movimiento: {
+    nombre: 'Movimiento a lo largo de la curva',
+    causa: 'Cambio en el precio del propio bien',
+    efecto: 'Cambio en la cantidad ofrecida',
+    direccion: 'Subida o bajada por la misma curva',
+    ejemplo: 'El precio del trigo sube de $5 a $7 → agricultores ofrecen más trigo',
+    representacion: 'Movimiento de un punto a otro en la misma curva'
+  },
+  
+  desplazamiento: {
+    nombre: 'Desplazamiento de la curva',
+    causa: 'Cambio en factores distintos al precio (tecnología, costos, regulaciones)',
+    efecto: 'Cambio en la oferta (toda la curva se mueve)',
+    direccionDerecha: 'Aumento de oferta (más cantidad a cada precio)',
+    direccionIzquierda: 'Disminución de oferta (menos cantidad a cada precio)',
+    ejemplo: 'Nueva tecnología reduce costos → más oferta a todos los precios',
+    representacion: 'Curva completa se desplaza'
+  },
+  
+  tablaComparativa: [
+    { concepto: 'Causa', movimiento: 'Precio del bien cambia', desplazamiento: 'Otros factores cambian' },
+    { concepto: 'Gráfico', movimiento: 'Nos movemos sobre la curva', desplazamiento: 'Curva se desplaza' },
+    { concepto: 'Terminología', movimiento: 'Cambio en cantidad ofrecida', desplazamiento: 'Cambio en oferta' },
+    { concepto: 'Ejemplo', movimiento: 'Precio de manzanas ↑', desplazamiento: 'Tecnología mejora ↑' }
+  ]
+};
+
+// ============================================
+// RESUMEN Y PUNTOS CLAVE
+// ============================================
+
+export const resumenOferta = {
+  titulo: 'Resumen: Oferta',
+  
+  puntosClave: [
+    'La oferta requiere disposición Y capacidad de producir',
+    'La ley de la oferta establece relación directa precio-cantidad',
+    'La curva de oferta tiene pendiente positiva',
+    'La oferta se desplaza por cambios en costos, tecnología, número de vendedores',
+    'Tecnología mejora → oferta aumenta (desplazamiento derecha)',
+    'Costos de insumos suben → oferta disminuye (desplazamiento izquierda)',
+    'A largo plazo, la oferta es más elástica que a corto plazo',
+    'Costo marginal determina la curva de oferta del productor'
+  ],
+  
+  formulaRecordatorio: {
+    leyOferta: 'P ↑ → Qs ↑ (ceteris paribus)',
+    ofertaMercado: 'Qs_mercado = Σ Qs_individuales',
+    decisionProductor: 'Producir donde P ≥ CMg'
+  },
+  
+  mapaConceptual: {
+    centro: 'Oferta',
+    ramas: [
+      { nombre: 'Ley', elementos: ['Relación directa P-Q', 'Pendiente positiva'] },
+      { nombre: 'Determinantes', elementos: ['Tecnología', 'Costos', 'Vendedores', 'Expectativas'] },
+      { nombre: 'Tipos', elementos: ['Individual', 'Mercado', 'Corto plazo', 'Largo plazo'] },
+      { nombre: 'Costos', elementos: ['Fijos', 'Variables', 'Marginal', 'Total'] }
+    ]
+  }
+};
+
+// Exportación por defecto
+export default {
+  definicion: definicionOferta,
+  ley: leyOferta,
+  factores: factoresDesplazamientoOferta,
+  costos: costosProduccion,
+  curvas: {
+    individual: curvaOfertaIndividual,
+    mercado: curvaOfertaMercado,
+    largoPlazo: curvaOfertaLargoPlazo
+  },
+  ejemplos: ejemplosOferta,
+  temporal: ofertaTemporal,
+  diferencia: diferenciaMovimientoDesplazamientoOferta,
+  resumen: resumenOferta
+};

frontend/src/content/modulo3/clasificacion.ts

@@ -0,0 +1,450 @@
+export const clasificacionBienes = {
+  id: "clasificacion-bienes-elasticidad",
+  titulo: "Clasificación de Bienes según Elasticidad",
+  
+  introduccion: {
+    descripcion: `La elasticidad nos permite clasificar los bienes en diferentes categorías según 
+su comportamiento ante cambios en el ingreso (elasticidad ingreso) y ante cambios en el precio 
+de otros bienes (elasticidad cruzada). Esta clasificación es fundamental para entender las 
+relaciones de consumo y para la toma de decisiones empresariales y de política económica.`
+  },
+
+  clasificacionPorIngreso: {
+    titulo: "Clasificación según Elasticidad Ingreso (Ei)",
+    descripcion: "Los bienes se clasifican según cómo responde su demanda ante cambios en el ingreso de los consumidores",
+    formulaReferencia: "Ei = (% cambio en cantidad demandada) / (% cambio en ingreso)",
+    
+    categorias: [
+      {
+        tipo: "Bienes Normales",
+        condicion: "Ei > 0",
+        descripcion: "La cantidad demandada aumenta cuando aumenta el ingreso. Son bienes que los consumidores desean más a medida que se vuelven más ricos.",
+        signo: "Positivo",
+        relacionIngreso: "Directa",
+        grafica: "Curva con pendiente positiva en plano Ingreso-Cantidad",
+        ejemplos: [
+          "Ropa de calidad",
+          "Electrodomésticos",
+          "Entretenimiento",
+          "Educación",
+          "Viajes"
+        ],
+        comportamientoCicloEconomico: "Demanda aumenta en expansiones económicas",
+        
+        subclasificacion: [
+          {
+            subtipo: "Bienes Necesarios",
+            condicion: "0 < Ei < 1",
+            descripcion: "La demanda aumenta con el ingreso, pero en menor proporción. Son bienes esenciales que todos consumen, pero los ricos no consumen proporcionalmente más.",
+            caracteristicas: [
+              "Demanda crece menos que proporcionalmente al ingreso",
+              "Son bienes básicos indispensables",
+              "La proporción del ingreso gastada disminuye al subir ingresos"
+            ],
+            ejemplos: [
+              { bien: "Alimentos básicos", eiAproximado: "0.2 - 0.5" },
+              { bien: "Servicios médicos básicos", eiAproximado: "0.3 - 0.6" },
+              { bien: "Vivienda básica", eiAproximado: "0.4 - 0.8" },
+              { bien: "Transporte público", eiAproximado: "0.1 - 0.4" }
+            ],
+            curvaEngel: "Pendiente positiva pero convexa (aplana al subir ingreso)"
+          },
+          {
+            subtipo: "Bienes de Lujo",
+            condicion: "Ei > 1",
+            descripcion: "La demanda aumenta más que proporcionalmente al ingreso. Cuando los ingresos crecen, el gasto en estos bienes crece más rápido.",
+            caracteristicas: [
+              "Demanda crece más que proporcionalmente al ingreso",
+              "Son deseables pero no esenciales",
+              "La proporción del ingreso gastada aumenta con el ingreso"
+            ],
+            ejemplos: [
+              { bien: "Viajes internacionales", eiAproximado: "2.0 - 3.5" },
+              { bien: "Restaurantes de lujo", eiAproximado: "1.5 - 2.5" },
+              { bien: "Joyas finas", eiAproximado: "2.0 - 4.0" },
+              { bien: "Autos deportivos", eiAproximado: "2.5 - 3.5" },
+              { bien: "Arte y antigüedades", eiAproximado: "1.8 - 3.0" }
+            ],
+            curvaEngel: "Pendiente positiva y cóncava (se empinada al subir ingreso)"
+          }
+        ]
+      },
+      {
+        tipo: "Bienes Inferiores",
+        condicion: "Ei < 0",
+        descripcion: "La cantidad demandada disminuye cuando aumenta el ingreso. Los consumidores sustituyen estos bienes por alternativas de mayor calidad a medida que pueden pagar más.",
+        signo: "Negativo",
+        relacionIngreso: "Inversa",
+        grafica: "Curva con pendiente negativa en plano Ingreso-Cantidad",
+        
+        caracteristicas: [
+          "Demanda decrece al aumentar el ingreso",
+          "Sustituidos por bienes de mayor calidad",
+          "Mayor consumo en grupos de bajos ingresos",
+          "No son necesariamente de mala calidad, sino que hay mejores alternativas"
+        ],
+        
+        ejemplos: [
+          {
+            bien: "Transporte público",
+            explicacion: "Personas con más ingreso compran auto",
+            eiAproximado: "-0.3 a -0.6"
+          },
+          {
+            bien: "Fideos instantáneos",
+            explicacion: "Sustituidos por comida fresca",
+            eiAproximado: "-0.5 a -0.8"
+          },
+          {
+            bien: "Marcas genéricas",
+            explicacion: "Sustituidas por marcas reconocidas",
+            eiAproximado: "-0.4 a -0.7"
+          },
+          {
+            bien: "Carne de segunda",
+            explicacion: "Sustituida por cortes de primera",
+            eiAproximado: "-0.6 a -1.0"
+          },
+          {
+            bien: "Ropa de segunda mano",
+            explicacion: "Sustituida por ropa nueva",
+            eiAproximado: "-0.8 a -1.5"
+          },
+          {
+            bien: "Productos enlatados",
+            explicacion: "Sustituidos por productos frescos",
+            eiAproximado: "-0.3 a -0.5"
+          }
+        ],
+        
+        comportamientoCicloEconomico: "Demanda aumenta en recesiones",
+        empresasEjemplo: ["Dollar stores", "Marcas blancas", "Comida rápida económica"],
+        nota: "Un bien puede ser inferior para algunos grupos de ingreso y normal para otros"
+      }
+    ],
+
+    ejemploNumerico: {
+      titulo: "Ejemplo Completo de Clasificación",
+      
+      escenario: "Un consumidor tiene los siguientes cambios en su consumo cuando su ingreso mensual sube de $3000 a $3600 (20% de aumento):",
+      
+      casos: [
+        {
+          bien: "Pan",
+          cantidadInicial: 20,
+          cantidadFinal: 21,
+          calculoEi: "%ΔQ = 5%, %ΔI = 20%, Ei = 5/20 = 0.25",
+          clasificacion: "Bien NORMAL NECESARIO",
+          justificacion: "0 < 0.25 < 1 → La demanda aumenta poco con el ingreso"
+        },
+        {
+          bien: "Restaurantes de lujo",
+          cantidadInicial: 2,
+          cantidadFinal: 5,
+          calculoEi: "%ΔQ = 150%, %ΔI = 20%, Ei = 150/20 = 7.5",
+          clasificacion: "Bien de LUJO",
+          justificacion: "Ei = 7.5 > 1 → La demanda crece mucho más que el ingreso"
+        },
+        {
+          bien: "Fideos instantáneos",
+          cantidadInicial: 15,
+          cantidadFinal: 10,
+          calculoEi: "%ΔQ = -33.3%, %ΔI = 20%, Ei = -33.3/20 = -1.67",
+          clasificacion: "Bien INFERIOR",
+          justificacion: "Ei = -1.67 < 0 → La demanda disminuye al subir el ingreso"
+        }
+      ]
+    }
+  },
+
+  clasificacionPorElasticidadCruzada: {
+    titulo: "Clasificación según Elasticidad Cruzada (Exy)",
+    descripcion: "Los bienes se clasifican según cómo afecta el precio de un bien Y a la demanda del bien X",
+    formulaReferencia: "Exy = (% cambio en Qx) / (% cambio en Py)",
+    
+    categorias: [
+      {
+        tipo: "Bienes Sustitutos",
+        condicion: "Exy > 0",
+        signo: "Positivo",
+        descripcion: "Cuando sube el precio del bien Y, aumenta la demanda del bien X. Los bienes pueden usarse en lugar uno del otro para satisfacer la misma necesidad.",
+        
+        caracteristicas: [
+          "Satisfacen necesidades similares",
+          "Los consumidores pueden intercambiarlos",
+          "Compiten en el mismo mercado",
+          "A mayor diferencia de precio, mayor sustitución"
+        ],
+        
+        ejemplos: [
+          {
+            par: "Coca-Cola y Pepsi",
+            exyAproximado: "+0.8",
+            comentario: "Sustitutos cercanos"
+          },
+          {
+            par: "Café y té",
+            exyAproximado: "+0.5",
+            comentario: "Sustitutos moderados"
+          },
+          {
+            par: "Mantequilla y margarina",
+            exyAproximado: "+1.2",
+            comentario: "Muy buenos sustitutos"
+          },
+          {
+            par: "Carne de res y pollo",
+            exyAproximado: "+0.6",
+            comentario: "Sustitutos proteicos"
+          },
+          {
+            par: "Uber y taxi",
+            exyAproximado: "+1.5",
+            comentario: "Sustitutos cercanos en transporte"
+          }
+        ],
+        
+        relacionPrecioDemanda: "P↑ de Y → Q↑ de X",
+        curvaDemanda: "Se desplaza a la derecha cuando sube Py",
+        
+        ejemploNumerico: {
+          titulo: "Ejemplo: Coca-Cola (X) y Pepsi (Y)",
+          datos: {
+            precioPepsiInicial: 3,
+            precioPepsiFinal: 3.6,
+            cantidadCocaInicial: 100,
+            cantidadCocaFinal: 125
+          },
+          calculo: [
+            "%ΔQx = (125-100)/100 × 100 = 25%",
+            "%ΔPy = (3.6-3)/3 × 100 = 20%",
+            "Exy = 25% / 20% = +1.25"
+          ],
+          interpretacion: "Son sustitutos cercanos porque Exy > 0 y relativamente alto"
+        }
+      },
+      {
+        tipo: "Bienes Complementarios",
+        condicion: "Exy < 0",
+        signo: "Negativo",
+        descripcion: "Cuando sube el precio del bien Y, disminuye la demanda del bien X. Los bienes se consumen juntos o uno es necesario para usar el otro.",
+        
+        caracteristicas: [
+          "Se consumen conjuntamente",
+          "Uno complementa al otro",
+          "El aumento de precio de uno reduce la demanda de ambos",
+          "A veces forman un 'sistema' de consumo"
+        ],
+        
+        tiposComplementariedad: [
+          {
+            tipo: "Complementos perfectos",
+            descripcion: "Se consumen en proporciones fijas",
+            ejemplos: ["Zapatos izquierdo y derecho", "Automóvil y gasolina (aprox)"]
+          },
+          {
+            tipo: "Complementos imperfectos",
+            descripcion: "Se consumen juntos pero no en proporción fija",
+            ejemplos: ["Cerveza y hamburguesas", "Celular y aplicaciones"]
+          }
+        ],
+        
+        ejemplos: [
+          {
+            par: "Autos y gasolina",
+            exyAproximado: "-0.4",
+            comentario: "Complementos esenciales"
+          },
+          {
+            par: "Computadores y software",
+            exyAproximado: "-0.8",
+            comentario: "Fuerte complementariedad"
+          },
+          {
+            par: "Tortillas y frijoles",
+            exyAproximado: "-0.3",
+            comentario: "Complementos dietarios"
+          },
+          {
+            par: "Impresoras y tinta",
+            exyAproximado: "-1.2",
+            comentario: "Complementos técnicos"
+          },
+          {
+            par: "Cámaras y rollos/memorias",
+            exyAproximado: "-0.9",
+            comentario: "Complementos fotográficos"
+          }
+        ],
+        
+        relacionPrecioDemanda: "P↑ de Y → Q↓ de X",
+        curvaDemanda: "Se desplaza a la izquierda cuando sube Py",
+        
+        estrategiaEmpresas: "Las empresas a veces venden un bien barato (impresora) para ganar en el complemento (tinta)",
+        
+        ejemploNumerico: {
+          titulo: "Ejemplo: Autos (X) y Gasolina (Y)",
+          datos: {
+            precioGasolinaInicial: 4,
+            precioGasolinaFinal: 5,
+            cantidadAutosInicial: 1000,
+            cantidadAutosFinal: 850
+          },
+          calculo: [
+            "%ΔQx = (850-1000)/1000 × 100 = -15%",
+            "%ΔPy = (5-4)/4 × 100 = 25%",
+            "Exy = -15% / 25% = -0.6"
+          ],
+          interpretacion: "Son complementarios porque Exy < 0"
+        }
+      },
+      {
+        tipo: "Bienes Independientes",
+        condicion: "Exy = 0",
+        signo: "Cero",
+        descripcion: "El precio del bien Y no afecta la demanda del bien X. No existe relación de consumo entre ellos.",
+        
+        caracteristicas: [
+          "No se relacionan en el consumo",
+          "Pertenecen a categorías completamente diferentes",
+          "El cambio de precio de uno no afecta al otro"
+        ],
+        
+        ejemplos: [
+          { par: "Libros y tomates", explicacion: "Sin relación de consumo" },
+          { par: "Zapatos y sillas", explicacion: "Bienes de categorías distintas" },
+          { par: "Computadores y sal", explicacion: "Sin relación de consumo" },
+          { par: "Viajes y papel higiénico", explicacion: "Necesidades independientes" }
+        ]
+      }
+    ]
+  },
+
+  matrizClasificacionCompleta: {
+    titulo: "Matriz de Clasificación Completa",
+    descripcion: "Un bien puede clasificarse usando ambos criterios simultáneamente",
+    
+    matriz: [
+      {
+        combinacion: "Bien Normal + Sustituto",
+        ejemplo: "Restaurantes de lujo vs. restaurantes medianos",
+        caracteristicas: "Demanda crece con ingreso, compite con similares"
+      },
+      {
+        combinacion: "Bien Normal + Complemento",
+        ejemplo: "Autos eléctricos (complemento: estaciones de carga)",
+        caracteristicas: "Demanda crece con ingreso, depende de bien relacionado"
+      },
+      {
+        combinacion: "Bien Inferior + Sustituto",
+        ejemplo: "Transporte público vs. taxis",
+        caracteristicas: "Demanda cae con ingreso, compite con alternativas"
+      },
+      {
+        combinacion: "Bien Inferior + Complemento",
+        ejemplo: "Fideos instantáneos + salsa instantánea",
+        caracteristicas: "Ambos tienen demanda decreciente con ingreso"
+      }
+    ]
+  },
+
+  aplicacionesPracticas: {
+    titulo: "Aplicaciones Prácticas de la Clasificación",
+    
+    aplicaciones: [
+      {
+        area: "Marketing y Estrategia Empresarial",
+        usos: [
+          "Identificar mercados objetivo según nivel de ingreso",
+          "Desarrollar estrategias de precios basadas en elasticidad",
+          "Diseñar campañas para bienes de lujo vs. necesarios"
+        ]
+      },
+      {
+        area: "Política Económica",
+        usos: [
+          "Diseñar impuestos sobre bienes inelásticos (generan más recaudación)",
+          "Subvencionar bienes necesarios para grupos de bajos ingresos",
+          "Predecir efectos de políticas redistributivas"
+        ]
+      },
+      {
+        area: "Análisis de Mercado",
+        usos: [
+          "Identificar oportunidades de negocio en diferentes segmentos",
+          "Predecir demanda en ciclos económicos",
+          "Analizar competencia entre productos sustitutos"
+        ]
+      },
+      {
+        area: "Planificación Financiera",
+        usos: [
+          "Sectores defensivos (bienes necesarios) vs. cíclicos (lujos)",
+          "Diversificación de inversiones",
+          "Evaluación de riesgos en recesiones"
+        ]
+      }
+    ]
+  },
+
+  ejerciciosResueltos: [
+    {
+      id: 1,
+      enunciado: "Clasifica los siguientes bienes según su elasticidad ingreso esperada: a) Arroz, b) Yates, c) Autobuses, d) Medicinas",
+      
+      respuestas: [
+        {
+          bien: "Arroz",
+          eiEstimado: "0.2 - 0.4",
+          clasificacion: "Bien NORMAL NECESARIO",
+          justificacion: "Es un alimento básico. La demanda aumenta con el ingreso pero poco."
+        },
+        {
+          bien: "Yates",
+          eiEstimado: "3.0 - 5.0",
+          clasificacion: "Bien de LUJO",
+          justificacion: "Solo los muy ricos los compran. Demanda muy sensible al ingreso."
+        },
+        {
+          bien: "Autobuses",
+          eiEstimado: "-0.5 - -0.3",
+          clasificacion: "Bien INFERIOR",
+          justificacion: "Con más ingreso la gente prefiere auto o taxi."
+        },
+        {
+          bien: "Medicinas esenciales",
+          eiEstimado: "0.0 - 0.1",
+          clasificacion: "Bien NORMAL NECESARIO (casi inelástico)",
+          justificacion: "Todos las necesitan sin importar el ingreso."
+        }
+      ]
+    },
+    {
+      id: 2,
+      enunciado: "¿Son sustitutos o complementos los siguientes pares? a) Netflix y cines, b) Lápices y papel, c) iPhone y Samsung",
+      
+      respuestas: [
+        {
+          par: "Netflix y cines",
+          exyEsperado: "+0.6",
+          clasificacion: "SUSTITUTOS",
+          explicacion: "Compiten por el tiempo de entretenimiento del consumidor. Si suben las entradas de cine, más gente se queda en casa con Netflix."
+        },
+        {
+          par: "Lápices y papel",
+          exyEsperado: "-0.4",
+          clasificacion: "COMPLEMENTOS",
+          explicacion: "Se usan juntos. Si sube el precio del papel, se demandan menos lápices."
+        },
+        {
+          par: "iPhone y Samsung",
+          exyEsperado: "+1.2",
+          clasificacion: "SUSTITUTOS CERCANOS",
+          explicacion: "Son competidores directos en smartphones. Alta sustituibilidad."
+        }
+      ]
+    }
+  ]
+};
+
+export default clasificacionBienes;

frontend/src/content/modulo3/conceptos.ts

@@ -0,0 +1,242 @@
+export const conceptosElasticidad = {
+  id: "conceptos-elasticidad",
+  titulo: "Conceptos Fundamentales de Elasticidad",
+  
+  introduccion: {
+    descripcion: `La elasticidad mide la sensibilidad o respuesta de la cantidad demandada u ofrecida 
+de un bien ante cambios en variables económicas como el precio, el ingreso o el precio de otros bienes. 
+Es una herramienta fundamental para analizar cómo reaccionan los consumidores y productores ante 
+cambios en el mercado.`,
+    importancia: [
+      "Permite predecir cambios en la cantidad demandada ante variaciones de precio",
+      "Ayuda a las empresas a fijar estrategias de precios óptimas",
+      "Permite clasificar bienes según su comportamiento ante cambios económicos",
+      "Es esencial para la formulación de políticas fiscales y de ingresos"
+    ]
+  },
+
+  definicionElasticidad: {
+    titulo: "¿Qué es la Elasticidad?",
+    definicion: "La elasticidad mide el grado de respuesta de la cantidad demandada (u ofrecida) ante cambios porcentuales en variables económicas relevantes.",
+    interpretacionIntuitiva: "Una elasticidad alta significa que la cantidad es muy sensible a cambios en la variable. Una elasticidad baja indica poca sensibilidad.",
+    
+    formulaGeneral: {
+      simbolo: "E",
+      ecuacion: "E = (% cambio en la cantidad) / (% cambio en la variable)",
+      latex: "E = \\frac{\\% \\Delta Q}{\\% \\Delta X}",
+      donde: [
+        { variable: "E", significado: "Coeficiente de elasticidad (número puro)" },
+        { variable: "% ΔQ", significado: "Porcentaje de cambio en la cantidad" },
+        { variable: "% ΔX", significado: "Porcentaje de cambio en la variable (precio, ingreso, etc.)" }
+      ]
+    }
+  },
+
+  elasticidadPrecioDemanda: {
+    titulo: "Elasticidad Precio de la Demanda (Ed)",
+    definicion: "Mide el porcentaje de cambio en la cantidad demandada como respuesta a un cambio porcentual en el precio del bien.",
+    
+    formula: {
+      ecuacion: "Ed = (% cambio en cantidad demandada) / (% cambio en precio)",
+      latex: "E_d = \\frac{\\% \\Delta Q_d}{\\% \\Delta P} = \\frac{\\frac{Q_2 - Q_1}{Q_1} \\times 100}{\\frac{P_2 - P_1}{P_1} \\times 100}",
+      simplificada: "Ed = (ΔQ/Q) / (ΔP/P) = (ΔQ/ΔP) × (P/Q)"
+    },
+
+    metodoPuntoMedio: {
+      nombre: "Método del Punto Medio (Arc Elasticity)",
+      descripcion: "Método más preciso que usa el promedio de los valores inicial y final",
+      formula: {
+        latex: "E_d = \\frac{\\frac{Q_2 - Q_1}{(Q_1 + Q_2)/2}}{\\frac{P_2 - P_1}{(P_1 + P_2)/2}}",
+        descripcion: "Usa los valores promedio como base para calcular los porcentajes"
+      }
+    },
+
+    interpretacion: [
+      {
+        rango: "|Ed| > 1",
+        clasificacion: "Demanda ELÁSTICA",
+        significado: "La cantidad cambia en mayor proporción que el precio",
+        ejemplo: "Si el precio sube 10%, la cantidad demandada baja más de 10%",
+        bienesTipicos: ["Bienes de lujo", "Productos con muchos sustitutos", "Bienes no esenciales"]
+      },
+      {
+        rango: "|Ed| < 1",
+        clasificacion: "Demanda INELÁSTICA",
+        significado: "La cantidad cambia en menor proporción que el precio",
+        ejemplo: "Si el precio sube 10%, la cantidad demandada baja menos de 10%",
+        bienesTipicos: ["Bienes necesarios", "Medicinas", "Combustible", "Sal"]
+      },
+      {
+        rango: "|Ed| = 1",
+        clasificacion: "Demanda UNITARIA",
+        significado: "La cantidad cambia en la misma proporción que el precio",
+        ejemplo: "Si el precio sube 10%, la cantidad demandada baja exactamente 10%",
+        bienesTipicos: ["Raramente ocurre en la realidad", "Curva teórica de demanda rectangular de hiperbola"]
+      },
+      {
+        rango: "|Ed| = 0",
+        clasificacion: "Demanda PERFECTAMENTE INELÁSTICA",
+        significado: "La cantidad no cambia ante cualquier cambio de precio",
+        ejemplo: "Medicinas indispensables para la vida",
+        representacionGrafica: "Línea vertical"
+      },
+      {
+        rango: "|Ed| = ∞",
+        clasificacion: "Demanda PERFECTAMENTE ELÁSTICA",
+        significado: "Cualquier cambio de precio elimina toda la demanda",
+        ejemplo: "Bienes con sustitutos perfectos en mercados competitivos",
+        representacionGrafica: "Línea horizontal"
+      }
+    ]
+  },
+
+  determinantesElasticidad: {
+    titulo: "Factores que Determinan la Elasticidad",
+    factores: [
+      {
+        factor: "Disponibilidad de sustitutos",
+        efecto: "Más sustitutos → Mayor elasticidad",
+        explicacion: "Si existen muchos bienes similares, los consumidores pueden cambiar fácilmente cuando sube el precio"
+      },
+      {
+        factor: "Necesidad vs. Lujo",
+        efecto: "Necesidades → Menor elasticidad | Lujos → Mayor elasticidad",
+        explicacion: "Los bienes necesarios se siguen consumiendo aunque suban de precio"
+      },
+      {
+        factor: "Proporción del ingreso",
+        efecto: "Mayor proporción → Mayor elasticidad",
+        explicacion: "Bienes caros (autos, casas) tienen elasticidad mayor que bienes baratos (fósforos)"
+      },
+      {
+        factor: "Horizonte temporal",
+        efecto: "Largo plazo → Mayor elasticidad",
+        explicacion: "A largo plazo los consumidores pueden ajustar hábitos y encontrar alternativas"
+      },
+      {
+        factor: "Definición del mercado",
+        efecto: "Mercado amplio → Menor elasticidad | Mercado específico → Mayor elasticidad",
+        explicacion: "La demanda de 'alimentos' es inelástica, pero la de 'manzanas' es más elástica"
+      }
+    ]
+  },
+
+  ejemplosNumericos: [
+    {
+      titulo: "Ejemplo 1: Cálculo básico de elasticidad",
+      datos: {
+        precioInicial: 10,
+        precioFinal: 12,
+        cantidadInicial: 100,
+        cantidadFinal: 80
+      },
+      pasos: [
+        {
+          paso: 1,
+          descripcion: "Calcular % cambio en cantidad",
+          calculo: "(80 - 100) / 100 × 100 = -20%"
+        },
+        {
+          paso: 2,
+          descripcion: "Calcular % cambio en precio",
+          calculo: "(12 - 10) / 10 × 100 = 20%"
+        },
+        {
+          paso: 3,
+          descripcion: "Calcular elasticidad",
+          calculo: "Ed = -20% / 20% = -1.0",
+          nota: "En valor absoluto: |Ed| = 1.0"
+        },
+        {
+          paso: 4,
+          descripcion: "Interpretación",
+          resultado: "Demanda UNITARIA - la cantidad disminuye en la misma proporción que aumenta el precio"
+        }
+      ]
+    },
+    {
+      titulo: "Ejemplo 2: Método del punto medio",
+      datos: {
+        precioInicial: 8,
+        precioFinal: 10,
+        cantidadInicial: 120,
+        cantidadFinal: 90
+      },
+      pasos: [
+        {
+          paso: 1,
+          descripcion: "Calcular cambio en cantidad usando promedio",
+          calculo: "(90 - 120) / ((120 + 90)/2) = -30 / 105 = -0.2857 = -28.57%"
+        },
+        {
+          paso: 2,
+          descripcion: "Calcular cambio en precio usando promedio",
+          calculo: "(10 - 8) / ((8 + 10)/2) = 2 / 9 = 0.2222 = 22.22%"
+        },
+        {
+          paso: 3,
+          descripcion: "Calcular elasticidad",
+          calculo: "Ed = -28.57% / 22.22% = -1.29",
+          nota: "En valor absoluto: |Ed| = 1.29"
+        },
+        {
+          paso: 4,
+          descripcion: "Interpretación",
+          resultado: "Demanda ELÁSTICA - la cantidad es muy sensible al precio"
+        }
+      ]
+    }
+  ],
+
+  relacionIngresoTotal: {
+    titulo: "Relación entre Elasticidad e Ingreso Total",
+    definicion: "El ingreso total (IT) es el precio multiplicado por la cantidad vendida: IT = P × Q",
+    
+    reglas: [
+      {
+        elasticidad: "Elástica (|Ed| > 1)",
+        efectoPrecioArriba: "El ingreso total DISMINUYE",
+        efectoPrecioAbajo: "El ingreso total AUMENTA",
+        explicacion: "La cantidad cambia más que proporcionalmente al precio"
+      },
+      {
+        elasticidad: "Inelástica (|Ed| < 1)",
+        efectoPrecioArriba: "El ingreso total AUMENTA",
+        efectoPrecioAbajo: "El ingreso total DISMINUYE",
+        explicacion: "La cantidad cambia menos que proporcionalmente al precio"
+      },
+      {
+        elasticidad: "Unitaria (|Ed| = 1)",
+        efectoPrecioArriba: "El ingreso total se MANTIENE CONSTANTE",
+        efectoPrecioAbajo: "El ingreso total se MANTIENE CONSTANTE",
+        explicacion: "Los cambios en precio y cantidad se compensan exactamente"
+      }
+    ],
+
+    ejemploNumerico: {
+      descripcion: "Ejemplo: Producto con demanda elástica (|Ed| = 2)",
+      escenarioBase: { precio: 100, cantidad: 1000, ingresoTotal: 100000 },
+      escenarioPrecioSube: { precio: 110, cantidad: 800, ingresoTotal: 88000, cambio: "-12%" },
+      escenarioPrecioBaja: { precio: 90, cantidad: 1200, ingresoTotal: 108000, cambio: "+8%" },
+      conclusion: "Al ser elástica, subir el precio reduce los ingresos, y bajar el precio aumenta los ingresos"
+    }
+  },
+
+  resumenVisual: {
+    titulo: "Resumen Visual de Elasticidad",
+    tablaInterpretacion: {
+      columnas: ["|Ed|", "Clasificación", "Respuesta de Q", "Ejemplo"],
+      filas: [
+        ["0", "Perfectamente inelástica", "Sin cambio", "Insulina"],
+        ["0 - 0.5", "Muy inelástica", "Cambia poco", "Sal"],
+        ["0.5 - 1", "Inelástica", "Cambia menos proporcional", "Gasolina"],
+        ["1", "Unitaria", "Cambia igual proporción", "Teórico"],
+        ["1 - 2", "Elástica", "Cambia más proporcional", "Restaurantes"],
+        ["2 - 5", "Muy elástica", "Cambia mucho", "Cine"],
+        ["∞", "Perfectamente elástica", "Q → 0 con cualquier ΔP", "Trigo en mercado mundial"]
+      ]
+    }
+  }
+};
+
+export default conceptosElasticidad;

frontend/src/content/modulo3/ejercicios.ts

@@ -0,0 +1,677 @@
+export interface PasoEjercicio {
+  paso: number;
+  descripcion: string;
+  formula?: string;
+  latex?: string;
+  calculo: string;
+  resultado?: string;
+  explicacion?: string;
+}
+
+export interface Ejercicio {
+  id: string;
+  tipo: "calculadora" | "clasificacion" | "examen";
+  titulo: string;
+  dificultad: "basico" | "intermedio" | "avanzado";
+  tiempoEstimado: number;
+  enunciado: string;
+  datos?: Record<string, number>;
+  pasos: PasoEjercicio[];
+  respuestaCorrecta: string | number;
+  interpretacion: string;
+  pistas?: string[];
+}
+
+export const ejerciciosElasticidad: Ejercicio[] = [
+  {
+    id: "ejercicio-1-calculadora",
+    tipo: "calculadora",
+    titulo: "Calculadora de Elasticidad Precio - Paso a Paso",
+    dificultad: "basico",
+    tiempoEstimado: 10,
+    enunciado: `Una tienda vende café gourmet. Cuando el precio es de $10 por libra, 
+    venden 200 libras al mes. Cuando suben el precio a $12, las ventas bajan a 150 libras. 
+    Calcula la elasticidad precio de la demanda usando el método del punto medio y clasifica el resultado.`,
+    
+    datos: {
+      precioInicial: 10,
+      precioFinal: 12,
+      cantidadInicial: 200,
+      cantidadFinal: 150
+    },
+
+    pasos: [
+      {
+        paso: 1,
+        descripcion: "Identificar los datos del problema",
+        calculo: "P₁ = $10, P₂ = $12, Q₁ = 200, Q₂ = 150"
+      },
+      {
+        paso: 2,
+        descripcion: "Calcular el cambio en cantidad (ΔQ)",
+        formula: "ΔQ = Q₂ - Q₁",
+        calculo: "ΔQ = 150 - 200 = -50 libras"
+      },
+      {
+        paso: 3,
+        descripcion: "Calcular el cambio en precio (ΔP)",
+        formula: "ΔP = P₂ - P₁",
+        calculo: "ΔP = $12 - $10 = $2"
+      },
+      {
+        paso: 4,
+        descripcion: "Calcular el promedio de cantidades",
+        formula: "Q̄ = (Q₁ + Q₂) / 2",
+        latex: "\\bar{Q} = \\frac{Q_1 + Q_2}{2}",
+        calculo: "Q̄ = (200 + 150) / 2 = 175 libras"
+      },
+      {
+        paso: 5,
+        descripcion: "Calcular el promedio de precios",
+        formula: "P̄ = (P₁ + P₂) / 2",
+        latex: "\\bar{P} = \\frac{P_1 + P_2}{2}",
+        calculo: "P̄ = ($10 + $12) / 2 = $11"
+      },
+      {
+        paso: 6,
+        descripcion: "Calcular el % cambio en cantidad",
+        formula: "%ΔQ = (ΔQ / Q̄) × 100",
+        latex: "\\% \\Delta Q = \\frac{\\Delta Q}{\\bar{Q}} \\times 100",
+        calculo: "%ΔQ = (-50 / 175) × 100 = -28.57%"
+      },
+      {
+        paso: 7,
+        descripcion: "Calcular el % cambio en precio",
+        formula: "%ΔP = (ΔP / P̄) × 100",
+        latex: "\\% \\Delta P = \\frac{\\Delta P}{\\bar{P}} \\times 100",
+        calculo: "%ΔP = (2 / 11) × 100 = 18.18%"
+      },
+      {
+        paso: 8,
+        descripcion: "Calcular la elasticidad precio de la demanda",
+        formula: "Ed = %ΔQ / %ΔP",
+        latex: "E_d = \\frac{\\% \\Delta Q}{\\% \\Delta P}",
+        calculo: "Ed = -28.57% / 18.18% = -1.57",
+        resultado: "Ed = -1.57",
+        explicacion: "El signo negativo indica la relación inversa entre precio y cantidad (Ley de la Demanda)"
+      },
+      {
+        paso: 9,
+        descripcion: "Tomar valor absoluto para clasificar",
+        calculo: "|Ed| = |-1.57| = 1.57"
+      },
+      {
+        paso: 10,
+        descripcion: "Clasificar según el valor de elasticidad",
+        calculo: "|Ed| = 1.57 > 1",
+        resultado: "DEMANDA ELÁSTICA",
+        explicacion: "La cantidad demandada cambia en mayor proporción que el precio"
+      }
+    ],
+
+    respuestaCorrecta: -1.57,
+    interpretacion: `La elasticidad es -1.57 (elástica). Esto significa que por cada 1% que aumenta 
+    el precio del café, la cantidad demandada disminuye 1.57%. Como |Ed| > 1, la demanda es elástica: 
+    los consumidores son sensibles al precio. Esto tiene sentido porque el café gourmet tiene 
+    muchos sustitutos (café regular, té, otras marcas). Si la tienda sube precios, perderá 
+    muchas ventas. Para maximizar ingresos, debería considerar BAJAR el precio.`,
+
+    pistas: [
+      "Recuerda usar el método del punto medio: divide por el promedio de valores inicial y final",
+      "La elasticidad es (% cambio Q) / (% cambio P)",
+      "Si |Ed| > 1, la demanda es elástica"
+    ]
+  },
+
+  {
+    id: "ejercicio-2-calculadora-ingreso",
+    tipo: "calculadora",
+    titulo: "Calculadora de Elasticidad Ingreso",
+    dificultad: "intermedio",
+    tiempoEstimado: 12,
+    enunciado: `En un país, cuando el ingreso promedio mensual es de $2000, los hogares consumen 
+    4 kg de carne de res al mes. Cuando el ingreso sube a $2500, el consumo aumenta a 6 kg. 
+    Calcula la elasticidad ingreso de la demanda y clasifica la carne de res.`,
+    
+    datos: {
+      ingresoInicial: 2000,
+      ingresoFinal: 2500,
+      cantidadInicial: 4,
+      cantidadFinal: 6
+    },
+
+    pasos: [
+      {
+        paso: 1,
+        descripcion: "Identificar los datos",
+        calculo: "I₁ = $2000, I₂ = $2500, Q₁ = 4 kg, Q₂ = 6 kg"
+      },
+      {
+        paso: 2,
+        descripcion: "Fórmula de elasticidad ingreso",
+        formula: "Ei = (% cambio Q) / (% cambio I)",
+        latex: "E_i = \\frac{\\% \\Delta Q}{\\% \\Delta I} = \\frac{\\frac{Q_2 - Q_1}{(Q_1 + Q_2)/2}}{\\frac{I_2 - I_1}{(I_1 + I_2)/2}}",
+        calculo: "Método del punto medio"
+      },
+      {
+        paso: 3,
+        descripcion: "Calcular % cambio en cantidad",
+        formula: "%ΔQ = (Q₂ - Q₁) / ((Q₁ + Q₂)/2)",
+        calculo: "%ΔQ = (6 - 4) / ((4 + 6)/2) = 2 / 5 = 0.40 = 40%"
+      },
+      {
+        paso: 4,
+        descripcion: "Calcular % cambio en ingreso",
+        formula: "%ΔI = (I₂ - I₁) / ((I₁ + I₂)/2)",
+        calculo: "%ΔI = (2500 - 2000) / ((2000 + 2500)/2) = 500 / 2250 = 0.222 = 22.22%"
+      },
+      {
+        paso: 5,
+        descripcion: "Calcular elasticidad ingreso",
+        formula: "Ei = %ΔQ / %ΔI",
+        calculo: "Ei = 40% / 22.22% = 1.80"
+      },
+      {
+        paso: 6,
+        descripcion: "Clasificar el bien",
+        calculo: "Ei = 1.80 > 1",
+        resultado: "BIEN DE LUJO",
+        explicacion: "El consumo de carne crece más que proporcionalmente al ingreso"
+      }
+    ],
+
+    respuestaCorrecta: 1.80,
+    interpretacion: `La elasticidad ingreso es 1.80, indicando que la carne de res es un BIEN DE LUJO 
+    en este contexto. Esto significa que cuando el ingreso aumenta 1%, el consumo de carne aumenta 1.8%. 
+    Esto es típico en economías donde la carne es un símbolo de estatus o donde existe una dieta 
+    base de alimentos más baratos (granos, vegetales) que los consumidores mejoran al subir de ingreso.`
+  },
+
+  {
+    id: "ejercicio-3-calculadora-cruzada",
+    tipo: "calculadora",
+    titulo: "Calculadora de Elasticidad Cruzada",
+    dificultad: "intermedio",
+    tiempoEstimado: 12,
+    enunciado: `El precio del té (bien Y) sube de $3 a $4 por caja. Como resultado, la cantidad 
+    demandada de café (bien X) aumenta de 100 a 130 libras al mes. Calcula la elasticidad cruzada 
+    y determina si son sustitutos o complementos.`,
+    
+    datos: {
+      precioYInicial: 3,
+      precioYFinal: 4,
+      cantidadXInicial: 100,
+      cantidadXFinal: 130
+    },
+
+    pasos: [
+      {
+        paso: 1,
+        descripcion: "Identificar los datos",
+        calculo: "Py₁ = $3, Py₂ = $4, Qx₁ = 100, Qx₂ = 130"
+      },
+      {
+        paso: 2,
+        descripcion: "Fórmula de elasticidad cruzada",
+        formula: "Exy = (% cambio Qx) / (% cambio Py)",
+        latex: "E_{xy} = \\frac{\\% \\Delta Q_x}{\\% \\Delta P_y}",
+        calculo: "Usar método del punto medio"
+      },
+      {
+        paso: 3,
+        descripcion: "Calcular % cambio en Qx",
+        formula: "%ΔQx = (Qx₂ - Qx₁) / ((Qx₁ + Qx₂)/2)",
+        calculo: "%ΔQx = (130 - 100) / ((100 + 130)/2) = 30 / 115 = 26.09%"
+      },
+      {
+        paso: 4,
+        descripcion: "Calcular % cambio en Py",
+        formula: "%ΔPy = (Py₂ - Py₁) / ((Py₁ + Py₂)/2)",
+        calculo: "%ΔPy = (4 - 3) / ((3 + 4)/2) = 1 / 3.5 = 28.57%"
+      },
+      {
+        paso: 5,
+        descripcion: "Calcular elasticidad cruzada",
+        formula: "Exy = %ΔQx / %ΔPy",
+        calculo: "Exy = 26.09% / 28.57% = 0.91"
+      },
+      {
+        paso: 6,
+        descripcion: "Determinar relación entre bienes",
+        calculo: "Exy = 0.91 > 0",
+        resultado: "BIENES SUSTITUTOS",
+        explicacion: "Signo positivo indica que al subir precio de Y aumenta demanda de X"
+      }
+    ],
+
+    respuestaCorrecta: 0.91,
+    interpretacion: `La elasticidad cruzada es 0.91 (positiva), confirmando que café y té son SUSTITUTOS. 
+    Cuando el té se encarece, los consumidores sustituyen parcialmente su consumo por café. 
+    El valor menor a 1 indica que son sustitutos moderados, no perfectos. Los consumidores 
+    tienen cierta preferencia por uno u otro, pero sí responden a diferencias de precio.`
+  }
+];
+
+export const ejerciciosClasificacion = [
+  {
+    id: "clasificacion-1",
+    tipo: "clasificacion",
+    titulo: "Clasificar Bienes según Elasticidad Ingreso",
+    dificultad: "intermedio",
+    tiempoEstimado: 15,
+    enunciado: `Analiza los siguientes casos y clasifica cada bien como: Normal Necesario, 
+    de Lujo, o Inferior. Justifica tu respuesta con el valor calculado de Ei.`,
+    
+    casos: [
+      {
+        id: "caso-a",
+        bien: "Arroz",
+        datos: {
+          ingresoInicial: 1000,
+          ingresoFinal: 1500,
+          cantidadInicial: 20,
+          cantidadFinal: 22
+        },
+        pasos: [
+          "%ΔQ = (22-20)/((20+22)/2) = 2/21 = 9.52%",
+          "%ΔI = (1500-1000)/((1000+1500)/2) = 500/1250 = 40%",
+          "Ei = 9.52% / 40% = 0.24"
+        ],
+        respuesta: "NORMAL NECESARIO",
+        justificacion: "0 < 0.24 < 1: El consumo aumenta poco respecto al ingreso"
+      },
+      {
+        id: "caso-b",
+        bien: "Viajes internacionales",
+        datos: {
+          ingresoInicial: 3000,
+          ingresoFinal: 4500,
+          cantidadInicial: 1,
+          cantidadFinal: 4
+        },
+        pasos: [
+          "%ΔQ = (4-1)/((1+4)/2) = 3/2.5 = 120%",
+          "%ΔI = (4500-3000)/((3000+4500)/2) = 1500/3750 = 40%",
+          "Ei = 120% / 40% = 3.0"
+        ],
+        respuesta: "BIEN DE LUJO",
+        justificacion: "Ei = 3.0 > 1: El consumo crece más que proporcionalmente al ingreso"
+      },
+      {
+        id: "caso-c",
+        bien: "Autobuses urbanos",
+        datos: {
+          ingresoInicial: 2000,
+          ingresoFinal: 3500,
+          cantidadInicial: 40,
+          cantidadFinal: 20
+        },
+        pasos: [
+          "%ΔQ = (20-40)/((40+20)/2) = -20/30 = -66.67%",
+          "%ΔI = (3500-2000)/((2000+3500)/2) = 1500/2750 = 54.55%",
+          "Ei = -66.67% / 54.55% = -1.22"
+        ],
+        respuesta: "BIEN INFERIOR",
+        justificacion: "Ei = -1.22 < 0: El consumo disminuye al aumentar el ingreso (la gente compra auto o usa taxi)"
+      }
+    ]
+  },
+
+  {
+    id: "clasificacion-2",
+    tipo: "clasificacion",
+    titulo: "Identificar Sustitutos y Complementos",
+    dificultad: "intermedio",
+    tiempoEstimado: 15,
+    enunciado: `Para cada par de bienes, calcula la elasticidad cruzada y determina si son 
+    sustitutos, complementos o independientes.`,
+    
+    casos: [
+      {
+        id: "caso-a",
+        bienX: "Coca-Cola",
+        bienY: "Pepsi",
+        datos: {
+          precioYInicial: 2,
+          precioYFinal: 2.5,
+          cantidadXInicial: 100,
+          cantidadXFinal: 130
+        },
+        pasos: [
+          "%ΔQx = (130-100)/((100+130)/2) = 30/115 = 26.09%",
+          "%ΔPy = (2.5-2)/((2+2.5)/2) = 0.5/2.25 = 22.22%",
+          "Exy = 26.09% / 22.22% = 1.17"
+        ],
+        respuesta: "SUSTITUTOS",
+        justificacion: "Exy = 1.17 > 0: Al subir Pepsi, aumenta demanda de Coca-Cola"
+      },
+      {
+        id: "caso-b",
+        bienX: "Autos",
+        bienY: "Gasolina",
+        datos: {
+          precioYInicial: 4,
+          precioYFinal: 6,
+          cantidadXInicial: 1000,
+          cantidadXFinal: 700
+        },
+        pasos: [
+          "%ΔQx = (700-1000)/((1000+700)/2) = -300/850 = -35.29%",
+          "%ΔPy = (6-4)/((4+6)/2) = 2/5 = 40%",
+          "Exy = -35.29% / 40% = -0.88"
+        ],
+        respuesta: "COMPLEMENTOS",
+        justificacion: "Exy = -0.88 < 0: Al subir gasolina, disminuye demanda de autos"
+      },
+      {
+        id: "caso-c",
+        bienX: "Libros",
+        bienY: "Manzanas",
+        datos: {
+          precioYInicial: 2,
+          precioYFinal: 3,
+          cantidadXInicial: 50,
+          cantidadXFinal: 50
+        },
+        pasos: [
+          "%ΔQx = (50-50)/((50+50)/2) = 0%",
+          "%ΔPy = (3-2)/((2+3)/2) = 1/2.5 = 40%",
+          "Exy = 0% / 40% = 0"
+        ],
+        respuesta: "INDEPENDIENTES",
+        justificacion: "Exy = 0: El precio de las manzanas no afecta demanda de libros"
+      }
+    ]
+  }
+];
+
+export const ejerciciosExamen = [
+  {
+    id: "examen-1",
+    tipo: "examen",
+    titulo: "Problema Tipo Examen - Análisis de Mercado",
+    dificultad: "avanzado",
+    tiempoEstimado: 25,
+    enunciado: `La empresa "TechPhone" vende smartphones. El año pasado, con un precio de $800, 
+    vendieron 50,000 unidades. Este año, debido a la competencia, bajaron el precio a $720 
+    y vendieron 65,000 unidades.
+    
+    a) Calcule la elasticidad precio de la demanda usando el método del punto medio.
+    b) Clasifique la demanda y explique qué significa para la empresa.
+    c) ¿Qué pasaría con los ingresos totales si TechPhone subiera el precio a $850? 
+       (Calcule los ingresos en ambos escenarios y compare)`,
+    
+    solucion: {
+      parteA: {
+        pasos: [
+          {
+            descripcion: "Datos",
+            calculo: "P₁ = $800, P₂ = $720, Q₁ = 50,000, Q₂ = 65,000"
+          },
+          {
+            descripcion: "Calcular %ΔQ",
+            calculo: "%ΔQ = (65,000-50,000)/((50,000+65,000)/2) = 15,000/57,500 = 26.09%"
+          },
+          {
+            descripcion: "Calcular %ΔP",
+            calculo: "%ΔP = (720-800)/((800+720)/2) = -80/760 = -10.53%"
+          },
+          {
+            descripcion: "Calcular Ed",
+            calculo: "Ed = 26.09% / -10.53% = -2.48",
+            resultado: "|Ed| = 2.48"
+          }
+        ],
+        respuesta: "Ed = -2.48 (elástica)"
+      },
+      
+      parteB: {
+        clasificacion: "Demanda ELÁSTICA (|Ed| = 2.48 > 1)",
+        interpretacion: `La demanda es muy sensible al precio. Un cambio de 1% en el precio 
+        produce un cambio de 2.48% en la cantidad demandada (en sentido opuesto). Esto indica 
+        que existen muchos competidores y sustitutos en el mercado de smartphones.`,
+        implicacionEmpresa: `TechPhone tiene poco poder de fijación de precios. Si sube precios, 
+        perderá muchos clientes a la competencia.`
+      },
+      
+      parteC: {
+        escenarioActual: {
+          precio: 720,
+          cantidad: 65000,
+          ingresoTotal: 720 * 65000
+        },
+        escenarioPropuesto: {
+          precio: 850,
+          cantidadEstimada: "Usar elasticidad para estimar",
+          calculoCantidad: [
+            "%ΔP = (850-720)/720 × 100 = 18.06%",
+            "Como Ed = -2.48, %ΔQ = -2.48 × 18.06% = -44.79%",
+            "Q nueva = 65,000 × (1 - 0.4479) = 35,887 unidades"
+          ],
+          ingresoTotal: 850 * 35887
+        },
+        comparacion: {
+          ingresoActual: 46800000,
+          ingresoConSubida: 30503950,
+          diferencia: -16296050,
+          porcentaje: -34.8
+        },
+        conclusion: `Si TechPhone sube el precio a $850, sus ingresos caerían aproximadamente 
+        $16.3 millones (35% menos). Como la demanda es elástica, subir precios reduce los ingresos 
+        totales. La estrategia correcta sería BAJAR precios para aumentar ingresos.`
+      }
+    }
+  },
+
+  {
+    id: "examen-2",
+    tipo: "examen",
+    titulo: "Caso Real - Bienes Inferiores en Recesión",
+    dificultad: "avanzado",
+    tiempoEstimado: 20,
+    enunciado: `Durante una recesión económica, el ingreso promedio familiar cayó de $4000 a $3200 
+    mensuales. Como resultado:
+    - Las ventas de carne de res cayeron de 8 kg a 5 kg por familia
+    - Las ventas de fideos instantáneos subieron de 10 paquetes a 18 paquetes
+    
+    a) Calcule la elasticidad ingreso para cada bien.
+    b) Clasifique cada bien y explique el comportamiento observado.
+    c) ¿Qué tipo de negocios prosperarían en una recesión según estos datos?`,
+    
+    solucion: {
+      parteA: {
+        carneRes: {
+          pasos: [
+            "%ΔQ = (5-8)/((8+5)/2) = -3/6.5 = -46.15%",
+            "%ΔI = (3200-4000)/((4000+3200)/2) = -800/3600 = -22.22%",
+            "Ei = -46.15% / -22.22% = 2.08"
+          ],
+          resultado: "Ei = 2.08"
+        },
+        fideos: {
+          pasos: [
+            "%ΔQ = (18-10)/((10+18)/2) = 8/14 = 57.14%",
+            "%ΔI = (3200-4000)/((4000+3200)/2) = -800/3600 = -22.22%",
+            "Ei = 57.14% / -22.22% = -2.57"
+          ],
+          resultado: "Ei = -2.57"
+        }
+      },
+      
+      parteB: {
+        carneRes: {
+          clasificacion: "BIEN DE LUJO",
+          explicacion: `Ei = 2.08 > 1. Cuando el ingreso cayó 22%, el consumo de carne cayó 46%. 
+          El consumo es muy sensible al ingreso, cayendo más que proporcionalmente.`
+        },
+        fideos: {
+          clasificacion: "BIEN INFERIOR",
+          explicacion: `Ei = -2.57 < 0. Cuando el ingreso cayó 22%, el consumo de fideos subió 57%. 
+          Las familias sustituyeron carne por fideos al empobrecerse.`
+        }
+      },
+      
+      parteC: {
+        negociosProsperos: [
+          "Tiendas de descuento y marcas genéricas",
+          "Comida rápida económica",
+          "Transporte público",
+          "Productos de segunda mano",
+          "Entretenimiento en casa (streaming vs cine)"
+        ],
+        justificacion: `Los bienes inferiores ven aumentar su demanda en recesiones. Las empresas 
+        que venden estos bienes tienden a tener ventas estables o crecientes durante crisis económicas, 
+        mientras que las de bienes de lujo sufren.`
+      }
+    }
+  },
+
+  {
+    id: "examen-3",
+    tipo: "examen",
+    titulo: "Problema Integrador - Todas las Elasticidades",
+    dificultad: "avanzado",
+    tiempoEstimado: 30,
+    enunciado: `Una cadena de supermercados analiza el mercado de bebidas. Recopilan los siguientes datos:
+
+    CASO 1: Cuando el precio del jugo de naranja bajó de $5 a $4:
+    - Ventas de jugo de naranja: de 1000 a 1400 litros
+    - Ventas de jugo de manzana: de 800 a 600 litros
+
+    CASO 2: Cuando el ingreso promedio de clientes subió de $3000 a $3600:
+    - Ventas de jugo de naranja: de 1000 a 1300 litros
+    - Ventas de soda: de 2000 a 1600 litros
+
+    Resuelva:
+    a) Elasticidad precio del jugo de naranja. ¿Es elástica o inelástica?
+    b) Elasticidad cruzada entre jugo de naranja y manzana. ¿Qué relación tienen?
+    c) Elasticidad ingreso del jugo de naranja. ¿Qué tipo de bien es?
+    d) Elasticidad ingreso de la soda. ¿Qué tipo de bien es?
+    e) Si el supermercado quiere maximizar ingresos por ventas de jugo de naranja, 
+       ¿debería subir o bajar el precio? Justifique con números.`,
+    
+    solucion: {
+      parteA: {
+        descripcion: "Elasticidad precio del jugo de naranja",
+        pasos: [
+          "P₁=$5, P₂=$4, Q₁=1000, Q₂=1400",
+          "%ΔQ = (1400-1000)/((1000+1400)/2) = 400/1200 = 33.33%",
+          "%ΔP = (4-5)/((5+4)/2) = -1/4.5 = -22.22%",
+          "Ed = 33.33% / -22.22% = -1.5",
+          "|Ed| = 1.5"
+        ],
+        respuesta: "Ed = -1.5 → ELÁSTICA",
+        interpretacion: "Por cada 1% que baja el precio, la cantidad demandada aumenta 1.5%"
+      },
+      
+      parteB: {
+        descripcion: "Elasticidad cruzada (naranja X, manzana Y)",
+        pasos: [
+          "Py₁=$4 (asumiendo precio inicial de manzana), pero mejor usar %ΔPy del naranja",
+          "Exy = (%ΔQx manzana) / (%ΔPy naranja)",
+          "%ΔQx manzana = (600-800)/((800+600)/2) = -200/700 = -28.57%",
+          "%ΔPy naranja = -22.22% (de la parte a)",
+          "Exy = -28.57% / -22.22% = +1.29"
+        ],
+        respuesta: "Exy = +1.29 → SUSTITUTOS",
+        interpretacion: "Signo positivo indica sustitutos. Al bajar el precio del jugo de naranja, la gente compra menos manzana"
+      },
+      
+      parteC: {
+        descripcion: "Elasticidad ingreso del jugo de naranja",
+        pasos: [
+          "I₁=$3000, I₂=$3600, Q₁=1000, Q₂=1300",
+          "%ΔQ = (1300-1000)/((1000+1300)/2) = 300/1150 = 26.09%",
+          "%ΔI = (3600-3000)/((3000+3600)/2) = 600/3300 = 18.18%",
+          "Ei = 26.09% / 18.18% = 1.44"
+        ],
+        respuesta: "Ei = 1.44 → BIEN DE LUJO",
+        interpretacion: "Ei > 1 indica que el jugo de naranja es un bien de lujo. El consumo crece más que proporcionalmente al ingreso"
+      },
+      
+      parteD: {
+        descripcion: "Elasticidad ingreso de la soda",
+        pasos: [
+          "I₁=$3000, I₂=$3600, Q₁=2000, Q₂=1600",
+          "%ΔQ = (1600-2000)/((2000+1600)/2) = -400/1800 = -22.22%",
+          "%ΔI = 18.18% (igual que arriba)",
+          "Ei = -22.22% / 18.18% = -1.22"
+        ],
+        respuesta: "Ei = -1.22 → BIEN INFERIOR",
+        interpretacion: "Ei < 0 indica bien inferior. Al subir el ingreso, la gente compra menos soda (prefiere jugos naturales)"
+      },
+      
+      parteE: {
+        descripcion: "Estrategia de precios para maximizar ingresos",
+        analisis: {
+          elasticidad: "Ed = -1.5 (elástica)",
+          regla: "Cuando |Ed| > 1, subir precio reduce ingresos; bajar precio aumenta ingresos"
+        },
+        calculoComparativo: {
+          escenario1: { precio: 5, cantidad: 1000, ingreso: 5000 },
+          escenario2: { precio: 4, cantidad: 1400, ingreso: 5600 }
+        },
+        diferencia: 600,
+        porcentaje: "+12%",
+        respuesta: "BAJAR EL PRECIO",
+        justificacion: `Al bajar el precio de $5 a $4, los ingresos aumentaron de $5000 a $5600 (+12%). 
+        Como la demanda es elástica, el aumento porcentual en cantidad (33%) supera la caída porcentual 
+        en precio (22%), resultando en mayores ingresos totales.`
+      }
+    }
+  }
+];
+
+export const datosPractica = {
+  bienesEjemplo: [
+    { nombre: "Gasolina", ed: 0.2, ei: 0.8, tipo: "Necesidad inelástica" },
+    { nombre: "Restaurantes", ed: 1.6, ei: 2.2, tipo: "Lujo elástico" },
+    { nombre: "Cine", ed: 3.0, ei: 1.8, tipo: "Entretenimiento elástico" },
+    { nombre: "Medicinas", ed: 0.1, ei: 0.2, tipo: "Necesidad muy inelástica" },
+    { nombre: "Viajes internacionales", ed: 4.0, ei: 3.5, tipo: "Lujo muy elástico" },
+    { nombre: "Sal", ed: 0.05, ei: 0.1, tipo: "Necesidad casi perfectamente inelástica" },
+    { nombre: "Cerveza", ed: 1.2, ei: 0.9, tipo: "Bien normal elástico" },
+    { nombre: "Transporte público", ed: 0.4, ei: -0.6, tipo: "Inferior inelástico" },
+    { nombre: "Marca genérica", ed: 2.5, ei: -1.2, tipo: "Inferior elástico" },
+    { nombre: "Vivienda", ed: 0.8, ei: 1.1, tipo: "Lujo/Necesidad borde" }
+  ],
+
+  formulasRapidas: {
+    precioDemanda: {
+      nombre: "Elasticidad Precio Demanda",
+      latex: "E_d = \\frac{\\% \\Delta Q_d}{\\% \\Delta P}",
+      signo: "Negativo (usar |Ed|)",
+      interpretacion: {
+        mayor1: "Elástica - sensible al precio",
+        menor1: "Inelástica - poco sensible al precio",
+        igual1: "Unitaria - cambio proporcional"
+      }
+    },
+    ingreso: {
+      nombre: "Elasticidad Ingreso",
+      latex: "E_i = \\frac{\\% \\Delta Q}{\\% \\Delta I}",
+      clasificacion: {
+        mayor0: "Bien Normal",
+        entre0y1: "Necesidad",
+        mayor1: "Lujo",
+        menor0: "Inferior"
+      }
+    },
+    cruzada: {
+      nombre: "Elasticidad Cruzada",
+      latex: "E_{xy} = \\frac{\\% \\Delta Q_x}{\\% \\Delta P_y}",
+      clasificacion: {
+        mayor0: "Sustitutos",
+        menor0: "Complementos",
+        igual0: "Independientes"
+      }
+    }
+  }
+};
+
+export default {
+  ejerciciosCalculadora: ejerciciosElasticidad,
+  ejerciciosClasificacion: ejerciciosClasificacion,
+  ejerciciosExamen: ejerciciosExamen,
+  datosPractica
+};

frontend/src/content/modulo3/tipos.ts

@@ -0,0 +1,328 @@
+export const tiposElasticidad = {
+  id: "tipos-elasticidad",
+  titulo: "Tipos de Elasticidad en Economía",
+  
+  introduccion: {
+    descripcion: `Además de la elasticidad precio de la demanda, existen otros tipos de elasticidad 
+que miden la respuesta de la cantidad ante diferentes variables económicas. Cada tipo de elasticidad 
+proporciona información valiosa sobre el comportamiento de consumidores y productores.`
+  },
+
+  tipos: [
+    {
+      id: "elasticidad-precio-demanda",
+      nombre: "Elasticidad Precio de la Demanda (Ed)",
+      abreviatura: "Ed o Ep",
+      descripcion: "Mide la sensibilidad de la cantidad demandada ante cambios en el precio del propio bien",
+      
+      formula: {
+        latex: "E_d = \\frac{\\% \\Delta Q_d}{\\% \\Delta P} = \\frac{\\Delta Q_d / Q_d}{\\Delta P / P}",
+        verbal: "Porcentaje de cambio en cantidad demandada dividido por porcentaje de cambio en precio",
+        nota: "Siempre es negativa (ley de la demanda), pero se usa valor absoluto para clasificar"
+      },
+
+      interpretacion: {
+        negativa: "Por convención, se reporta en valor absoluto (positivo)",
+        elastico: "|Ed| > 1: La cantidad es muy sensible al precio",
+        inelastico: "|Ed| < 1: La cantidad es poco sensible al precio",
+        unitario: "|Ed| = 1: Cambio proporcional"
+      },
+
+      ejemploNumerico: {
+        titulo: "Ejemplo: Gasolina",
+        datos: {
+          precioInicial: 4.0,
+          precioFinal: 4.4,
+          cantidadInicial: 1000,
+          cantidadFinal: 950
+        },
+        calculo: [
+          "%ΔQ = (950 - 1000) / 1000 × 100 = -5%",
+          "%ΔP = (4.4 - 4.0) / 4.0 × 100 = 10%",
+          "Ed = -5% / 10% = -0.5",
+          "|Ed| = 0.5 (INELÁSTICA)"
+        ],
+        conclusion: "La gasolina tiene demanda inelástica a corto plazo porque es una necesidad"
+      },
+
+      determinantes: [
+        "Disponibilidad de sustitutos cercanos",
+        "Naturaleza del bien (necesidad vs. lujo)",
+        "Proporción del ingreso gastada en el bien",
+        "Horizonte temporal (corto vs. largo plazo)",
+        "Definición del mercado (amplio vs. específico)"
+      ]
+    },
+
+    {
+      id: "elasticidad-ingreso-demanda",
+      nombre: "Elasticidad Ingreso de la Demanda (Ei)",
+      abreviatura: "Ei o Ey",
+      descripcion: "Mide la sensibilidad de la cantidad demandada ante cambios en el ingreso del consumidor",
+      
+      formula: {
+        latex: "E_i = \\frac{\\% \\Delta Q_d}{\\% \\Delta I} = \\frac{\\Delta Q_d / Q_d}{\\Delta I / I}",
+        verbal: "Porcentaje de cambio en cantidad demandada dividido por porcentaje de cambio en ingreso",
+        donde: [
+          { variable: "Qd", significado: "Cantidad demandada" },
+          { variable: "I", significado: "Ingreso del consumidor" }
+        ]
+      },
+
+      clasificacionBienes: [
+        {
+          tipo: "Bien Normal",
+          condicion: "Ei > 0",
+          descripcion: "La cantidad demandada aumenta cuando aumenta el ingreso",
+          subtipos: [
+            { tipo: "Bien Necesario", rango: "0 < Ei < 1", ejemplo: "Alimentos básicos" },
+            { tipo: "Bien de Lujo", rango: "Ei > 1", ejemplo: "Viajes, joyas, autos deportivos" }
+          ]
+        },
+        {
+          tipo: "Bien Inferior",
+          condicion: "Ei < 0",
+          descripcion: "La cantidad demandada disminuye cuando aumenta el ingreso",
+          ejemplo: "Transporte público, fideos instantáneos, marca genérica"
+        }
+      ],
+
+      ejemploNumerico: {
+        titulo: "Ejemplo: Restaurantes de lujo",
+        datos: {
+          ingresoInicial: 50000,
+          ingresoFinal: 60000,
+          cantidadInicial: 12,
+          cantidadFinal: 20
+        },
+        calculo: [
+          "%ΔQ = (20 - 12) / 12 × 100 = 66.67%",
+          "%ΔI = (60000 - 50000) / 50000 × 100 = 20%",
+          "Ei = 66.67% / 20% = 3.33",
+          "Ei > 1 → Bien de LUJO"
+        ],
+        conclusion: "Los restaurantes de lujo son un bien de lujo porque su demanda crece más que proporcionalmente al ingreso"
+      },
+
+      aplicacion: "Ayuda a predecir cómo cambiará la demanda en ciclos económicos (expansión/recesión)"
+    },
+
+    {
+      id: "elasticidad-cruzada",
+      nombre: "Elasticidad Cruzada de la Demanda (Exy)",
+      abreviatura: "Exy o Ec",
+      descripcion: "Mide la sensibilidad de la cantidad demandada de un bien X ante cambios en el precio de otro bien Y",
+      
+      formula: {
+        latex: "E_{xy} = \\frac{\\% \\Delta Q_x}{\\% \\Delta P_y} = \\frac{\\Delta Q_x / Q_x}{\\Delta P_y / P_y}",
+        verbal: "Porcentaje de cambio en cantidad demandada del bien X dividido por porcentaje de cambio en precio del bien Y",
+        donde: [
+          { variable: "Qx", significado: "Cantidad demandada del bien X" },
+          { variable: "Py", significado: "Precio del bien Y" }
+        ]
+      },
+
+      clasificacionBienes: [
+        {
+          tipo: "Bienes Sustitutos",
+          condicion: "Exy > 0",
+          signo: "Positiva",
+          descripcion: "Si sube el precio de Y, aumenta la demanda de X",
+          ejemplo: "Coca-Cola y Pepsi, café y té, mantequilla y margarina",
+          logica: "Cuando el café sube de precio, la gente consume más té"
+        },
+        {
+          tipo: "Bienes Complementarios",
+          condicion: "Exy < 0",
+          signo: "Negativa",
+          descripcion: "Si sube el precio de Y, disminuye la demanda de X",
+          ejemplo: "Autos y gasolina, computadores y software, pan y mantequilla",
+          logica: "Si sube el precio de la gasolina, se demandan menos autos"
+        },
+        {
+          tipo: "Bienes Independientes",
+          condicion: "Exy = 0",
+          signo: "Cero",
+          descripcion: "El precio de Y no afecta la demanda de X",
+          ejemplo: "Zapatos y tomates, libros y sillas",
+          logica: "No existe relación de consumo entre ambos bienes"
+        }
+      ],
+
+      ejemploNumerico: {
+        titulo: "Ejemplo: Café (X) y Té (Y) - Sustitutos",
+        datos: {
+          precioTeInicial: 3,
+          precioTeFinal: 3.6,
+          cantidadCafeInicial: 100,
+          cantidadCafeFinal: 120
+        },
+        calculo: [
+          "%ΔQx = (120 - 100) / 100 × 100 = 20%",
+          "%ΔPy = (3.6 - 3) / 3 × 100 = 20%",
+          "Exy = 20% / 20% = 1.0",
+          "Exy > 0 → BIENES SUSTITUTOS"
+        ],
+        conclusion: "El café y el té son sustitutos porque al subir el precio del té, aumenta la demanda de café"
+      },
+
+      magnitud: "Entre más grande sea el valor absoluto de Exy, más fuerte es la relación entre los bienes"
+    },
+
+    {
+      id: "elasticidad-precio-oferta",
+      nombre: "Elasticidad Precio de la Oferta (Es o Eo)",
+      abreviatura: "Es",
+      descripcion: "Mide la sensibilidad de la cantidad ofrecida ante cambios en el precio del bien",
+      
+      formula: {
+        latex: "E_s = \\frac{\\% \\Delta Q_s}{\\% \\Delta P} = \\frac{\\Delta Q_s / Q_s}{\\Delta P / P}",
+        verbal: "Porcentaje de cambio en cantidad ofrecida dividido por porcentaje de cambio en precio",
+        nota: "Siempre es positiva (ley de la oferta)"
+      },
+
+      interpretacion: [
+        {
+          rango: "Es > 1",
+          clasificacion: "Oferta ELÁSTICA",
+          significado: "La cantidad ofrecida es muy sensible al precio",
+          ejemplo: "Bienes manufacturados que se pueden producir rápidamente"
+        },
+        {
+          rango: "Es < 1",
+          clasificacion: "Oferta INELÁSTICA",
+          significado: "La cantidad ofrecida es poco sensible al precio",
+          ejemplo: "Bienes agrícolas a corto plazo, bienes con capacidad limitada"
+        },
+        {
+          rango: "Es = 1",
+          clasificacion: "Oferta UNITARIA",
+          significado: "Cambio proporcional en cantidad ofrecida"
+        },
+        {
+          rango: "Es = 0",
+          clasificacion: "Oferta PERFECTAMENTE INELÁSTICA",
+          significado: "Cantidad fija sin importar el precio",
+          ejemplo: "Obras de arte únicas, terrenos en una ubicación específica"
+        },
+        {
+          rango: "Es = ∞",
+          clasificacion: "Oferta PERFECTAMENTE ELÁSTICA",
+          significado: "Los productores ofrecen cualquier cantidad al precio de mercado",
+          ejemplo: "Industria con capacidad ilimitada y costos constantes"
+        }
+      ],
+
+      horizonteTemporal: {
+        titulo: "Elasticidad en Diferentes Horizontes Temporales",
+        descripcion: "La elasticidad de la oferta varía según el tiempo disponible para ajustar la producción",
+        
+        periodos: [
+          {
+            periodo: "Mercado Momentáneo o Very Short Run",
+            tiempo: "Horas o días",
+            caracteristicas: "Cantidad fija, Es = 0",
+            ejemplo: "Pescado fresco del día, flores cortadas",
+            curva: "Línea vertical"
+          },
+          {
+            periodo: "Corto Plazo (Short Run)",
+            tiempo: "Meses",
+            caracteristicas: "Es inelástica pero > 0, algunos factores son fijos",
+            ejemplo: "Agricultura (tierra fija), manufactura (planta fija)",
+            curva: "Pendiente positiva empinada"
+          },
+          {
+            periodo: "Largo Plazo (Long Run)",
+            tiempo: "Años",
+            caracteristicas: "Es más elástica, todos los factores son variables",
+            ejemplo: "Pueden construirse nuevas fábricas, comprarse más tierras",
+            curva: "Pendiente positiva más plana"
+          }
+        ]
+      },
+
+      ejemploNumerico: {
+        titulo: "Ejemplo: Tomates (corto plazo vs largo plazo)",
+        
+        cortoPlazo: {
+          datos: {
+            precioInicial: 2,
+            precioFinal: 3,
+            cantidadInicial: 1000,
+            cantidadFinal: 1100
+          },
+          calculo: [
+            "%ΔQs = (1100 - 1000) / 1000 × 100 = 10%",
+            "%ΔP = (3 - 2) / 2 × 100 = 50%",
+            "Es = 10% / 50% = 0.2 (INELÁSTICA)"
+          ],
+          explicacion: "En el corto plazo no se pueden plantar más tomates, la oferta es rígida"
+        },
+
+        largoPlazo: {
+          datos: {
+            precioInicial: 2,
+            precioFinal: 3,
+            cantidadInicial: 1000,
+            cantidadFinal: 2000
+          },
+          calculo: [
+            "%ΔQs = (2000 - 1000) / 1000 × 100 = 100%",
+            "%ΔP = (3 - 2) / 2 × 100 = 50%",
+            "Es = 100% / 50% = 2.0 (ELÁSTICA)"
+          ],
+          explicacion: "En el largo plazo se pueden ampliar los cultivos, la oferta es flexible"
+        }
+      },
+
+      determinantes: [
+        "Flexibilidad de los factores de producción",
+        "Tiempo necesario para ajustar la producción",
+        "Costos de almacenamiento",
+        "Capacidad ociosa disponible",
+        "Movilidad de los factores productivos"
+      ]
+    }
+  ],
+
+  tablaComparativa: {
+    titulo: "Tabla Comparativa de Tipos de Elasticidad",
+    columnas: ["Tipo", "Fórmula", "Signo", "Interpretación Principal"],
+    filas: [
+      ["Precio Demanda (Ed)", "%ΔQd / %ΔP", "Negativo (|Ed|)", "Sensibilidad al precio propio"],
+      ["Ingreso (Ei)", "%ΔQd / %ΔI", "Positivo/Negativo", "Clasifica bienes normales/inferiores"],
+      ["Cruzada (Exy)", "%ΔQx / %ΔPy", "Positivo/Negativo/Cero", "Identifica sustitutos/complementos"],
+      ["Precio Oferta (Es)", "%ΔQs / %ΔP", "Positivo", "Capacidad de respuesta de productores"]
+    ]
+  },
+
+  ejercicioIntegrador: {
+    titulo: "Ejercicio Integrador: Análisis Completo",
+    escenario: `Una empresa vende smartphones. Observa que cuando el precio baja de $800 a $720, 
+    la cantidad demandada aumenta de 1000 a 1200 unidades. Además, cuando el ingreso promedio 
+    de los consumidores sube de $3000 a $3300, la cantidad demandada aumenta de 1000 a 1150 unidades. 
+    Finalmente, cuando el precio de los tablets (bien relacionado) sube de $500 a $600, 
+    la cantidad demandada de smartphones aumenta de 1000 a 1100 unidades.`,
+    
+    preguntas: [
+      {
+        pregunta: "Calcular Ed (elasticidad precio)",
+        respuesta: "|Ed| = 1.76 → Demanda ELÁSTICA",
+        interpretacion: "Los smartphones son sensibles al precio"
+      },
+      {
+        pregunta: "Calcular Ei (elasticidad ingreso)",
+        respuesta: "Ei = 1.5 → Bien de LUJO",
+        interpretacion: "La demanda crece más que proporcionalmente al ingreso"
+      },
+      {
+        pregunta: "Calcular Exy (elasticidad cruzada con tablets)",
+        respuesta: "Exy = 0.45 → BIENES SUSTITUTOS",
+        interpretacion: "Tablets y smartphones son sustitutos débiles"
+      }
+    ]
+  }
+};
+
+export default tiposElasticidad;

frontend/src/content/modulo4/costos.ts

@@ -0,0 +1,237 @@
+export interface Seccion {
+  titulo: string;
+  contenido: string;
+}
+
+export interface Ejercicio {
+  id: string;
+  tipo: 'slider' | 'quiz' | 'juego' | 'tabla' | 'calculadora';
+  titulo: string;
+  descripcion: string;
+  config: Record<string, unknown>;
+}
+
+export interface ModuloContenido {
+  titulo: string;
+  contenido: Seccion[];
+  ejercicios: Ejercicio[];
+}
+
+export const costos: ModuloContenido = {
+  titulo: 'Costos de Producción',
+  contenido: [
+    {
+      titulo: 'Costos Fijos y Variables',
+      contenido: `Los costos totales se componen de dos categorías fundamentales:
+
+**Costos Fijos (CF)**
+Son costos que no varían con la cantidad producida. Se incurren incluso si Q = 0.
+
+Ejemplos:
+- Alquiler de la planta
+- Seguros
+- Salarios de administración
+- Depreciación (método lineal)
+
+**Costos Variables (CV)**
+Varían directamente con el nivel de producción. Si Q = 0, CV = 0.
+
+Ejemplos:
+- Materias primas
+- Mano de obra directa
+- Energía consumida
+- Envases y embalajes
+
+**Costo Total (CT)**
+$$CT = CF + CV$$
+
+**Ejemplo numérico:**
+Una panadería tiene:
+- CF = $1,000/mes (alquiler, seguros)
+- CV = $5 por pan (harina, salario panadero)
+
+| Q (panes) | CF | CV | CT |
+|-----------|----|----|----|
+| 0 | 1,000 | 0 | 1,000 |
+| 100 | 1,000 | 500 | 1,500 |
+| 200 | 1,000 | 1,000 | 2,000 |
+| 300 | 1,000 | 1,500 | 2,500 |
+| 400 | 1,000 | 2,000 | 3,000 |`
+    },
+    {
+      titulo: 'Costos Medios',
+      contenido: `Los costos medios (o unitarios) representan el costo por unidad producida:
+
+**Costo Fijo Medio (CFMe)**
+$$CFMe = \frac{CF}{Q}$$
+
+Característica: Siempre decreciente conforme aumenta Q (se "diluye" el costo fijo).
+
+**Costo Variable Medio (CVMe)**
+$$CVMe = \frac{CV}{Q}$$
+
+Forma típica: U invertida (primero decrece por economías de escala, luego crece por deseconomías).
+
+**Costo Total Medio (CMe o CTM)**
+$$CMe = \frac{CT}{Q} = CFMe + CVMe$$
+
+Forma típica: U invertida, con un mínimo donde CMe = CMg.
+
+**Tabla de ejemplo:**
+| Q | CF | CV | CT | CFMe | CVMe | CMe |
+|---|----|----|----|------|------|-----|
+| 0 | 100 | 0 | 100 | - | - | - |
+| 1 | 100 | 50 | 150 | 100.0 | 50.0 | 150.0 |
+| 2 | 100 | 90 | 190 | 50.0 | 45.0 | 95.0 |
+| 3 | 100 | 120 | 220 | 33.3 | 40.0 | 73.3 |
+| 4 | 100 | 160 | 260 | 25.0 | 40.0 | 65.0 |
+| 5 | 100 | 250 | 350 | 20.0 | 50.0 | 70.0 |
+
+Observa que CMe es mínimo (65.0) cuando está en su punto más bajo entre CFMe y CVMe.`
+    },
+    {
+      titulo: 'Costo Marginal',
+      contenido: `El **costo marginal (CMg)** es el incremento en el costo total al producir una unidad adicional:
+
+$$CMg = \frac{\Delta CT}{\Delta Q} = \frac{dCT}{dQ}$$
+
+**Importancia:**
+- Determina la decisión de producción óptima
+- Representa el costo de la última unidad producida
+- Es la derivada del costo total
+
+**Relación fundamental:**
+$$CMg = \frac{\Delta CV}{\Delta Q}$$
+
+(Dado que CF no varía con Q, solo CV afecta CMg)
+
+**Ejemplo de cálculo:**
+| Q | CT | CMg |
+|---|----|-----|
+| 0 | 100 | - |
+| 1 | 150 | 50 |
+| 2 | 190 | 40 |
+| 3 | 220 | 30 |
+| 4 | 260 | 40 |
+| 5 | 350 | 90 |
+
+**Propiedades matemáticas:**
+1. CMg intercepta CVMe y CMe en sus puntos mínimos
+2. Cuando CMg < CMe, CMe está decreciendo
+3. Cuando CMg > CMe, CMe está creciendo
+4. Cuando CMg = CMe, CMe está en su mínimo
+
+**Intuición:** Si el costo de la siguiente unidad (CMg) es menor que el costo promedio actual, producirla reduce el costo medio.`
+    },
+    {
+      titulo: 'Relación entre Curvas de Costos',
+      contenido: `Las curvas de costos tienen relaciones matemáticas y económicas fundamentales:
+
+**Gráfico conceptual:**
+
+Las curvas de costos se relacionan de la siguiente manera:
+
+| Elemento | Descripción |
+|----------|-------------|
+| **Eje vertical** | Costos |
+| **Eje horizontal** | Cantidad (Q) |
+| **Curva CMe** | Forma de U invertida |
+| **Curva CMg** | U invertida que intersecta a CMe en su punto más bajo |
+| **Punto de eficiencia** | Donde CMg = CMe (mínimo del costo medio) |
+
+**Relaciones clave entre las curvas:**
+
+1. **CFMe siempre decreciente:** A medida que aumenta Q, el costo fijo se distribuye en más unidades
+
+2. **CMg corta a CVMe en su mínimo:**
+   - Antes del punto de intersección: CMg < CVMe → CVMe decrece
+   - Después del punto de intersección: CMg > CVMe → CVMe crece
+
+3. **CMg corta a CMe en su mínimo:**
+   - Cuando CMg < CMe: CMe está decreciendo
+   - Cuando CMg > CMe: CMe está creciendo
+   - Cuando CMg = CMe: CMe está en su punto mínimo (producción técnicamente más eficiente)
+
+**Relaciones clave:**
+
+1. **CFMe siempre decreciente**
+   - Forma de hipérbola rectangular
+   - Nunca intersecta a ninguna otra curva
+
+2. **CMg corta a CVMe en su mínimo**
+   - Antes: CMg < CVMe → CVMe decrece
+   - Después: CMg > CVMe → CVMe crece
+
+3. **CMg corta a CMe en su mínimo**
+   - Punto de mínimo costo medio de producción
+   - Producto técnicamente más eficiente
+
+4. **Forma de las curvas:**
+   - **CT**: Siempre creciente, convexa luego cóncava
+   - **CMg**: U invertida, corta mínimos
+   - **CMe**: U invertida, por encima de CVMe
+   - **CVMe**: U invertida, por debajo de CMe
+
+**Relación con producción:**
+El CMg mínimo corresponde al PMg máximo (ley de rendimientos decrecientes en acción). Cuando PMg decrece, CMg crece.`
+    }
+  ],
+  ejercicios: [
+    {
+      id: 'costos-calculadora',
+      tipo: 'calculadora',
+      titulo: 'Calculadora de Costos',
+      descripcion: 'Ingresa CF, CV para cada nivel de producción y calcula automáticamente todos los costos medios y marginales',
+      config: {
+        columnas: ['Q', 'CF', 'CV', 'CT', 'CFMe', 'CVMe', 'CMe', 'CMg'],
+        datosEditables: ['CF', 'CV'],
+        calcularAutomatico: true,
+        nivelMaximo: 10,
+        mostrarGrafico: true,
+        destacarMinimos: true
+      }
+    },
+    {
+      id: 'costos-relaciones',
+      tipo: 'quiz',
+      titulo: 'Relaciones entre Costos',
+      descripcion: 'Identifica las relaciones correctas entre las curvas de costo',
+      config: {
+        preguntas: [
+          {
+            pregunta: '¿Dónde se intersectan CMg y CMe?',
+            opciones: [
+              'En el origen',
+              'En el mínimo de CMe',
+              'En el máximo de producción',
+              'Nunca se intersectan'
+            ],
+            respuestaCorrecta: 1
+          },
+          {
+            pregunta: '¿Qué pasa con CMe cuando CMg < CMe?',
+            opciones: [
+              'CMe aumenta',
+              'CMe disminuye',
+              'CMe se mantiene constante',
+              'CMe se vuelve negativo'
+            ],
+            respuestaCorrecta: 1
+          },
+          {
+            pregunta: '¿Por qué CFMe siempre decrece?',
+            opciones: [
+              'Porque CF aumenta',
+              'Porque el costo fijo se distribuye en más unidades',
+              'Porque CV disminuye',
+              'Porque CT es constante'
+            ],
+            respuestaCorrecta: 1
+          }
+        ]
+      }
+    }
+  ]
+};
+
+export default costos;

frontend/src/content/modulo4/ejercicios.ts

@@ -0,0 +1,249 @@
+export interface Seccion {
+  titulo: string;
+  contenido: string;
+}
+
+export interface Ejercicio {
+  id: string;
+  titulo: string;
+  tipo: 'calculadora' | 'simulador' | 'visualizacion' | 'tabla';
+  descripcion: string;
+  datos: Record<string, unknown>;
+  solucion?: Record<string, unknown>;
+}
+
+export interface ModuloContenido {
+  titulo: string;
+  contenido: Seccion[];
+  ejercicios: Ejercicio[];
+}
+
+export const ejercicios: ModuloContenido = {
+  titulo: 'Ejercicios Prácticos - Teoría del Productor',
+  contenido: [
+    {
+      titulo: 'Guía de Ejercicios',
+      contenido: `Esta sección contiene ejercicios prácticos para aplicar los conceptos de:
+- Funciones de producción
+- Cálculo de costos
+- Decisión óptima de producción
+- Análisis de excedentes
+
+Cada ejercicio incluye:
+- Datos del problema
+- Paso a paso para resolver
+- Tablas interactivas
+- Visualizaciones gráficas
+- Respuestas y explicaciones`
+    }
+  ],
+  ejercicios: [
+    {
+      id: 'ejercicio-1-costos',
+      titulo: 'Ejercicio 1: Calculadora de Costos',
+      tipo: 'tabla',
+      descripcion: 'Completa la tabla de costos a partir de los costos fijos y variables. Identifica el costo total medio mínimo y el costo marginal.',
+      datos: {
+        instrucciones: 'Completa la tabla calculando CT, CFMe, CVMe, CMe y CMg',
+        costoFijo: 200,
+        datosTabla: [
+          { Q: 0, CV: 0 },
+          { Q: 1, CV: 50 },
+          { Q: 2, CV: 90 },
+          { Q: 3, CV: 120 },
+          { Q: 4, CV: 160 },
+          { Q: 5, CV: 220 },
+          { Q: 6, CV: 300 },
+          { Q: 7, CV: 400 },
+          { Q: 8, CV: 520 }
+        ],
+        columnasSolucion: ['Q', 'CF', 'CV', 'CT', 'CFMe', 'CVMe', 'CMe', 'CMg']
+      },
+      solucion: {
+        tablaCompleta: [
+          { Q: 0, CF: 200, CV: 0, CT: 200, CFMe: '-', CVMe: '-', CMe: '-', CMg: '-' },
+          { Q: 1, CF: 200, CV: 50, CT: 250, CFMe: 200.0, CVMe: 50.0, CMe: 250.0, CMg: 50 },
+          { Q: 2, CF: 200, CV: 90, CT: 290, CFMe: 100.0, CVMe: 45.0, CMe: 145.0, CMg: 40 },
+          { Q: 3, CF: 200, CV: 120, CT: 320, CFMe: 66.7, CVMe: 40.0, CMe: 106.7, CMg: 30 },
+          { Q: 4, CF: 200, CV: 160, CT: 360, CFMe: 50.0, CVMe: 40.0, CMe: 90.0, CMg: 40 },
+          { Q: 5, CF: 200, CV: 220, CT: 420, CFMe: 40.0, CVMe: 44.0, CMe: 84.0, CMg: 60 },
+          { Q: 6, CF: 200, CV: 300, CT: 500, CFMe: 33.3, CVMe: 50.0, CMe: 83.3, CMg: 80 },
+          { Q: 7, CF: 200, CV: 400, CT: 600, CFMe: 28.6, CVMe: 57.1, CMe: 85.7, CMg: 100 },
+          { Q: 8, CF: 200, CV: 520, CT: 720, CFMe: 25.0, CVMe: 65.0, CMe: 90.0, CMg: 120 }
+        ],
+        respuestasClave: {
+          cmeMinimo: { Q: 6, valor: 83.3 },
+          cmgEnQ4: 40,
+          cmgEnQ6: 80,
+          observacion: 'CMe es mínimo cuando CMg pasa de ser menor a mayor que CMe'
+        },
+        pasos: [
+          'Paso 1: CT = CF + CV (CF siempre es 200)',
+          'Paso 2: CFMe = CF/Q',
+          'Paso 3: CVMe = CV/Q',
+          'Paso 4: CMe = CT/Q (o CFMe + CVMe)',
+          'Paso 5: CMg = ΔCT/ΔQ = CT(Q) - CT(Q-1)'
+        ]
+      }
+    },
+    {
+      id: 'ejercicio-2-produccion-optima',
+      titulo: 'Ejercicio 2: Simulador de Decisión de Producción',
+      tipo: 'simulador',
+      descripcion: 'Determina la cantidad óptima de producción dado un precio de mercado y decide si la empresa debe producir, cerrar temporalmente o salir del mercado.',
+      datos: {
+        escenario: {
+          nombre: 'Panadería El Trigo de Oro',
+          precioMercado: 70,
+          costoFijo: 200,
+          funcionCostos: [
+            { Q: 0, CT: 200 },
+            { Q: 1, CT: 250 },
+            { Q: 2, CT: 290 },
+            { Q: 3, CT: 320 },
+            { Q: 4, CT: 360 },
+            { Q: 5, CT: 420 },
+            { Q: 6, CT: 500 },
+            { Q: 7, CT: 600 },
+            { Q: 8, CT: 720 }
+          ]
+        },
+        preguntas: [
+          '¿Cuál es la cantidad óptima de producción (Q*)?',
+          '¿Cuál es el beneficio máximo?',
+          '¿Debe producir la empresa o cerrar temporalmente?',
+          '¿Qué sucedería si el precio baja a $40?'
+        ],
+        opcionesPrecio: [40, 50, 60, 70, 80, 90]
+      },
+      solucion: {
+        qOptima: 6,
+        beneficioMaximo: -80,
+        decision: 'Producir con pérdidas (menor que CF)',
+        razonamiento: 'P ($70) > CVMe en Q=6 ($50), por lo que cubre costos variables. La pérdida de $80 es menor que CF ($200).',
+        analisisPorPrecio: {
+          '40': { qOptima: 3, beneficio: -200, decision: 'Indiferente (P = CVMe mínimo)', detalle: 'Pérdida = CF. Puede producir o cerrar.' },
+          '50': { qOptima: 4, beneficio: -160, decision: 'Producir con pérdidas', detalle: 'P > CVMe, pérdida ($160) < CF ($200)' },
+          '60': { qOptima: 5, beneficio: -120, decision: 'Producir con pérdidas', detalle: 'P > CVMe, pérdida ($120) < CF ($200)' },
+          '70': { qOptima: 6, beneficio: -80, decision: 'Producir con pérdidas', detalle: 'P > CVMe, pérdida ($80) < CF ($200)' },
+          '80': { qOptima: 6, beneficio: -20, decision: 'Producir con pérdidas', detalle: 'P > CVMe, pérdida ($20) < CF ($200)' },
+          '90': { qOptima: 7, beneficio: 30, decision: 'Producir con beneficios', detalle: 'P > CMe, beneficio económico positivo' }
+        },
+        reglaDecision: {
+          paso1: 'Encontrar Q donde P = CMg (o aproximadamente igual)',
+          paso2: 'Calcular CVMe en esa Q',
+          paso3: 'Si P >= CVMe: Producir. Si P < CVMe: Cerrar',
+          paso4: 'Calcular beneficio: π = IT - CT = (P × Q) - CT'
+        }
+      }
+    },
+    {
+      id: 'ejercicio-3-excedentes',
+      titulo: 'Ejercicio 3: Visualización de Excedentes',
+      tipo: 'visualizacion',
+      descripcion: 'Calcula y visualiza el excedente del productor bajo diferentes escenarios de precio. Comprende la relación entre excedente, costos variables y beneficios.',
+      datos: {
+        escenario: {
+          curvaCMg: [
+            { Q: 0, CMg: 0 },
+            { Q: 1, CMg: 10 },
+            { Q: 2, CMg: 15 },
+            { Q: 3, CMg: 20 },
+            { Q: 4, CMg: 25 },
+            { Q: 5, CMg: 35 },
+            { Q: 6, CMg: 50 },
+            { Q: 7, CMg: 70 },
+            { Q: 8, CMg: 95 }
+          ],
+          costoFijo: 100,
+          precioEjemplo: 50
+        },
+        tareas: [
+          'Calcular el excedente del productor a P = $50',
+          'Calcular el costo variable total',
+          'Calcular el beneficio económico',
+          'Visualizar las áreas correspondientes en el gráfico'
+        ],
+        escenariosAdicionales: [
+          { precio: 25, descripcion: 'Punto de cierre' },
+          { precio: 50, descripcion: 'Producción con pérdidas' },
+          { precio: 70, descripcion: 'Beneficio positivo' }
+        ]
+      },
+      solucion: {
+        escenarioPrincipal: {
+          precio: 50,
+          qOptima: 6,
+          calculoExcedente: [
+            { unidad: 1, precio: 50, cmg: 10, excedente: 40 },
+            { unidad: 2, precio: 50, cmg: 15, excedente: 35 },
+            { unidad: 3, precio: 50, cmg: 20, excedente: 30 },
+            { unidad: 4, precio: 50, cmg: 25, excedente: 25 },
+            { unidad: 5, precio: 50, cmg: 35, excedente: 15 },
+            { unidad: 6, precio: 50, cmg: 50, excedente: 0 }
+          ],
+          excedenteTotal: 145,
+          ingresoTotal: 300,
+          costoVariable: 155,
+          costoTotal: 255,
+          beneficio: 45
+        },
+        formulaVerificacion: {
+          metodo1: 'EP = IT - CV = 300 - 155 = 145',
+          metodo2: 'EP = Suma de excedentes = 40+35+30+25+15+0 = 145',
+          metodo3: 'π = EP - CF = 145 - 100 = 45 (Beneficio)'
+        },
+        interpretacionAreas: {
+          areaTotal: 'Rectángulo P × Q = 50 × 6 = 300 (IT)',
+          areaCV: 'Área bajo CMg = 155 (CV)',
+          areaEP: 'Área entre P y CMg = 145 (EP)',
+          areaBeneficio: 'EP - CF = 145 - 100 = 45 (π)'
+        },
+        comparacionEscenarios: {
+          '25': {
+            qOptima: 4,
+            excedente: 25,
+            beneficio: -75,
+            observacion: 'P = CVMe mínimo. EP mínimo positivo, pero π negativo. Indiferente entre producir o cerrar.'
+          },
+          '50': {
+            qOptima: 6,
+            excedente: 145,
+            beneficio: 45,
+            observacion: 'P > CVMe. EP cubre CF parcialmente, quedando beneficio positivo.'
+          },
+          '70': {
+            qOptima: 7,
+            excedente: 265,
+            beneficio: 165,
+            observacion: 'P >> CMe. EP cubre completamente CF y genera beneficio económico significativo.'
+          }
+        },
+        graficoConceptual: `
+**Gráfico Conceptual del Excedente del Productor**
+
+El excedente del productor se representa como el área triangular entre el precio de mercado y la curva de costo marginal.
+
+| Elemento | Descripción |
+|----------|-------------|
+| Eje vertical | Precio ($) |
+| Eje horizontal | Cantidad (Q) |
+| Línea P = 50 | Precio de mercado horizontal |
+| Curva CMg | Costo marginal creciente |
+| Área EP | Excedente del productor (entre P y CMg) |
+| Punto óptimo (Q=6) | Donde P = CMg |
+
+**Descripción del gráfico:**
+- A precio P = $50, la empresa produce Q = 6 unidades
+- La curva CMg representa el costo de cada unidad adicional
+- El área sombreada entre P = $50 y la curva CMg representa el excedente del productor
+- Este excedente es la ganancia total sobre el costo variable de producción
+
+Área sombreada = Excedente del Productor
+Área bajo CMg = Costo Variable`
+      }
+    }
+  ]
+};
+
+export default ejercicios;

frontend/src/content/modulo4/mercado.ts

@@ -0,0 +1,301 @@
+export interface Seccion {
+  titulo: string;
+  contenido: string;
+}
+
+export interface Ejercicio {
+  id: string;
+  tipo: 'slider' | 'quiz' | 'juego' | 'tabla' | 'calculadora';
+  titulo: string;
+  descripcion: string;
+  config: Record<string, unknown>;
+}
+
+export interface ModuloContenido {
+  titulo: string;
+  contenido: Seccion[];
+  ejercicios: Ejercicio[];
+}
+
+export const mercado: ModuloContenido = {
+  titulo: 'Competencia Perfecta',
+  contenido: [
+    {
+      titulo: 'Características de Competencia Perfecta',
+      contenido: `La **competencia perfecta** es una estructura de mercado teórica con cinco características fundamentales:
+
+**1. Muchos compradores y vendedores**
+- Ningún agente individual puede influir en el precio
+- El mercado determina el precio (precio-aceptante)
+
+**2. Producto homogéneo**
+- Los bienes son perfectamente sustituibles
+- No hay diferenciación de marca o calidad
+- Ejemplo: trigo, acciones, divisas
+
+**3. Información perfecta**
+- Todos conocen precios, costos y tecnologías
+- No hay ventajas informativas
+- Transparencia total
+
+**4. Libre entrada y salida**
+- Sin barreras legales o económicas
+- Empresas entran si hay beneficios
+- Empresas salen si hay pérdidas
+
+**5. Movilidad perfecta de factores**
+- Los recursos pueden reasignarse sin fricción
+- Trabajo y capital fluyen hacia los mejores usos
+
+**Implicaciones:**
+- La demanda percibida por cada empresa es perfectamente elástica (horizontal)
+- Precio = Ingreso Medio = Ingreso Marginal
+- $$P = IM = IMg$$
+
+**Ejemplo real aproximado:**
+Mercados agrícolas, mercados de valores, mercado de cambio de divisas.`
+    },
+    {
+      titulo: 'Maximización de Beneficios',
+      contenido: `El objetivo de la empresa es maximizar el **beneficio económico (π)**:
+
+$$\\pi = IT - CT$$
+
+Donde:
+- **IT** = Ingreso Total = $P \\times Q$
+- **CT** = Costo Total (CF + CV)
+
+**Condición de primer orden:**
+Para maximizar, la empresa produce donde:
+$$\\frac{d\\pi}{dQ} = 0 \\Rightarrow IMg = CMg$$
+
+**En competencia perfecta:**
+- $IMg = P$ (precio constante)
+- Por lo tanto: **$P = CMg$**
+
+**Interpretación:**
+La empresa produce hasta donde el ingreso de la última unidad (precio) iguala su costo (CMg).
+
+**Ejemplo numérico:**
+Precio de mercado: $P = $50
+
+| Q | CT | CMg | IT | π |
+|---|---|----|-----|----|---|
+| 0 | 100 | - | 0 | -100 |
+| 1 | 140 | 40 | 50 | -90 |
+| 2 | 180 | 40 | 100 | -80 |
+| 3 | 220 | 40 | 150 | -70 |
+| 4 | 270 | 50 | 200 | -70 |
+| 5 | 330 | 60 | 250 | -80 |
+| 6 | 400 | 70 | 300 | -100 |
+
+La cantidad óptima es **Q = 4** (o Q = 3, ambas dan π = -70, máximo menos negativo).
+
+**Nota importante:** Maximizar beneficios no siempre significa beneficios positivos. Puede significar "minimizar pérdidas".`
+    },
+    {
+      titulo: 'Regla IMg = CMg',
+      contenido: `La regla fundamental de producción establece que la empresa maximiza beneficios cuando:
+
+$$IMg = CMg$$
+
+**Justificación matemática:**
+Si $IMg > CMg$:
+- Producir una unidad más genera más ingreso que costo
+- Convendría aumentar Q
+
+Si $IMg < CMg$:
+- La última unidad cuesta más de lo que genera
+- Convendría disminuir Q
+
+**En competencia perfecta:**
+$$P = CMg$$
+
+**Condición de segundo orden:**
+Para asegurar que es un máximo (no un mínimo):
+$$\\frac{d^2\\pi}{dQ^2} < 0 \\Rightarrow \\text{pendiente CMg} > \\text{pendiente IMg}$$
+
+**Ejemplo gráfico conceptual:**
+
+El gráfico muestra la maximización de beneficios en competencia perfecta:
+
+| Elemento | Descripción |
+|----------|-------------|
+| **Eje vertical** | Precio ($) y Costos |
+| **Eje horizontal** | Cantidad (Q) |
+| **Curva CMg** | Forma de U invertida (primero decrece, luego crece) |
+| **Curva CMe** | Forma de U invertida, por encima de CMg en su mínimo |
+| **Línea P = IMg** | Línea horizontal a $50 (perfectamente elástica) |
+| **Punto óptimo (Q*)** | Intersección de CMg con P = IMg |
+
+La empresa produce en el punto donde la curva CMg ascendente corta al precio.`
+    },
+    {
+      titulo: 'Punto de Cierre a Corto Plazo',
+      contenido: `A corto plazo, la empresa debe decidir si produce o cierra temporalmente:
+
+**Decisión de cierre:**
+La empresa cierra si:
+$$P < CVMe_{min}$$
+
+O equivalentemente:
+$$IT < CV$$
+
+**Razón:**
+- Si produce: Pierde CF + pérdida variable
+- Si cierra: Pierde solo CF
+- Mejor cerrar si no cubre al menos los costos variables
+
+**Punto de cierre:**
+$$P = CVMe_{min}$$
+
+A este precio, la empresa es indiferente entre producir o cerrar. Pérdida = CF en ambos casos.
+
+**Ejemplo:**
+Si $CVMe_{min} = $30 y $CF = $100$:
+
+| Precio | Decisión | Pérdida si produce | Pérdida si cierra |
+|--------|----------|-------------------|-------------------|
+| $50 | Producir | Menor que $100 | $100 |
+| $30 | Indiferente | $100 | $100 |
+| $20 | Cerrar | Mayor que $100 | $100 |
+
+**Importante:**
+Cerrar ≠ Salir del mercado. A corto plazo, la empresa mantiene sus activos (CF) pero no opera. La salida es decisión a largo plazo.`
+    },
+    {
+      titulo: 'Punto de Equilibrio a Largo Plazo',
+      contenido: `A largo plazo, todas las empresas pueden entrar o salir del mercado:
+
+**Condición de equilibrio:**
+En el largo plazo, las empresas entran si hay beneficios económicos positivos y salen si hay pérdidas.
+
+**Equilibrio de largo plazo:**
+$$P = CMe_{min}$$
+
+En este punto:
+- $P = CMg = CMe_{min}$
+- Beneficio económico = 0 (beneficio contable normal)
+- No hay incentivos para entrar ni salir
+
+**Proceso de ajuste:**
+
+1. **Si P > CMe** (beneficios):
+   - Entran nuevas empresas
+   - Aumenta oferta del mercado
+   - Baja el precio
+   - Hasta P = CMe
+
+2. **Si P < CMe** (pérdidas):
+   - Salen empresas
+   - Disminuye oferta del mercado
+   - Sube el precio
+   - Hasta P = CMe
+
+**Ejemplo:**
+
+El gráfico del equilibrio de largo plazo muestra:
+
+| Elemento | Descripción |
+|----------|-------------|
+| **Eje vertical** | Costos |
+| **Eje horizontal** | Cantidad (Q) |
+| **Curva CMe** | Forma de U invertida |
+| **Curva CMg** | U invertida que corta a CMe en su punto mínimo |
+| **Precio de equilibrio** | Línea horizontal a $40 que pasa por el mínimo de CMe |
+| **Cantidad de equilibrio** | Punto donde P = CMg = CMe (mínimo de CMe) |
+
+**Proceso de ajuste hacia el equilibrio:**
+1. Si P > CMe: Entran empresas, aumenta la oferta, baja el precio
+2. Si P < CMe: Salen empresas, disminuye la oferta, sube el precio
+3. Equilibrio: P = CMe_minimo, beneficio económico = 0
+
+**Nota:** Beneficio económico cero no significa que la empresa no gana nada. Significa que gana exactamente su costo de oportunidad (lo que podría ganar en su mejor alternativa).`
+    },
+    {
+      titulo: 'Excedente del Productor',
+      contenido: `El **excedente del productor** es la diferencia entre lo que un productor recibe y el costo mínimo al que estaría dispuesto a vender.
+
+**Definición:**
+$$EP = IT - CV = P \\times Q - CV$$
+
+O equivalentemente:
+$$EP = \\sum (P - CMg) \\text{ para todas las unidades producidas}$$
+
+**Interpretación:**
+Representa el beneficio sobre los costos variables, o el "alquiler económico" que obtiene el productor.
+
+**Relación con beneficios:**
+$$\\pi = EP - CF$$
+
+**Gráfico conceptual:**
+
+El excedente del productor se representa gráficamente como:
+
+| Elemento | Descripción |
+|----------|-------------|
+| **Eje vertical** | Precio |
+| **Eje horizontal** | Cantidad (Q) |
+| **Curva CMg** | Curva ascendente (costo marginal creciente) |
+| **Precio de mercado (P*)** | Línea horizontal |
+| **Excedente del productor (EP)** | Área entre P* y la curva CMg, desde 0 hasta Q* |
+| **Cantidad óptima (Q*)** | Punto donde P* = CMg |
+
+**Cálculo del excedente:**
+El excedente es el área entre el precio de mercado y la curva de costo marginal, desde cero hasta la cantidad producida. Representa la ganancia sobre el costo variable mínimo necesario para producir cada unidad.
+
+**Ejemplo numérico:**
+P = $50, Q = 10 unidades
+
+| Unidad | CMg | Excedente unitario |
+|--------|-----|-------------------|
+| 1 | $10 | $40 |
+| 2 | $15 | $35 |
+| 3 | $20 | $30 |
+| 4 | $25 | $25 |
+| 5 | $30 | $20 |
+| 6 | $35 | $15 |
+| 7 | $40 | $10 |
+| 8 | $45 | $5 |
+| 9 | $50 | $0 |
+| 10 | $55 | -$5 (no produce) |
+
+EP total = $180 (suma de excedentes de unidades 1-9)`
+    }
+  ],
+  ejercicios: [
+    {
+      id: 'competencia-decision',
+      tipo: 'calculadora',
+      titulo: 'Simulador de Decisión de Producción',
+      descripcion: 'Dado un precio de mercado y curva de costos, encuentra la cantidad óptima y determina si debes producir o cerrar',
+      config: {
+        inputs: ['precioMercado', 'CF', 'funcionCosto'],
+        outputs: ['QOptima', 'IT', 'CT', 'Beneficio', 'Decision'],
+        criterios: [
+          'Si P >= CMe: Beneficios positivos',
+          'Si CVMe < P < CMe: Producir con pérdidas (menor que CF)',
+          'Si P < CVMe: Cerrar temporalmente'
+        ],
+        mostrarGrafico: true,
+        destacarZona: true
+      }
+    },
+    {
+      id: 'excedente-visualizacion',
+      tipo: 'juego',
+      titulo: 'Visualización de Excedentes',
+      descripcion: 'Interactúa con el gráfico para ver cómo cambia el excedente del productor al variar el precio y la cantidad',
+      config: {
+        tipoGrafico: 'area',
+        mostrarAreas: ['excedenteProductor', 'costoVariable', 'beneficio'],
+        interactivo: true,
+        sliders: ['precio', 'cantidad'],
+        calcularAutomatico: true,
+        mostrarTabla: true
+      }
+    }
+  ]
+};
+
+export default mercado;

frontend/src/content/modulo4/produccion.ts

@@ -0,0 +1,157 @@
+export interface Seccion {
+  titulo: string;
+  contenido: string;
+}
+
+export interface Ejercicio {
+  id: string;
+  tipo: 'slider' | 'quiz' | 'juego' | 'tabla' | 'calculadora';
+  titulo: string;
+  descripcion: string;
+  config: Record<string, unknown>;
+}
+
+export interface ModuloContenido {
+  titulo: string;
+  contenido: Seccion[];
+  ejercicios: Ejercicio[];
+}
+
+export const produccion: ModuloContenido = {
+  titulo: 'Producción',
+  contenido: [
+    {
+      titulo: 'Función de Producción',
+      contenido: `La **función de producción** describe la relación técnica entre los factores de producción utilizados y la cantidad máxima de producto obtenida.
+
+**Fórmula general:**
+$$Q = f(K, L)$$
+
+Donde:
+- **Q** = Cantidad producida (output)
+- **K** = Capital (maquinaria, equipos, instalaciones)
+- **L** = Trabajo (horas-hombre, número de trabajadores)
+- **f** = Función de producción (tecnología)
+
+**Ejemplo:** Una fábrica de pan utiliza hornos (K) y panaderos (L) para producir pan (Q).
+
+**Formas comunes:**
+- **Lineal**: $Q = aK + bL$ (sustitutos perfectos)
+- **Cobb-Douglas**: $Q = A \cdot K^\alpha \cdot L^\beta$ (sustituibles)
+- **Leontief**: $Q = \min(aK, bL)$ (complementarios perfectos)`
+    },
+    {
+      titulo: 'Producto Total, Marginal y Medio',
+      contenido: `El análisis de producción distingue tres conceptos fundamentales:
+
+**Producto Total (PT)**
+Cantidad total producida con una cantidad dada de factores.
+$$PT = f(L)$$ (manteniendo K constante)
+
+**Producto Marginal (PMg)**
+Incremento en el producto total al aumentar en una unidad el factor variable.
+$$PMg_L = \frac{\Delta PT}{\Delta L}$$
+
+**Producto Medio (PMe)**
+Producto por unidad de factor.
+$$PMe_L = \frac{PT}{L}$$
+
+**Ejemplo numérico:**
+| L (trabajadores) | PT (panes) | PMg | PMe |
+|------------------|------------|-----|-----|
+| 0 | 0 | - | - |
+| 1 | 10 | 10 | 10.0 |
+| 2 | 24 | 14 | 12.0 |
+| 3 | 36 | 12 | 12.0 |
+| 4 | 44 | 8 | 11.0 |
+| 5 | 48 | 4 | 9.6 |
+| 6 | 48 | 0 | 8.0 |
+| 7 | 42 | -6 | 6.0 |
+
+Observa que el PMg máximo (14) ocurre antes que el PMe máximo (12.0), y ambos antes del PT máximo (48).`
+    },
+    {
+      titulo: 'Ley de Rendimientos Decrecientes',
+      contenido: `La **ley de rendimientos decrecientes** (o ley de productividad marginal decreciente) establece que:
+
+> *"Al mantener constantes todos los demás factores, si se va aumentando la cantidad de un factor variable, llega un punto a partir del cual los incrementos de producto son cada vez menores."*
+
+**Condiciones:**
+- Tecnología constante
+- Al menos un factor fijo
+- Factores variables homogéneos
+
+**Interpretación:**
+Inicialmente, al añadir trabajadores a una fábrica fija, el PMg aumenta (especialización). Pero una vez alcanzado el óptimo, cada trabajador adicional tiene menos capital y espacio, reduciendo su contribución marginal.
+
+**Ejemplo gráfico conceptual:**
+El gráfico muestra la relación entre PMg y PMe:
+- PMg alcanza su máximo primero
+- Luego PMe alcanza su máximo (cuando PMg = PMe)
+- Finalmente PT alcanza su máximo (cuando PMg = 0)
+- Después PMg se vuelve negativo (Etapa III)
+
+**Importancia económica:**
+Esta ley explica por qué las empresas no crecen indefinidamente y por qué existen costos crecientes a largo plazo.`
+    },
+    {
+      titulo: 'Etapas de Producción',
+      contenido: `El análisis del producto marginal y medio permite dividir la producción en tres etapas:
+
+**Etapa I: Crecientes**
+- PMg > PMe (ambos creciendo inicialmente)
+- PMe está aumentando
+- La empresa no opera aquí: está desperdiciando capacidad fija
+- Fin: Cuando PMg = PMe (PMe máximo)
+
+**Etapa II: Decrecientes**
+- 0 < PMg < PMe (ambos decrecientes)
+- PMe decreciente pero positivo
+- PMg positivo pero decreciente
+- **Zona racional de producción**
+- Fin: Cuando PMg = 0 (PT máximo)
+
+**Etapa III: Negativos**
+- PMg < 0
+- PT decreciente
+- La empresa nunca opera aquí: tiene "demasiado" factor variable
+- Agregar más trabajo reduce la producción total
+
+**Resumen de etapas:**
+
+| Etapa | Características | Decisión |
+|-------|----------------|----------|
+| **I** | PMg > PMe, PMe creciente | No operar - desperdicio de capacidad |
+| **II** | 0 < PMg < PMe, ambos decrecientes | **Operar aquí** - zona racional |
+| **III** | PMg < 0, PT decreciente | No operar - demasiado factor variable |
+
+**Decisión del productor:**
+La empresa racional operará en la **Etapa II**, donde PMg es positivo pero decreciente. La ubicación exacta depende de los precios de los factores y del producto.`
+    }
+  ],
+  ejercicios: [
+    {
+      id: 'produccion-tabla',
+      tipo: 'tabla',
+      titulo: 'Análisis de Productividad',
+      descripcion: 'Completa la tabla de producción calculando PMg y PMe, identificando las tres etapas',
+      config: {
+        columnas: ['L', 'PT', 'PMg', 'PMe', 'Etapa'],
+        datosIniciales: [
+          { L: 0, PT: 0, PMg: null, PMe: null, Etapa: '-' },
+          { L: 1, PT: 8, PMg: null, PMe: null, Etapa: '?' },
+          { L: 2, PT: 20, PMg: null, PMe: null, Etapa: '?' },
+          { L: 3, PT: 36, PMg: null, PMe: null, Etapa: '?' },
+          { L: 4, PT: 48, PMg: null, PMe: null, Etapa: '?' },
+          { L: 5, PT: 55, PMg: null, PMe: null, Etapa: '?' },
+          { L: 6, PT: 60, PMg: null, PMe: null, Etapa: '?' },
+          { L: 7, PT: 56, PMg: null, PMe: null, Etapa: '?' }
+        ],
+        mostrarGrafico: true,
+        identificarEtapas: true
+      }
+    }
+  ]
+};
+
+export default produccion;