Reto SIBO

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recrea un juego educativo web en español titulado “Reto SIBO”, una experiencia de cuestionario de 10 desafíos sobre el sobrecrecimiento bacteriano del intestino delgado. No es un juego de acción ni tiene avatar, movimiento, vidas o tiempo límite: el jugador lee casos breves, elige una respuesta y recibe una explicación científica y prudente.

Usa una interfaz responsive de una sola página, optimizada para móvil y escritorio, con fondo claro de degradados suaves azul muy pálido, blanco y verde menta, tarjetas blancas translúcidas con bordes finos azul grisáceos, esquinas redondeadas grandes y sombras suaves. Tipografía sans-serif moderna, texto principal azul marino oscuro, texto secundario gris azulado. En la cabecera coloca a la izquierda un icono cuadrado con degradado azul-verde y el símbolo ↔ en blanco, junto al título “Reto SIBO” y el subtítulo “Aprender analizando, no adivinando”. A la derecha muestra una píldora “10 desafíos · dificultad progresiva”.

La pantalla inicial debe mostrar una tarjeta principal grande titulada “MISIÓN EDUCATIVA” y el encabezado “¿Qué está pasando en el intestino delgado?”. Incluye este propósito: “Resuelve casos breves sobre el sobrecrecimiento bacteriano del intestino delgado (SIBO). Tendrás que conectar síntomas, funcionamiento intestinal, alimentación y pensamiento crítico sin convertir ninguna situación en un diagnóstico.” Debajo aparecen tres puntos numerados en pequeños cuadrados verdes: “Lee el contexto antes de elegir.”, “Justifica tu decisión con la pista principal.” y “Recibe una explicación después de cada respuesta.” Incluye un botón azul de alto contraste “Comenzar reto”. A la derecha, en escritorio (debajo en móvil), muestra una ilustración decorativa dentro de una tarjeta con degradado azul oscuro a turquesa: texto “EL INTESTINO DELGADO” y “Un tramo clave para la digestión y la absorción”, junto con un dibujo estilizado de un tubo intestinal curvado color amarillo/beige y varios puntos claros.

Al pulsar “Comenzar reto”, oculta la introducción y muestra una tarjeta de cuestionario. Arriba incluye “Desafío 1 de 10” (actualizado en cada pregunta), el marcador “0 aciertos” y una barra de progreso horizontal que va de azul a verde. Muestra dos etiquetas redondeadas: el tema y “Nivel 1”, “Nivel 2”, “Nivel 3” o “Nivel 4”. Presenta una pregunta grande, un párrafo de contexto gris y exactamente cuatro botones de respuesta apilados verticalmente, etiquetados A, B, C y D mediante pequeños recuadros azules. Los botones deben ser táctiles, con borde azul grisáceo y fondo blanco; al pasar el cursor se resaltan.

