Spaces:
Running
Running
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Hospital 12 de Octubre - Propuesta IA | AI Proposal</title> | |
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> | |
<link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png"> | |
<style> | |
[lang="en"] { display: none; } | |
.lang-en [lang="en"] { display: block; } | |
.lang-en [lang="es"] { display: none; } | |
</style> | |
</head> | |
<body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es"> | |
<nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg"> | |
<div class="max-w-6xl mx-auto flex justify-between items-center"> | |
<a href="/" class="text-2xl font-bold text-blue-400"> | |
<span lang="es">← Volver</span> | |
<span lang="en">← Back</span> | |
</a> | |
<button onclick="toggleLanguage()" class="bg-blue-500 px-3 py-1 rounded-full text-sm hover:bg-blue-600"> | |
<span lang="es">EN</span> | |
<span lang="en">ES</span> | |
</button> | |
</div> | |
</nav> | |
<div class="max-w-4xl mx-auto p-8"> | |
<div class="mb-8"> | |
<a href="/" class="text-blue-400 hover:text-blue-300 flex items-center gap-2"> | |
<i class="fas fa-arrow-left"></i> | |
<span>Volver</span> | |
</a> | |
</div> | |
<article class="prose prose-invert max-w-none"> | |
<h1>Propuesta IA para Hospital 12 de Octubre</h1> | |
<div class="bg-gray-800 rounded-xl p-6 mb-8"> | |
<h2>Resumen Ejecutivo</h2> | |
<p> | |
<span lang="es">Implementación de soluciones de IA para mejorar la eficiencia y precisión diagnóstica en el Hospital 12 de Octubre.</span> | |
<span lang="en">Implementation of AI solutions to improve efficiency and diagnostic accuracy at Hospital 12 de Octubre.</span> | |
</p> | |
</div> | |
<div class="grid md:grid-cols-3 gap-6 mb-8"> | |
<div class="stat-card"> | |
<div class="text-3xl font-bold text-blue-400">94%</div> | |
<div class="text-sm text-gray-400">Precisión Diagnóstica</div> | |
</div> | |
<div class="stat-card"> | |
<div class="text-3xl font-bold text-green-400">-32%</div> | |
<div class="text-sm text-gray-400">Reducción de Costes</div> | |
</div> | |
<div class="stat-card"> | |
<div class="text-3xl font-bold text-purple-400">+45%</div> | |
<div class="text-sm text-gray-400">Eficiencia</div> | |
</div> | |
</div> | |
<section class="mb-12"> | |
<h2><span lang="es">Análisis de Necesidades</span><span lang="en">Needs Analysis</span></h2> | |
<p> | |
<span lang="es">Identificación de áreas clave donde la IA puede aportar valor, como diagnóstico por imagen, gestión de pacientes y optimización de recursos.</span> | |
<span lang="en">Identification of key areas where AI can add value, such as image diagnostics, patient management, and resource optimization.</span> | |
</p> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Soluciones Propuestas</span><span lang="en">Proposed Solutions</span></h2> | |
<ul> | |
<li> | |
<span lang="es">Sistema de diagnóstico por imagen basado en IA para detección temprana de enfermedades.</span> | |
<span lang="en">AI-based image diagnostics system for early disease detection.</span> | |
</li> | |
<li> | |
<span lang="es">Plataforma de gestión de pacientes con IA para mejorar la eficiencia en la asignación de citas y seguimiento.</span> | |
<span lang="en">AI-powered patient management platform to improve efficiency in appointment scheduling and follow-up.</span> | |
</li> | |
<li> | |
<span lang="es">Herramientas de optimización de recursos hospitalarios basadas en IA para reducir costes y mejorar la eficiencia.</span> | |
<span lang="en">AI-based hospital resource optimization tools to reduce costs and improve efficiency.</span> | |
</li> | |
</ul> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Beneficios Esperados</span><span lang="en">Expected Benefits</span></h2> | |
<ul> | |
<li> | |
<span lang="es">Mejora en la precisión y rapidez del diagnóstico.</span> | |
<span lang="en">Improvement in diagnostic accuracy and speed.</span> | |
</li> | |
<li> | |
<span lang="es">Reducción de tiempos de espera para los pacientes.</span> | |
<span lang="en">Reduction in waiting times for patients.</span> | |
</li> | |
<li> | |
<span lang="es">Optimización de recursos y reducción de costes operativos.</span> | |
<span lang="en">Optimization of resources and reduction of operating costs.</span> | |
</li> | |
<li> | |
<span lang="es">Mejora en la calidad de la atención al paciente.</span> | |
<span lang="en">Improvement in the quality of patient care.</span> | |
</li> | |
</ul> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Presupuesto y Financiación</span><span lang="en">Budget and Funding</span></h2> | |
<p> | |
<span lang="es">El presupuesto detallado se proporcionará en una propuesta formal.</span> | |
<span lang="en">The detailed budget will be provided in a formal proposal.</span> | |
</p> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Implementación y Timeline</span><span lang="en">Implementation and Timeline</span></h2> | |
<div class="timeline"> | |
<ol> | |
<li> | |
<span lang="es">Fase 1: Análisis y Planificación (1 mes)</span> | |
<span lang="en">Phase 1: Analysis and Planning (1 month)</span> | |
</li> | |
<li> | |
<span lang="es">Fase 2: Desarrollo e Implementación (3 meses)</span> | |
<span lang="en">Phase 2: Development and Implementation (3 months)</span> | |
</li> | |
<li> | |
<span lang="es">Fase 3: Pruebas y Validación (1 mes)</span> | |
<span lang="en">Phase 3: Testing and Validation (1 month)</span> | |
</li> | |
<li> | |
<span lang="es">Fase 4: Despliegue y Seguimiento (Continuo)</span> | |
<span lang="en">Phase 4: Deployment and Monitoring (Ongoing)</span> | |
</li> | |
</ol> | |
</div> | |
</section> | |
<div class="fixed bottom-8 right-8 flex gap-4"> | |
<a href="https://wa.me/34679794037" target="_blank" | |
class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full group relative"> | |
<i class="fab fa-whatsapp text-xl"></i> | |
<span class="tooltip absolute bottom-full right-0 mb-2 bg-black text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 transition-opacity">WhatsApp</span> | |
</a> | |
<a href="mailto:[email protected]" | |
class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full group relative"> | |
<i class="fas fa-envelope text-xl"></i> | |
<span class="tooltip absolute bottom-full right-0 mb-2 bg-black text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 transition-opacity">Email</span> | |
</a> | |
</div> | |
</article> | |
</div> | |
<script> | |
function toggleLanguage() { | |
const body = document.body; | |
const currentLang = body.getAttribute('data-language'); | |
const newLang = currentLang === 'es' ? 'en' : 'es'; | |
body.setAttribute('data-language', newLang); | |
body.classList.toggle('lang-en'); | |
} | |
</script> | |
</body> | |
</html> |