{"id":1241,"date":"2026-05-01T21:57:00","date_gmt":"2026-05-01T21:57:00","guid":{"rendered":"https:\/\/inspeccion360.co\/?p=1241"},"modified":"2026-07-13T22:12:55","modified_gmt":"2026-07-13T22:12:55","slug":"simulador-credito-vivienda","status":"publish","type":"post","link":"https:\/\/inspeccion360.co\/en\/blog\/simulador-credito-vivienda\/","title":{"rendered":"Simulador de cr\u00e9dito para vivienda"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"1241\" class=\"elementor elementor-1241\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-70c4a254 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"70c4a254\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27f7da52\" data-id=\"27f7da52\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b055fc1 elementor-widget elementor-widget-text-editor\" data-id=\"1b055fc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Con este simulador de cr\u00e9dito para vivienda, puedes calcular la hipoteca de tu primera casa de forma sencilla. Tan solo sigue el paso:<\/p><ol><li>Ingresa el monto del pr\u00e9stamo en pesos colombianos.<\/li><li>Escribe la tasa de inter\u00e9s anual en porcentaje.<\/li><li>Introduce el plazo del pr\u00e9stamo en a\u00f1os.<\/li><li>Haz clic en &#8220;Calcular&#8221; para ver los resultados.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49503617 elementor-widget elementor-widget-spacer\" data-id=\"49503617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6025470f elementor-widget elementor-widget-html\" data-id=\"6025470f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html>\n<head>\n  <style>\n    body {\n      font-family: Arial, sans-serif;\n    }\n    .calculator-container {\n      max-width: 400px;\n      margin: 0 auto;\n      padding: 20px;\n      border: 1px solid #ccc;\n      border-radius: 5px;\n      box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);\n    }\n    input, button {\n      width: 100%;\n      padding: 10px;\n      margin: 10px 0;\n    }\n    button {\n      background-color: #007BFF;\n      color: white;\n      border: none;\n      cursor: pointer;\n    }\n    button:hover {\n      background-color: #0056b3;\n    }\n    .result {\n      margin-top: 15px;\n      padding: 10px;\n      background-color: #f8f9fa;\n      border: 1px solid #ddd;\n      border-radius: 5px;\n    }\n    .error {\n      color: red;\n      font-size: 0.9em;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"calculator-container\">\n    <h3>Simular Cr\u00e9dito Hipotecario<\/h3>\n    \n    <label for=\"loanAmount\">Monto del pr\u00e9stamo (COP):<\/label>\n    <input type=\"text\" id=\"loanAmount\" placeholder=\"Ej. 150000000\" oninput=\"formatLoanAmount()\">\n    \n    <label for=\"interestRate\">Tasa de inter\u00e9s anual (%):<\/label>\n    <input type=\"number\" id=\"interestRate\" placeholder=\"Ej. 10\">\n\n    <label for=\"loanTerm\">Plazo del pr\u00e9stamo (a\u00f1os):<\/label>\n    <input type=\"number\" id=\"loanTerm\" placeholder=\"Ej. 20\">\n\n    <button onclick=\"calculateMortgage()\">Calcular<\/button>\n\n    <div id=\"result\" class=\"result\"><\/div>\n    <div id=\"error\" class=\"error\"><\/div>\n  <\/div>\n\n  <script>\n    function formatLoanAmount() {\n      let input = document.getElementById('loanAmount');\n      let value = input.value.replace(\/\\D\/g, ''); \/\/ Eliminar caracteres no num\u00e9ricos\n      \n      if (value === \"\") {\n        input.value = \"\";\n      } else {\n        input.value = parseInt(value, 10).toLocaleString('es-CO');\n      }\n    }\n\n    function calculateMortgage() {\n      document.getElementById('error').innerHTML = \"\"; \/\/ Limpiar errores anteriores\n      \n      let loanAmountStr = document.getElementById('loanAmount').value.replace(\/\\.\/g, '').replace(\/,\/g, '');\n      let loanAmount = parseFloat(loanAmountStr);\n      let interestRate = parseFloat(document.getElementById('interestRate').value) \/ 100 \/ 12;\n      let loanTerm = parseFloat(document.getElementById('loanTerm').value) * 12;\n\n      if (isNaN(loanAmount) || isNaN(interestRate) || isNaN(loanTerm) || loanAmount <= 0 || interestRate <= 0 || loanTerm <= 0) {\n        document.getElementById('error').innerHTML = \"Por favor, ingrese valores v\u00e1lidos en todos los campos.\";\n        return;\n      }\n\n      let monthlyPayment = (loanAmount * interestRate) \/ (1 - Math.pow(1 + interestRate, -loanTerm));\n      let totalPayment = monthlyPayment * loanTerm;\n      let totalInterest = totalPayment - loanAmount;\n\n      const formatNumber = (num) => num.toLocaleString('es-CO');\n\n      document.getElementById('result').innerHTML = `\n        <p>Pago mensual: <strong>$${formatNumber(Math.floor(monthlyPayment))}<\/strong><\/p>\n        <p>Pago total: <strong>$${formatNumber(Math.floor(totalPayment))}<\/strong><\/p>\n        <p>Inter\u00e9s total: <strong>$${formatNumber(Math.floor(totalInterest))}<\/strong><\/p>\n      `;\n    }\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52d7076a elementor-widget elementor-widget-spacer\" data-id=\"52d7076a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1190addf elementor-widget elementor-widget-text-editor\" data-id=\"1190addf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En <span style=\"text-decoration: underline;\"><span style=\"color: #ff6600; text-decoration: underline;\"><a style=\"color: #ff6600; text-decoration: underline;\" href=\"https:\/\/inspeccion360.co\/en\/\">Inspecci\u00f3n 360: Property Inspectors You Can Trust in Colombia<\/a><\/span><\/span> hacemos la aclaraci\u00f3n de que el c\u00e1lculo es aproximado, ya que depende de la entidad financiera donde vas a sacar el <span style=\"color: #0095df;\"><a style=\"color: #0095df;\" href=\"https:\/\/miprimeracasa.co\/solicitar-credito-hipotecario\/credito-hipotecario\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">cr\u00e9dito hipotecario<\/span><\/a><\/span>. Sin embargo, con este resultado ya te puedes hacer a una idea de como te quedaran las cuotas mensuales hasta que termines de pagar.<\/p><p>Debes tener en cuenta que el resultado que te dio el simulador de cr\u00e9dito para vivienda es en pesos y es una cuota fija. La otra modalidad de cr\u00e9dito es en UVR y eso te lo explicamos en el m\u00f3dulo de <span style=\"text-decoration: underline;\"><span style=\"color: #0095df;\"><a style=\"color: #0095df; text-decoration: underline;\" href=\"https:\/\/miprimeracasa.co\/solicitar-credito-hipotecario\/credito-hipotecario-en-uvr-o-pesos\/\" target=\"_blank\" rel=\"noopener\">Cr\u00e9dito Hipotecario en UVR o Pesos \u00bfCu\u00e1l debo elegir?<\/a><\/span><\/span>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0fae73 elementor-widget elementor-widget-html\" data-id=\"c0fae73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Banner Inspecci\u00f3n T\u00e9cnica de Inmuebles<\/title>\r\n    <style>\r\n        .banner-inspeccion {\r\n            background-color: #242424 !important;\r\n            color: #fff !important;\r\n            border-radius: 0.75rem !important;\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            padding: 1.5rem 2rem !important;\r\n            max-width: 900px !important;\r\n            margin: 20px auto !important;\r\n            gap: 1.5rem !important;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n        \r\n        .banner-inspeccion * {\r\n            box-sizing: border-box !important;\r\n        }\r\n        \r\n        \/* Efecto decorativo de fondo *\/\r\n        .banner-inspeccion::before {\r\n            content: '\ud83c\udfe0' !important;\r\n            position: absolute !important;\r\n            top: 50% !important;\r\n            right: 20px !important;\r\n            font-size: 80px !important;\r\n            opacity: 0.08 !important;\r\n            transform: translateY(-50%) rotate(-10deg) !important;\r\n            z-index: 0 !important;\r\n        }\r\n        \r\n        .banner-content-inspeccion {\r\n            flex: 1 !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-title-inspeccion {\r\n            font-size: 1.3rem !important;\r\n            font-weight: bold !important;\r\n            color: #FD6200 !important;\r\n            margin: 0 0 0.5rem 0 !important;\r\n            line-height: 1.3 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: -0.5px !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-text-inspeccion {\r\n            font-size: 0.95rem !important;\r\n            line-height: 1.4 !important;\r\n            color: #ddd !important;\r\n            margin: 0 0 0.8rem 0 !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-text-inspeccion strong {\r\n            color: #fff !important;\r\n        }\r\n        \r\n        .banner-inspeccion .savings-highlight-inspeccion {\r\n            font-size: 0.9rem !important;\r\n            color: #4ade80 !important;\r\n            font-weight: 600 !important;\r\n            margin: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n        }\r\n        \r\n        .banner-inspeccion .savings-highlight-inspeccion::before {\r\n            content: '\ud83d\udcb0' !important;\r\n            font-size: 16px !important;\r\n            animation: bounce 2s infinite !important;\r\n        }\r\n        \r\n        @keyframes bounce {\r\n            0%, 20%, 50%, 80%, 100% { \r\n                transform: translateY(0) !important; \r\n            }\r\n            40% { \r\n                transform: translateY(-4px) !important; \r\n            }\r\n            60% { \r\n                transform: translateY(-2px) !important; \r\n            }\r\n        }\r\n        \r\n        .banner-inspeccion .banner-cta-inspeccion {\r\n            background: linear-gradient(135deg, #FD6200 0%, #f7931e 100%) !important;\r\n            color: #fff !important;\r\n            text-decoration: none !important;\r\n            padding: 0.7rem 1.2rem !important;\r\n            border-radius: 0.5rem !important;\r\n            font-weight: bold !important;\r\n            white-space: nowrap !important;\r\n            transition: all 0.3s ease !important;\r\n            font-size: 0.95rem !important;\r\n            text-transform: uppercase !important;\r\n            border: none !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n            overflow: hidden !important;\r\n            letter-spacing: 0.5px !important;\r\n            box-shadow: 0 4px 12px rgba(253, 98, 0, 0.3) !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-cta-inspeccion::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            top: 0 !important;\r\n            left: -100% !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;\r\n            transition: left 0.6s !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-cta-inspeccion:hover::before {\r\n            left: 100% !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-cta-inspeccion:hover {\r\n            background: linear-gradient(135deg, #e45600 0%, #f7931e 100%) !important;\r\n            transform: translateY(-2px) scale(1.02) !important;\r\n            box-shadow: 0 8px 20px rgba(253, 98, 0, 0.4) !important;\r\n            color: #fff !important;\r\n            text-decoration: none !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-cta-inspeccion:visited {\r\n            color: #fff !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-cta-inspeccion:focus {\r\n            color: #fff !important;\r\n            outline: 2px solid #FD6200 !important;\r\n            outline-offset: 2px !important;\r\n        }\r\n        \r\n        .banner-inspeccion .banner-cta-inspeccion:active {\r\n            transform: translateY(0) scale(1) !important;\r\n        }\r\n        \r\n        @media (max-width: 700px) {\r\n            .banner-inspeccion {\r\n                flex-direction: column !important;\r\n                align-items: flex-start !important;\r\n                text-align: center !important;\r\n                padding: 1.5rem !important;\r\n            }\r\n            \r\n            .banner-inspeccion .banner-cta-inspeccion {\r\n                align-self: center !important;\r\n                margin-top: 1rem !important;\r\n                width: 100% !important;\r\n                text-align: center !important;\r\n            }\r\n            \r\n            .banner-inspeccion .banner-title-inspeccion {\r\n                font-size: 1.2rem !important;\r\n            }\r\n            \r\n            .banner-inspeccion::before {\r\n                font-size: 60px !important;\r\n                right: 15px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .banner-inspeccion {\r\n                padding: 1.2rem 1.5rem !important;\r\n                margin: 15px !important;\r\n            }\r\n            \r\n            .banner-inspeccion .banner-title-inspeccion {\r\n                font-size: 1.1rem !important;\r\n            }\r\n            \r\n            .banner-inspeccion .banner-text-inspeccion {\r\n                font-size: 0.9rem !important;\r\n            }\r\n            \r\n            .banner-inspeccion .savings-highlight-inspeccion {\r\n                font-size: 0.85rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"banner-inspeccion\" aria-label=\"Inspecci\u00f3n t\u00e9cnica de inmuebles\">\r\n        <div class=\"banner-content-inspeccion\">\r\n            <h3 class=\"banner-title-inspeccion\">Inspecci\u00f3n t\u00e9cnica de inmueble<\/h3>\r\n            <p class=\"banner-text-inspeccion\">\r\n                Antes de recibir tu casa o apartamento, \u00a1aseg\u00farate de que todo est\u00e9 en perfecto estado! \r\n                Un experto detectar\u00e1 fallas ocultas. <strong>Agenda tu inspecci\u00f3n hoy.<\/strong>\r\n            <\/p>\r\n            <p class=\"savings-highlight-inspeccion\">\u00a1Podr\u00edas ahorrar millones!<\/p>\r\n        <\/div>\r\n        <a class=\"banner-cta-inspeccion\" href=\"https:\/\/inspeccion360.co\/en\/\" target=\"_blank\" title=\"Solicitar cotizaci\u00f3n para inspecci\u00f3n t\u00e9cnica de inmueble\">\r\n           M\u00e1s Informaci\u00f3n \u2192\r\n        <\/a>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-462d2ca2 elementor-widget elementor-widget-spacer\" data-id=\"462d2ca2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Con este simulador de cr\u00e9dito para vivienda, puedes calcular la hipoteca de tu primera casa de forma sencilla. <\/p>","protected":false},"author":2,"featured_media":1244,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":""}},"footnotes":""},"categories":[12],"tags":[],"class_list":["post-1241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-credito-hipotecario"],"_links":{"self":[{"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/posts\/1241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/comments?post=1241"}],"version-history":[{"count":10,"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/posts\/1241\/revisions"}],"predecessor-version":[{"id":1624,"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/posts\/1241\/revisions\/1624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/media\/1244"}],"wp:attachment":[{"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/media?parent=1241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/categories?post=1241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inspeccion360.co\/en\/wp-json\/wp\/v2\/tags?post=1241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}