<!-- Hero Section with Monterrey Focus -->
            <section class="!bg-gradient-to-br !from-[#004D7A] !to-[#003D5A] !py-20 lg:!py-28 !relative !overflow-hidden">
                <!-- Mountain silhouette background -->
                <div class="!absolute !bottom-0 !left-0 !right-0 !h-32 !opacity-10">
                    <svg viewBox="0 0 1440 320" class="!w-full !h-full" preserveAspectRatio="none">
                        <path fill="white" d="M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,218.7C672,235,768,245,864,234.7C960,224,1056,192,1152,181.3C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                    </svg>
                </div>
                <div class="!max-w-7xl !mx-auto !px-4 sm:!px-6 lg:!px-8 !relative !z-10">
                    <nav class="!mb-6" aria-label="Breadcrumb">
                        <ol class="flex items-center !space-x-2 !text-sm !text-gray-300">
                            <li><a href="/" class="hover:!text-[#E0B345]">Inicio</a></li>
                            <li><span class="!mx-2">/</span></li>
                            <li class="!text-[#E0B345]">Prestamos en Monterrey</li>
                        </ol>
                    </nav>
                    <div class="grid grid-cols-1 lg:grid-cols-2 !gap-12 !items-center">
                        <div class="!text-center lg:!text-left">
                            <div class="!inline-flex !items-center !bg-[#E0B345]/20 !text-[#E0B345] !px-4 !py-2 !rounded-full !text-sm !font-medium !mb-6">
                                <svg class="!w-5 !h-5 !mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
                                Monterrey y Area Metropolitana
                            </div>
                            <h1 class="!font-bold !text-4xl md:!text-5xl lg:!text-6xl !text-white !leading-tight" style="font-family: 'Montserrat', sans-serif">
                                Prestamos en <span class="!text-[#E0B345]">Monterrey</span> para el Norte Industrial
                            </h1>
                            <p class="!mt-6 !text-xl !text-gray-200 !max-w-xl" style="font-family: 'Lato', sans-serif">
                                Financiamiento agil para regios emprendedores. Capital para ti y tu negocio en la Sultana del Norte.
                            </p>
                            <div class="!mt-8 flex flex-col sm:flex-row !gap-4 !justify-center lg:!justify-start">
                                <a href="/solicitar/" class="!inline-flex !items-center !justify-center !bg-[#E0B345] !text-[#004D7A] !font-bold !px-8 !py-4 !rounded-lg !shadow-lg hover:!bg-yellow-400 !transition-all hover:!scale-105">
                                    Solicitar en Monterrey
                                    <svg class="!ml-2 !w-5 !h-5" 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"/></svg>
                                </a>
                                <a href="/calculadora/" class="!inline-flex !items-center !justify-center !bg-white/10 !backdrop-blur !text-white !font-semibold !px-8 !py-4 !rounded-lg !border !border-white/20 hover:!bg-white/20 !transition-all">
                                    Simular Prestamo
                                </a>
                            </div>
                            <!-- Trust Badges -->
                            <div class="!mt-10 flex flex-wrap !gap-6 !justify-center lg:!justify-start !text-gray-300 !text-sm">
                                <div class="flex !items-center !gap-2">
                                    <svg class="!w-5 !h-5 !text-green-400" 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"/></svg>
                                    Sin ir a sucursal
                                </div>
                                <div class="flex !items-center !gap-2">
                                    <svg class="!w-5 !h-5 !text-green-400" 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"/></svg>
                                    Respuesta en horas
                                </div>
                                <div class="flex !items-center !gap-2">
                                    <svg class="!w-5 !h-5 !text-green-400" 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"/></svg>
                                    Enfoque PYME
                                </div>
                            </div>
                        </div>
                        <!-- Stats Card -->
                        <div class="!hidden lg:!block">
                            <div class="!bg-white/10 !backdrop-blur-lg !rounded-2xl !p-8 !border !border-white/20">
                                <h3 class="!text-2xl !font-bold !text-white !mb-6" style="font-family: 'Montserrat', sans-serif">MXLending en Monterrey</h3>
                                <div class="!space-y-6">
                                    <div class="flex !justify-between !items-center !border-b !border-white/10 !pb-4">
                                        <span class="!text-gray-300">Clientes en NL</span>
                                        <span class="!text-3xl !font-bold !text-[#E0B345]">+4,200</span>
                                    </div>
                                    <div class="flex !justify-between !items-center !border-b !border-white/10 !pb-4">
                                        <span class="!text-gray-300">Creditos PYMES otorgados</span>
                                        <span class="!text-3xl !font-bold !text-[#E0B345]">$280M</span>
                                    </div>
                                    <div class="flex !justify-between !items-center !border-b !border-white/10 !pb-4">
                                        <span class="!text-gray-300">Tiempo promedio</span>
                                        <span class="!text-3xl !font-bold !text-[#E0B345]">5 hrs</span>
                                    </div>
                                    <div class="flex !justify-between !items-center">
                                        <span class="!text-gray-300">Tasa de aprobacion</span>
                                        <span class="!text-3xl !font-bold !text-[#E0B345]">78%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Monterrey Coverage Areas -->
            <section class="!bg-white !py-16">
                <div class="!max-w-7xl !mx-auto !px-4 sm:!px-6 lg:!px-8">
                    <div class="!text-center !mb-12">
                        <h2 class="!text-3xl md:!text-4xl !font-bold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">
                            Cobertura en el Area Metropolitana de Monterrey
                        </h2>
                        <p class="!mt-4 !text-lg !text-gray-600 !max-w-2xl !mx-auto" style="font-family: 'Lato', sans-serif">
                            Atendemos a toda la zona metropolitana de Nuevo Leon
                        </p>
                    </div>
                    <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 !gap-4">
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Monterrey</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">San Pedro</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Santa Catarina</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Guadalupe</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Apodaca</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Escobedo</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">San Nicolas</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Garcia</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Juarez</p>
                        </div>
                        <div class="!bg-gray-50 !rounded-lg !p-4 !text-center hover:!bg-[#004D7A] hover:!text-white !transition-colors !cursor-default group">
                            <p class="!font-semibold group-hover:!text-white" style="font-family: 'Montserrat', sans-serif">Santiago</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Products for Monterrey - PYME Focus -->
            <section class="!bg-gray-50 !py-16">
                <div class="!max-w-7xl !mx-auto !px-4 sm:!px-6 lg:!px-8">
                    <div class="!text-center !mb-12">
                        <p class="!text-[#C84C3C] !font-semibold !uppercase !tracking-wider !mb-2" style="font-family: 'Montserrat', sans-serif">Capital Industrial</p>
                        <h2 class="!text-3xl md:!text-4xl !font-bold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">
                            Soluciones para Empresarios Regios
                        </h2>
                        <p class="!mt-4 !text-lg !text-gray-600 !max-w-2xl !mx-auto" style="font-family: 'Lato', sans-serif">
                            Monterrey es la capital industrial de Mexico. Nuestros productos estan disenados para el espiritu emprendedor del norte.
                        </p>
                    </div>

                    <!-- Featured: PYME Credit -->
                    <div class="!bg-white !rounded-2xl !shadow-xl !overflow-hidden !mb-8">
                        <div class="grid grid-cols-1 lg:grid-cols-2">
                            <div class="!bg-[#C84C3C] !p-8 lg:!p-12">
                                <div class="!inline-flex !items-center !bg-white/20 !text-white !px-3 !py-1 !rounded-full !text-sm !font-medium !mb-4">
                                    Mas Solicitado en MTY
                                </div>
                                <h3 class="!text-3xl !font-bold !text-white !mb-4" style="font-family: 'Montserrat', sans-serif">Credito PYME Industrial</h3>
                                <p class="!text-white/90 !text-lg !mb-6" style="font-family: 'Lato', sans-serif">
                                    Disenado para manufacturas, talleres, distribuidoras y proveedores de la industria automotriz y de electrodomesticos del norte.
                                </p>
                                <ul class="!space-y-3 !text-white/90 !mb-8">
                                    <li class="flex !items-center !gap-3">
                                        <svg class="!w-5 !h-5 !flex-shrink-0" 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"/></svg>
                                        Montos de $100,000 a $2,000,000 MXN
                                    </li>
                                    <li class="flex !items-center !gap-3">
                                        <svg class="!w-5 !h-5 !flex-shrink-0" 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"/></svg>
                                        Para capital de trabajo o equipamiento
                                    </li>
                                    <li class="flex !items-center !gap-3">
                                        <svg class="!w-5 !h-5 !flex-shrink-0" 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"/></svg>
                                        Plazos flexibles de 12 a 48 meses
                                    </li>
                                </ul>
                                <a href="/creditos-pymes/" class="!inline-flex !items-center !bg-white !text-[#C84C3C] !font-bold !px-6 !py-3 !rounded-lg hover:!bg-gray-100 !transition-colors">
                                    Solicitar Credito PYME
                                    <svg class="!ml-2 !w-5 !h-5" 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"/></svg>
                                </a>
                            </div>
                            <div class="!p-8 lg:!p-12">
                                <h4 class="!font-bold !text-[#004D7A] !mb-6" style="font-family: 'Montserrat', sans-serif">Industrias que Atendemos en MTY:</h4>
                                <div class="grid grid-cols-2 !gap-4">
                                    <div class="flex !items-center !gap-3 !p-3 !bg-gray-50 !rounded-lg">
                                        <div class="!w-10 !h-10 !bg-[#004D7A]/10 !rounded-lg flex !items-center !justify-center">
                                            <svg class="!w-5 !h-5 !text-[#004D7A]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/></svg>
                                        </div>
                                        <span class="!text-sm !font-medium !text-gray-700">Manufactura</span>
                                    </div>
                                    <div class="flex !items-center !gap-3 !p-3 !bg-gray-50 !rounded-lg">
                                        <div class="!w-10 !h-10 !bg-[#004D7A]/10 !rounded-lg flex !items-center !justify-center">
                                            <svg class="!w-5 !h-5 !text-[#004D7A]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>
                                        </div>
                                        <span class="!text-sm !font-medium !text-gray-700">Transporte</span>
                                    </div>
                                    <div class="flex !items-center !gap-3 !p-3 !bg-gray-50 !rounded-lg">
                                        <div class="!w-10 !h-10 !bg-[#004D7A]/10 !rounded-lg flex !items-center !justify-center">
                                            <svg class="!w-5 !h-5 !text-[#004D7A]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                                        </div>
                                        <span class="!text-sm !font-medium !text-gray-700">Autopartes</span>
                                    </div>
                                    <div class="flex !items-center !gap-3 !p-3 !bg-gray-50 !rounded-lg">
                                        <div class="!w-10 !h-10 !bg-[#004D7A]/10 !rounded-lg flex !items-center !justify-center">
                                            <svg class="!w-5 !h-5 !text-[#004D7A]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/></svg>
                                        </div>
                                        <span class="!text-sm !font-medium !text-gray-700">Logistica</span>
                                    </div>
                                    <div class="flex !items-center !gap-3 !p-3 !bg-gray-50 !rounded-lg">
                                        <div class="!w-10 !h-10 !bg-[#004D7A]/10 !rounded-lg flex !items-center !justify-center">
                                            <svg class="!w-5 !h-5 !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"/></svg>
                                        </div>
                                        <span class="!text-sm !font-medium !text-gray-700">Electronica</span>
                                    </div>
                                    <div class="flex !items-center !gap-3 !p-3 !bg-gray-50 !rounded-lg">
                                        <div class="!w-10 !h-10 !bg-[#004D7A]/10 !rounded-lg flex !items-center !justify-center">
                                            <svg class="!w-5 !h-5 !text-[#004D7A]" 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"/></svg>
                                        </div>
                                        <span class="!text-sm !font-medium !text-gray-700">Construccion</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Other Products -->
                    <div class="grid grid-cols-1 md:grid-cols-2 !gap-6">
                        <div class="!bg-white !rounded-xl !shadow-lg !p-6 flex !gap-4 !items-start">
                            <div class="!w-12 !h-12 !bg-[#004D7A] !rounded-xl flex !items-center !justify-center !flex-shrink-0">
                                <svg class="!w-6 !h-6 !text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
                            </div>
                            <div>
                                <h3 class="!font-bold !text-[#004D7A] !mb-2" style="font-family: 'Montserrat', sans-serif">Prestamos Personales</h3>
                                <p class="!text-gray-600 !text-sm !mb-3" style="font-family: 'Lato', sans-serif">Para emergencias, gastos medicos o mejoras del hogar. Desde $5,000 MXN.</p>
                                <a href="/prestamos-personales/" class="!text-[#004D7A] !font-semibold !text-sm hover:!underline">Ver detalles →</a>
                            </div>
                        </div>
                        <div class="!bg-white !rounded-xl !shadow-lg !p-6 flex !gap-4 !items-start">
                            <div class="!w-12 !h-12 !bg-[#E0B345] !rounded-xl flex !items-center !justify-center !flex-shrink-0">
                                <svg class="!w-6 !h-6 !text-[#004D7A]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
                            </div>
                            <div>
                                <h3 class="!font-bold !text-[#004D7A] !mb-2" style="font-family: 'Montserrat', sans-serif">Consolidacion de Deudas</h3>
                                <p class="!text-gray-600 !text-sm !mb-3" style="font-family: 'Lato', sans-serif">Unifica tus creditos en un solo pago mensual con mejor tasa.</p>
                                <a href="/prestamos-personales/consolidacion/" class="!text-[#004D7A] !font-semibold !text-sm hover:!underline">Ver detalles →</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Monterrey Testimonial -->
            <section class="!bg-white !py-16">
                <div class="!max-w-4xl !mx-auto !px-4 sm:!px-6 lg:!px-8">
                    <div class="!bg-gradient-to-br !from-[#004D7A] !to-[#003D5A] !rounded-2xl !p-8 lg:!p-12 !text-center">
                        <svg class="!w-12 !h-12 !text-[#E0B345] !mx-auto !mb-6" fill="currentColor" viewBox="0 0 24 24"><path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"/></svg>
                        <blockquote class="!text-xl lg:!text-2xl !text-white !italic !mb-6" style="font-family: 'Lato', sans-serif">
                            "Tenia un pedido grande de un cliente de KIA y necesitaba comprar materia prima urgente. Los bancos me pedian garantias imposibles. MXLending me aprobo en un dia y pude cumplir el contrato. Hoy soy proveedor Tier 2."
                        </blockquote>
                        <div>
                            <p class="!font-bold !text-[#E0B345] !text-lg" style="font-family: 'Montserrat', sans-serif">Fernando G.</p>
                            <p class="!text-gray-300">Propietario de taller de maquinados, Apodaca</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Monterrey FAQ -->
            <section class="!bg-gray-50 !py-16">
                <div class="!max-w-4xl !mx-auto !px-4 sm:!px-6 lg:!px-8">
                    <div class="!text-center !mb-12">
                        <h2 class="!text-3xl md:!text-4xl !font-bold !text-[#004D7A]" style="font-family: 'Montserrat', sans-serif">
                            Preguntas Frecuentes - Monterrey
                        </h2>
                    </div>
                    <div class="!space-y-4">
                        <details class="!bg-white !rounded-xl !shadow-sm group">
                            <summary class="!p-6 !cursor-pointer !font-semibold !text-[#004D7A] flex !justify-between !items-center" style="font-family: 'Montserrat', sans-serif">
                                Tengo un taller pequeno, puedo solicitar credito PYME?
                                <svg class="!w-5 !h-5 !text-[#004D7A] group-open:!rotate-180 !transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                            </summary>
                            <div class="!px-6 !pb-6 !text-gray-600" style="font-family: 'Lato', sans-serif">
                                Si, atendemos desde microempresas hasta PYMES consolidadas. El requisito es tener al menos 6 meses de operacion y poder demostrar ingresos (facturas, estados de cuenta, o declaraciones fiscales).
                            </div>
                        </details>

                        <details class="!bg-white !rounded-xl !shadow-sm group">
                            <summary class="!p-6 !cursor-pointer !font-semibold !text-[#004D7A] flex !justify-between !items-center" style="font-family: 'Montserrat', sans-serif">
                                Cual es el horario de atencion para Monterrey?
                                <svg class="!w-5 !h-5 !text-[#004D7A] group-open:!rotate-180 !transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                            </summary>
                            <div class="!px-6 !pb-6 !text-gray-600" style="font-family: 'Lato', sans-serif">
                                El sistema de solicitudes esta disponible 24/7. Nuestro equipo de atencion opera de lunes a sabado de 8:00 a 20:00 hrs (hora del centro, misma que Monterrey).
                            </div>
                        </details>

                        <details class="!bg-white !rounded-xl !shadow-sm group">
                            <summary class="!p-6 !cursor-pointer !font-semibold !text-[#004D7A] flex !justify-between !items-center" style="font-family: 'Montserrat', sans-serif">
                                Aceptan comprobantes de servicios de Nuevo Leon?
                                <svg class="!w-5 !h-5 !text-[#004D7A] group-open:!rotate-180 !transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                            </summary>
                            <div class="!px-6 !pb-6 !text-gray-600" style="font-family: 'Lato', sans-serif">
                                Si, aceptamos recibos de CFE, Servicios de Agua y Drenaje de Monterrey, gas, Telmex, o estado de cuenta bancario. Antiguedad maxima de 3 meses.
                            </div>
                        </details>
                    </div>
                </div>
            </section>

            <!-- CTA Section -->
            <section class="!bg-[#004D7A] !py-16">
                <div class="!max-w-4xl !mx-auto !px-4 sm:!px-6 lg:!px-8 !text-center">
                    <h2 class="!text-3xl md:!text-4xl !font-bold !text-white !mb-4" style="font-family: 'Montserrat', sans-serif">
                        Impulsa tu Negocio en Monterrey
                    </h2>
                    <p class="!text-xl !text-gray-300 !mb-8" style="font-family: 'Lato', sans-serif">
                        Solicita tu credito hoy y recibe respuesta en menos de 5 horas
                    </p>
                    <div class="flex flex-col sm:flex-row !gap-4 !justify-center">
                        <a href="/solicitar/" class="!inline-flex !items-center !justify-center !bg-[#E0B345] !text-[#004D7A] !font-bold !px-10 !py-4 !rounded-lg !text-lg hover:!bg-yellow-400 !transition-all hover:!scale-105">
                            Solicitar Ahora
                            <svg class="!ml-2 !w-5 !h-5" 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"/></svg>
                        </a>
                        <a href="tel:+528112345678" class="!inline-flex !items-center !justify-center !bg-transparent !text-white !font-semibold !px-10 !py-4 !rounded-lg !text-lg !border-2 !border-white hover:!bg-white hover:!text-[#004D7A] !transition-all">
                            <svg class="!mr-2 !w-5 !h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
                            Llamar MTY
                        </a>
                    </div>
                </div>
            </section>

        </main>
    </div>
</div>