<!-- Nuestra Empresa - Solo para PC -->
<div class="uk-visible@m">
    <div class="uk-section uk-section-default uk-position-sticky uk-flex uk-flex-center uk-flex-top" style="background-image: url('<?php echo $posicion . $imagenes2[0]['img']; ?>'); background-position: center; background-size: cover; height: 800px;">
        <div class="uk-container uk-container-expand uk-text-center" style="margin-top: 40px;">
            <p class="uk-heading-small uk-light" style="color: #ffffff; margin-bottom: 20px;"><b>Nuestra Empresa</b></p>
            <p class="uk-text-small uk-light" style="color: #ffffff; margin-bottom: 30px; font-size: 24px">Somos un grupo innovador, que usa el poder de la tecnología para proveer <b>soluciones integrales</b> que aceleren<br> el crecimiento de las <b>pequeñas y medianas empresas.</b></p>
            
            <div class="uk-grid-collapse uk-child-width-1-3@s uk-flex-center uk-margin-large-top" uk-grid>
                <!-- Contenedor de Imagen 1 -->
                <div class="uk-width-1-4@m uk-text-center uk-flex uk-flex-center uk-flex-middle uk-position-relative">
                    <img src="<?php echo $posicion . $arreglo[5]['img']; ?>" alt="Imagen 1" class="transparente">
                    <div class="uk-position-center uk-text-center uk-light">
                        <h1 style="color: #004d77"><b>Misión</b></h1>
                        <p style="color: #004d77; font-family: Regular">
                          Somos un grupo innovador, que usa el<br> poder de la tecnología para proveer<br>
                          <span style="font-weight: bold;">soluciones integrales</span> 
                          que aceleren el crecimiento de las <span style="font-weight: bold;"> pequeñas y<br> medianas empresas.</span>
                        </p>

                    </div>
                </div>
                <!-- Contenedor de Imagen 2 -->
                <div class="uk-position-relative">
                    <img src="<?php echo $posicion . $arreglo[5]['img']; ?>" alt="Imagen 2">
                    <div class="uk-position-center uk-text-center uk-light">
                        <h1 style="color: #004d77"><b>Visión</b></h1>
                        <p style="color: #004d77; font-family: Regular">
                          Somos un grupo innovador, que usa el<br> poder de la tecnología para proveer<br>
                          <span style="font-weight: bold;">soluciones integrales</span> 
                          que aceleren el<br> crecimiento de las <span style="font-weight: bold;"> pequeñas y<br> medianas empresas.</span>
                        </p>
                    </div>
                </div>
                <!-- Contenedor de Imagen 3 -->
                <div class="uk-width-1-4@m uk-text-center uk-flex uk-flex-center uk-flex-middle uk-position-relative">
                    <img src="<?php echo $posicion . $arreglo[5]['img']; ?>" alt="Imagen 3" class="transparente">
                    <div class="uk-position-center uk-text-center uk-light">
                        <h1 style="color: #004d77"><b>Valores</b></h1>
                        <p style="color: #004d77; font-family: Regular">
                          Somos un grupo innovador, que usa el<br> poder de la tecnología para proveer<br>
                          <span style="font-weight: bold;">soluciones integrales</span> 
                          que aceleren el<br> crecimiento de las <span style="font-weight: bold;"> pequeñas y<br> medianas empresas.</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Fondo con Slider para dispositivos moviles y tabletas -->
<div class="uk-hidden@m uk-hidden@l" style="background-image: url('<?php echo $posicion . $imagenes2[0]['img']; ?>'); background-position: center; background-size: cover; height: 800px;">
    <div class="uk-position-relative uk-light">
        <div class="uk-container uk-container-expand uk-text-center" style="margin-top: 100px; margin-bottom: 100px;">
            <p class="uk-heading-small uk-light" style="color: #ffffff; margin-bottom: 20px;">Nuestra Empresa</p>
            <p class="uk-text-small uk-light" style="color: #ffffff; margin-bottom: 30px;">Somos un grupo innovador, que usa el poder de la tecnologia para proveer soluciones integrales que aceleren el crecimiento de las pequenas y medianas empresas.</p>
        </div>
    </div>
    
    <!-- Slider para dispositivos moviles y tabletas -->
    <div class="uk-position-relative uk-text-center">
        <div class="uk-visible-toggle" tabindex="-1" uk-slider>

            <ul class="uk-slider-items uk-child-width-1-1">
                <!-- Sliders -->
                <li>
                        <div class="uk-position-relative">
                            <img src="<?php echo $posicion . $arreglo[5]['img']; ?>" alt="">
                                <div class="uk-position-center uk-text-center uk-light">
                                    <h1 style="color: #004d77">Mision</h1>
                                    <p style="color: #004d77;">Somos un grupo innovador, que usa el poder de la tecnologia para proveer soluciones integrales que aceleren el crecimiento de las pequenas y medianas empresas.</p>
                                </div>
                        </div>
                </li>
                <li>
                        <div class="uk-position-relative">
                            <img src="<?php echo $posicion . $arreglo[5]['img']; ?>" alt="">
                                <div class="uk-position-center uk-text-center uk-light">
                                    <h1 style="color: #004d77">Vision</h1>
                                    <p style="color: #004d77;">Somos un grupo innovador, que usa el poder de la tecnologia para proveer soluciones integrales que aceleren el crecimiento de las pequenas y medianas empresas.</p>
                                </div>
                        </div>
                </li>
                <li>
                        <div class="uk-position-relative">
                            <img src="<?php echo $posicion . $arreglo[5]['img']; ?>" alt="">
                                <div class="uk-position-center uk-text-center uk-light">
                                    <h1 style="color: #004d77">Valores</h1>
                                    <p style="color: #004d77;">Somos un grupo innovador, que usa el poder de la tecnologia para proveer soluciones integrales que aceleren el crecimiento de las pequenas y medianas empresas.</p>
                                </div>
                        </div>
                </li>
                </div>
        </div>
    </div>
                



            <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
            <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>

        </div>
    </div>
    <!-- Fin del Slider para dispositivos moviles y tabletas -->

</div>

<style>
    .transparente {
        opacity: 0.7;
</style>




