// Verificar slide Quiénes Somos
                const whoWeAreSlide = document.getElementById('whoWeAreSlide');
                if (whoWeAreSlide && whoWeAreSlide.classList.contains('active')) {
                    console.log('Slide Quiénes Somos activo - asegurando visibilidad');
                    whoWeAreSlide.style.display = 'block';
                    whoWeAreSlide.style.opacity = '1';
                    whoWeAreSlide.style.visibility = 'visible';
                    whoWeAreSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const whoWeAreContent = whoWeAreSlide.querySelector('div');
                    if (whoWeAreContent) {
                        whoWeAreContent.style.display = 'block';
                        whoWeAreContent.style.opacity = '1';
                        whoWeAreContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Nuestra Propuesta de Valor
                const valuePropositionSlide = document.getElementById('valuePropositionSlide');
                if (valuePropositionSlide && valuePropositionSlide.classList.contains('active')) {
                    console.log('Slide Nuestra Propuesta de Valor activo - asegurando visibilidad');
                    valuePropositionSlide.style.display = 'block';
                    valuePropositionSlide.style.opacity = '1';
                    valuePropositionSlide.style.visibility = 'visible';
                    valuePropositionSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const valuePropositionContent = valuePropositionSlide.querySelector('div');
                    if (valuePropositionContent) {
                        valuePropositionContent.style.display = 'block';
                        valuePropositionContent.style.opacity = '1';
                        valuePropositionContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide eMaksimus
                const emaksimusSlide = document.getElementById('emaksimusSlide');
                if (emaksimusSlide && emaksimusSlide.classList.contains('active')) {
                    console.log('Slide eMaksimus activo - asegurando visibilidad');
                    emaksimusSlide.style.display = 'block';
                    emaksimusSlide.style.opacity = '1';
                    emaksimusSlide.style.visibility = 'visible';
                    emaksimusSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const emaksimusContent = emaksimusSlide.querySelector('div');
                    if (emaksimusContent) {
                        emaksimusContent.style.display = 'block';
                        emaksimusContent.style.opacity = '1';
                        emaksimusContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Everest Plus
                const everestPlusSlide = document.getElementById('everestPlusSlide');
                if (everestPlusSlide && everestPlusSlide.classList.contains('active')) {
                    console.log('Slide Everest Plus activo - asegurando visibilidad');
                    everestPlusSlide.style.display = 'block';
                    everestPlusSlide.style.opacity = '1';
                    everestPlusSlide.style.visibility = 'visible';
                    everestPlusSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const everestPlusContent = everestPlusSlide.querySelector('div');
                    if (everestPlusContent) {
                        everestPlusContent.style.display = 'block';
                        everestPlusContent.style.opacity = '1';
                        everestPlusContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Génesis
                const genesisSlide = document.getElementById('genesisSlide');
                if (genesisSlide && genesisSlide.classList.contains('active')) {
                    console.log('Slide Génesis activo - asegurando visibilidad');
                    genesisSlide.style.display = 'block';
                    genesisSlide.style.opacity = '1';
                    genesisSlide.style.visibility = 'visible';
                    genesisSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const genesisContent = genesisSlide.querySelector('div');
                    if (genesisContent) {
                        genesisContent.style.display = 'block';
                        genesisContent.style.opacity = '1';
                        genesisContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Hospedaje Web
                const hostingSlide = document.getElementById('hostingSlide');
                if (hostingSlide && hostingSlide.classList.contains('active')) {
                    console.log('Slide Hospedaje Web activo - asegurando visibilidad');
                    hostingSlide.style.display = 'block';
                    hostingSlide.style.opacity = '1';
                    hostingSlide.style.visibility = 'visible';
                    hostingSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const hostingContent = hostingSlide.querySelector('div');
                    if (hostingContent) {
                        hostingContent.style.display = 'block';
                        hostingContent.style.opacity = '1';
                        hostingContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Consultoría
                const consultingSlide = document.getElementById('consultingSlide');
                if (consultingSlide && consultingSlide.classList.contains('active')) {
                    console.log('Slide Consultoría activo - asegurando visibilidad');
                    consultingSlide.style.display = 'block';
                    consultingSlide.style.opacity = '1';
                    consultingSlide.style.visibility = 'visible';
                    consultingSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const consultingContent = consultingSlide.querySelector('div');
                    if (consultingContent) {
                        consultingContent.style.display = 'block';
                        consultingContent.style.opacity = '1';
                        consultingContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Sectores
                const sectorsSlide = document.getElementById('sectorsSlide');
                if (sectorsSlide && sectorsSlide.classList.contains('active')) {
                    console.log('Slide Sectores activo - asegurando visibilidad');
                    sectorsSlide.style.display = 'block';
                    sectorsSlide.style.opacity = '1';
                    sectorsSlide.style.visibility = 'visible';
                    sectorsSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const sectorsContent = sectorsSlide.querySelector('div');
                    if (sectorsContent) {
                        sectorsContent.style.display = 'block';
                        sectorsContent.style.opacity = '1';
                        sectorsContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Nuestra Historia
                const historySlide = document.getElementById('historySlide');
                if (historySlide && historySlide.classList.contains('active')) {
                    console.log('Slide Nuestra Historia activo - asegurando visibilidad');
                    historySlide.style.display = 'block';
                    historySlide.style.opacity = '1';
                    historySlide.style.visibility = 'visible';
                    historySlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const historyContent = historySlide.querySelector('div');
                    if (historyContent) {
                        historyContent.style.display = 'block';
                        historyContent.style.opacity = '1';
                        historyContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Nuestros Valores
                const valuesSlide = document.getElementById('valuesSlide');
                if (valuesSlide && valuesSlide.classList.contains('active')) {
                    console.log('Slide Nuestros Valores activo - asegurando visibilidad');
                    valuesSlide.style.display = 'block';
                    valuesSlide.style.opacity = '1';
                    valuesSlide.style.visibility = 'visible';
                    valuesSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const valuesContent = valuesSlide.querySelector('div');
                    if (valuesContent) {
                        valuesContent.style.display = 'block';
                        valuesContent.style.opacity = '1';
                        valuesContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Nuestra Propuesta de Valor
                const valuePropositionSlide = document.getElementById('valuePropositionSlide');
                if (valuePropositionSlide && valuePropositionSlide.classList.contains('active')) {
                    console.log('Slide Nuestra Propuesta de Valor activo - asegurando visibilidad');
                    valuePropositionSlide.style.display = 'block';
                    valuePropositionSlide.style.opacity = '1';
                    valuePropositionSlide.style.visibility = 'visible';
                    valuePropositionSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const valuePropositionContent = valuePropositionSlide.querySelector('div');
                    if (valuePropositionContent) {
                        valuePropositionContent.style.display = 'block';
                        valuePropositionContent.style.opacity = '1';
                        valuePropositionContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide eMaksimus
                const emaksimusSlide = document.getElementById('emaksimusSlide');
                if (emaksimusSlide && emaksimusSlide.classList.contains('active')) {
                    console.log('Slide eMaksimus activo - asegurando visibilidad');
                    emaksimusSlide.style.display = 'block';
                    emaksimusSlide.style.opacity = '1';
                    emaksimusSlide.style.visibility = 'visible';
                    emaksimusSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const emaksimusContent = emaksimusSlide.querySelector('div');
                    if (emaksimusContent) {
                        emaksimusContent.style.display = 'block';
                        emaksimusContent.style.opacity = '1';
                        emaksimusContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Everest Plus
                const everestPlusSlide = document.getElementById('everestPlusSlide');
                if (everestPlusSlide && everestPlusSlide.classList.contains('active')) {
                    console.log('Slide Everest Plus activo - asegurando visibilidad');
                    everestPlusSlide.style.display = 'block';
                    everestPlusSlide.style.opacity = '1';
                    everestPlusSlide.style.visibility = 'visible';
                    everestPlusSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const everestPlusContent = everestPlusSlide.querySelector('div');
                    if (everestPlusContent) {
                        everestPlusContent.style.display = 'block';
                        everestPlusContent.style.opacity = '1';
                        everestPlusContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Génesis
                const genesisSlide = document.getElementById('genesisSlide');
                if (genesisSlide && genesisSlide.classList.contains('active')) {
                    console.log('Slide Génesis activo - asegurando visibilidad');
                    genesisSlide.style.display = 'block';
                    genesisSlide.style.opacity = '1';
                    genesisSlide.style.visibility = 'visible';
                    genesisSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const genesisContent = genesisSlide.querySelector('div');
                    if (genesisContent) {
                        genesisContent.style.display = 'block';
                        genesisContent.style.opacity = '1';
                        genesisContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Hospedaje Web y Correo Electrónico
                const hostingSlide = document.getElementById('hostingSlide');
                if (hostingSlide && hostingSlide.classList.contains('active')) {
                    console.log('Slide Hospedaje Web activo - asegurando visibilidad');
                    hostingSlide.style.display = 'block';
                    hostingSlide.style.opacity = '1';
                    hostingSlide.style.visibility = 'visible';
                    hostingSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const hostingContent = hostingSlide.querySelector('div');
                    if (hostingContent) {
                        hostingContent.style.display = 'block';
                        hostingContent.style.opacity = '1';
                        hostingContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Consultoría Informática
                const consultingSlide = document.getElementById('consultingSlide');
                if (consultingSlide && consultingSlide.classList.contains('active')) {
                    console.log('Slide Consultoría activo - asegurando visibilidad');
                    consultingSlide.style.display = 'block';
                    consultingSlide.style.opacity = '1';
                    consultingSlide.style.visibility = 'visible';
                    consultingSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const consultingContent = consultingSlide.querySelector('div');
                    if (consultingContent) {
                        consultingContent.style.display = 'block';
                        consultingContent.style.opacity = '1';
                        consultingContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Sectores que Atendemos
                const sectorsSlide = document.getElementById('sectorsSlide');
                if (sectorsSlide && sectorsSlide.classList.contains('active')) {
                    console.log('Slide Sectores activo - asegurando visibilidad');
                    sectorsSlide.style.display = 'block';
                    sectorsSlide.style.opacity = '1';
                    sectorsSlide.style.visibility = 'visible';
                    sectorsSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const sectorsContent = sectorsSlide.querySelector('div');
                    if (sectorsContent) {
                        sectorsContent.style.display = 'block';
                        sectorsContent.style.opacity = '1';
                        sectorsContent.style.visibility = 'visible';
                    }
                }<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Everest Internet Solutions - Presentación</title>
    
    <!-- Fuentes -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <!-- Font Awesome para iconos -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Estilos CSS -->
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <!-- Controles de navegación -->
    <div class="nav-controls">
        <button id="prevSlide" class="nav-btn" disabled><i class="fas fa-chevron-left"></i></button>
        <div class="slide-counter">
            <span id="currentSlide">1</span>/<span id="totalSlides">13</span>
        </div>
        <button id="nextSlide" class="nav-btn"><i class="fas fa-chevron-right"></i></button>
    </div>

    <!-- Slide 1: Portada -->
    <div id="coverSlide" class="slide active">
        <div class="cover">
            <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Internet Solutions">
            <h1 class="company-name">EVEREST INTERNET SOLUTIONS</h1>
            <p class="tagline">Soluciones tecnológicas que elevan tu negocio</p>
        </div>
    </div>

    <!-- Slide 2: ¿Quiénes Somos? (Con estilo mejorado) -->
    <div id="whoWeAreSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">¿QUIÉNES SOMOS?</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="margin-bottom: 30px;">
                        <ul style="list-style-type: none; padding: 0;">
                            <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                Empresa de tecnologías de la información fundada en 1996
                            </li>
                            <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                25+ años desarrollando soluciones de software propio
                            </li>
                            <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                Especialistas en automatización de procesos para PyMEs
                            </li>
                        </ul>
                    </div>

                    <div style="display: flex; flex-wrap: wrap; gap: 30px;">
                        <div style="flex: 1; min-width: 300px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">MISIÓN</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Generar valor a través de tecnologías digitales para nuestros clientes, proporcionando soluciones basadas en el desarrollo de software propio.
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 300px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">VISIÓN</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Trascender como un proveedor de productos y soluciones de software propio a nivel nacional, generando relaciones de largo plazo con nuestros clientes.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 3: Nuestra Historia (Con estilo mejorado) -->
    <div id="historySlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">NUESTRA HISTORIA</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="margin-bottom: 30px;">
                        <ul style="list-style-type: none; padding: 0;">
                            <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                Fundada en 1996 en Tijuana, Baja California
                            </li>
                            <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                Creada por los ingenieros Rubén Salcedo Rodríguez y Félix Dueñas Santos
                            </li>
                            <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                Propósito inicial: Automatizar procesos de ventas, compras e inventarios
                            </li>
                        </ul>
                    </div>

                    <div style="background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 30px;">
                        <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">El origen de nuestro nombre</h2>
                        <p style="font-size: 1.3rem; line-height: 1.5;">
                            El nombre "Everest" surgió en 1999, durante la culminación de un proyecto clave con Matsushita Electronic Components - Panasonic. Durante una conversación inspiradora con el líder del proyecto, Sr. Acagi, se planteó que la compañía podría alcanzar grandes alturas, comparables a las del monte Everest.
                        </p>
                    </div>
                    
                    <div style="display: flex; flex-wrap: wrap; gap: 30px;">
                        <div style="flex: 1; min-width: 300px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; text-align: center;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; background-color: rgba(0, 115, 105, 0.3); padding: 10px; border-radius: 5px;">1996</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Fundación de la empresa en Tijuana, Baja California
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 300px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; text-align: center;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; background-color: rgba(0, 115, 105, 0.3); padding: 10px; border-radius: 5px;">1999</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Nace el nombre "Everest" durante el proyecto con Matsushita Electronic Components
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 4: Nuestros Valores (Con estilo mejorado) -->
    <div id="valuesSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">NUESTROS VALORES</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="display: flex; flex-wrap: wrap; gap: 20px;">
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Colaboración</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Potenciar y aprovechar el trabajo colectivo
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Innovación</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Mantener una búsqueda constante de nuevas y mejores tecnologías
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Pasión</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Hacer el trabajo con gusto y motivados
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Compromiso</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Cumplir con los requerimientos individuales y colectivos
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Confiabilidad</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Generar soluciones con altos estándares de calidad
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Lealtad</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Hacia nuestros clientes y entre nuestro equipo de trabajo
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Integridad</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Tratar a los demás como corresponde, como seres valiosos y únicos
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 5: Propuesta de Valor (Con estilo mejorado) -->
    <div id="valuePropositionSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">NUESTRA PROPUESTA DE VALOR</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="margin-bottom: 20px;">
                        <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Lo que nos diferencia:</h2>
                    </div>
                    
                    <div style="display: flex; flex-wrap: wrap; gap: 20px;">
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Reducción de la brecha digital</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Herramientas intuitivas y accesibles para PyMEs
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Adaptabilidad y escalabilidad</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Soluciones que crecen con tu negocio
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Especialización sectorial</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Enfoque en sectores estratégicos
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Innovación con experiencia</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                25+ años combinando conocimiento técnico
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px; text-align: center;">Atención personalizada</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5; text-align: center;">
                                Acompañamiento integral en implementación
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 6: eMaksimus (Con estilo mejorado) -->
    <div id="emaksimusSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">eMaksimus</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="display: flex; flex-wrap: wrap; gap: 30px;">
                        <div style="flex: 1; min-width: 300px;">
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                                <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Sistema integral para farmacias</h2>
                                <p style="font-size: 1.3rem; line-height: 1.5;">
                                    Control completo de ventas, compras e inventarios
                                </p>
                            </div>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                                <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Dos versiones especializadas:</h2>
                                <ul style="list-style-type: none; padding: 0;">
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        <strong>MD:</strong> Para farmacias comerciales (Windows)
                                    </li>
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        <strong>CH:</strong> Para farmacias intrahospitalarias (Web/Nube)
                                    </li>
                                </ul>
                            </div>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                                <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Presencia internacional</h2>
                                <p style="font-size: 1.3rem; line-height: 1.5;">
                                    Implementado en México y gran parte de Latinoamérica
                                </p>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 300px; display: flex; align-items: center; justify-content: center;">
                            <div style="background-color: white; padding: 30px; border-radius: 10px; width: 100%; max-width: 400px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);">
                                <img src="https://presentacion.everest.ws/logos/emaksimus-logo.jpg" alt="Sistema eMaksimus" style="max-width: 100%; display: block; margin: 0 auto;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 7: Everest Plus (Con estilo mejorado) -->
    <div id="everestPlusSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">Everest Plus</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="display: flex; flex-wrap: wrap; gap: 30px;">
                        <div style="flex: 1; min-width: 300px;">
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                                <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Sistema ERP</h2>
                                <p style="font-size: 1.3rem; line-height: 1.5;">
                                    Administración integral de ventas, compras e inventarios
                                </p>
                                <p style="font-size: 1.3rem; line-height: 1.5;">
                                    Ambiente Web para acceso desde cualquier dispositivo
                                </p>
                            </div>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                                <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Versión especializada: Everest Plus MSoft</h2>
                                <ul style="list-style-type: none; padding: 0;">
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        Diseñada exclusivamente para talleres de servicio automotriz
                                    </li>
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        Multiplataforma (App iOS y ambiente Web)
                                    </li>
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        Infraestructura en Microsoft Azure
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 300px; display: flex; align-items: center; justify-content: center;">
                            <div style="background-color: white; padding: 30px; border-radius: 10px; width: 100%; max-width: 400px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);">
                                <img src="https://presentacion.everest.ws/logos/everestplus-imagen-sistema.jpg" alt="Sistema Everest Plus" style="max-width: 100%; display: block; margin: 0 auto;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 8: Génesis (Con estilo mejorado) -->
    <div id="genesisSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">Génesis</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="display: flex; flex-wrap: wrap; gap: 30px;">
                        <div style="flex: 1; min-width: 300px;">
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                                <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Sistema para administración de sacramentos</h2>
                                <p style="font-size: 1.3rem; line-height: 1.5;">
                                    Diseñado exclusivamente para Iglesias Católicas
                                </p>
                                <p style="font-size: 1.3rem; line-height: 1.5;">
                                    Ambiente Windows para red local
                                </p>
                            </div>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369;">
                                <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Control integral de:</h2>
                                <ul style="list-style-type: none; padding: 0;">
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        Bautizos
                                    </li>
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        Confirmaciones
                                    </li>
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        Matrimonios
                                    </li>
                                    <li style="margin-bottom: 15px; font-size: 1.3rem; position: relative; padding-left: 35px;">
                                        <i class="fas fa-check" style="color: #007369; position: absolute; left: 0; top: 5px;"></i>
                                        Primeras comuniones
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 300px; display: flex; align-items: center; justify-content: center;">
                            <div style="background-color: white; padding: 30px; border-radius: 10px; width: 100%; max-width: 400px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);">
                                <img src="https://presentacion.everest.ws/logos/genesis-imagen-sistema.jpg" alt="Sistema Génesis" style="max-width: 100%; display: block; margin: 0 auto;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 9: Hospedaje Web y Correo Electrónico (Con estilo mejorado) -->
    <div id="hostingSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">HOSPEDAJE WEB Y CORREO EMPRESARIAL</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="margin-bottom: 20px;">
                        <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Plataforma escalable y confiable</h2>
                    </div>
                    
                    <div style="display: flex; flex-wrap: wrap; gap: 20px;">
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center; margin-bottom: 15px;">
                                <i class="fas fa-server" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Servidores de Alto Rendimiento</h2>
                            </div>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Servidores Linux y Windows de última generación con alto rendimiento. Antivirus y antispam integrados.
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center; margin-bottom: 15px;">
                                <i class="fas fa-expand-arrows-alt" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Escalabilidad Total</h2>
                            </div>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Desde 1 hasta 1,000 cuentas de correo. Adaptable a las necesidades de cualquier empresa.
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center; margin-bottom: 15px;">
                                <i class="fas fa-clock" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Disponibilidad Garantizada</h2>
                            </div>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Servicio 24x7x365. Soporte técnico especializado.
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center; margin-bottom: 15px;">
                                <i class="fas fa-sliders-h" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Panel Personalizable</h2>
                            </div>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Control administrativo completo. Interfaz intuitiva y fácil de usar.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 10: Consultoría Informática (Con estilo mejorado) -->
    <div id="consultingSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">CONSULTORÍA INFORMÁTICA</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="margin-bottom: 20px;">
                        <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Asesoría especializada en tecnología</h2>
                        <p style="font-size: 1.3rem; line-height: 1.5; margin-bottom: 20px;">Nuestro servicio de consultoría ayuda a:</p>
                    </div>
                    
                    <div style="display: flex; flex-wrap: wrap; gap: 20px;">
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center;">
                                <i class="fas fa-tools" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Resolver problemas tecnológicos</h2>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center;">
                                <i class="fas fa-chart-line" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Mejorar la eficiencia operativa</h2>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center;">
                                <i class="fas fa-trophy" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Aumentar la competitividad</h2>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center;">
                                <i class="fas fa-cog" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Optimizar recursos tecnológicos</h2>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center;">
                                <i class="fas fa-digital-tachograph" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Planificar transformación digital</h2>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-bottom: 20px;">
                            <div style="display: flex; align-items: center;">
                                <i class="fas fa-puzzle-piece" style="color: #007369; font-size: 2rem; margin-right: 15px;"></i>
                                <h2 style="color: white; font-size: 1.6rem; margin: 0;">Implementar soluciones a medida</h2>
                            </div>
                        </div>
                    </div>
                    
                    <div style="background-color: rgba(40, 52, 121, 0.7); padding: 20px; border-radius: 10px; border-left: 4px solid #007369; margin-top: 20px;">
                        <p style="font-size: 1.4rem; line-height: 1.5; text-align: center;">
                            <strong>Enfoque personalizado</strong> según las necesidades específicas de cada cliente
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 11: Sectores que Atendemos (Con estilo mejorado) -->
    <div id="sectorsSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">SECTORES QUE ATENDEMOS</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;">
                        <div style="flex: 1; min-width: 280px; max-width: 400px; background-color: rgba(40, 52, 121, 0.7); padding: 30px; border-radius: 10px; border-left: 4px solid #007369; text-align: center; margin-bottom: 20px;">
                            <i class="fas fa-store" style="color: #007369; font-size: 3rem; margin-bottom: 20px;"></i>
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Sector Comercial</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Tiendas de retail, distribuidores y comercios en crecimiento
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; max-width: 400px; background-color: rgba(40, 52, 121, 0.7); padding: 30px; border-radius: 10px; border-left: 4px solid #007369; text-align: center; margin-bottom: 20px;">
                            <i class="fas fa-hospital" style="color: #007369; font-size: 3rem; margin-bottom: 20px;"></i>
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Sector Salud</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Clínicas, farmacias y hospitales
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; max-width: 400px; background-color: rgba(40, 52, 121, 0.7); padding: 30px; border-radius: 10px; border-left: 4px solid #007369; text-align: center; margin-bottom: 20px;">
                            <i class="fas fa-graduation-cap" style="color: #007369; font-size: 3rem; margin-bottom: 20px;"></i>
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Sector Académico</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Instituciones educativas
                            </p>
                        </div>
                        
                        <div style="flex: 1; min-width: 280px; max-width: 400px; background-color: rgba(40, 52, 121, 0.7); padding: 30px; border-radius: 10px; border-left: 4px solid #007369; text-align: center; margin-bottom: 20px;">
                            <i class="fas fa-industry" style="color: #007369; font-size: 3rem; margin-bottom: 20px;"></i>
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 15px;">Sector Industrial</h2>
                            <p style="font-size: 1.3rem; line-height: 1.5;">
                                Empresas manufactureras y de producción
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 12: Datos de Contacto (Standalone) -->
    <div id="contactSlide" class="slide">
        <!-- Esta diapositiva tiene un diseño especial para evitar problemas -->
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #283479; z-index: 1;">
            <div style="padding: 20px; height: 100%; display: flex; flex-direction: column;">
                <h1 style="background: linear-gradient(90deg, #283479, #007369); color: white; padding: 20px; margin: 0; font-size: 2.5rem; font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);">DATOS DE CONTACTO</h1>
                
                <div style="flex: 1; padding: 30px; margin: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: auto; position: relative;">
                    <!-- Logo Everest pequeño en esquina inferior derecha -->
                    <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Logo" style="position: fixed; bottom: 15px; right: 15px; height: 72px; z-index: 10; opacity: 0.8;">
                    <div style="display: flex; flex-wrap: wrap; gap: 30px;">
                        <div style="flex: 1; min-width: 300px;">
                            <h2 style="color: white; font-size: 1.8rem; margin-bottom: 20px;">Información de Contacto</h2>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 15px; border-radius: 8px; border-left: 4px solid #007369;">
                                <p style="font-size: 1.2rem;">
                                    <i class="fas fa-map-marker-alt" style="color: #007369; width: 25px; text-align: center; margin-right: 10px;"></i>
                                    <strong>Dirección:</strong> Blvd. Diaz Ordaz 4508-102<br>
                                    <span style="margin-left: 40px;">Fracc. Las Palmas, Tijuana BC 22106</span>
                                </p>
                            </div>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 15px; border-radius: 8px; border-left: 4px solid #007369;">
                                <p style="font-size: 1.2rem;">
                                    <i class="fas fa-phone-alt" style="color: #007369; width: 25px; text-align: center; margin-right: 10px;"></i>
                                    <strong>Teléfono:</strong> +52 (664) 608-0122
                                </p>
                            </div>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 15px; border-radius: 8px; border-left: 4px solid #007369;">
                                <p style="font-size: 1.2rem;">
                                    <i class="fas fa-envelope" style="color: #007369; width: 25px; text-align: center; margin-right: 10px;"></i>
                                    <strong>Email:</strong> info@everest.ws
                                </p>
                            </div>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 15px; border-radius: 8px; border-left: 4px solid #007369;">
                                <p style="font-size: 1.2rem;">
                                    <i class="fas fa-globe" style="color: #007369; width: 25px; text-align: center; margin-right: 10px;"></i>
                                    <strong>Sitio web:</strong> www.everest.ws
                                </p>
                            </div>
                            
                            <h2 style="color: white; font-size: 1.8rem; margin: 30px 0 20px 0;">Redes Sociales</h2>
                            
                            <div style="margin-bottom: 20px; background-color: rgba(40, 52, 121, 0.7); padding: 15px; border-radius: 8px; border-left: 4px solid #007369;">
                                <p style="font-size: 1.2rem;">
                                    <i class="fab fa-facebook" style="color: #007369; width: 25px; text-align: center; margin-right: 10px;"></i>
                                    <a href="https://www.facebook.com/EverestSoftwareSolutions" target="_blank" style="color: white; text-decoration: none;">/EverestSoftwareSolutions</a>
                                </p>
                            </div>
                            
                            <div style="text-align: center; margin-top: 30px;">
                                <a href="contacto.cfm" target="_blank" style="display: inline-block; background: linear-gradient(45deg, #283479, #007369); color: white; text-decoration: none; padding: 12px 30px; border-radius: 50px; font-weight: 600; font-size: 1.2rem; box-shadow: 0 4px 10px rgba(0,0,0,0.3); transition: transform 0.3s, box-shadow 0.3s;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.3)'">
                                    <i class="fas fa-envelope" style="margin-right: 10px;"></i>Formulario de Contacto
                                </a>
                            </div>
                        </div>
                        
                        <div style="flex: 1; min-width: 300px;">
                            <div style="height: 400px; margin-top: 20px; border-radius: 10px; overflow: hidden; border: 2px solid #283479; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);">
                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3364.6993103597492!2d-116.98470392427873!3d32.50746497377741!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d93842e9c68803%3A0x6e95e0c20e17fc6e!2sEverest%20Software%20Solutions!5e0!3m2!1ses-419!2smx!4v1733724196745!5m2!1ses-419!2smx" width="100%" height="100%" style="border:0;" allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Slide 13: Gracias (Con estilos inline para garantizar visualización) -->
    <div id="thanksSlide" class="slide">
        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #283479, #007369); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; z-index: 1;">
            <h1 style="font-size: 4rem; margin-bottom: 20px; color: white;">¡GRACIAS!</h1>
            <p style="font-size: 1.8rem; margin-bottom: 40px; color: white;">Elevando tu negocio a través de la tecnología</p>
            <img src="https://presentacion.everest.ws/logos/logoeverest_transp_glow.png" alt="Everest Internet Solutions" style="max-width: 400px; margin-top: 40px;">
        </div>
    </div>

    <!-- Scripts -->
    <script src="js/presentation.js"></script>
    
    <!-- Script específico para los slides especiales -->
    <script>
        // Este script se asegura de que los slides especiales siempre sean visibles
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Configurando slides especiales...');
            
            // Verificar cada 500ms
            setInterval(function() {
                // Verificar slide de contacto
                const contactSlide = document.getElementById('contactSlide');
                if (contactSlide && contactSlide.classList.contains('active')) {
                    console.log('Slide de contacto activo - asegurando visibilidad');
                    contactSlide.style.display = 'block';
                    contactSlide.style.opacity = '1';
                    contactSlide.style.visibility = 'visible';
                    contactSlide.style.zIndex = '1';
                }
                
                // Verificar slide de agradecimiento
                const thanksSlide = document.getElementById('thanksSlide');
                if (thanksSlide && thanksSlide.classList.contains('active')) {
                    console.log('Slide de agradecimiento activo - asegurando visibilidad');
                    thanksSlide.style.display = 'block';
                    thanksSlide.style.opacity = '1';
                    thanksSlide.style.visibility = 'visible';
                    thanksSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const thanksContent = thanksSlide.querySelector('div');
                    if (thanksContent) {
                        thanksContent.style.display = 'flex';
                        thanksContent.style.opacity = '1';
                        thanksContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Quiénes Somos
                const whoWeAreSlide = document.getElementById('whoWeAreSlide');
                if (whoWeAreSlide && whoWeAreSlide.classList.contains('active')) {
                    console.log('Slide Quiénes Somos activo - asegurando visibilidad');
                    whoWeAreSlide.style.display = 'block';
                    whoWeAreSlide.style.opacity = '1';
                    whoWeAreSlide.style.visibility = 'visible';
                    whoWeAreSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const whoWeAreContent = whoWeAreSlide.querySelector('div');
                    if (whoWeAreContent) {
                        whoWeAreContent.style.display = 'block';
                        whoWeAreContent.style.opacity = '1';
                        whoWeAreContent.style.visibility = 'visible';
                    }
                }
                
                // Verificar slide Nuestra Propuesta de Valor
                const valuePropositionSlide = document.getElementById('valuePropositionSlide');
                if (valuePropositionSlide && valuePropositionSlide.classList.contains('active')) {
                    console.log('Slide Nuestra Propuesta de Valor activo - asegurando visibilidad');
                    valuePropositionSlide.style.display = 'block';
                    valuePropositionSlide.style.opacity = '1';
                    valuePropositionSlide.style.visibility = 'visible';
                    valuePropositionSlide.style.zIndex = '1';
                    
                    // Verificar que el div interno también sea visible
                    const valuePropositionContent = valuePropositionSlide.querySelector('div');
                    if (valuePropositionContent) {
                        valuePropositionContent.style.display = 'block';
                        valuePropositionContent.style.opacity = '1';
                        valuePropositionContent.style.visibility = 'visible';
                    }
                }
            }, 500);
            
            // Añadir comprobación al hacer clic en los botones de navegación
            const nextBtn = document.getElementById('nextSlide');
            if (nextBtn) {
                const originalClick = nextBtn.onclick;
                nextBtn.onclick = function(e) {
                    // Si hay una función original, ejecutarla
                    if (originalClick) originalClick.call(this, e);
                    
                    // Comprobar si estamos viendo el slide de agradecimiento
                    setTimeout(function() {
                        const currentSlide = document.querySelector('.slide.active');
                        if (currentSlide && currentSlide.id === 'thanksSlide') {
                            currentSlide.style.display = 'block';
                            currentSlide.style.opacity = '1';
                            currentSlide.style.visibility = 'visible';
                            
                            // Asegurar que el contenido interno sea visible
                            const content = currentSlide.querySelector('div');
                            if (content) {
                                content.style.display = 'flex';
                                content.style.opacity = '1';
                                content.style.visibility = 'visible';
                            }
                        }
                    }, 100);
                };
            }
        });
    </script>
</body>
</html>