<!-- Services Intro Start -->
<div class="container-xxl py-5">
    <div class="container px-lg-5">
        <div class="row g-5 align-items-center">

            <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="highlight-pill mb-3">
                    <i class="fas fa-cogs me-1"></i> Soluciones completas
                </div>
                <div class="section-title position-relative mb-4 pb-4">
                    <h1 class="mb-2">Todo lo que tu empresa necesita</h1>
                </div>
                <p class="text-muted mb-4" style="line-height:1.8;">
                    Ofrecemos un ecosistema completo de servicios informáticos para que tu negocio funcione sin interrupciones. Desde soporte técnico presencial hasta soluciones de nube y conectividad.
                </p>

                <div class="row g-3">
                    <div class="col-6 wow fadeIn" data-wow-delay="0.1s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-database text-white"></i></div>
                            <div><div class="feature-mini-title">Web Hosting</div><div class="feature-mini-sub">Alta disponibilidad</div></div>
                        </div>
                    </div>
                    <div class="col-6 wow fadeIn" data-wow-delay="0.2s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-bullseye text-white"></i></div>
                            <div><div class="feature-mini-title">Mail Marketing</div><div class="feature-mini-sub">Campañas efectivas</div></div>
                        </div>
                    </div>
                    <div class="col-6 wow fadeIn" data-wow-delay="0.3s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-server text-white"></i></div>
                            <div><div class="feature-mini-title">Web Server</div><div class="feature-mini-sub">Alto tráfico</div></div>
                        </div>
                    </div>
                    <div class="col-6 wow fadeIn" data-wow-delay="0.4s">
                        <div class="feature-mini">
                            <div class="feature-mini-icon"><i class="fas fa-envelope text-white"></i></div>
                            <div><div class="feature-mini-title">Mail Server</div><div class="feature-mini-sub">Correo corporativo</div></div>
                        </div>
                    </div>
                </div>

                <div class="mt-4">
                    <a href="<?php echo $this->config->item('whatsapp'); ?>" target="_blank" class="btn btn-primary px-4 py-2">
                        <i class="fab fa-whatsapp me-2"></i>Consultar ahora
                    </a>
                </div>
            </div>

            <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3s">
                <div class="about-img-wrap">
                    <img class="img-fluid w-100" src="<?php echo base_url(); ?>template/img/about.png" alt="Servicios Elements">
                </div>
            </div>

        </div>
    </div>
</div>
<!-- Services Intro End -->

<?php $this->load->view('servicios-2'); ?>

