<?php
// Presentation Page - TYKUN Medical - Healthcare Automation
$lang_code = $_GET['lang'] ?? 'es';

$content = [
    'es' => [
        'nav_inicio' => 'Inicio', 'nav_problemas' => 'Problemas', 'nav_solucion' => 'Solución',
        'nav_servicios' => 'Servicios', 'nav_beneficios' => 'Beneficios', 'nav_casos' => 'Casos',
        'nav_precios' => 'Precios', 'nav_contacto' => 'Contacto',
        'slide_1_badge' => 'Solución médica respaldada por +10 clínicas en Bolivia',
        'slide_1_title' => 'Automatiza tu clínica.',
        'slide_1_title2' => 'Más tiempo para tus pacientes.',
        'slide_1_desc' => 'Chatbots inteligentes para WhatsApp que agenda citas, envía recordatorios y responde consultas 24/7 sin contratar personal adicional.',
        'slide_1_cta1' => 'Agendar Demo', 'slide_1_cta2' => 'Ver Funcionalidades',
        'slide_2_label' => 'El Problema', 'slide_2_title' => 'Tu clínica está perdiendo pacientes?',
        'slide_2_subtitle' => 'Desafíos cotidianos en consultorios y clínicas.',
        'slide_2_prob1' => 'Ausentismos elevados', 'slide_2_prob1_desc' => 'El 40% de pacientes no asiste a su cita sin recordatorio.',
        'slide_2_prob2' => 'Respondes las mismas preguntas', 'slide_2_prob2_desc' => 'Tu equipo responde las mismas dudas 50 veces al día.',
        'slide_2_prob3' => 'Fuga de clientes', 'slide_2_prob3_desc' => 'Pacientes potenciales buscan otra clínica si no responden en 5 minutos.',
        'slide_3_label' => 'La Solución', 'slide_3_title' => 'TYKUN Medical: Tu asistente virtual 24/7',
        'slide_3_subtitle' => 'Automatiza la atención, reduce ausentismos y recupera el tiempo de tu equipo.',
        'slide_3_feat1' => 'Agenda Automatizada', 'slide_3_feat1_desc' => 'Pacientes reservan vía WhatsApp sin llamar.',
        'slide_3_feat2' => 'Recordatorios Inteligentes', 'slide_3_feat2_desc' => 'SMS/WhatsApp会自动提醒预约。',
        'slide_3_feat3' => 'Clasificación de Pacientes', 'slide_3_feat3_desc' => 'El bot categoriza consultas y deriva a tu equipo.',
        'slide_4_label' => 'Servicios', 'slide_4_title' => 'Soluciones para tu clínica',
        'slide_4_subtitle' => 'Automatizaciones diseñadas para el sector salud.',
        'slide_4_s1' => 'Chatbot WhatsApp', 'slide_4_s1_desc' => 'Asistente virtual que responde dudas, agenda citas y envía información de servicios.',
        'slide_4_s2' => 'Agenda Inteligente', 'slide_4_s2_desc' => 'Sistema de reservas con disponibilidad real y confirmación automática.',
        'slide_4_s3' => 'Recall Automatizado', 'slide_4_s3_desc' => 'Campaigns de seguimiento para pacientes inactivos y check-ups pendientes.',
        'slide_5_label' => 'Cómo Funciona', 'slide_5_title' => 'Implementación en 4 pasos',
        'slide_5_subtitle' => 'Sin complicaciones, sin interrupciones.',
        'slide_5_step1' => 'Diagnóstico', 'slide_5_step1_desc' => 'Analizamos tu operación y volumen de pacientes.',
        'slide_5_step2' => 'Configuración', 'slide_5_step2_desc' => 'Personalizamos flujos, horarios y especialidades.',
        'slide_5_step3' => 'Integración', 'slide_5_step3_desc' => 'Conectamos con tu sistema de agenda actual.',
        'slide_5_step4' => 'Lanzamiento', 'slide_5_step4_desc' => 'Activo y midiendo resultados desde el día 1.',
        'slide_6_label' => 'Beneficios', 'slide_6_title' => 'Resultados comprobados',
        'slide_6_subtitle' => 'Métricas reales de clínicas que ya automatizaron.',
        'slide_6_b1' => '-45%', 'slide_6_b1_label' => 'Ausentismos', 'slide_6_b1_desc' => 'Con recordatorios automáticos.',
        'slide_6_b2' => '+30%', 'slide_6_b2_label' => 'Ocupación', 'slide_6_b2_desc' => 'Citas reservadas sin intervención.',
        'slide_6_b3' => '85%', 'slide_6_b3_label' => 'Respuesta en 5 min', 'slide_6_b3_desc' => 'Leads capturados antes de que busquen otro.',
        'slide_6_b4' => '24/7', 'slide_6_b4_label' => 'Disponibilidad', 'slide_6_b4_desc' => 'Tu clínica atiende aunque sea madrugada.',
        'slide_7_label' => 'Casos de Uso', 'slide_7_title' => 'Especialidades que transformamos',
        'slide_7_subtitle' => 'Soluciones adaptadas a cada tipo de práctica médica.',
        'slide_7_c1' => 'Clínicas Generales', 'slide_7_c1_desc' => 'Agenda, recordatorios y clasificación de síntomas.',
        'slide_7_c2' => 'Especialistas', 'slide_7_c2_desc' => 'Gestión de citas por especialidad, estudios y procedimientos.',
        'slide_7_c3' => 'Laboratorios', 'slide_7_c3_desc' => 'Comunicación de resultados y reagendado de muestras.',
        'slide_7_c4' => 'Odontología', 'slide_7_c4_desc' => 'Confirmación de citas, seguimiento post-tratamiento.',
        'slide_8_label' => 'Precios', 'slide_8_title' => 'Planes para tu clínica',
        'slide_8_subtitle' => 'Sin costos ocultos,sin contratos largos.',
        'slide_8_basic' => 'Clínica', 'slide_8_basic_price' => '150 bs', 'slide_8_basic_desc' => 'Ideal para consultorios pequeños.',
        'slide_8_basic_f1' => 'Chatbot básico WhatsApp', 'slide_8_basic_f2' => 'Hasta 150 conversaciones/mes', 'slide_8_basic_f3' => 'Agenda básica', 'slide_8_basic_f4' => '1 número de contacto',
        'slide_8_intermediate' => 'Centro Médico', 'slide_8_intermediate_price' => '300 bs', 'slide_8_intermediate_desc' => 'Para clínicas con mayor volumen.',
        'slide_8_intermediate_f1' => 'Todo lo de Clínica', 'slide_8_intermediate_f2' => 'Hasta 500 conversaciones/mes', 'slide_8_intermediate_f3' => 'WhatsApp/CRM Web', 'slide_8_intermediate_f4' => 'Reportes semanales',
        'slide_8_professional' => 'Red de Clínicas', 'slide_8_professional_price' => 'Consultar', 'slide_8_professional_desc' => 'Para múltiples sucursales.',
        'slide_8_professional_f1' => 'Todo lo de Centro Médico', 'slide_8_professional_f2' => 'Conversaciones ilimitadas', 'slide_8_professional_f3' => 'Múltiples especialidades', 'slide_8_professional_f4' => 'Manager de cuenta dedicado',
        'slide_9_label' => 'Testimonios', 'slide_9_title' => 'Lo que dicen nuestros clientes',
        'slide_9_subtitle' => 'Clínicas que ya transformaron su atención.',
        'slide_9_t1_name' => 'Sergio Soria', 'slide_9_t1_role' => 'Centro SER, La Paz',
        'slide_9_t1_quote' => 'Reducimos los ausentismos un 50% en el primer mes. El equipo recupera horas para dedicar a los pacientes.',
        'slide_9_t2_name' => 'Ponciano Chiri', 'slide_9_t2_role' => 'Pulso Vital, La Paz',
        'slide_9_t2_quote' => 'El chatbot responde las dudas de horarios y preparación de estudios. Nuestros pacientes llegan mejor informados.',
        'slide_9_t3_name' => 'Lab. Clínico Delta', 'slide_9_t3_role' => 'Santa Cruz de la Sierra',
        'slide_9_t3_quote' => 'La comunicación de resultados automatizada mejoró nuestra satisfacción. Los pacientes ya no llaman a preguntar.',
        'slide_10_label' => 'Contacto', 'slide_10_title' => 'Listo para automatizar tu clínica?',
        'slide_10_desc' => 'Agenda una llamada de diagnóstico sin compromiso. Analizamos tu operación y te proponemos una solución personalizada.',
        'slide_10_wa' => 'Chat por WhatsApp', 'slide_10_email' => 'Email', 'slide_10_phone' => 'Teléfono', 'slide_10_location' => 'La Paz, Bolivia',
        'nav_prev' => 'Anterior', 'nav_next' => 'Siguiente',
        'progress' => 'Progreso',
        'fullscreen' => 'Pantalla completa', 'exit_fullscreen' => 'Salir de pantalla completa',
        'whatsapp_cta' => 'Contactar por WhatsApp'
    ],
    'en' => [
        'nav_inicio' => 'Home', 'nav_problemas' => 'Problems', 'nav_solucion' => 'Solution',
        'nav_servicios' => 'Services', 'nav_beneficios' => 'Benefits', 'nav_casos' => 'Cases',
        'nav_precios' => 'Prices', 'nav_contacto' => 'Contact',
        'slide_1_badge' => 'Medical solution backed by +10 clinics in Bolivia',
        'slide_1_title' => 'Automate your clinic.',
        'slide_1_title2' => 'More time for your patients.',
        'slide_1_desc' => 'Intelligent WhatsApp chatbots that schedule appointments, send reminders and answer queries 24/7.',
        'slide_1_cta1' => 'Schedule Demo', 'slide_1_cta2' => 'View Features',
        'slide_2_label' => 'The Problem', 'slide_2_title' => 'Is your clinic losing patients?',
        'slide_2_subtitle' => 'Daily challenges in medical practices.',
        'slide_2_prob1' => 'High no-shows', 'slide_2_prob1_desc' => '40% of patients miss appointments without reminders.',
        'slide_2_prob2' => 'Repetitive queries', 'slide_2_prob2_desc' => 'Your staff answers the same questions 50 times a day.',
        'slide_2_prob3' => 'Lead leakage', 'slide_2_prob3_desc' => 'Potential patients look for another clinic if you don\'t respond in 5 minutes.',
        'slide_3_label' => 'The Solution', 'slide_3_title' => 'TYKUN Medical: Your 24/7 virtual assistant',
        'slide_3_subtitle' => 'Automate patient care, reduce no-shows and free up your team.',
        'slide_3_feat1' => 'Automated Scheduling', 'slide_3_feat1_desc' => 'Patients book via WhatsApp without calling.',
        'slide_3_feat2' => 'WhatsApp/CRM Web', 'slide_3_feat2_desc' => 'Recordatorios automáticos por WhatsApp y gestión desde tu CRM.',
        'slide_3_feat3' => 'Patient Classification', 'slide_3_feat3_desc' => 'Bot categorizes queries and routes to your team.',
        'slide_4_label' => 'Services', 'slide_4_title' => 'Solutions for your clinic',
        'slide_4_subtitle' => 'Automations designed for the health sector.',
        'slide_4_s1' => 'WhatsApp Chatbot', 'slide_4_s1_desc' => 'Virtual assistant that answers questions, books appointments and sends service info.',
        'slide_4_s2' => 'Smart Agenda', 'slide_4_s2_desc' => 'Reservation system with real availability and automatic confirmation.',
        'slide_4_s3' => 'Gestión Automatizada', 'slide_4_s3_desc' => 'Campañas de seguimiento para pacientes inactivos y check-ups pendientes.',
        'slide_5_label' => 'How It Works', 'slide_5_title' => 'Implementation in 4 steps',
        'slide_5_subtitle' => 'No complications, no interruptions.',
        'slide_5_step1' => 'Diagnosis', 'slide_5_step1_desc' => 'We analyze your operation and patient volume.',
        'slide_5_step2' => 'Configuration', 'slide_5_step2_desc' => 'We customize flows, schedules and specialties.',
        'slide_5_step3' => 'Integration', 'slide_5_step3_desc' => 'We connect with your current scheduling system.',
        'slide_5_step4' => 'Launch', 'slide_5_step4_desc' => 'Active and measuring results from day 1.',
        'slide_6_label' => 'Benefits', 'slide_6_title' => 'Proven results',
        'slide_6_subtitle' => 'Real metrics from clinics that already automated.',
        'slide_6_b1' => '-45%', 'slide_6_b1_label' => 'No-shows', 'slide_6_b1_desc' => 'With automatic reminders.',
        'slide_6_b2' => '+30%', 'slide_6_b2_label' => 'Occupancy', 'slide_6_b2_desc' => 'Appointments booked without intervention.',
        'slide_6_b3' => '85%', 'slide_6_b3_label' => 'Response in 5 min', 'slide_6_b3_desc' => 'Leads captured before they look elsewhere.',
        'slide_6_b4' => '24/7', 'slide_6_b4_label' => 'Availability', 'slide_6_b4_desc' => 'Your clinic attends even at midnight.',
        'slide_7_label' => 'Use Cases', 'slide_7_title' => 'Specialties we transform',
        'slide_7_subtitle' => 'Solutions adapted to each type of medical practice.',
        'slide_7_c1' => 'General Clinics', 'slide_7_c1_desc' => 'Scheduling, reminders and symptom classification.',
        'slide_7_c2' => 'Specialists', 'slide_7_c2_desc' => 'Appointment management by specialty, studies and procedures.',
        'slide_7_c3' => 'Laboratories', 'slide_7_c3_desc' => 'Results communication and sample rescheduling.',
        'slide_7_c4' => 'Dentistry', 'slide_7_c4_desc' => 'Appointment confirmation, post-treatment follow-up.',
        'slide_8_label' => 'Prices', 'slide_8_title' => 'Plans for your clinic',
        'slide_8_subtitle' => 'No hidden costs, no long contracts.',
        'slide_8_basic' => 'Clinic', 'slide_8_basic_price' => '$45', 'slide_8_basic_desc' => 'Ideal for small practices.',
        'slide_8_basic_f1' => 'Basic WhatsApp Chatbot', 'slide_8_basic_f2' => 'Up to 150 conversations/month', 'slide_8_basic_f3' => 'Basic agenda', 'slide_8_basic_f4' => '1 contact number',
        'slide_8_intermediate' => 'Medical Center', 'slide_8_intermediate_price' => '$85', 'slide_8_intermediate_desc' => 'For clinics with higher volume.',
        'slide_8_intermediate_f1' => 'Everything in Clinic', 'slide_8_intermediate_f2' => 'Up to 500 conversations/month', 'slide_8_intermediate_f3' => 'SMS/WhatsApp Reminders', 'slide_8_intermediate_f4' => 'Weekly reports',
        'slide_8_professional' => 'Clinic Network', 'slide_8_professional_price' => '$150', 'slide_8_professional_desc' => 'For multiple branches.',
        'slide_8_professional_f1' => 'Everything in Medical Center', 'slide_8_professional_f2' => 'Unlimited conversations', 'slide_8_professional_f3' => 'Multiple specialties', 'slide_8_professional_f4' => 'Dedicated account manager',
        'slide_9_label' => 'Testimonials', 'slide_9_title' => 'What our clients say',
        'slide_9_subtitle' => 'Clinics that already transformed their care.',
        'slide_9_t1_name' => 'Dr. María González', 'slide_9_t1_role' => 'Clínica San José, La Paz',
        'slide_9_t1_quote' => 'We reduced no-shows by 50% in the first month. The team recovers hours to dedicate to patients.',
        'slide_9_t2_name' => 'Dra. Carolina Muñoz', 'slide_9_t2_role' => 'Centro Médico Vital, Cochabamba',
        'slide_9_t2_quote' => 'The chatbot answers questions about schedules and study preparation. Our patients arrive better informed.',
        'slide_9_t3_name' => 'Lab. Clínico Delta', 'slide_9_t3_role' => 'Santa Cruz de la Sierra',
        'slide_9_t3_quote' => 'Automated results communication improved our satisfaction. Patients no longer call to ask.',
        'slide_10_label' => 'Contact', 'slide_10_title' => 'Ready to automate your clinic?',
        'slide_10_desc' => 'Schedule a diagnostic call without commitment. We analyze your operation and propose a personalized solution.',
        'slide_10_wa' => 'Chat via WhatsApp', 'slide_10_email' => 'Email', 'slide_10_phone' => 'Phone', 'slide_10_location' => 'La Paz, Bolivia',
        'nav_prev' => 'Previous', 'nav_next' => 'Next',
        'progress' => 'Progress',
        'fullscreen' => 'Fullscreen', 'exit_fullscreen' => 'Exit fullscreen',
        'whatsapp_cta' => 'Contact via WhatsApp'
    ],
    'pt' => [
        'nav_inicio' => 'Início', 'nav_problemas' => 'Problemas', 'nav_solucion' => 'Solução',
        'nav_servicios' => 'Serviços', 'nav_beneficios' => 'Benefícios', 'nav_casos' => 'Casos',
        'nav_precios' => 'Precios', 'nav_contacto' => 'Contato',
        'slide_1_badge' => 'Solução médica respaldada por +10 clínicas na Bolivia',
        'slide_1_title' => 'Automatize sua clínica.',
        'slide_1_title2' => 'Mais tempo para seus pacientes.',
        'slide_1_desc' => 'Chatbots inteligentes para WhatsApp que agenda consultas, envía lembretes e responde dúvidas 24/7.',
        'slide_1_cta1' => 'Agendar Demo', 'slide_1_cta2' => 'Ver Funcionalidades',
        'slide_2_label' => 'O Problema', 'slide_2_title' => 'Sua clínica está perdendo pacientes?',
        'slide_2_subtitle' => 'Desafios cotidianos em consultórios e clínicas.',
        'slide_2_prob1' => 'Ausências elevadas', 'slide_2_prob1_desc' => '40% dos pacientes não comparecem sem lembrete.',
        'slide_2_prob2' => 'Consultas repetitivas', 'slide_2_prob2_desc' => 'Sua equipe responde as mesmas perguntas 50 vezes ao dia.',
        'slide_2_prob3' => 'Fuga de leads', 'slide_2_prob3_desc' => 'Pacientes potenciais buscam outra clínica se não responder em 5 minutos.',
        'slide_3_label' => 'A Solução', 'slide_3_title' => 'TYKUN Medical: Seu assistente virtual 24/7',
        'slide_3_subtitle' => 'Automatize o atendimento, reduza ausências e recobre o tempo da sua equipe.',
        'slide_3_feat1' => 'Agenda Automatizada', 'slide_3_feat1_desc' => 'Pacientes reservam via WhatsApp sem ligar.',
        'slide_3_feat2' => 'Lembretes Inteligentes', 'slide_3_feat2_desc' => 'SMS/WhatsApp enviados automaticamente.',
        'slide_3_feat3' => 'Classificação de Pacientes', 'slide_3_feat3_desc' => 'Bot categoriza consultas e deriva para sua equipe.',
        'slide_4_label' => 'Serviços', 'slide_4_title' => 'Soluções para sua clínica',
        'slide_4_subtitle' => 'Automatizações desenhadas para o setor saúde.',
        'slide_4_s1' => 'Chatbot WhatsApp', 'slide_4_s1_desc' => 'Assistente virtual que responde dúvidas, agenda consultas e envía informação de serviços.',
        'slide_4_s2' => 'Agenda Inteligente', 'slide_4_s2_desc' => 'Sistema de reservas com disponibilidade real e confirmação automática.',
        'slide_4_s3' => 'Recall Automatizado', 'slide_4_s3_desc' => 'Campanhas de acompanhamento para pacientes inativos e check-ups pendentes.',
        'slide_5_label' => 'Como Funciona', 'slide_5_title' => 'Implementação em 4 passos',
        'slide_5_subtitle' => 'Sem complicações, sem interrupções.',
        'slide_5_step1' => 'Diagnóstico', 'slide_5_step1_desc' => 'Analisamos sua operação e volume de pacientes.',
        'slide_5_step2' => 'Configuração', 'slide_5_step2_desc' => 'Personalizamos fluxos, horários e especialidades.',
        'slide_5_step3' => 'Integração', 'slide_5_step3_desc' => 'Conectamos com seu sistema de agenda atual.',
        'slide_5_step4' => 'Lançamento', 'slide_5_step4_desc' => 'Ativo e medindo resultados desde o día 1.',
        'slide_6_label' => 'Benefícios', 'slide_6_title' => 'Resultados comprovados',
        'slide_6_subtitle' => 'Métricas reais de clínicas que já automatizaram.',
        'slide_6_b1' => '-45%', 'slide_6_b1_label' => 'Ausências', 'slide_6_b1_desc' => 'Com lembretes automáticos.',
        'slide_6_b2' => '+30%', 'slide_6_b2_label' => 'Ocupação', 'slide_6_b2_desc' => 'Consultas reservadas sem intervenção.',
        'slide_6_b3' => '85%', 'slide_6_b3_label' => 'Resposta em 5 min', 'slide_6_b3_desc' => 'Leads capturados antes de buscarem outro.',
        'slide_6_b4' => '24/7', 'slide_6_b4_label' => 'Disponibilidade', 'slide_6_b4_desc' => 'Sua clínica atende mesmo de madrugada.',
        'slide_7_label' => 'Casos de Uso', 'slide_7_title' => 'Especialidades que transformamos',
        'slide_7_subtitle' => 'Soluções adaptadas a cada tipo de prática médica.',
        'slide_7_c1' => 'Clínicas Gerais', 'slide_7_c1_desc' => 'Agenda, lembretes e classificação de sintomas.',
        'slide_7_c2' => 'Especialistas', 'slide_7_c2_desc' => 'Gestão de consultas por especialidade, estudos e procedimentos.',
        'slide_7_c3' => 'Laboratórios', 'slide_7_c3_desc' => 'Comunicação de resultados e reagendamento de amostras.',
        'slide_7_c4' => 'Odontologia', 'slide_7_c4_desc' => 'Confirmação de consultas, acompanhamento pós-tratamento.',
        'slide_8_label' => 'Preços', 'slide_8_title' => 'Planos para sua clínica',
        'slide_8_subtitle' => 'Sem custos ocultos, sem contratos longos.',
        'slide_8_basic' => 'Clínica', 'slide_8_basic_price' => '$45', 'slide_8_basic_desc' => 'Ideal para consultórios pequenos.',
        'slide_8_basic_f1' => 'Chatbot básico WhatsApp', 'slide_8_basic_f2' => 'Até 150 conversas/mês', 'slide_8_basic_f3' => 'Agenda básica', 'slide_8_basic_f4' => '1 número de contato',
        'slide_8_intermediate' => 'Centro Médico', 'slide_8_intermediate_price' => '$85', 'slide_8_intermediate_desc' => 'Para clínicas com maior volume.',
        'slide_8_intermediate_f1' => 'Tudo lo de Clínica', 'slide_8_intermediate_f2' => 'Até 500 conversas/mês', 'slide_8_intermediate_f3' => 'Lembretes SMS/WhatsApp', 'slide_8_intermediate_f4' => 'Relatórios semanais',
        'slide_8_professional' => 'Rede de Clínicas', 'slide_8_professional_price' => '$150', 'slide_8_professional_desc' => 'Para múltiples filiais.',
        'slide_8_professional_f1' => 'Tudo lo de Centro Médico', 'slide_8_professional_f2' => 'Conversas ilimitadas', 'slide_8_professional_f3' => 'Múltiplas especialidades', 'slide_8_professional_f4' => 'Gerente de conta dedicado',
        'slide_9_label' => 'Testemunhos', 'slide_9_title' => 'O que dizem nossos clientes',
        'slide_9_subtitle' => 'Clínicas que já transformaram seu atendimento.',
        'slide_9_t1_name' => 'Dr. María González', 'slide_9_t1_role' => 'Clínica San José, La Paz',
        'slide_9_t1_quote' => 'Reduzimos as ausências em 50% no primeiro mês. A equipe recupera horas para dedicar aos pacientes.',
        'slide_9_t2_name' => 'Dra. Carolina Muñoz', 'slide_9_t2_role' => 'Centro Médico Vital, Cochabamba',
        'slide_9_t2_quote' => 'O chatbot responde as dúvidas de horários e preparação de estudos. Nossos pacientes chegam melhor informados.',
        'slide_9_t3_name' => 'Lab. Clínico Delta', 'slide_9_t3_role' => 'Santa Cruz de la Sierra',
        'slide_9_t3_quote' => 'A comunicação de resultados automatizada melhorou nossa satisfação. Os pacientes já não ligam para perguntar.',
        'slide_10_label' => 'Contato', 'slide_10_title' => 'Pronto para automatizar sua clínica?',
        'slide_10_desc' => 'Agende uma chamada de diagnóstico sem compromisso. Analisamos sua operação e propomos uma solução personalizada.',
        'slide_10_wa' => 'Chat via WhatsApp', 'slide_10_email' => 'Email', 'slide_10_phone' => 'Telefone', 'slide_10_location' => 'La Paz, Bolivia',
        'nav_prev' => 'Anterior', 'nav_next' => 'Próximo',
        'progress' => 'Progresso',
        'fullscreen' => 'Tela cheia', 'exit_fullscreen' => 'Sair da tela cheia',
        'whatsapp_cta' => 'Contatar pelo WhatsApp'
    ]
];