Incluye exactamente estas 10 preguntas, contextos, opciones y respuestas correctas, manteniendo el contenido educativo y el idioma español:
1) Tema “Funcionamiento intestinal”, nivel 1. Pregunta: “Una estudiante pregunta por qué el SIBO se relaciona específicamente con el intestino delgado. ¿Qué explicación es más adecuada?” Contexto: “El intestino delgado participa en la digestión y absorción, y normalmente tiene menos bacterias que el colon.” Correcta: “Porque en el intestino delgado normalmente hay menos bacterias y un aumento allí puede alterar su función.” Distractores: “Porque el intestino delgado solo almacena los alimentos antes de que lleguen al colon.”, “Porque cualquier bacteria del aparato digestivo causa una infección grave en esa zona.”, “Porque el colon impide que los alimentos entren al intestino delgado.” Explicación: “La pista es la comparación con el colon: el intestino delgado suele tener una menor cantidad de bacterias. Si aumentan demasiado allí, pueden interferir con procesos digestivos y de absorción.”
2) Tema “Análisis de síntomas”, nivel 1. Pregunta: “Después de comer, Leo presenta hinchazón y gases de forma repetida. ¿Qué conclusión es más responsable?” Contexto: “No hay datos de exploración, pruebas ni antecedentes completos. El reto pide analizar sin diagnosticar.” Correcta: “Los síntomas podrían tener varias causas; conviene observar el patrón y consultar a un profesional.” Distractores: “Tiene SIBO, porque esos síntomas solo aparecen cuando hay bacterias de más.”, “No es nada importante, porque los gases siempre son parte normal de la digestión.”, “Debe eliminar todos los carbohidratos para comprobar si el problema desaparece.” Explicación: “Hinchazón y gases pueden aparecer por distintas razones. Pueden ser compatibles con SIBO, pero no bastan para afirmarlo; la respuesta responsable evita diagnosticar y propone valorar el contexto.”
3) Tema “Qué ocurre con el exceso bacteriano”, nivel 2. Pregunta: “Si hay un exceso de bacterias en el intestino delgado, ¿por qué puede aumentar la producción de gas?” Contexto: “Piensa en lo que hacen las bacterias con parte de los nutrientes que todavía están en tránsito.” Correcta: “Porque algunas bacterias fermentan nutrientes y generan gases como productos de esa actividad.” Distractores: “Porque las bacterias convierten todo el alimento directamente en agua.”, “Porque el intestino delgado deja de moverse por completo durante la digestión.”, “Porque el estómago produce aire adicional para empujar los alimentos.” Explicación: “La fermentación bacteriana de ciertos nutrientes puede producir gases. El punto importante es la actividad bacteriana en un lugar donde su cantidad debería ser menor.”
4) Tema “Mitos sobre alimentación”, nivel 2. Pregunta: “En redes sociales, alguien afirma: ‘El SIBO se cura siempre dejando de comer gluten’. ¿Cómo evaluarías esa frase?” Contexto: “Una afirmación absoluta necesita más cuidado que una recomendación basada en un caso concreto.” Correcta: “Es un mito como regla general; la alimentación debe individualizarse y no sustituye la evaluación profesional.” Distractores: “Es correcta: el gluten es la causa universal del SIBO.”, “Es correcta si la persona también tiene gases o dolor abdominal.”, “Es falsa solo porque el gluten no llega nunca al intestino delgado.” Explicación: “No existe una regla universal de ‘quitar gluten’ para todas las personas con síntomas o con SIBO. Además, retirar alimentos sin orientación puede ser innecesario o dificultar una alimentación adecuada.”
5) Tema “Diferenciar explicaciones”, nivel 2. Pregunta: “¿Qué idea diferencia mejor el SIBO de la explicación ‘todo problema digestivo es una infección estomacal’?” Contexto: “El lugar donde ocurre el desequilibrio y el tipo de proceso importan para analizar una situación.” Correcta: “El SIBO se refiere a un exceso de bacterias en el intestino delgado, no a cualquier molestia del estómago.” Distractores: “El SIBO significa que el estómago deja de producir ácido para siempre.”, “El SIBO es una alergia alimentaria que siempre aparece después de comer.”, “El SIBO describe únicamente una infección que se contagia entre personas.” Explicación: “SIBO significa sobrecrecimiento bacteriano del intestino delgado. No es una etiqueta para cualquier síntoma digestivo ni implica automáticamente contagio o una infección estomacal.”
6) Tema “Decisión justificada”, nivel 3. Pregunta: “Una compañera quiere tomar antibióticos que le sobraron a un familiar porque tiene hinchazón. ¿Qué decisión está mejor justificada?” Contexto: “La decisión debe considerar seguridad, diagnóstico y el hecho de que un mismo síntoma puede tener varias causas.” Correcta: “No automedicarse: consultar para valorar causas y tratamiento, porque un antibiótico no es una prueba casera.” Distractores: “Tomarlos durante un día, porque así se comprueba si funcionan sin riesgo.”, “Usarlos solo si los síntomas aparecen después de una comida abundante.”, “Mezclarlos con un probiótico para que cualquier efecto secundario desaparezca.” Explicación: “Usar antibióticos sobrantes puede ser inseguro y no demuestra cuál es la causa. La evaluación profesional ayuda a decidir si hacen falta pruebas o tratamiento y cuál sería apropiado.”
7) Tema “Absorción y nutrientes”, nivel 3. Pregunta: “¿Cuál es una posible relación entre un exceso bacteriano en el intestino delgado y la absorción de nutrientes?” Contexto: “No significa que ocurra igual en todas las personas; busca la relación fisiológica más razonable.” Correcta: “Las bacterias pueden consumir o alterar parte de los nutrientes antes de que se absorban normalmente.” Distractores: “Las bacterias convierten todos los nutrientes en vitaminas que el cuerpo absorbe mejor.”, “La absorción ocurre únicamente en el colon, así que el intestino delgado no influye.”, “El exceso bacteriano hace que el cuerpo deje de necesitar proteínas y grasas.” Explicación: “El exceso bacteriano puede interferir con la disponibilidad o el manejo de algunos nutrientes. Es una posible consecuencia, no una predicción idéntica para cada persona.”
8) Tema “Caso breve”, nivel 3. Pregunta: “Una persona nota síntomas tras varios tipos de comida y también tiene cambios en el ritmo intestinal. ¿Qué enfoque evita una conclusión apresurada?” Contexto: “El caso no incluye pruebas ni diagnóstico previo; la clave es elegir el mejor siguiente paso de razonamiento.” Correcta: “Registrar síntomas, alimentos y horarios, y buscar orientación para diferenciar posibilidades.” Distractores: “Concluir que se trata de una intolerancia específica y retirar ese alimento para siempre.”, “Afirmar que el problema es psicológico porque no ocurre exactamente igual cada día.”, “Suponer que cualquier cambio intestinal confirma un exceso de bacterias.” Explicación: “Registrar patrones puede aportar información útil sin convertir una observación en diagnóstico. Los síntomas variables pueden tener diferentes explicaciones y necesitan contexto.”
9) Tema “Pensamiento crítico”, nivel 4. Pregunta: “Un video dice: ‘Si una dieta baja en ciertos carbohidratos reduce la hinchazón, entonces demuestra que la persona tenía SIBO’. ¿Qué falla en el razonamiento?” Contexto: “Una mejoría de un síntoma puede ser real sin demostrar por sí sola una causa concreta.” Correcta: “Una mejoría no identifica por sí sola la causa; varias condiciones pueden responder a cambios alimentarios.” Distractores: “Nada: cualquier mejoría con una dieta confirma el diagnóstico.”, “La hinchazón nunca cambia por la alimentación, así que el video es imposible.”, “La dieta solo funciona en adolescentes, no en adultos.” Explicación: “La conclusión confunde una asociación con una prueba. Que un síntoma cambie con la alimentación no permite identificar por sí solo si la causa era SIBO.”
10) Tema “Integración de conceptos”, nivel 4. Pregunta: “¿Cuál de estas afirmaciones resume mejor una forma científica y prudente de hablar del SIBO?” Contexto: “Integra localización, síntomas, alimentación y límites del diagnóstico.” Correcta: “Es una explicación posible para ciertos síntomas cuando hay exceso bacteriano en el intestino delgado, pero requiere valoración y no se identifica solo por un síntoma.” Distractores: “Es el nombre que recibe cualquier malestar que aparece después de comer y se corrige evitando pan.”, “Es una enfermedad que se reconoce con seguridad observando únicamente cuántos gases tiene una persona.”, “Es un problema que obliga a eliminar muchos alimentos a todas las personas para siempre.” Explicación: “La respuesta integra los cuatro límites clave: dónde ocurre el sobrecrecimiento, qué síntomas puede acompañar, por qué no basta un solo dato y por qué no existe una dieta universal.”

