html
Escribe tu pregunta
Chatbot ACORP body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; }
const { useState, useEffect, useRef } = React;// Iconos SVG simples const Send = () => ( );const Bot = () => ( );const User = () => ( );const MessageCircle = () => ( );// Base de conocimiento const knowledgeBase = { 'que es retinosis pigmentaria': { answer: 'La retinosis pigmentaria es un grupo de enfermedades hereditarias de la retina que causan una pérdida lenta y progresiva de la visión. Afecta principalmente a las células sensibles a la luz (fotorreceptores) de la retina, especialmente los bastones que nos permiten ver de noche y en la periferia. Afecta aproximadamente a 1 de cada 3,700 personas en el mundo y es la causa más frecuente de ceguera de origen genético en adultos.', category: 'Enfermedad' }, 'sintomas retinosis pigmentaria': { answer: 'Los síntomas principales son:\n\n• Ceguera nocturna (nictalopía): Dificultad para ver en lugares con poca luz o adaptarse a la oscuridad. Suele ser el primer síntoma.\n\n• Visión en túnel: Pérdida progresiva del campo visual periférico.\n\n• Disminución de la agudeza visual: Dificultad para ver detalles y colores.\n\n• Deslumbramientos: Visualización de destellos de luz.\n\n• Alteración en la percepción de colores en etapas avanzadas.\n\nLa enfermedad evoluciona lentamente y de forma diferente en cada persona.', category: 'Enfermedad' }, 'tiene cura retinosis pigmentaria': { answer: 'Actualmente, la retinosis pigmentaria no tiene cura. Sin embargo, existen tratamientos en investigación muy prometedores como:\n\n• Terapias génicas: Corrigen el gen alterado\n• Implantes de retina artificial\n• Tratamientos con células madre\n• Vitamina A: Puede ayudar a ralentizar la pérdida de visión en algunos casos\n\nEs importante realizar controles periódicos con un especialista y usar protección solar.', category: 'Enfermedad' }, 'hereditaria retinosis pigmentaria': { answer: 'Sí, la retinosis pigmentaria es hereditaria en la mayoría de casos. Existen tres patrones:\n\n• Autosómica dominante (30-40%): 50% de probabilidad de transmisión\n• Autosómica recesiva (50-60%): 25% de probabilidad con ambos padres portadores\n• Ligada al cromosoma X (5-15%): Afecta principalmente a hombres\n\nSin embargo, en aproximadamente el 50% de los casos no hay antecedentes familiares conocidos. Se han identificado más de 100 genes relacionados.', category: 'Enfermedad' }, 'contacto contactar telefono whatsapp correo': { answer: 'Puede contactarnos a través de:\n\n📱 WhatsApp: 312 522 3070\n\n📧 Correos:\n- info@acorp.com.co\n- acorp@retinacolombia.org\n\n🌐 Página web: www.acorp.com.co', category: 'ACORP' }, 'derechos discapacidad visual': { answer: 'Las personas con discapacidad visual en Colombia tienen derecho a:\n\n**Derechos generales:**\n• Igualdad de oportunidades y no discriminación\n• Accesibilidad en espacios públicos\n• Educación inclusiva\n• Inclusión laboral con ajustes razonables\n\n**Con Certificado de Discapacidad:**\n• No pago de copagos en salud\n• Prioridad en subsidios de vivienda\n• Exención de impuestos para empleadores\n• Acceso gratuito al bastón blanco (SISBEN A y B)\n• Descuentos en transporte\n• Software gratuito: JAWS y ZoomText', category: 'Recursos' }, 'aplicaciones moviles baja vision': { answer: 'Aplicaciones recomendadas:\n\n**Accesibilidad nativa:**\n• TalkBack (Android) / VoiceOver (iOS)\n\n**Lectura y reconocimiento:**\n• Envision AI - Lectura y reconocimiento con IA\n• Seeing AI (Microsoft)\n• KNFB Reader\n\n**Navegación:**\n• Lazarillo GPS Accesible (gratuito)\n• BlindSquare\n• Moovit\n\n**Asistencia en vivo:**\n• Be My Eyes (24/7 con voluntarios)\n• Aipoly Vision\n\n**Recursos Colombia:**\n• ZoomText (gratuito en Colombia)\n• INCIRadio\n• Biblioteca Virtual para Ciegos (INCI)\n\nLa mayoría son gratuitas para Android e iOS.', category: 'Recursos' } };const keywords = { 'que es retinosis pigmentaria': ['que es', 'retinosis', 'pigmentaria', 'definicion', 'enfermedad'], 'sintomas retinosis pigmentaria': ['sintomas', 'señales', 'signos', 'manifestaciones', 'ceguera nocturna', 'vision tunel'], 'tiene cura retinosis pigmentaria': ['cura', 'curar', 'tratamiento cura', 'se cura'], 'hereditaria retinosis pigmentaria': ['hereditaria', 'genetica', 'herencia', 'transmite', 'padres'], 'contacto contactar telefono whatsapp correo': ['contacto', 'telefono', 'whatsapp', 'correo', 'email', 'comunicar'], 'derechos discapacidad visual': ['derechos', 'beneficios', 'discapacidad', 'tengo derecho'], 'aplicaciones moviles baja vision': ['aplicaciones', 'apps', 'movil', 'celular', 'tecnologia', 'software'] };const ChatbotACORP = () => { const [messages, setMessages] = useState([ { type: 'bot', text: '¡Hola! Soy el asistente virtual de ACORP 👋\n\nEstoy aquí para ayudarte con información sobre:\n\n• Retinosis Pigmentaria y distrofias de retina\n• Servicios y apoyo de ACORP\n• Derechos y recursos para personas con discapacidad visual\n• Eventos y actividades\n\n¿En qué puedo ayudarte hoy?', time: new Date().toLocaleTimeString('es-CO', { hour: '2-digit', minute: '2-digit' }) } ]); const [inputValue, setInputValue] = useState(''); const [isTyping, setIsTyping] = useState(false); const messagesEndRef = useRef(null);const scrollToBottom = () => { messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' }); };useEffect(() => { scrollToBottom(); }, [messages, isTyping]);const findBestMatch = (userInput) => { const input = userInput.toLowerCase().trim(); let bestMatch = null; let maxScore = 0;for (const [key, words] of Object.entries(keywords)) { let score = 0; words.forEach(word => { if (input.includes(word)) { score += word.split(' ').length; } });if (score > maxScore) { maxScore = score; bestMatch = key; } }if (maxScore > 0 && knowledgeBase[bestMatch]) { return knowledgeBase[bestMatch]; }return { answer: 'Disculpa, no estoy seguro de cómo responder a eso. 🤔\n\nPuedo ayudarte con:\n\n• Información sobre retinosis pigmentaria\n• Servicios de ACORP\n• Derechos y recursos\n• Certificado de discapacidad\n• Aplicaciones y tecnología\n\nTambién puedes contactarnos directamente:\n📱 WhatsApp: 312 522 3070\n📧 info@acorp.com.co', category: 'General' }; };const handleSend = () => { if (!inputValue.trim()) return;const userMessage = { type: 'user', text: inputValue, time: new Date().toLocaleTimeString('es-CO', { hour: '2-digit', minute: '2-digit' }) };setMessages(prev => [...prev, userMessage]); setInputValue(''); setIsTyping(true);setTimeout(() => { const response = findBestMatch(inputValue); const botMessage = { type: 'bot', text: response.answer, category: response.category, time: new Date().toLocaleTimeString('es-CO', { hour: '2-digit', minute: '2-digit' }) };setMessages(prev => [...prev, botMessage]); setIsTyping(false); }, 1000 + Math.random() * 500); };const handleKeyPress = (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleSend(); } };const quickQuestions = [ '¿Qué es la retinosis pigmentaria?', '¿Cómo contactar a ACORP?', '¿Qué derechos tengo?', '¿Aplicaciones recomendadas?' ];return (

Chatbot ACORP

Asociación Colombiana de Retinosis Pigmentaria

En línea
{messages.map((message, index) => (
{message.type === 'user' ? : }
{message.category && (
📌 {message.category}
)}

{message.text}

{message.time}
))}{isTyping && (
)}
{messages.length <= 1 && (

💡 Preguntas frecuentes:

{quickQuestions.map((question, index) => ( ))}
)}