$lang = $content[$lang_code] ?? $content['es'];
$lang_code = $lang['lang'];
?>
<!DOCTYPE html>
<html lang="<?php echo $lang_code; ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TYKUN Medical | Automatización para Clínicas y Consultorios</title>
    <meta name="description" content="Chatbot médico para WhatsApp. Agenda citas, envía recordatorios y reduce ausentismos en tu clínica.">
    <link rel="icon" type="image/png" href="assets/images/tykun-ico.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">

    <style>
        :root {
            --primary: #6366F1;
            --primary-dark: #4F46E5;
            --primary-light: #818CF8;
            --secondary: #8B5CF6;
            --accent: #A78BFA;
            --gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A855F7 100%);
            --dark: #0F0D1A;
            --dark-secondary: #1E1B4B;
            --gray: #9CA3AF;
            --gray-light: #E5E7EB;
            --bg-dark: #0F0D1A;
            --white: #FFFFFF;
            --glass: rgba(255, 255, 255, 0.1);
            --glass-border: rgba(255, 255, 255, 0.2);
            --shadow-purple: 0 20px 60px -20px rgba(99, 102, 241, 0.5);
            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 16px;
            --radius-xl: 24px;
            --radius-2xl: 32px;
            --font-sans: 'Inter', sans-serif;
            --font-display: 'Space Grotesk', sans-serif;
            --whatsapp: #25D366;
            --medical-blue: #0EA5E9;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            font-family: var(--font-sans);
            color: var(--white);
            line-height: 1.6;
            background: var(--bg-dark);
            min-height: 100vh;
            overflow: hidden;
        }

        /* NAV */
        .pres-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(15, 13, 26, 0.95);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            padding: 16px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .pres-nav-brand {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }
        .pres-nav-brand img { height: 36px; width: auto; }
        .pres-nav-brand span {
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 18px;
            color: var(--white);
        }
        .pres-nav-badge {
            padding: 4px 10px;
            background: rgba(14, 165, 233, 0.2);
            border: 1px solid rgba(14, 165, 233, 0.4);
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
            color: var(--medical-blue);
        }
        .pres-nav-links {
            display: flex;
            gap: 20px;
            list-style: none;
        }
        .pres-nav-links a {
            text-decoration: none;
            color: var(--gray);
            font-weight: 500;
            font-size: 13px;
            transition: color 0.2s;
            padding: 6px 0;
            border-bottom: 2px solid transparent;
        }
        .pres-nav-links a:hover, .pres-nav-links a.active {
            color: var(--white);
            border-bottom-color: var(--primary);
        }
        .pres-nav-lang {
            display: flex;
            gap: 8px;
        }
        .pres-lang-link {
            padding: 6px 12px;
            background: rgba(255,255,255,0.1);
            border-radius: 6px;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
            color: var(--gray);
            transition: all 0.2s;
        }
        .pres-lang-link:hover, .pres-lang-link.active {
            background: var(--primary);
            color: white;
        }

        /* MAIN CONTAINER */
        .presentation-container {
            width: 100vw;
            height: 100vh;
            padding-top: 68px;
            position: relative;
            overflow: hidden;
        }

        /* PROGRESS BAR */
        .progress-bar-container {
            position: absolute;
            top: 68px;
            left: 0;
            right: 0;
            height: 4px;
            background: rgba(255,255,255,0.1);
            z-index: 100;
        }
        .progress-bar {
            height: 100%;
            background: var(--gradient);
            width: 0%;
            transition: width 0.4s ease;
        }

        /* SLIDES VIEWPORT */
        .slides-viewport {
            width: 100%;
            height: 100%;
            display: flex;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* SINGLE SLIDE */
        .slide {
            min-width: 100vw;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px;
            position: relative;
        }
        .slide-content {
            max-width: 1000px;
            width: 100%;
            text-align: center;
        }

        /* SLIDE ANIMATIONS */
        .slide.active .slide-content > * {
            animation: slideUp 0.6s forwards;
            opacity: 0;
        }
        .slide.active .slide-content > *:nth-child(1) { animation-delay: 0.1s; }
        .slide.active .slide-content > *:nth-child(2) { animation-delay: 0.2s; }
        .slide.active .slide-content > *:nth-child(3) { animation-delay: 0.3s; }
        .slide.active .slide-content > *:nth-child(4) { animation-delay: 0.4s; }
        .slide.active .slide-content > *:nth-child(5) { animation-delay: 0.5s; }

        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* SLIDE 1 - HERO */
        .slide-1 .hero-icon {
            width: 120px;
            height: 120px;
            background: linear-gradient(135deg, var(--medical-blue) 0%, var(--primary) 100%);
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 32px;
            box-shadow: 0 20px 60px -20px rgba(14, 165, 233, 0.5);
        }
        .slide-1 .hero-icon i { font-size: 56px; color: white; }
        .slide-1 .badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(14, 165, 233, 0.15);
            border: 1px solid rgba(14, 165, 233, 0.3);
            border-radius: 100px;
            font-size: 13px;
            font-weight: 500;
            color: var(--medical-blue);
            margin-bottom: 24px;
        }
        .slide-1 h1 {
            font-family: var(--font-display);
            font-size: 56px;
            font-weight: 700;
            letter-spacing: -2px;
            margin-bottom: 16px;
        }
        .slide-1 h1 span {
            background: linear-gradient(135deg, var(--medical-blue) 0%, var(--primary-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .slide-1 p {
            font-size: 20px;
            color: var(--gray);
            max-width: 600px;
            margin: 0 auto 40px;
        }
        .slide-1 .cta-group {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }
        .slide-1 .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            background: var(--gradient);
            color: white;
            text-decoration: none;
            border-radius: var(--radius-sm);
            font-weight: 600;
            font-size: 16px;
            box-shadow: var(--shadow-purple);
            transition: all 0.3s;
        }
        .slide-1 .btn-primary:hover { transform: translateY(-3px); }
        .slide-1 .btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            background: var(--glass);
            color: var(--white);
            text-decoration: none;
            border-radius: var(--radius-sm);
            font-weight: 600;
            font-size: 16px;
            border: 1px solid var(--glass-border);
            transition: all 0.3s;
        }
        .slide-1 .btn-secondary:hover { background: rgba(255,255,255,0.15); }

        /* SLIDE 2 - PROBLEMAS */
        .slide-2 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-2 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-2 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .problems-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .problem-card {
            background: rgba(30, 27, 75, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: var(--radius-xl);
            padding: 32px 28px;
            text-align: left;
            transition: all 0.3s;
        }
        .problem-card:hover {
            transform: translateY(-6px);
            border-color: rgba(239, 68, 68, 0.4);
        }
        .problem-icon {
            width: 56px;
            height: 56px;
            background: rgba(239, 68, 68, 0.15);
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 20px;
        }
        .problem-card h3 {
            font-weight: 600;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .problem-card p {
            font-size: 14px;
            color: var(--gray);
        }

        /* SLIDE 3 - SOLUCION */
        .slide-3 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-3 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-3 h2 span {
            color: var(--medical-blue);
        }
        .slide-3 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .features-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .feature-card {
            background: rgba(30, 27, 75, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: var(--radius-xl);
            padding: 28px;
            text-align: left;
            transition: all 0.3s;
        }
        .feature-card:hover {
            transform: translateY(-6px);
            border-color: rgba(14, 165, 233, 0.4);
        }
        .feature-icon {
            width: 52px;
            height: 52px;
            background: linear-gradient(135deg, var(--medical-blue) 0%, var(--primary) 100%);
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            margin-bottom: 18px;
        }
        .feature-card h3 {
            font-weight: 600;
            font-size: 17px;
            margin-bottom: 8px;
        }
        .feature-card p {
            font-size: 14px;
            color: var(--gray);
        }

        /* SLIDE 4 - SERVICIOS */
        .slide-4 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-4 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-4 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .service-card {
            background: rgba(30, 27, 75, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: var(--radius-xl);
            padding: 32px;
            text-align: left;
            transition: all 0.3s;
        }
        .service-card:hover {
            transform: translateY(-8px);
            border-color: rgba(99, 102, 241, 0.4);
            box-shadow: var(--shadow-purple);
        }
        .service-icon {
            width: 64px;
            height: 64px;
            background: var(--gradient);
            border-radius: var(--radius-lg);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            margin-bottom: 24px;
        }
        .service-card h3 {
            font-family: var(--font-display);
            font-weight: 600;
            font-size: 20px;
            margin-bottom: 12px;
        }
        .service-card p {
            font-size: 15px;
            color: var(--gray);
        }

        /* SLIDE 5 - COMO FUNCIONA */
        .slide-5 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-5 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-5 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .steps-horizontal {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 32px;
            position: relative;
        }
        .steps-horizontal::before {
            content: '';
            position: absolute;
            top: 36px;
            left: 10%;
            right: 10%;
            height: 3px;
            background: var(--gradient);
            opacity: 0.4;
        }
        .step-card {
            position: relative;
            text-align: center;
        }
        .step-number {
            width: 72px;
            height: 72px;
            background: var(--bg-dark);
            border: 2px solid var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 28px;
            margin: 0 auto 20px;
            position: relative;
            z-index: 1;
            transition: all 0.3s;
        }
        .step-card:hover .step-number {
            background: var(--gradient);
            border-color: transparent;
        }
        .step-card h3 {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 8px;
        }
        .step-card p {
            font-size: 14px;
            color: var(--gray);
        }

        /* SLIDE 6 - BENEFICIOS */
        .slide-6 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-6 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-6 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .benefit-card {
            text-align: center;
            padding: 32px 24px;
            background: rgba(30, 27, 75, 0.4);
            border-radius: var(--radius-xl);
            transition: all 0.3s;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .benefit-card:hover {
            transform: translateY(-8px);
            border-color: rgba(14, 165, 233, 0.3);
        }
        .benefit-value {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 8px;
        }
        .benefit-label {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 8px;
        }
        .benefit-card p {
            font-size: 13px;
            color: var(--gray);
        }

        /* SLIDE 7 - CASOS */
        .slide-7 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-7 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-7 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .cases-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .case-card {
            text-align: center;
            padding: 28px 20px;
            background: rgba(30, 27, 75, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: var(--radius-xl);
            transition: all 0.3s;
        }
        .case-card:hover {
            transform: translateY(-6px);
            border-color: rgba(99, 102, 241, 0.4);
        }
        .case-icon {
            width: 64px;
            height: 64px;
            background: linear-gradient(135deg, rgba(14, 165, 233, 0.2) 0%, rgba(99, 102, 241, 0.1) 100%);
            border-radius: var(--radius-lg);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            margin: 0 auto 20px;
            border: 1px solid rgba(14, 165, 233, 0.3);
        }
        .case-card h3 {
            font-weight: 600;
            font-size: 17px;
            margin-bottom: 10px;
        }
        .case-card p {
            font-size: 13px;
            color: var(--gray);
        }

        /* SLIDE 8 - PRECIOS */
        .slide-8 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-8 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-8 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .pricing-card {
            background: rgba(30, 27, 75, 0.6);
            border-radius: var(--radius-xl);
            padding: 36px 28px;
            text-align: left;
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.3s;
        }
        .pricing-card:hover {
            transform: translateY(-8px);
            border-color: rgba(99, 102, 241, 0.4);
        }
        .pricing-card.featured {
            border-color: var(--primary);
            background: rgba(99, 102, 241, 0.15);
            position: relative;
        }
        .pricing-card.featured::before {
            content: 'Recomendado';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            padding: 6px 16px;
            background: var(--gradient);
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
        }
        .pricing-card h3 {
            font-weight: 600;
            font-size: 20px;
            margin-bottom: 4px;
        }
        .pricing-card .desc {
            font-size: 13px;
            color: var(--gray);
            margin-bottom: 20px;
        }
        .pricing-card .price {
            font-family: var(--font-display);
            font-size: 48px;
            font-weight: 700;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .pricing-card .price span {
            font-size: 16px;
            color: var(--gray);
        }
        .pricing-features {
            list-style: none;
            margin-top: 24px;
        }
        .pricing-features li {
            padding: 10px 0;
            font-size: 14px;
            color: var(--gray);
            border-bottom: 1px solid rgba(255,255,255,0.05);
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .pricing-features li i {
            color: var(--primary-light);
            font-size: 12px;
        }

        /* SLIDE 9 - TESTIMONIOS */
        .slide-9 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-9 h2 {
            font-family: var(--font-display);
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        .slide-9 .subtitle {
            font-size: 18px;
            color: var(--gray);
            margin-bottom: 48px;
        }
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .testimonial-card {
            background: rgba(30, 27, 75, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: var(--radius-xl);
            padding: 32px;
            text-align: left;
        }
        .testimonial-card .quote {
            font-size: 15px;
            color: var(--gray-light);
            line-height: 1.7;
            margin-bottom: 24px;
            font-style: italic;
        }
        .testimonial-card .quote::before { content: '"'; }
        .testimonial-card .quote::after { content: '"'; }
        .testimonial-card .author {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .testimonial-card .author-avatar {
            width: 44px;
            height: 44px;
            background: var(--gradient);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 16px;
        }
        .testimonial-card .author-info h4 {
            font-weight: 600;
            font-size: 15px;
        }
        .testimonial-card .author-info p {
            font-size: 13px;
            color: var(--gray);
        }

        /* SLIDE 10 - CONTACTO */
        .slide-10 .section-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 16px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border-radius: 100px;
            border: 1px solid rgba(99, 102, 241, 0.3);
        }
        .slide-10 h2 {
            font-family: var(--font-display);
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 16px;
        }
        .slide-10 .desc {
            font-size: 18px;
            color: var(--gray);
            max-width: 600px;
            margin: 0 auto 48px;
        }
        .contact-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .contact-card {
            background: rgba(30, 27, 75, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: var(--radius-xl);
            padding: 32px;
            text-align: center;
        }
        .contact-card i {
            font-size: 32px;
            margin-bottom: 16px;
            color: var(--primary-light);
        }
        .contact-card h3 {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 8px;
        }
        .contact-card p, .contact-card a {
            font-size: 14px;
            color: var(--gray);
            text-decoration: none;
        }
        .contact-card a:hover {
            color: var(--primary-light);
        }

        /* NAVIGATION */
        .slide-nav {
            position: fixed;
            bottom: 32px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            align-items: center;
            gap: 16px;
            z-index: 100;
            background: rgba(15, 13, 26, 0.9);
            backdrop-filter: blur(20px);
            padding: 12px 20px;
            border-radius: 100px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .nav-btn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            border: none;
            color: white;
            font-size: 18px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .nav-btn:hover {
            background: var(--primary);
        }
        .nav-btn:disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }
        .slide-dots {
            display: flex;
            gap: 8px;
        }
        .slide-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            border: none;
            cursor: pointer;
            transition: all 0.2s;
        }
        .slide-dot:hover {
            background: rgba(255, 255, 255, 0.4);
        }
        .slide-dot.active {
            background: var(--primary);
            transform: scale(1.2);
        }
        .slide-counter {
            font-size: 14px;
            font-weight: 600;
            color: var(--gray);
            min-width: 60px;
            text-align: center;
        }

        /* FULLSCREEN TOGGLE */
        .fullscreen-btn {
            position: fixed;
            top: 84px;
            right: 24px;
            z-index: 100;
            width: 44px;
            height: 44px;
            border-radius: var(--radius-sm);
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: white;
            font-size: 18px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .fullscreen-btn:hover {
            background: var(--primary);
        }

        /* WHATSAPP FLOATING BUTTON */
        .whatsapp-float {
            position: fixed;
            bottom: 100px;
            right: 24px;
            z-index: 100;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: var(--whatsapp);
            color: white;
            font-size: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5);
            transition: all 0.3s;
            animation: whatsapp-pulse 2s infinite;
        }
        @keyframes whatsapp-pulse {
            0%, 100% { box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5); }
            50% { box-shadow: 0 8px 50px rgba(37, 211, 102, 0.8); }
        }
        .whatsapp-float:hover {
            transform: scale(1.1);
        }
        .whatsapp-tooltip {
            position: absolute;
            right: 76px;
            top: 50%;
            transform: translateY(-50%);
            background: var(--dark);
            color: white;
            padding: 10px 16px;
            border-radius: var(--radius-sm);
            font-size: 14px;
            font-weight: 500;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s;
        }
        .whatsapp-float:hover .whatsapp-tooltip {
            opacity: 1;
        }

        /* RESPONSIVE */
        @media (max-width: 1024px) {
            .problems-grid, .features-row, .services-grid, .testimonials-grid, .contact-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
            .pricing-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
            .steps-horizontal, .benefits-grid, .cases-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            .pres-nav-links { display: none; }
            .slide { padding: 20px; }
            .slide-1 h1 { font-size: 36px; }
            .slide-2 h2, .slide-3 h2, .slide-4 h2, .slide-5 h2, .slide-6 h2, .slide-7 h2, .slide-8 h2, .slide-9 h2 { font-size: 28px; }
            .steps-horizontal, .install-steps { grid-template-columns: 1fr; }
            .steps-horizontal::before { display: none; }
            .pricing-grid { grid-template-columns: 1fr; }
            .contact-grid, .benefits-grid, .cases-grid { grid-template-columns: 1fr; }
            .slide-nav { bottom: 20px; padding: 10px 16px; gap: 8px; }
            .nav-btn { width: 40px; height: 40px; font-size: 16px; }
            .slide-dot { width: 10px; height: 10px; }
            .whatsapp-float { width: 56px; height: 56px; font-size: 28px; bottom: 80px; }
        }
    </style>
</head>
<body>

    <!-- NAVIGATION -->
    <nav class="pres-nav">
        <a href="index.php" class="pres-nav-brand">
            <img src="assets/images/tykun-ico.png" alt="TYKUN">
            <span>TYKUN</span>
        </a>
        <span class="pres-nav-badge">Medical</span>
        <ul class="pres-nav-links">
            <li><a href="#" class="nav-jump" data-slide="0"><?php echo $lang['nav_inicio']; ?></a></li>
            <li><a href="#" class="nav-jump" data-slide="1"><?php echo $lang['nav_problemas']; ?></a></li>
            <li><a href="#" class="nav-jump" data-slide="2"><?php echo $lang['nav_solucion']; ?></a></li>
            <li><a href="#" class="nav-jump" data-slide="3"><?php echo $lang['nav_servicios']; ?></a></li>
            <li><a href="#" class="nav-jump" data-slide="5"><?php echo $lang['nav_beneficios']; ?></a></li>
            <li><a href="#" class="nav-jump" data-slide="7"><?php echo $lang['nav_precios']; ?></a></li>
            <li><a href="#" class="nav-jump" data-slide="9"><?php echo $lang['nav_contacto']; ?></a></li>
        </ul>
        <div class="pres-nav-lang">
            <a href="presentacion.php" class="pres-lang-link <?php echo $lang_code == 'es' ? 'active' : ''; ?>">ES</a>
            <a href="presentacion.php?lang=en" class="pres-lang-link <?php echo $lang_code == 'en' ? 'active' : ''; ?>">EN</a>
            <a href="presentacion.php?lang=pt" class="pres-lang-link <?php echo $lang_code == 'pt' ? 'active' : ''; ?>">PT</a>
        </div>
    </nav>

    <!-- PROGRESS BAR -->
    <div class="progress-bar-container">
        <div class="progress-bar" id="progressBar"></div>
    </div>

    <!-- FULLSCREEN TOGGLE -->
    <button class="fullscreen-btn" id="fullscreenBtn" title="<?php echo $lang['fullscreen']; ?>">
        <i class="fas fa-expand"></i>
    </button>

    <!-- MAIN CONTAINER -->
    <div class="presentation-container">

        <div class="slides-viewport" id="slidesViewport">

            <!-- SLIDE 1: HERO -->
            <div class="slide slide-1 active" data-slide="0">
                <div class="slide-content">
                    <div class="hero-icon">
                        <i class="fas fa-heartbeat"></i>
                    </div>
                    <div class="badge">
                        <i class="fas fa-check-circle"></i>
                        <?php echo $lang['slide_1_badge']; ?>
                    </div>
                    <h1><?php echo $lang['slide_1_title']; ?><br><span><?php echo $lang['slide_1_title2']; ?></span></h1>
                    <p><?php echo $lang['slide_1_desc']; ?></p>
                    <div class="cta-group">
                        <a href="#contacto" class="btn-primary"><?php echo $lang['slide_1_cta1']; ?></a>
                        <a href="#servicios" class="btn-secondary"><?php echo $lang['slide_1_cta2']; ?></a>
                    </div>
                </div>
            </div>

            <!-- SLIDE 2: PROBLEMAS -->
            <div class="slide slide-2" data-slide="1">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_2_label']; ?></div>
                    <h2><?php echo $lang['slide_2_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_2_subtitle']; ?></p>
                    <div class="problems-grid">
                        <div class="problem-card">
                            <div class="problem-icon">⏰</div>
                            <h3><?php echo $lang['slide_2_prob1']; ?></h3>
                            <p><?php echo $lang['slide_2_prob1_desc']; ?></p>
                        </div>
                        <div class="problem-card">
                            <div class="problem-icon">🔄</div>
                            <h3><?php echo $lang['slide_2_prob2']; ?></h3>
                            <p><?php echo $lang['slide_2_prob2_desc']; ?></p>
                        </div>
                        <div class="problem-card">
                            <div class="problem-icon">📉</div>
                            <h3><?php echo $lang['slide_2_prob3']; ?></h3>
                            <p><?php echo $lang['slide_2_prob3_desc']; ?></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 3: SOLUCION -->
            <div class="slide slide-3" data-slide="2">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_3_label']; ?></div>
                    <h2><?php echo $lang['slide_3_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_3_subtitle']; ?></p>
                    <div class="features-row">
                        <div class="feature-card">
                            <div class="feature-icon">📅</div>
                            <h3><?php echo $lang['slide_3_feat1']; ?></h3>
                            <p><?php echo $lang['slide_3_feat1_desc']; ?></p>
                        </div>
                        <div class="feature-card">
                            <div class="feature-icon">🔔</div>
                            <h3><?php echo $lang['slide_3_feat2']; ?></h3>
                            <p><?php echo $lang['slide_3_feat2_desc']; ?></p>
                        </div>
                        <div class="feature-card">
                            <div class="feature-icon">🏥</div>
                            <h3><?php echo $lang['slide_3_feat3']; ?></h3>
                            <p><?php echo $lang['slide_3_feat3_desc']; ?></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 4: SERVICIOS -->
            <div class="slide slide-4" data-slide="3">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_4_label']; ?></div>
                    <h2><?php echo $lang['slide_4_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_4_subtitle']; ?></p>
                    <div class="services-grid">
                        <div class="service-card">
                            <div class="service-icon">💬</div>
                            <h3><?php echo $lang['slide_4_s1']; ?></h3>
                            <p><?php echo $lang['slide_4_s1_desc']; ?></p>
                        </div>
                        <div class="service-card">
                            <div class="service-icon">📆</div>
                            <h3><?php echo $lang['slide_4_s2']; ?></h3>
                            <p><?php echo $lang['slide_4_s2_desc']; ?></p>
                        </div>
                        <div class="service-card">
                            <div class="service-icon">🔧</div>
                            <h3><?php echo $lang['slide_4_s3']; ?></h3>
                            <p><?php echo $lang['slide_4_s3_desc']; ?></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 5: COMO FUNCIONA -->
            <div class="slide slide-5" data-slide="4">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_5_label']; ?></div>
                    <h2><?php echo $lang['slide_5_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_5_subtitle']; ?></p>
                    <div class="steps-horizontal">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3><?php echo $lang['slide_5_step1']; ?></h3>
                            <p><?php echo $lang['slide_5_step1_desc']; ?></p>
                        </div>
                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3><?php echo $lang['slide_5_step2']; ?></h3>
                            <p><?php echo $lang['slide_5_step2_desc']; ?></p>
                        </div>
                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3><?php echo $lang['slide_5_step3']; ?></h3>
                            <p><?php echo $lang['slide_5_step3_desc']; ?></p>
                        </div>
                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3><?php echo $lang['slide_5_step4']; ?></h3>
                            <p><?php echo $lang['slide_5_step4_desc']; ?></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 6: BENEFICIOS -->
            <div class="slide slide-6" data-slide="5">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_6_label']; ?></div>
                    <h2><?php echo $lang['slide_6_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_6_subtitle']; ?></p>
                    <div class="benefits-grid">
                        <div class="benefit-card">
                            <div class="benefit-value"><?php echo $lang['slide_6_b1']; ?></div>
                            <div class="benefit-label"><?php echo $lang['slide_6_b1_label']; ?></div>
                            <p><?php echo $lang['slide_6_b1_desc']; ?></p>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-value"><?php echo $lang['slide_6_b2']; ?></div>
                            <div class="benefit-label"><?php echo $lang['slide_6_b2_label']; ?></div>
                            <p><?php echo $lang['slide_6_b2_desc']; ?></p>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-value"><?php echo $lang['slide_6_b3']; ?></div>
                            <div class="benefit-label"><?php echo $lang['slide_6_b3_label']; ?></div>
                            <p><?php echo $lang['slide_6_b3_desc']; ?></p>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-value"><?php echo $lang['slide_6_b4']; ?></div>
                            <div class="benefit-label"><?php echo $lang['slide_6_b4_label']; ?></div>
                            <p><?php echo $lang['slide_6_b4_desc']; ?></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 7: CASOS -->
            <div class="slide slide-7" data-slide="6">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_7_label']; ?></div>
                    <h2><?php echo $lang['slide_7_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_7_subtitle']; ?></p>
                    <div class="cases-grid">
                        <div class="case-card">
                            <div class="case-icon">🏥</div>
                            <h3><?php echo $lang['slide_7_c1']; ?></h3>
                            <p><?php echo $lang['slide_7_c1_desc']; ?></p>
                        </div>
                        <div class="case-card">
                            <div class="case-icon">👨‍⚕️</div>
                            <h3><?php echo $lang['slide_7_c2']; ?></h3>
                            <p><?php echo $lang['slide_7_c2_desc']; ?></p>
                        </div>
                        <div class="case-card">
                            <div class="case-icon">🔬</div>
                            <h3><?php echo $lang['slide_7_c3']; ?></h3>
                            <p><?php echo $lang['slide_7_c3_desc']; ?></p>
                        </div>
                        <div class="case-card">
                            <div class="case-icon">😁</div>
                            <h3><?php echo $lang['slide_7_c4']; ?></h3>
                            <p><?php echo $lang['slide_7_c4_desc']; ?></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 8: PRECIOS -->
            <div class="slide slide-8" data-slide="7">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_8_label']; ?></div>
                    <h2><?php echo $lang['slide_8_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_8_subtitle']; ?></p>
                    <div class="pricing-grid">
                        <div class="pricing-card">
                            <h3><?php echo $lang['slide_8_basic']; ?></h3>
                            <p class="desc"><?php echo $lang['slide_8_basic_desc']; ?></p>
                            <div class="price"><?php echo $lang['slide_8_basic_price']; ?><span>/mes</span></div>
                            <ul class="pricing-features">
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_basic_f1']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_basic_f2']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_basic_f3']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_basic_f4']; ?></li>
                            </ul>
                        </div>
                        <div class="pricing-card featured">
                            <h3><?php echo $lang['slide_8_intermediate']; ?></h3>
                            <p class="desc"><?php echo $lang['slide_8_intermediate_desc']; ?></p>
                            <div class="price"><?php echo $lang['slide_8_intermediate_price']; ?><span>/mes</span></div>
                            <ul class="pricing-features">
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_intermediate_f1']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_intermediate_f2']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_intermediate_f3']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_intermediate_f4']; ?></li>
                            </ul>
                        </div>
                        <div class="pricing-card">
                            <h3><?php echo $lang['slide_8_professional']; ?></h3>
                            <p class="desc"><?php echo $lang['slide_8_professional_desc']; ?></p>
                            <div class="price"><?php echo $lang['slide_8_professional_price']; ?><span>/mes</span></div>
                            <ul class="pricing-features">
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_professional_f1']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_professional_f2']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_professional_f3']; ?></li>
                                <li><i class="fas fa-check"></i><?php echo $lang['slide_8_professional_f4']; ?></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 9: TESTIMONIOS -->
            <div class="slide slide-9" data-slide="8">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_9_label']; ?></div>
                    <h2><?php echo $lang['slide_9_title']; ?></h2>
                    <p class="subtitle"><?php echo $lang['slide_9_subtitle']; ?></p>
                    <div class="testimonials-grid">
                        <div class="testimonial-card">
                            <p class="quote"><?php echo $lang['slide_9_t1_quote']; ?></p>
                            <div class="author">
                                <div class="author-avatar">MG</div>
                                <div class="author-info">
                                    <h4><?php echo $lang['slide_9_t1_name']; ?></h4>
                                    <p><?php echo $lang['slide_9_t1_role']; ?></p>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-card">
                            <p class="quote"><?php echo $lang['slide_9_t2_quote']; ?></p>
                            <div class="author">
                                <div class="author-avatar">CM</div>
                                <div class="author-info">
                                    <h4><?php echo $lang['slide_9_t2_name']; ?></h4>
                                    <p><?php echo $lang['slide_9_t2_role']; ?></p>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-card">
                            <p class="quote"><?php echo $lang['slide_9_t3_quote']; ?></p>
                            <div class="author">
                                <div class="author-avatar">LD</div>
                                <div class="author-info">
                                    <h4><?php echo $lang['slide_9_t3_name']; ?></h4>
                                    <p><?php echo $lang['slide_9_t3_role']; ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- SLIDE 10: CONTACTO -->
            <div class="slide slide-10" data-slide="9">
                <div class="slide-content">
                    <div class="section-label"><?php echo $lang['slide_10_label']; ?></div>
                    <h2><?php echo $lang['slide_10_title']; ?></h2>
                    <p class="desc"><?php echo $lang['slide_10_desc']; ?></p>
                    <div class="contact-grid">
                        <div class="contact-card">
                            <i class="fab fa-whatsapp"></i>
                            <h3><?php echo $lang['slide_10_wa']; ?></h3>
                            <p><a href="https://wa.me/59160617038" target="_blank">+591 60617038</a></p>
                        </div>
                        <div class="contact-card">
                            <i class="fas fa-envelope"></i>
                            <h3><?php echo $lang['slide_10_email']; ?></h3>
                            <p><a href="mailto:info@consultora-tykun.com">info@consultora-tykun.com</a></p>
                        </div>
                        <div class="contact-card">
                            <i class="fas fa-phone"></i>
                            <h3><?php echo $lang['slide_10_phone']; ?></h3>
                            <p><a href="tel:+59160617038">+591 60617038</a></p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- SLIDE NAVIGATION -->
    <div class="slide-nav">
        <button class="nav-btn" id="prevBtn" disabled title="<?php echo $lang['nav_prev']; ?>">
            <i class="fas fa-chevron-left"></i>
        </button>
        <div class="slide-dots" id="slideDots"></div>
        <span class="slide-counter" id="slideCounter">1 / 10</span>
        <button class="nav-btn" id="nextBtn" title="<?php echo $lang['nav_next']; ?>">
            <i class="fas fa-chevron-right"></i>
        </button>
    </div>

    <!-- WHATSAPP FLOATING BUTTON -->
    <a href="https://wa.me/59160617038" target="_blank" class="whatsapp-float" title="<?php echo $lang['whatsapp_cta']; ?>">
        <i class="fab fa-whatsapp"></i>
        <span class="whatsapp-tooltip"><?php echo $lang['whatsapp_cta']; ?></span>
    </a>

    <script>
        const totalSlides = 10;
        let currentSlide = 0;

        const viewport = document.getElementById('slidesViewport');
        const progressBar = document.getElementById('progressBar');
        const prevBtn = document.getElementById('prevBtn');
        const nextBtn = document.getElementById('nextBtn');
        const slideCounter = document.getElementById('slideCounter');
        const slideDots = document.getElementById('slideDots');
        const fullscreenBtn = document.getElementById('fullscreenBtn');

        // Create dots
        for (let i = 0; i < totalSlides; i++) {
            const dot = document.createElement('button');
            dot.className = 'slide-dot' + (i === 0 ? ' active' : '');
            dot.addEventListener('click', () => goToSlide(i));
            slideDots.appendChild(dot);
        }

        function updatePresentation() {
            viewport.style.transform = `translateX(-${currentSlide * 100}vw)`;
            progressBar.style.width = `${((currentSlide + 1) / totalSlides) * 100}%`;
            slideCounter.textContent = `${currentSlide + 1} / ${totalSlides}`;
            prevBtn.disabled = currentSlide === 0;
            nextBtn.disabled = currentSlide === totalSlides - 1;

            document.querySelectorAll('.slide-dot').forEach((dot, i) => {
                dot.classList.toggle('active', i === currentSlide);
            });

            document.querySelectorAll('.slide').forEach((slide, i) => {
                slide.classList.toggle('active', i === currentSlide);
            });

            document.querySelectorAll('.nav-jump').forEach(link => {
                const target = parseInt(link.dataset.slide);
                link.classList.toggle('active', target === currentSlide);
            });
        }

        function goToSlide(index) {
            currentSlide = Math.max(0, Math.min(index, totalSlides - 1));
            updatePresentation();
        }

        function nextSlide() {
            if (currentSlide < totalSlides - 1) {
                currentSlide++;
                updatePresentation();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updatePresentation();
            }
        }

        nextBtn.addEventListener('click', nextSlide);
        prevBtn.addEventListener('click', prevSlide);

        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowRight' || e.key === ' ') {
                nextSlide();
            } else if (e.key === 'ArrowLeft') {
                prevSlide();
            } else if (e.key === 'f' || e.key === 'F') {
                toggleFullscreen();
            } else if (e.key === 'Escape' && document.fullscreenElement) {
                document.exitFullscreen();
            }
        });

        let touchStartX = 0;
        let touchEndX = 0;

        document.addEventListener('touchstart', (e) => {
            touchStartX = e.changedTouches[0].screenX;
        });

        document.addEventListener('touchend', (e) => {
            touchEndX = e.changedTouches[0].screenX;
            handleSwipe();
        });

        function handleSwipe() {
            const diff = touchStartX - touchEndX;
            if (Math.abs(diff) > 50) {
                if (diff > 0) {
                    nextSlide();
                } else {
                    prevSlide();
                }
            }
        }

        function toggleFullscreen() {
            if (!document.fullscreenElement) {
                document.documentElement.requestFullscreen();
                fullscreenBtn.innerHTML = '<i class="fas fa-compress"></i>';
            } else {
                document.exitFullscreen();
                fullscreenBtn.innerHTML = '<i class="fas fa-expand"></i>';
            }
        }

        fullscreenBtn.addEventListener('click', toggleFullscreen);

        document.addEventListener('fullscreenchange', () => {
            if (!document.fullscreenElement) {
                fullscreenBtn.innerHTML = '<i class="fas fa-expand"></i>';
            }
        });

        document.querySelectorAll('.nav-jump').forEach(link => {
            link.addEventListener('click', (e) => {
                e.preventDefault();
                goToSlide(parseInt(link.dataset.slide));
            });
        });

        updatePresentation();
    </script>
</body>
</html>