En cada partida, conserva el orden de las 10 preguntas pero baraja la posición de la respuesta correcta entre A-D de manera equilibrada (usa las posiciones A,B,C,D,A,B,C,D,A,B barajadas, con 3 correctas en algunas posiciones y 2 en otras), barajando los distractores para rellenar los otros lugares. No muestres cuál es correcta antes de responder. Al hacer clic en una opción, ignora clics posteriores, deshabilita las cuatro opciones, resalta la correcta en verde con fondo verde pálido y, si se eligió mal, la elegida en rojo con fondo rosado. Muestra inmediatamente una caja de feedback: verde para acierto con título “✓ Respuesta bien razonada”; si falla, título “La opción correcta era [A/B/C/D]”. Debajo muestra la explicación específica de la pregunta. Actualiza el marcador; antes de responder la barra corresponde al desafío actual y después queda completada para ese desafío. Solo entonces aparece el botón azul “Siguiente desafío”, cambiando a “Ver resultado” en la última pregunta.

Al terminar, muestra una tarjeta de resultados centrada con un gran distintivo cuadrado redondeado en degradado azul-verde que dice, por ejemplo, “8/10” y debajo “aciertos”. Incluye la etiqueta “MISIÓN COMPLETADA”, un título dinámico: con 80% o más “Excelente análisis”; con 60%-79% “Buen trabajo conectando ideas”; por debajo “Buen comienzo: sigue investigando”. Incluye nota dinámica: para 80% o más “Has distinguido entre una posibilidad, una evidencia y un diagnóstico. Esa diferencia es una herramienta científica importante.”; en otro caso “Lo más importante no es memorizar una etiqueta: es analizar la localización, los mecanismos, los síntomas y los límites de la información disponible.” Genera una revisión de las 10 preguntas, cada fila indicando “Acertaste” o “Para revisar” y las letras elegida y correcta. Añade botón “Jugar de nuevo” que reinicia puntuación, respuestas y una nueva distribución de posiciones correctas.

En la pantalla de cuestionario incluye el aviso inferior: “Este reto sirve para aprender conceptos. No reemplaza la evaluación de un profesional de la salud.” En resultados incluye también: “Recuerda: reconocer una posibilidad no equivale a diagnosticar. En la vida real, los síntomas digestivos pueden tener causas distintas.” La interfaz debe ser accesible, con botones reales, estados disabled claros y sin añadir mecánicas, diagnósticos, tratamientos o características no descritas.