{"id":4569,"date":"2022-09-04T05:26:32","date_gmt":"2022-09-04T05:26:32","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=4569"},"modified":"2025-12-22T08:21:48","modified_gmt":"2025-12-22T08:21:48","slug":"simulador-creditos-hipotecarios","status":"publish","type":"page","link":"https:\/\/jjinversionesinmobiliarias.com\/?page_id=4569","title":{"rendered":"Simulador Cr\u00e9ditos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4569\" class=\"elementor elementor-4569\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8701108 e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"8701108\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f4cf94 elementor-icon-list--layout-inline elementor-align-start elementor-widget__width-inherit elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"2f4cf94\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/Fm6EPeLda8rDXMcWA\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marked-alt\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288 0c-69.59 0-126 56.41-126 126 0 56.26 82.35 158.8 113.9 196.02 6.39 7.54 17.82 7.54 24.2 0C331.65 284.8 414 182.26 414 126 414 56.41 357.59 0 288 0zm0 168c-23.2 0-42-18.8-42-42s18.8-42 42-42 42 18.8 42 42-18.8 42-42 42zM20.12 215.95A32.006 32.006 0 0 0 0 245.66v250.32c0 11.32 11.43 19.06 21.94 14.86L160 448V214.92c-8.84-15.98-16.07-31.54-21.25-46.42L20.12 215.95zM288 359.67c-14.07 0-27.38-6.18-36.51-16.96-19.66-23.2-40.57-49.62-59.49-76.72v182l192 64V266c-18.92 27.09-39.82 53.52-59.49 76.72-9.13 10.77-22.44 16.95-36.51 16.95zm266.06-198.51L416 224v288l139.88-55.95A31.996 31.996 0 0 0 576 426.34V176.02c0-11.32-11.43-19.06-21.94-14.86z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Calle 4 y Alvarado 432 Local 9 y 10 zona centro, Ensenada Baja California<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mail-bulk\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M160 448c-25.6 0-51.2-22.4-64-32-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4-12.8 9.6-38.4 32-64 32zm128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4 9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32zm256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32zm-32 128h-64v-64h64v64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96v-32z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">ventas@jjinversionesinmobiliarias.com<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+52-646-206-6423<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c5e7b6 elementor-shape-circle e-grid-align-right elementor-widget__width-auto elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"1c5e7b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-5e34626\" href=\"https:\/\/www.facebook.com\/profile.php?id=100063480356783#\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-7c0482a\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-cfa3e29\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2b12fa e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"c2b12fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b85d94 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7b85d94\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cecb2d9 elementor-widget elementor-widget-html\" data-id=\"cecb2d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Simuladores de Cr\u00e9dito Hipotecario M\u00e9xico<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        jj: {\r\n                            gold: '#bfa365',     \/* Tono dorado elegante *\/\r\n                            dark: '#111111',     \/* Negro profundo *\/\r\n                            gray: '#333333',\r\n                            light: '#f8f8f8'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <!-- Google Fonts: League Spartan -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- Font Awesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        body {\r\n            font-family: 'League Spartan', sans-serif;\r\n            background-color: #f8f8f8;\r\n        }\r\n        .bank-logo {\r\n            width: 40px;\r\n            height: 40px;\r\n            object-fit: contain;\r\n        }\r\n        \/* Custom Scrollbar for table *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n            height: 8px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #f1f1f1; \r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #bfa365; \r\n            border-radius: 4px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"text-gray-800 antialiased\">\r\n\r\n    <!-- Hero Section \/ Title Only -->\r\n    <div class=\"bg-jj-dark py-12 border-b-4 border-jj-gold\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n            <!-- Added explicit text-white class to ensure visibility -->\r\n            <h2 class=\"text-3xl md:text-4xl font-light mb-4 uppercase tracking-wider text-white\">Simuladores <span class=\"text-jj-gold font-bold\">Hipotecarios<\/span><\/h2>\r\n            <p class=\"text-gray-400 max-w-2xl mx-auto text-lg font-light\">Herramientas oficiales de las principales instituciones financieras.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content \/ Table Section -->\r\n    <main id=\"simuladores\" class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-10 -mt-8\">\r\n        \r\n        <!-- Filter\/Search -->\r\n        <div class=\"bg-white rounded-t-sm shadow-xl p-6 border-l-4 border-jj-gold\">\r\n            <div class=\"flex flex-col md:flex-row justify-between items-center gap-4\">\r\n                <div>\r\n                    <h3 class=\"text-lg font-bold text-jj-dark uppercase tracking-wide\">Directorio Financiero<\/h3>\r\n                    <p class=\"text-sm text-gray-500\">Selecciona una instituci\u00f3n para calcular tu cr\u00e9dito<\/p>\r\n                <\/div>\r\n                <div class=\"relative w-full md:w-64\">\r\n                    <span class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                        <i class=\"fa-solid fa-search text-jj-gold\"><\/i>\r\n                    <\/span>\r\n                    <input type=\"text\" id=\"searchInput\" placeholder=\"Buscar banco...\" \r\n                        class=\"pl-10 w-full bg-gray-50 rounded-none border-b border-gray-300 focus:border-jj-gold py-2 px-3 text-sm focus:outline-none transition-all placeholder-gray-400\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Table Container -->\r\n        <div class=\"bg-white shadow-xl rounded-b-sm overflow-hidden\">\r\n            <div class=\"overflow-x-auto\">\r\n                <table class=\"min-w-full divide-y divide-gray-100\">\r\n                    <thead class=\"bg-gray-50\">\r\n                        <tr>\r\n                            <th scope=\"col\" class=\"px-6 py-4 text-left text-xs font-bold text-gray-500 uppercase tracking-widest\">\r\n                                Instituci\u00f3n\r\n                            <\/th>\r\n                            <th scope=\"col\" class=\"px-6 py-4 text-left text-xs font-bold text-gray-500 uppercase tracking-widest hidden sm:table-cell\">\r\n                                Tipo\r\n                            <\/th>\r\n                            <th scope=\"col\" class=\"px-6 py-4 text-center text-xs font-bold text-gray-500 uppercase tracking-widest\">\r\n                                Enlace\r\n                            <\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody id=\"bankTableBody\" class=\"bg-white divide-y divide-gray-100\">\r\n                        <!-- Rows will be populated by JS -->\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            \r\n            <!-- Empty State (Hidden by default) -->\r\n            <div id=\"emptyState\" class=\"hidden p-8 text-center text-gray-500\">\r\n                <i class=\"fa-regular fa-folder-open text-3xl mb-2 text-jj-gold\"><\/i>\r\n                <p>No se encontraron resultados.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Info disclaimer -->\r\n        <p class=\"mt-4 text-[10px] text-center text-gray-400 uppercase tracking-wider\">\r\n            * Los logotipos son propiedad de sus respectivas marcas. JJ Inversiones Inmobiliarias facilita estos enlaces con fines informativos.\r\n        <\/p>\r\n\r\n    <\/main>\r\n\r\n    <!-- Tips Section (Styled to match JJ) -->\r\n    <section id=\"consejos\" class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 mb-8\">\r\n        <h3 class=\"text-xl font-bold text-jj-dark mb-8 text-center uppercase tracking-widest\">Factores Clave de Inversi\u00f3n<\/h3>\r\n        <div class=\"grid md:grid-cols-3 gap-6\">\r\n            <div class=\"bg-white p-6 shadow-sm hover:shadow-lg transition-all border-t-2 border-transparent hover:border-jj-gold group\">\r\n                <div class=\"w-10 h-10 bg-black text-jj-gold flex items-center justify-center mb-4 group-hover:bg-jj-gold group-hover:text-black transition-colors\">\r\n                    <i class=\"fa-solid fa-chart-pie\"><\/i>\r\n                <\/div>\r\n                <h4 class=\"font-bold text-jj-dark mb-2 uppercase text-sm\">Costo Anual Total<\/h4>\r\n                <p class=\"text-sm text-gray-600 font-light\">Analice el CAT, no solo la tasa de inter\u00e9s. Incluye seguros y comisiones que impactan su retorno de inversi\u00f3n.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 shadow-sm hover:shadow-lg transition-all border-t-2 border-transparent hover:border-jj-gold group\">\r\n                <div class=\"w-10 h-10 bg-black text-jj-gold flex items-center justify-center mb-4 group-hover:bg-jj-gold group-hover:text-black transition-colors\">\r\n                    <i class=\"fa-solid fa-sack-dollar\"><\/i>\r\n                <\/div>\r\n                <h4 class=\"font-bold text-jj-dark mb-2 uppercase text-sm\">Capital Inicial<\/h4>\r\n                <p class=\"text-sm text-gray-600 font-light\">Considere un enganche m\u00ednimo del 10% m\u00e1s gastos notariales (aprox. 5-7% del valor de la propiedad).<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-6 shadow-sm hover:shadow-lg transition-all border-t-2 border-transparent hover:border-jj-gold group\">\r\n                <div class=\"w-10 h-10 bg-black text-jj-gold flex items-center justify-center mb-4 group-hover:bg-jj-gold group-hover:text-black transition-colors\">\r\n                    <i class=\"fa-solid fa-handshake\"><\/i>\r\n                <\/div>\r\n                <h4 class=\"font-bold text-jj-dark mb-2 uppercase text-sm\">Cofinanciamiento<\/h4>\r\n                <p class=\"text-sm text-gray-600 font-light\">Optimice su cr\u00e9dito utilizando esquemas Cofinavit o Fovissste para Todo, ampliando su capacidad de compra.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Scripts -->\r\n    <script>\r\n        \/\/ Datos de los bancos e instituciones\r\n        const institutions = [\r\n            {\r\n                name: \"BBVA M\u00e9xico\",\r\n                type: \"Banca Privada\",\r\n                domain: \"bbva.mx\",\r\n                url: \"https:\/\/www.bbva.mx\/personas\/productos\/creditos\/credito-hipotecario\/simulador.html\"\r\n            },\r\n            {\r\n                name: \"Santander\",\r\n                type: \"Banca Privada\",\r\n                domain: \"santander.com.mx\",\r\n                url: \"https:\/\/www.santander.com.mx\/personas\/creditos-hipotecarios\/simulador-hipotecario.html?gad_source=1&gad_campaignid=23282631275&gbraid=0AAAAAo2x23FwAadx5v9YxVWzAa5pQ2OmV&gclid=CjwKCAiA9aPKBhBhEiwAyz82J3Um1RWp7fcMAMfW-_7aEXQxAW-qKEQDjw6dYCoxhRapHbEke_q7MhoCJSsQAvD_BwE\"\r\n            },\r\n            {\r\n                name: \"Banorte\",\r\n                type: \"Banca Privada\",\r\n                domain: \"banorte.com\",\r\n                url: \"https:\/\/www.banorte.com\/wps\/portal\/banorte\/Home\/creditos\/credito-hipotecario\/adquisicion-de-vivienda\/!ut\/p\/z1\/jZBBDoIwFETPwgk6bQHLsqm1VIi1GgS7MawIiaIL4_k17jCKzO4nb_5MhgTSkDC0j75r7_11aM-v-xjSk2FU5FyhMGUBpMxsneKUwVFSjwGxdAkk81ojE9wakDDHr4zM40UJuNgwSLFZx_skY7DpPD9-SM7MnwDC9PuahHGE0z6FVDuvD3ZFPccn8GWiNzC1wb8Wt0tVVQ1620XRE6Et_jw!\/?uri=nm:oid:Z6_G218H3C0KOEQ60ACRQEVIF1Q30\"\r\n            },\r\n            {\r\n                name: \"Citibanamex\",\r\n                type: \"Banca Privada\",\r\n                domain: \"banamex.com\",\r\n                url: \"https:\/\/www.banamex.com\/es\/personas\/creditos\/credito-hipotecario\/simulador-credito-hipotecario.html?lid=MX|es|personas|creditos|credito-hipotecario-TextoMiddle-Acquisition-IrSimuladorCreditoHipotecario-ES\"\r\n            },\r\n            {\r\n                name: \"Scotiabank\",\r\n                type: \"Banca Privada\",\r\n                domain: \"scotiabank.com.mx\",\r\n                url: \"https:\/\/www.scotiabank.com.mx\/personas\/creditos\/hipotecarios\/compra-tu-casa.aspx\"\r\n            },\r\n            {\r\n                name: \"HSBC M\u00e9xico\",\r\n                type: \"Banca Privada\",\r\n                domain: \"hsbc.com.mx\",\r\n                url: \"https:\/\/www.hsbc.com.mx\/hipotecario\/productos\/adquiere-tu-hogar\/\"\r\n            },\r\n            {\r\n                name: \"Infonavit\",\r\n                type: \"Instituci\u00f3n P\u00fablica\",\r\n                domain: \"portalmx.infonavit.org.mx\",\r\n                url: \"https:\/\/portalmx.infonavit.org.mx\/wps\/portal\/infonavitmx\/mx2\/derechohabientes\/quiero_credito\/!ut\/p\/z1\/jZHBDoIwDEC_xQNHaYc4h7dFEkUTIgcUezFgcJIgM4gS_14SvZjopLc277VNCwQJUJXeC5U2ha7Ssst3xPd8jriYuSwUGyExCr3QWfFRIJgDWwPgLCUH6uN7nu-ylUBnzULEaBMxP_AnOEa3n48_QmI_3wCQuf0WyDCiu8DkH8DfgOkG_7ZYAqlSZ6-HySobCQVU58e8zmv7VnflU9NcrlMLLWzb1lZaqzK3D_ps4TflpK8NJJ8kXM5xHCdYBEPKHq0cPAGd7dHk\/dz\/d5\/L2dBISEvZ0FBIS9nQSEh\/\"\r\n            },\r\n            {\r\n                name: \"Fovissste\",\r\n                type: \"Instituci\u00f3n P\u00fablica\",\r\n                domain: \"gob.mx\", \r\n                logoUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/36\/Logotipo_del_FOVISSSTE.svg\/1200px-Logotipo_del_FOVISSSTE.svg.png\",\r\n                url: \"https:\/\/portalmx.infonavit.org.mx\/wps\/portal\/infonavitmx\/mx2\/derechohabientes\/quiero_credito\/!ut\/p\/z1\/jZHBDoIwDEC_xQNHaYc4h7dFEkUTIgcUezFgcJIgM4gS_14SvZjopLc277VNCwQJUJXeC5U2ha7Ssst3xPd8jriYuSwUGyExCr3QWfFRIJgDWwPgLCUH6uN7nu-ylUBnzULEaBMxP_AnOEa3n48_QmI_3wCQuf0WyDCiu8DkH8DfgOkG_7ZYAqlSZ6-HySobCQVU58e8zmv7VnflU9NcrlMLLWzb1lZaqzK3D_ps4TflpK8NJJ8kXM5xHCdYBEPKHq0cPAGd7dHk\/dz\/d5\/L2dBISEvZ0FBIS9nQSEh\/\"\r\n            },\r\n            \r\n        ];\r\n\r\n        const tableBody = document.getElementById('bankTableBody');\r\n        const searchInput = document.getElementById('searchInput');\r\n        const emptyState = document.getElementById('emptyState');\r\n\r\n        function getLogo(inst) {\r\n            if (inst.logoUrl) return inst.logoUrl;\r\n            return `https:\/\/logo.clearbit.com\/${inst.domain}`;\r\n        }\r\n\r\n        function renderTable(data) {\r\n            tableBody.innerHTML = '';\r\n            \r\n            if (data.length === 0) {\r\n                emptyState.classList.remove('hidden');\r\n                return;\r\n            } else {\r\n                emptyState.classList.add('hidden');\r\n            }\r\n\r\n            data.forEach(inst => {\r\n                const row = document.createElement('tr');\r\n                row.className = 'hover:bg-gray-50 transition-colors duration-150 group';\r\n                \r\n                row.innerHTML = `\r\n                    <td class=\"px-6 py-4 whitespace-nowrap border-l-4 border-transparent hover:border-jj-gold transition-all\">\r\n                        <div class=\"flex items-center\">\r\n                            <div class=\"flex-shrink-0 h-10 w-10 flex items-center justify-center bg-white rounded-none border border-gray-200 p-1\">\r\n                                <img decoding=\"async\" class=\"h-8 w-8 object-contain filter grayscale group-hover:grayscale-0 transition-all duration-300\" \r\n                                     src=\"${getLogo(inst)}\" \r\n                                     alt=\"${inst.name}\"\r\n                                     onerror=\"this.onerror=null; this.src='https:\/\/ui-avatars.com\/api\/?name=${inst.name}&background=000&color=d4af37&size=64';\">\r\n                            <\/div>\r\n                            <div class=\"ml-4\">\r\n                                <div class=\"text-sm font-bold text-gray-900 uppercase tracking-wide\">${inst.name}<\/div>\r\n                                <div class=\"text-[10px] text-jj-gold sm:hidden uppercase\">${inst.type}<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td class=\"px-6 py-4 whitespace-nowrap hidden sm:table-cell\">\r\n                        <span class=\"px-2 py-1 inline-flex text-[10px] leading-tight font-semibold uppercase tracking-wider bg-gray-100 text-gray-600\">\r\n                            ${inst.type}\r\n                        <\/span>\r\n                    <\/td>\r\n                    <td class=\"px-6 py-4 whitespace-nowrap text-center\">\r\n                        <a href=\"${inst.url}\" target=\"_blank\" rel=\"noopener noreferrer\" \r\n                           class=\"inline-flex items-center gap-2 px-6 py-2 border border-jj-dark text-xs font-bold uppercase tracking-widest text-white bg-jj-dark hover:bg-jj-gold hover:border-jj-gold focus:outline-none transition-all duration-300\">\r\n                            Simular\r\n                            <i class=\"fa-solid fa-arrow-right text-[10px]\"><\/i>\r\n                        <\/a>\r\n                    <\/td>\r\n                `;\r\n                tableBody.appendChild(row);\r\n            });\r\n        }\r\n\r\n        renderTable(institutions);\r\n\r\n        searchInput.addEventListener('input', (e) => {\r\n            const term = e.target.value.toLowerCase();\r\n            const filtered = institutions.filter(inst => \r\n                inst.name.toLowerCase().includes(term) || \r\n                inst.type.toLowerCase().includes(term)\r\n            );\r\n            renderTable(filtered);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calle 4 y Alvarado 432 Local 9 y 10 zona centro, Ensenada Baja California ventas@jjinversionesinmobiliarias.com +52-646-206-6423 Facebook Instagram Whatsapp Simuladores<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-4569","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages\/4569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4569"}],"version-history":[{"count":41,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages\/4569\/revisions"}],"predecessor-version":[{"id":10715,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages\/4569\/revisions\/10715"}],"wp:attachment":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}