<!doctype html>
<html lang="es">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Agente Digital - Kit Digital España</title>
        <link rel="stylesheet" href="kitdigital/styles.css" />
    </head>
    <body>
        <header>
            <div class="container">
                <div class="logos-section">
                    <div class="logos-responsive">
                        <a
                            href="https://www.acelerapyme.gob.es/kit-digital"
                            target="_blank"
                        >
                            <img
                                src="kitdigital/images/multiline-kitditial.svg"
                                alt="Kit Digital España"
                                class="kit-digital-logo-responsive"
                            />
                        </a>
                    </div>
                    <div class="logos">
                        <a
                            href="https://www.acelerapyme.gob.es/kit-digital"
                            target="_blank"
                        >
                            <img
                                src="kitdigital/images/kitdigital.svg"
                                alt="Kit Digital España"
                                class="kit-digital-logo"
                            />
                        </a>
                    </div>
                </div>
                <nav class="navbar">
                    <input type="checkbox" id="nav-toggle" class="nav-toggle" />
                    <label for="nav-toggle" class="hamburger">
                        <span></span>
                        <span></span>
                        <span></span>
                    </label>
                    <ul class="nav-menu">
                        <li><a href="/es" class="nav-link">🏠</a></li
                        <li><a href="#inicio" class="nav-link">Inicio</a></li>
                        <li>
                            <a href="#soluciones" class="nav-link"
                                >Soluciones</a
                            >
                        </li>
                        <li>
                            <a href="#segmentos" class="nav-link">Segmentos</a>
                        </li>
                        <li>
                            <a href="#sectores" class="nav-link">Sectores</a>
                        </li>
                        <li>
                            <a href="#contacto" class="nav-link">Contacto</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>

        <main>
            <section id="inicio" class="hero">
                <div class="container">
                    <h1>Agente Digital Autorizado</h1>
                    <h2>Soluciones de Digitalización Kit Digital</h2>
                    <p class="lead">
                        Ayudamos a pequeñas empresas, microempresas y autónomos
                        a digitalizar sus procesos mediante las ayudas del
                        programa
                        <a
                            href="https://www.acelerapyme.gob.es/kit-digital"
                            target="_blank"
                            >Kit Digital</a
                        >, financiado por los fondos
                        <a href="https://next-generation-eu.europa.eu/index_es"
                            >Next Generation EU</a
                        >.
                    </p>
                    <div class="eu-funding">
                        <p>
                            <strong>
                                <a
                                    href="https://next-generation-eu.europa.eu/index_es"
                                    target="_blank"
                                >
                                    Financiado por la Unión Europea - Next
                                    Generation EU
                                </a>
                            </strong>
                        </p>
                    </div>
                </div>
            </section>

            <section id="soluciones" class="solutions">
                <div class="container">
                    <h2>Soluciones de Digitalización</h2>
                    <div class="solutions-grid">
                        <div class="solution-card">
                            <h3>Sitio Web y Presencia en Internet</h3>
                            <p>
                                Desarrollo de páginas web profesionales y
                                optimización de presencia digital.
                            </p>
                        </div>
                        <div class="solution-card">
                            <h3>Gestión de Clientes (CRM)</h3>
                            <p>
                                Sistemas para organizar y gestionar la relación
                                con tus clientes.
                            </p>
                        </div>
                        <div class="solution-card">
                            <h3>Business Intelligence y Analítica: IA</h3>
                            <p>
                                Herramientas de análisis de datos para tomar
                                mejores decisiones empresariales.
                            </p>
                        </div>
                        <div class="solution-card">
                            <h3>Gestión de Procesos</h3>
                            <p>
                                Automatización y digitalización de procesos
                                internos de la empresa.
                            </p>
                        </div>
                        <div class="solution-card">
                            <h3>Facturación Electrónica</h3>
                            <p>
                                Sistemas de facturación digital y gestión
                                documental electrónica.
                            </p>
                        </div>
                        <div class="solution-card">
                            <h3>Comunicaciones</h3>
                            <p>
                                Soluciones de comunicación empresarial y
                                colaboración en la nube.
                            </p>
                        </div>
                        <div class="solution-card">
                            <h3>Ciberseguridad</h3>
                            <p>
                                Protección y seguridad de sistemas informáticos
                                y datos empresariales.
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <section id="segmentos" class="segments">
                <div class="container">
                    <h2>Segmentos de Beneficiarios</h2>
                    <div class="segments-grid">
                        <div class="segment-card">
                            <h3>Segmento I</h3>
                            <p>
                                <strong>Empresas de 10 a 49 empleados</strong>
                            </p>
                            <p>Ayuda de hasta 12.000€</p>
                            <ul>
                                <li>Sitio Web y Presencia en Internet</li>
                                <li>Gestión de Clientes</li>
                                <li>Business Intelligence y Analítica</li>
                                <li>Gestión de Procesos</li>
                                <li>Facturación Electrónica</li>
                                <li>Comunicaciones</li>
                                <li>Ciberseguridad</li>
                            </ul>
                        </div>
                        <div class="segment-card">
                            <h3>Segmento II</h3>
                            <p><strong>Empresas de 3 a 9 empleados</strong></p>
                            <p>Ayuda de hasta 6.000€</p>
                            <ul>
                                <li>Sitio Web y Presencia en Internet</li>
                                <li>Gestión de Clientes</li>
                                <li>Facturación Electrónica</li>
                                <li>Comunicaciones</li>
                                <li>Ciberseguridad</li>
                            </ul>
                        </div>
                        <div class="segment-card">
                            <h3>Segmento III</h3>
                            <p>
                                <strong
                                    >Empresas de 0 a 2 empleados y
                                    autónomos</strong
                                >
                            </p>
                            <p>Ayuda de hasta 2.000€</p>
                            <ul>
                                <li>Sitio Web y Presencia en Internet</li>
                                <li>Gestión de Clientes</li>
                                <li>Facturación Electrónica</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <section id="sectores" class="sectors">
                <div class="container">
                    <h2>Sectores</h2>
                    <div class="sectors-grid">
                        <div class="sector-item">Comercio al por menor</div>
                        <div class="sector-item">Hostelería y turismo</div>
                        <div class="sector-item">Servicios profesionales</div>
                        <div class="sector-item">Salud y bienestar</div>
                        <div class="sector-item">Educación y formación</div>
                        <div class="sector-item">Construcción</div>
                        <div class="sector-item">Transporte y logística</div>
                        <div class="sector-item">
                            Agricultura y alimentación
                        </div>
                        <div class="sector-item">Industria manufacturera</div>
                        <div class="sector-item">Servicios financieros</div>
                    </div>
                </div>
            </section>

            <section id="contacto" class="contact">
                <div class="container">
                    <h2>Contacto</h2>
                    <div class="contact-info">
                        <div class="contact-item">
                            <h3>Solicitar Información</h3>
                            <p>
                                Complete nuestro formulario para recibir
                                información personalizada sobre las soluciones
                                de digitalización disponibles para su empresa
                                mediante el programa
                                <a
                                    href="https://www.acelerapyme.gob.es/kit-digital"
                                    target="_blank"
                                    >Kit Digital</a
                                >.
                            </p>
                            <a href="kitdigital/formulario.html" class="contact-form-btn"
                                >Ir al formulario</a
                            >
                        </div>
                        <div class="contact-item">
                            <h3>Proceso de Solicitud</h3>
                            <p>
                                Te asesoramos gratuitamente en todo el proceso
                                de solicitud y implementación de las soluciones
                                digitales más adecuadas para tu negocio.
                            </p>
                            <p>
                                Para consultas urgentes:
                                <a
                                    href="mailto:&#105;&#110;&#102;&#111;&#64;&#106;&#101;&#115;&#117;&#115;&#112;&#101;&#114;&#101;&#122;&#46;&#112;&#114;&#111;?subject=Kit%20Digital%20-%20Consulta%20Urgente"
                                    class="contact-direct-link"
                                >
                                    contacto directo
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <footer>
            <div class="container">
                <div class="footer-content">
                    <div class="footer-info">
                        <p><strong>Agente Digital Autorizado</strong></p>
                        <p>
                            Programa
                            <a
                                href="https://www.acelerapyme.gob.es/kit-digital"
                                target="_blank"
                                >Kit Digital</a
                            >
                            financiado por los fondos
                            <a
                                href="https://next-generation-eu.europa.eu/index_es"
                                target="_blank"
                                >Next Generation EU</a
                            >
                        </p>
                    </div>
                    <div class="footer-legal">
                        <p>
                            &copy; 2025
                            <a href="https://example.com">Jesús Pérez</a>
                        </p>
                        <p>
                            <a
                                href="https://www.acelerapyme.gob.es/kit-digital"
                                target="_blank"
                                >Programa de digitalización de PYME</a
                            >
                        </p>
                    </div>
                </div>
            </div>
            <div class="footer-box">
                <div class="footer-logo">
                    <a
                        href="https://www.acelerapyme.gob.es/kit-digital"
                        target="_blank"
                    >
                        <img
                            src="kitdigital/images/kitdigital.svg"
                            alt="Kit Digital España"
                            class="footer-kit-logo"
                        />
                    </a>
                </div>
            </div>
        </footer>

        <script src="/public/scripts/kitdigital.js"></script>
    </body>
</html>
