<!-- Trust Badges Section -->
            <section class="!bg-white !py-8 !border-b !border-gray-200">
                <div class="!max-w-7xl !mx-auto !px-6 lg:!px-8">
                    <div class="flex flex-wrap justify-center items-center !gap-8 lg:!gap-16">
                        <div class="flex items-center !gap-2 !text-gray-600">
                            <svg class="!w-6 !h-6 !text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                            <span class="!text-sm !font-medium" style="font-family: 'Lato', sans-serif">+2,500 PYMES financiadas</span>
                        </div>
                        <div class="flex items-center !gap-2 !text-gray-600">
                            <svg class="!w-6 !h-6 !text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                            <span class="!text-sm !font-medium" style="font-family: 'Lato', sans-serif">Sin garantia hipotecaria</span>
                        </div>
                        <div class="flex items-center !gap-2 !text-gray-600">
                            <svg class="!w-6 !h-6 !text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                            <span class="!text-sm !font-medium" style="font-family: 'Lato', sans-serif">Aprobacion en 48 horas</span>
                        </div>
                        <div class="flex items-center !gap-2 !text-gray-600">
                            <svg class="!w-6 !h-6 !text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                            <span class="!text-sm !font-medium" style="font-family: 'Lato', sans-serif">Registro CNBV</span>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Loan Types Section -->
            <section class="!bg-white !py-16 lg:!py-24">
                <div class="!max-w-7xl !mx-auto !px-6 lg:!px-8">
                    <div class="!text-center !mb-16">
                        <h2 class="!text-3xl sm:!text-4xl !font-bold !text-[#004D7A] !mb-4" style="font-family: 'Montserrat', sans-serif">
                            Soluciones financieras para cada etapa de tu negocio
                        </h2>
                        <p class="!text-lg !text-gray-600 !max-w-2xl !mx-auto" style="font-family: 'Lato', sans-serif">
                            Desde emprendedores hasta empresas consolidadas, tenemos el credito ideal para ti
                        </p>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 !gap-8">
                        <!-- Working Capital -->
                        <div class="!bg-gray-50 !rounded-2xl !p-8 hover:!shadow-xl !transition-shadow !border-2 !border-transparent hover:!border-[#004D7A]">
                            <div class="!w-16 !h-16 !bg-[#004D7A] !rounded-full flex items-center justify-center !mb-6">
                                <svg class="!w-8 !h-8 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                            </div>
                            <h3 class="!text-2xl !font-bold !text-[#004D7A] !mb-4" style="font-family: 'Montserrat', sans-serif">Capital de Trabajo</h3>
                            <p class="!text-gray-600 !mb-6" style="font-family: 'Lato', sans-serif">
                                Manten la liquidez de tu negocio. Financia inventario, nomina, proveedores y gastos operativos sin interrumpir tu flujo de caja.
                            </p>
                            <ul class="!text-sm !text-gray-600 !space-y-2 !mb-6" style="font-family: 'Lato', sans-serif">
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Desde $50,000 hasta $2,000,000 MXN</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Plazos de 6 a 24 meses</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Linea de credito revolvente disponible</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Sin garantia hipotecaria</li>
                            </ul>
                            <a href="/creditos-pymes/capital-trabajo/" class="!inline-flex !items-center !text-[#004D7A] !font-semibold hover:!underline">
                                Conocer mas
                                <svg class="!ml-1 !w-4 !h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                            </a>
                        </div>

                        <!-- Equipment Financing -->
                        <div class="!bg-gray-50 !rounded-2xl !p-8 hover:!shadow-xl !transition-shadow !border-2 !border-transparent hover:!border-[#E0B345]">
                            <div class="!w-16 !h-16 !bg-[#E0B345] !rounded-full flex items-center justify-center !mb-6">
                                <svg class="!w-8 !h-8 !text-[#004D7A]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path></svg>
                            </div>
                            <h3 class="!text-2xl !font-bold !text-[#004D7A] !mb-4" style="font-family: 'Montserrat', sans-serif">Equipamiento y Maquinaria</h3>
                            <p class="!text-gray-600 !mb-6" style="font-family: 'Lato', sans-serif">
                                Adquiere la tecnologia y maquinaria que tu negocio necesita para crecer. Desde vehiculos comerciales hasta equipo industrial.
                            </p>
                            <ul class="!text-sm !text-gray-600 !space-y-2 !mb-6" style="font-family: 'Lato', sans-serif">
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Hasta $5,000,000 MXN</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Plazos hasta 48 meses</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Financiamiento hasta 90% del valor</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Arrendamiento puro disponible</li>
                            </ul>
                            <a href="/creditos-pymes/equipamiento/" class="!inline-flex !items-center !text-[#E0B345] !font-semibold hover:!underline">
                                Ver opciones
                                <svg class="!ml-1 !w-4 !h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                            </a>
                        </div>

                        <!-- Business Expansion -->
                        <div class="!bg-gray-50 !rounded-2xl !p-8 hover:!shadow-xl !transition-shadow !border-2 !border-transparent hover:!border-[#C84C3C]">
                            <div class="!w-16 !h-16 !bg-[#C84C3C] !rounded-full flex items-center justify-center !mb-6">
                                <svg class="!w-8 !h-8 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
                            </div>
                            <h3 class="!text-2xl !font-bold !text-[#004D7A] !mb-4" style="font-family: 'Montserrat', sans-serif">Crecimiento y Expansion</h3>
                            <p class="!text-gray-600 !mb-6" style="font-family: 'Lato', sans-serif">
                                Abre nuevas sucursales, expande tu mercado o invierte en marketing. El capital que necesitas para escalar tu negocio.
                            </p>
                            <ul class="!text-sm !text-gray-600 !space-y-2 !mb-6" style="font-family: 'Lato', sans-serif">
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Hasta $3,000,000 MXN</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Plan de pago flexible</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Periodo de gracia disponible</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Asesoria financiera incluida</li>
                            </ul>
                            <a href="#solicitar" class="!inline-flex !items-center !text-[#C84C3C] !font-semibold hover:!underline">
                                Solicitar ahora
                                <svg class="!ml-1 !w-4 !h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                            </a>
                        </div>

                        <!-- Entrepreneur Loans -->
                        <div class="!bg-gray-50 !rounded-2xl !p-8 hover:!shadow-xl !transition-shadow !border-2 !border-transparent hover:!border-green-500">
                            <div class="!w-16 !h-16 !bg-green-500 !rounded-full flex items-center justify-center !mb-6">
                                <svg class="!w-8 !h-8 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg>
                            </div>
                            <h3 class="!text-2xl !font-bold !text-[#004D7A] !mb-4" style="font-family: 'Montserrat', sans-serif">Credito para Emprendedores</h3>
                            <p class="!text-gray-600 !mb-6" style="font-family: 'Lato', sans-serif">
                                Inicia o fortalece tu emprendimiento. Financiamiento accesible para negocios con menos de 2 anos de operacion.
                            </p>
                            <ul class="!text-sm !text-gray-600 !space-y-2 !mb-6" style="font-family: 'Lato', sans-serif">
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Desde $20,000 hasta $500,000 MXN</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Sin historial crediticio empresarial</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Mentoria y capacitacion</li>
                                <li class="flex items-center"><svg class="!w-5 !h-5 !text-green-500 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Evaluacion con datos alternativos</li>
                            </ul>
                            <a href="#solicitar" class="!inline-flex !items-center !text-green-600 !font-semibold hover:!underline">
                                Empezar ahora
                                <svg class="!ml-1 !w-4 !h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                            </a>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Requirements Section -->
            <section class="!bg-[#F0F0F0] !py-16 lg:!py-24">
                <div class="!max-w-7xl !mx-auto !px-6 lg:!px-8">
                    <div class="grid grid-cols-1 lg:grid-cols-2 !gap-12 items-center">
                        <div>
                            <h2 class="!text-3xl sm:!text-4xl !font-bold !text-[#004D7A] !mb-6" style="font-family: 'Montserrat', sans-serif">
                                Requisitos para PYMES
                            </h2>
                            <p class="!text-lg !text-gray-600 !mb-8" style="font-family: 'Lato', sans-serif">
                                Proceso simplificado para que te enfoques en lo que importa: hacer crecer tu negocio
                            </p>
                            <div class="!space-y-6">
                                <div class="flex items-start !gap-4">
                                    <div class="!flex-shrink-0 !w-12 !h-12 !bg-[#004D7A] !rounded-full flex items-center justify-center !text-white !font-bold">1</div>
                                    <div>
                                        <h3 class="!text-lg !font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Acta constitutiva o alta SAT</h3>
                                        <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">Persona moral: acta constitutiva. Persona fisica: constancia de situacion fiscal</p>
                                    </div>
                                </div>
                                <div class="flex items-start !gap-4">
                                    <div class="!flex-shrink-0 !w-12 !h-12 !bg-[#004D7A] !rounded-full flex items-center justify-center !text-white !font-bold">2</div>
                                    <div>
                                        <h3 class="!text-lg !font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Estados de cuenta bancarios</h3>
                                        <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">Ultimos 6 meses de la cuenta de tu negocio</p>
                                    </div>
                                </div>
                                <div class="flex items-start !gap-4">
                                    <div class="!flex-shrink-0 !w-12 !h-12 !bg-[#004D7A] !rounded-full flex items-center justify-center !text-white !font-bold">3</div>
                                    <div>
                                        <h3 class="!text-lg !font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Identificacion del representante</h3>
                                        <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">INE/IFE vigente del representante legal o propietario</p>
                                    </div>
                                </div>
                                <div class="flex items-start !gap-4">
                                    <div class="!flex-shrink-0 !w-12 !h-12 !bg-[#004D7A] !rounded-full flex items-center justify-center !text-white !font-bold">4</div>
                                    <div>
                                        <h3 class="!text-lg !font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Comprobante de domicilio fiscal</h3>
                                        <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">Recibo de servicios no mayor a 3 meses</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="!bg-white !rounded-2xl !p-8 !shadow-xl">
                            <h3 class="!text-2xl !font-bold !text-[#004D7A] !mb-6 !text-center" style="font-family: 'Montserrat', sans-serif">Condiciones del Credito PYME</h3>
                            <div class="!space-y-4">
                                <div class="flex justify-between !py-3 !border-b !border-gray-200">
                                    <span class="!text-gray-600" style="font-family: 'Lato', sans-serif">Monto minimo</span>
                                    <span class="!font-semibold !text-[#004D7A]">$50,000 MXN</span>
                                </div>
                                <div class="flex justify-between !py-3 !border-b !border-gray-200">
                                    <span class="!text-gray-600" style="font-family: 'Lato', sans-serif">Monto maximo</span>
                                    <span class="!font-semibold !text-[#004D7A]">$5,000,000 MXN</span>
                                </div>
                                <div class="flex justify-between !py-3 !border-b !border-gray-200">
                                    <span class="!text-gray-600" style="font-family: 'Lato', sans-serif">Plazo minimo</span>
                                    <span class="!font-semibold !text-[#004D7A]">6 meses</span>
                                </div>
                                <div class="flex justify-between !py-3 !border-b !border-gray-200">
                                    <span class="!text-gray-600" style="font-family: 'Lato', sans-serif">Plazo maximo</span>
                                    <span class="!font-semibold !text-[#004D7A]">48 meses</span>
                                </div>
                                <div class="flex justify-between !py-3 !border-b !border-gray-200">
                                    <span class="!text-gray-600" style="font-family: 'Lato', sans-serif">Tasa de interes anual</span>
                                    <span class="!font-semibold !text-[#004D7A]">18% - 42%*</span>
                                </div>
                                <div class="flex justify-between !py-3">
                                    <span class="!text-gray-600" style="font-family: 'Lato', sans-serif">CAT promedio</span>
                                    <span class="!font-semibold !text-[#C84C3C]">32.5% sin IVA*</span>
                                </div>
                            </div>
                            <p class="!text-xs !text-gray-500 !mt-4" style="font-family: 'Lato', sans-serif">
                                *La tasa y CAT varian segun el perfil de riesgo, antiguedad del negocio y garantias ofrecidas. CAT calculado al 01/01/2026, vigencia 6 meses.
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Industries Section -->
            <section class="!bg-white !py-16 lg:!py-24">
                <div class="!max-w-7xl !mx-auto !px-6 lg:!px-8">
                    <div class="!text-center !mb-16">
                        <h2 class="!text-3xl sm:!text-4xl !font-bold !text-[#004D7A] !mb-4" style="font-family: 'Montserrat', sans-serif">
                            Sectores que financiamos
                        </h2>
                        <p class="!text-lg !text-gray-600 !max-w-2xl !mx-auto" style="font-family: 'Lato', sans-serif">
                            Experiencia en diversas industrias para entender las necesidades especificas de tu sector
                        </p>
                    </div>
                    <div class="grid grid-cols-2 md:grid-cols-4 !gap-6">
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Comercio</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Retail y mayoreo</p>
                        </div>
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Manufactura</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Produccion industrial</p>
                        </div>
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Servicios</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Profesionales y tech</p>
                        </div>
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Restaurantes</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Food & Beverage</p>
                        </div>
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Transporte</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Logistica y fletes</p>
                        </div>
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Salud</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Clinicas y farmacias</p>
                        </div>
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Agro</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Agricultura y ganaderia</p>
                        </div>
                        <div class="!text-center !p-6 !bg-gray-50 !rounded-xl hover:!shadow-lg !transition-shadow">
                            <div class="!w-14 !h-14 !bg-[#004D7A] !rounded-full flex items-center justify-center !mx-auto !mb-4">
                                <svg class="!w-7 !h-7 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
                            </div>
                            <h3 class="!font-semibold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">Tecnologia</h3>
                            <p class="!text-sm !text-gray-500" style="font-family: 'Lato', sans-serif">Software y startups</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- How It Works -->
            <section class="!bg-[#004D7A] !py-16 lg:!py-24">
                <div class="!max-w-5xl !mx-auto !px-6 lg:!px-8">
                    <div class="!text-center !mb-16">
                        <h2 class="!text-3xl sm:!text-4xl !font-bold !text-white !mb-4" style="font-family: 'Montserrat', sans-serif">
                            Proceso 100% digital
                        </h2>
                        <p class="!text-lg !text-gray-200" style="font-family: 'Lato', sans-serif">
                            Obten tu credito empresarial en 4 pasos simples
                        </p>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-4 !gap-8">
                        <div class="!text-center">
                            <div class="!w-20 !h-20 !bg-white !rounded-full flex items-center justify-center !mx-auto !mb-6">
                                <span class="!text-3xl !font-bold !text-[#004D7A]">1</span>
                            </div>
                            <h3 class="!text-xl !font-semibold !text-white !mb-3" style="font-family: 'Montserrat', sans-serif">Solicita en linea</h3>
                            <p class="!text-gray-300" style="font-family: 'Lato', sans-serif">Completa el formulario en 10 minutos con los datos de tu empresa</p>
                        </div>
                        <div class="!text-center">
                            <div class="!w-20 !h-20 !bg-white !rounded-full flex items-center justify-center !mx-auto !mb-6">
                                <span class="!text-3xl !font-bold !text-[#004D7A]">2</span>
                            </div>
                            <h3 class="!text-xl !font-semibold !text-white !mb-3" style="font-family: 'Montserrat', sans-serif">Sube documentos</h3>
                            <p class="!text-gray-300" style="font-family: 'Lato', sans-serif">Adjunta tus estados de cuenta y documentos desde cualquier dispositivo</p>
                        </div>
                        <div class="!text-center">
                            <div class="!w-20 !h-20 !bg-white !rounded-full flex items-center justify-center !mx-auto !mb-6">
                                <span class="!text-3xl !font-bold !text-[#004D7A]">3</span>
                            </div>
                            <h3 class="!text-xl !font-semibold !text-white !mb-3" style="font-family: 'Montserrat', sans-serif">Analisis rapido</h3>
                            <p class="!text-gray-300" style="font-family: 'Lato', sans-serif">Nuestro equipo evalua tu solicitud y te presenta una oferta en 48 horas</p>
                        </div>
                        <div class="!text-center">
                            <div class="!w-20 !h-20 !bg-[#E0B345] !rounded-full flex items-center justify-center !mx-auto !mb-6">
                                <span class="!text-3xl !font-bold !text-[#004D7A]">4</span>
                            </div>
                            <h3 class="!text-xl !font-semibold !text-white !mb-3" style="font-family: 'Montserrat', sans-serif">Recibe tu credito</h3>
                            <p class="!text-gray-300" style="font-family: 'Lato', sans-serif">Firma digital y deposito directo a la cuenta de tu empresa</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- FAQ Section -->
            <section class="!bg-white !py-16 lg:!py-24">
                <div class="!max-w-4xl !mx-auto !px-6 lg:!px-8">
                    <div class="!text-center !mb-12">
                        <h2 class="!text-3xl sm:!text-4xl !font-bold !text-[#004D7A] !mb-4" style="font-family: 'Montserrat', sans-serif">
                            Preguntas frecuentes sobre creditos PYMES
                        </h2>
                    </div>
                    <div class="!space-y-6">
                        <div class="!bg-gray-50 !rounded-xl !p-6">
                            <h3 class="!text-lg !font-semibold !text-[#004D7A] !mb-2" style="font-family: 'Montserrat', sans-serif">
                                Cuanto tiempo de operacion necesita mi negocio?
                            </h3>
                            <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">
                                Para creditos empresariales estandar, requerimos minimo 12 meses de operacion comprobable. Sin embargo, nuestro programa para emprendedores acepta negocios desde 6 meses con requisitos alternativos.
                            </p>
                        </div>
                        <div class="!bg-gray-50 !rounded-xl !p-6">
                            <h3 class="!text-lg !font-semibold !text-[#004D7A] !mb-2" style="font-family: 'Montserrat', sans-serif">
                                Que garantias solicitan para creditos PYMES?
                            </h3>
                            <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">
                                Para montos menores a $500,000 MXN, no requerimos garantia real. Para montos mayores, podemos solicitar aval, garantia prendaria sobre el equipo financiado, o en casos especificos, garantia hipotecaria.
                            </p>
                        </div>
                        <div class="!bg-gray-50 !rounded-xl !p-6">
                            <h3 class="!text-lg !font-semibold !text-[#004D7A] !mb-2" style="font-family: 'Montserrat', sans-serif">
                                Puedo solicitar como persona fisica con actividad empresarial?
                            </h3>
                            <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">
                                Si, financiamos tanto personas morales (empresas constituidas) como personas fisicas con actividad empresarial. Solo necesitas tu alta en el SAT y estados de cuenta de tu actividad comercial.
                            </p>
                        </div>
                        <div class="!bg-gray-50 !rounded-xl !p-6">
                            <h3 class="!text-lg !font-semibold !text-[#004D7A] !mb-2" style="font-family: 'Montserrat', sans-serif">
                                Hay penalizacion por pago anticipado?
                            </h3>
                            <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">
                                No. En MXLending no cobramos penalizacion por liquidar tu credito antes del plazo acordado. Solo pagas los intereses generados hasta la fecha de liquidacion.
                            </p>
                        </div>
                        <div class="!bg-gray-50 !rounded-xl !p-6">
                            <h3 class="!text-lg !font-semibold !text-[#004D7A] !mb-2" style="font-family: 'Montserrat', sans-serif">
                                Que pasa si mi empresa tiene historial negativo en Buro?
                            </h3>
                            <p class="!text-gray-600" style="font-family: 'Lato', sans-serif">
                                Evaluamos cada caso de forma integral. Utilizamos datos alternativos como flujo de caja, ventas en terminales de pago y facturacion electronica. Un historial negativo no necesariamente significa rechazo automatico.
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- CTA Section -->
            <section id="solicitar" class="!bg-gradient-to-r !from-[#004D7A] !to-[#003D5A] !py-16 lg:!py-24">
                <div class="!max-w-4xl !mx-auto !px-6 lg:!px-8 !text-center">
                    <h2 class="!text-3xl sm:!text-4xl !font-bold !text-white !mb-6" style="font-family: 'Montserrat', sans-serif">
                        Impulsa el crecimiento de tu empresa hoy
                    </h2>
                    <p class="!text-xl !text-gray-200 !mb-8" style="font-family: 'Lato', sans-serif">
                        Mas de 2,500 PYMES mexicanas ya confian en MXLending. Solicita tu credito empresarial y recibe una respuesta en 48 horas.
                    </p>
                    <a href="#" class="!inline-flex !items-center !justify-center !rounded-lg !bg-[#E0B345] !px-10 !py-5 !text-xl !font-semibold !text-[#004D7A] hover:!bg-yellow-400 !transition-colors !shadow-xl">
                        Solicitar Credito PYME
                        <svg class="!ml-3 !w-6 !h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path></svg>
                    </a>
                    <p class="!text-sm !text-gray-300 !mt-6" style="font-family: 'Lato', sans-serif">
                        100% en linea | Sin visitas a sucursal | Respuesta en 48 horas | Sin costo por cotizacion
                    </p>
                </div>
            </section>

        </main>

        <!-- Footer will be included from shared component -->
    </div>
</div>