Empresa
Las Cristinas - Salta
Confianza Pública
Situación
Pregunta 1 de 4
Voz de la Comunidad:
"Dicen que están usando cianuro cerca del río donde mis nietos van a jugar los domingos. ¡No podemos vivir con este miedo!"
Analiza la intención y elige tu acción:
¿Tienen curiosidad?
Acción: Posicionate. Sé transparente y cuenta tus intenciones.
¿Te quieren pelear?
Acción: Re-encuadrá. Elevá el nivel a valores compartidos.
¿Están dolidos?
Acción: Empatizá. Validá su sentimiento antes que los datos.
¿Te culpan?
Acción: Colaborá. Proponé soluciones y muestra compromiso.
import React, { useState } from 'react';
// --- Iconos en SVG nativo para asegurar compatibilidad total ---
const IconThermometer = () => (
);
const IconTrash = () => (
);
const IconSmile = () => (
);
const IconWallet = () => (
);
const IconTree = () => (
);
const IconRefresh = () => (
);
const App = () => {
const [step, setStep] = useState('intro'); // intro, challenge, result
const [currentChallengeIdx, setCurrentChallengeIdx] = useState(0);
const [stats, setStats] = useState({
temp: 38,
trash: 85,
happiness: 40,
budget: 500,
});
const challenges = [
{
id: 1,
title: "Desafío 1: Gestión de Residuos",
description: "Las calles de Villa Serena están desbordadas de basura. El camión recolector no da abasto. ¿Qué plan de acción proponen?",
options: [
{
label: "Construir una Planta de Reciclaje Integral",
consequences: { trash: -40, budget: -300, happiness: +20, temp: -2 },
feedback: "¡Excelente! Aunque fue caro, la ciudad ahora procesa sus residuos y la gente está feliz de reciclar."
},
{
label: "Instalar un Incinerador Industrial",
consequences: { trash: -60, budget: -100, happiness: -10, temp: +4 },
feedback: "La basura desapareció rápido, pero el humo aumentó el calor y la contaminación del aire."
}
]
},
{
id: 2,
title: "Desafío 2: Movilidad Sostenible",
description: "El transporte es caótico y los edificios emiten mucho calor. ¿Cómo modernizamos la ciudad?",
options: [
{
label: "Promover Bicicletas y Paneles Solares",
consequences: { temp: -4, budget: -150, happiness: +15, trash: -5 },
feedback: "¡Villa Serena respira! El uso de energías limpias ha bajado la temperatura notablemente."
},
{
label: "Ampliar las autopistas para buses rápidos",
consequences: { temp: +1, budget: -100, happiness: +10, trash: 0 },
feedback: "El tráfico mejoró, pero el cemento sigue reteniendo el calor del sol."
}
]
},
{
id: 3,
title: "Desafío 3: El Último Pulmón Verde",
description: "Queda un terreno baldío en el centro. Hay mucha presión económica. ¿Qué uso le damos?",
options: [
{
label: "Crear un Bosque de Bolsillo Urbano",
consequences: { temp: -6, happiness: +30, budget: -50, trash: -5 },
feedback: "Los árboles actúan como aire acondicionado natural. ¡Los vecinos aman el nuevo parque!"
},
{
label: "Autorizar un Nuevo Centro Comercial",
consequences: { temp: +3, happiness: +5, budget: +400, trash: +10 },
feedback: "Hay más dinero en las arcas municipales, pero el calor en el centro es insoportable."
}
]
}
];
const handleDecision = (option) => {
setStats(prev => ({
temp: Math.max(18, Math.min(45, prev.temp + option.consequences.temp)),
trash: Math.max(0, Math.min(100, prev.trash + option.consequences.trash)),
happiness: Math.max(0, Math.min(100, prev.happiness + option.consequences.happiness)),
budget: prev.budget + option.consequences.budget,
}));
if (currentChallengeIdx < challenges.length - 1) {
setCurrentChallengeIdx(prev => prev + 1);
} else {
setStep('result');
}
};
const resetGame = () => {
setStats({ temp: 38, trash: 85, happiness: 40, budget: 500 });
setCurrentChallengeIdx(0);
setStep('intro');
};
const getTempColor = (t) => t > 35 ? 'text-red-600' : t > 28 ? 'text-orange-500' : 'text-green-600';
const getBarColor = (val, type) => {
if (type === 'happiness') return val > 70 ? 'bg-green-500' : val > 40 ? 'bg-yellow-500' : 'bg-red-500';
// Para basura y temperatura, menos es mejor
return val > 70 ? 'bg-red-500' : val > 40 ? 'bg-yellow-500' : 'bg-green-500';
};
return (
{/* Cabecera */}
);
};
export default App;Misión: Salvar a Villa Serena
Simulador de Intendencia Ambiental
Sesión Educativa
{/* Panel de Estadísticas */}
Presiona "Empezar Misión" para ver los desafíos.