 <!-- Footer -->
 <style>
     .bg-luxury-footer {
         background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
     }
 </style>
 <footer class="py-4" style="background-color: #1a1a1a;">
     <div class="container">
         <!-- Sección Principal - Diseño Horizontal -->
         <div class="row py-3">
             <div class="col-lg-3 col-md-6 mb-3 mb-lg-0">
                 <img src="img/logo2.png" alt="ALTIUS México" height="60" class="mb-2" style="background: #fff;border-radius: 12px;">
                 <p class="text-white-50 small mb-0">
                     Inmobiliaria experta en<br>
                     <span class="text-white">Interés Social e Interés Medio</span>
                 </p>
             </div>

             <div class="col-lg-3 col-md-6 mb-3 mb-lg-0">
                 <h6 class="text-white mb-2">Zonas</h6>
                 <div class="row g-1">
                     <div class="col-6">
                         <small class="text-white-50 d-block">• Zumpango</small>
                         <small class="text-white-50 d-block">• Tecámac</small>
                         <small class="text-white-50 d-block">• Tultitlán</small>
                     </div>
                     <div class="col-6">
                         <small class="text-white-50 d-block">• Huehuetoca</small>
                         <small class="text-white-50 d-block">• Cuautitlán Mex</small>
                         <small class="text-white-50 d-block">• Cuautitlán Izc</small>
                     </div>
                 </div>
             </div>

             <div class="col-lg-3 col-md-6 mb-3 mb-lg-0">
                 <h6 class="text-white mb-2">Créditos</h6>
                 <div class="d-flex flex-wrap gap-1">
                     <span class="badge bg-dark border border-secondary small">INFONAVIT</span>
                     <span class="badge bg-dark border border-secondary small">FOVISSSTE</span>
                     <span class="badge bg-dark border border-secondary small">ISFAAM</span>
                     <span class="badge bg-dark border border-secondary small">Bancario</span>
                 </div>
                 <p class="text-white-50 small mt-2 mb-0">
                     <i class="bi bi-check-circle" style="color: #E53935;"></i> Recursos propios también
                 </p>
             </div>

             <div class="col-lg-3 col-md-6">
                 <h6 class="text-white mb-2">Contacto Directo</h6>
                 <a href="https://wa.me/5215514702610" class="btn btn-sm text-white w-100 mb-2" style="background-color: #E53935;">
                     <i class="bi bi-whatsapp me-1"></i>55 1470 2610
                 </a>
                 <a href="mailto:contacto@altiusmexico.mx" class="text-white-50 text-decoration-none small d-block">
                     <i class="bi bi-envelope me-1"></i>contacto@altiusmexico.mx
                 </a>
                 <a href="https://www.altiusmexico.mx" target="_blank" class="text-white-50 text-decoration-none small d-block">
                     <i class="bi bi-globe me-1"></i>altiusmexico.mx
                 </a>
             </div>
         </div>

         <!-- Barra de Confianza -->
         <div class="border-top border-secondary py-3">
             <div class="text-center">
                 <p class="text-white mb-2 fw-bold">
                     "Ponte en nuestras manos para comprar y/o vender tu inmueble"
                 </p>
                 <div class="d-flex flex-wrap justify-content-center gap-3 small">
                     <span class="text-white-50">
                         <i class="bi bi-shield-check" style="color: #E53935;"></i> Proceso Seguro
                     </span>
                     <span class="text-white-50">
                         <i class="bi bi-house-heart" style="color: #E53935;"></i> Te acompañamos hasta las llaves
                     </span>
                     <span class="text-white-50">
                         <i class="bi bi-clock" style="color: #E53935;"></i> Respuesta rápida
                     </span>
                 </div>
             </div>
         </div>

         <!-- Copyright - Súper Simple -->
         <div class="text-center py-2 border-top border-dark">
             <small class="text-white-50">
                 © 2025 ALTIUS México - Capitalización Subcuenta de Vivienda |
                 <span style="color: #E53935;">Gustavo Sánchez</span>
             </small>
         </div>
     </div>
 </footer>


 <!-- Modal Galería Universal -->
 <!-- Modal -->
 <div class="modal fade" id="modalGaleriaUniversal" tabindex="-1" aria-labelledby="modalGaleriaUniversalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered modal-xl">
         <div class="modal-content border-0 shadow-lg" style="border-radius: 20px; overflow: hidden;">
             <div class="modal-body p-0">
                 <div class="row g-0">
                     <!-- Imagen Column -->
                     <div class="col-md-6">
                         <div class="position-relative h-100">
                             <img id="imagenGaleriaAmpliada" src="" class="img-fluid w-100 h-100" style="object-fit: cover; min-height: 500px;" alt="Imagen ampliada">
                             <div class="position-absolute top-0 start-0 w-100 h-100 bg-dark bg-opacity-25"></div>
                         </div>
                     </div>

                     <!-- Content Column -->
                     <div class="col-md-6 bg-light">
                         <div class="p-4 p-lg-5 h-100 d-flex flex-column justify-content-center">
                             <!-- Header -->
                             <div class="mb-4">
                                 <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 rounded-pill mb-3">
                                     <i class="bi bi-info-circle me-2"></i>Inmobiliaria1Casa
                                 </span>
                                 <h3 id="modalTitle" class="fw-bold text-dark mb-0"></h3>
                             </div>

                             <!-- Content -->
                             <div id="modalContent" class="text-muted mb-4 flex-grow-1" style="font-size: 1.1rem; line-height: 1.6;"></div>

                             <!-- Actions -->
                             <div class="d-flex flex-column flex-sm-row gap-3 pt-3 border-top">
                                 <a href="https://wa.me/5215555069435" target="_blank" class="btn btn-success rounded-pill px-4 py-2">
                                     <i class="bi bi-whatsapp me-2"></i>WhatsApp Directo
                                 </a>
                                 <a href="mailto:contacto@inmobiliaria1casa.com" class="btn btn-outline-primary rounded-pill px-4 py-2">
                                     <i class="bi bi-envelope me-2"></i>Enviar Email
                                 </a>
                             </div>

                             <!-- Trust Badge -->
                             <div class="mt-3 d-flex align-items-center text-muted small">
                                 <i class="bi bi-shield-check text-success me-2"></i>
                                 <span>25 años de experiencia comprobada</span>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>

             <!-- Close Button -->
             <button type="button" class="btn-close position-absolute top-0 end-0 m-3 bg-white rounded-circle p-2 shadow-sm" data-bs-dismiss="modal" aria-label="Cerrar" style="width: 40px; height: 40px;"></button>
         </div>
     </div>
 </div>

 <!-- JavaScript -->


 <!-- Bootstrap JS -->
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

 <!-- AOS Animation -->
 <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

 <script>
     document.addEventListener('DOMContentLoaded', function() {
         const modal = document.getElementById('modalGaleriaUniversal');

         modal.addEventListener('show.bs.modal', function(event) {
             const button = event.relatedTarget;
             const image = button.getAttribute('data-image');
             const title = button.getAttribute('data-title');
             const content = button.getAttribute('data-content');

             document.getElementById('imagenGaleriaAmpliada').src = image;
             document.getElementById('modalTitle').innerHTML = title;
             document.getElementById('modalContent').innerHTML = content;
         });
     });
 </script>

 <!-- Custom JavaScript -->
 <script>
     document.addEventListener("DOMContentLoaded", function() {
         const modal = document.getElementById("modalGaleriaUniversal");
         const modalImg = document.getElementById("imagenGaleriaAmpliada");

         document.querySelectorAll("[data-bs-target='#modalGaleriaUniversal']").forEach(img => {
             img.addEventListener("click", function() {
                 const imageUrl = this.getAttribute("data-img");
                 if (modalImg && imageUrl) {
                     modalImg.setAttribute("src", imageUrl);
                 }
             });
         });
     });

     // Inicializar AOS
     AOS.init({
         duration: 1000,
         once: true
     });

     // Contador animado para estadísticas
     function animateCounter() {
         const counters = document.querySelectorAll('.display-4[data-count]');

         counters.forEach(counter => {
             const target = parseInt(counter.getAttribute('data-count'));
             const duration = 2000;
             const increment = target / (duration / 16);
             let current = 0;

             const updateCounter = () => {
                 current += increment;
                 if (current < target) {
                     counter.textContent = Math.floor(current).toLocaleString();
                     requestAnimationFrame(updateCounter);
                 } else {
                     counter.textContent = target.toLocaleString();
                 }
             };

             // Iniciar animación cuando sea visible
             const observer = new IntersectionObserver((entries) => {
                 entries.forEach(entry => {
                     if (entry.isIntersecting) {
                         updateCounter();
                         observer.unobserve(entry.target);
                     }
                 });
             });

             observer.observe(counter);
         });
     }

     // Iniciar contador
     animateCounter();

     // Smooth scroll para enlaces internos
     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
         anchor.addEventListener('click', function(e) {
             e.preventDefault();
             const target = document.querySelector(this.getAttribute('href'));
             if (target) {
                 target.scrollIntoView({
                     behavior: 'smooth',
                     block: 'start'
                 });
             }
         });
     });

     // Cambiar estilo del navbar al hacer scroll
     window.addEventListener('scroll', function() {
         const navbar = document.querySelector('.navbar');
         if (window.scrollY > 100) {
             navbar.classList.add('shadow');
         } else {
             navbar.classList.remove('shadow');
         }
     });
 </script>

 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 <script>
     $(document).ready(function() {
         var imgload = '<img src="https://www.negocio.me/pm_admin/imagen/loading.GIF">';
         $(document).on("submit", "#_jx_mn_form", function(e) {
             e.preventDefault();
             var formData = new FormData($('#_jx_mn_form')[0]);
             $.ajax({
                 url: 'https://www.negocio.me/checkout/tienda_conf/include/jquery.php',
                 type: 'POST',
                 data: formData,
                 cache: false,
                 contentType: false,
                 processData: false,

                 beforeSend: function() {
                     $("#BtnEnviar").prop({
                         disabled: true
                     });
                     $('.LoadForm').show().html(imgload);
                 },

                 success: function(data) {
                     console.log(data)
                     $("#BtnEnviar").prop({
                         disabled: true
                     });
                     $('.LoadForm').html("<span style='color:#38bb05;'><b>Enviado!</b></span>");
                 },

                 error: function(data) {
                     $("#BtnEnviar").prop({
                         disabled: false
                     });
                     message = $("<span style='color:#f00;'>Ha ocurrido un error.</span>");
                     $('.LoadForm').html(message);
                     console.log(data)
                 }
             });
         });
     });
 </script>