Simulador de Cr\u00e9dito – Tasa Fija<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #4f46e5;\n --primary-hover: #4338ca;\n --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n --card-bg: #ffffff;\n --text-main: #1e293b;\n --text-muted: #64748b;\n --disabled-bg: #f8fafc;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: var(--bg-gradient);\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n padding: 40px 0;\n color: var(--text-main);\n }\n\n .container-pro {\n background: var(--card-bg);\n width: 90%;\n max-width: 850px;\n border-radius: 24px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 30px;\n }\n\n .form-section {\n flex: 1;\n min-width: 300px;\n padding: 40px;\n }\n\n .form-section h2 { margin: 0 0 10px 0; font-size: 24px; font-weight: 600; }\n .form-section p { color: var(--text-muted); font-size: 14px; margin-bottom: 30px; }\n\n .input-group { margin-bottom: 20px; }\n .input-group label {\n display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px;\n text-transform: uppercase; letter-spacing: 0.5px;\n }\n\n .input-group input {\n width: 100%; padding: 14px; border: 2px solid #e2e8f0;\n border-radius: 12px; font-size: 16px; box-sizing: border-box;\n outline: none; transition: all 0.3s ease;\n }\n\n \/* Estilo para el campo de tasa fija *\/\n .input-group input[readonly] {\n background-color: var(--disabled-bg);\n color: var(--primary);\n font-weight: 600;\n border-color: #cbd5e1;\n cursor: not-allowed;\n }\n\n .input-group input:focus:not([readonly]) { \n border-color: var(--primary); \n box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1); \n }\n\n .btn-calc {\n width: 100%; padding: 16px; background: var(--primary);\n color: white; border: none; border-radius: 12px;\n font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s;\n margin-top: 10px;\n }\n\n .btn-calc:hover { background: var(--primary-hover); }\n\n .result-section {\n flex: 1; min-width: 300px; background: #f1f5f9;\n padding: 40px; display: flex; flex-direction: column;\n justify-content: center; border-left: 1px solid #e2e8f0;\n }\n\n .result-item { margin-bottom: 25px; text-align: center; }\n .result-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; font-weight: 600; }\n .result-value { font-size: 32px; font-weight: 700; color: var(--primary); display: block; }\n\n .secondary-results {\n display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\n margin-top: 20px; padding-top: 20px; border-top: 1px solid #cbd5e1;\n }\n\n \/* Tabla *\/\n .table-container {\n width: 90%; max-width: 850px; background: white;\n border-radius: 24px; padding: 25px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n overflow-x: auto; display: none;\n }\n\n table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 14px; }\n table th {\n text-align: left; padding: 12px; border-bottom: 2px solid #f1f5f9;\n color: var(--text-muted); text-transform: uppercase; font-size: 11px;\n }\n table td { padding: 12px; border-bottom: 1px solid #f1f5f9; }\n .text-bold { font-weight: 600; color: var(--text-main); }\n\n @media (max-width: 768px) {\n .result-section { border-left: none; border-top: 1px solid #e2e8f0; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container-pro\">\n <div class=\"form-section\">\n <h2>Simulador de Cr\u00e9dito<\/h2>\n <p>Completa los datos para ver tu plan de pagos.<\/p>\n \n <div class=\"input-group\">\n <label>Monto a solicitar<\/label>\n <input type=\"number\" id=\"monto\" placeholder=\"Ej: 5000\">\n <\/div>\n\n <div class=\"input-group\">\n <label>Tasa efectiva anual (Fija)<\/label>\n <input type=\"text\" id=\"tasaDisplay\" value=\"15.00%\" readonly>\n <\/div>\n\n <div class=\"input-group\">\n <label>Plazo en meses<\/label>\n <input type=\"number\" id=\"plazo\" placeholder=\"Ej: 12\">\n <\/div>\n\n <button class=\"btn-calc\" onclick=\"calcular()\">Calcular Pr\u00e9stamo<\/button>\n <\/div>\n\n <div class=\"result-section\">\n <div class=\"result-card\">\n <div class=\"result-item\">\n <span class=\"result-label\">Cuota Mensual<\/span>\n <span class=\"result-value\" id=\"resCuota\">$ 0.00<\/span>\n <\/div>\n \n <div class=\"secondary-results\">\n <div class=\"result-item\">\n <span class=\"result-label\">Total a Pagar<\/span>\n <span class=\"result-value\" id=\"resTotal\" style=\"font-size: 18px; color: var(--text-main);\">$ 0.00<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">Intereses Totales<\/span>\n <span class=\"result-value\" id=\"resInteres\" style=\"font-size: 18px; color: var(--text-main);\">$ 0.00<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"table-container\" id=\"tablaAmortizacionCont\">\n <h3 style=\"margin-bottom: 20px;\">Calendario Detallado de Pagos<\/h3>\n <table>\n <thead>\n <tr>\n <th>Cuota<\/th>\n <th>Vencimiento<\/th>\n <th>Monto Cuota<\/th>\n <th>Inter\u00e9s<\/th>\n <th>Abono Capital<\/th>\n <th>Saldo Deuda<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"cuerpoTabla\"><\/tbody>\n <\/table>\n<\/div>\n\n<script>\n \/\/ CONFIGURACI\u00d3N: Cambia este valor para ajustar la tasa de la instituci\u00f3n\n const TASA_FIJA_VALOR = 15.0; \n\n function calcular() {\n const monto = parseFloat(document.getElementById(\"monto\").value);\n const plazo = parseInt(document.getElementById(\"plazo\").value);\n\n if (!monto || monto <= 0 || !plazo || plazo <= 0) {\n alert(\"Por favor, ingresa un monto y un plazo v\u00e1lidos.\");\n return;\n }\n\n \/\/ Tasa mensual a partir de la constante fija\n const tasaMensual = (TASA_FIJA_VALOR \/ 100) \/ 12;\n \n \/\/ C\u00e1lculo de cuota constante (Sistema Franc\u00e9s)\n const cuota = (monto * tasaMensual) \/ (1 - Math.pow(1 + tasaMensual, -plazo));\n const totalPagar = cuota * plazo;\n const interesesTotales = totalPagar - monto;\n\n \/\/ Mostrar resultados\n document.getElementById(\"resCuota\").innerHTML = formatearMoneda(cuota);\n document.getElementById(\"resTotal\").innerHTML = formatearMoneda(totalPagar);\n document.getElementById(\"resInteres\").innerHTML = formatearMoneda(interesesTotales);\n\n \/\/ Generar Tabla\n const cuerpoTabla = document.getElementById(\"cuerpoTabla\");\n cuerpoTabla.innerHTML = \"\";\n \n let saldoRestante = monto;\n let fechaActual = new Date();\n\n for (let i = 1; i <= plazo; i++) {\n let interesMes = saldoRestante * tasaMensual;\n let capitalMes = cuota - interesMes;\n saldoRestante -= capitalMes;\n \n if (i === plazo) saldoRestante = 0; \/\/ Ajuste final\n\n fechaActual.setMonth(fechaActual.getMonth() + 1);\n let fechaStr = fechaActual.toLocaleDateString('es-ES', { day: 'numeric', month: 'short', year: 'numeric' });\n\n cuerpoTabla.innerHTML += `\n <tr>\n <td>${i}<\/td>\n <td>${fechaStr}<\/td>\n <td class=\"text-bold\">${formatearMoneda(cuota)}<\/td>\n <td>${formatearMoneda(interesMes)}<\/td>\n <td>${formatearMoneda(capitalMes)}<\/td>\n <td>${formatearMoneda(Math.abs(saldoRestante))}<\/td>\n <\/tr>\n `;\n }\n\n const tablaCont = document.getElementById(\"tablaAmortizacionCont\");\n tablaCont.style.display = \"block\";\n tablaCont.scrollIntoView({ behavior: 'smooth' });\n }\n\n function formatearMoneda(valor) {\n return \"$\" + valor.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Simulador de Cr\u00e9dito – Tasa Fija Simulador de Cr\u00e9dito Completa los datos para ver tu plan de pagos. Monto a solicitar Tasa efectiva anual (Fija) Plazo en meses Calcular Pr\u00e9stamo Cuota Mensual $ 0.00 Total a Pagar $ 0.00 Intereses Totales $ 0.00 Calendario Detallado de Pagos Cuota Vencimiento Monto Cuota Inter\u00e9s Abono Capital Saldo…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"show","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"body, html { margin: 0; padding: 0; overflow-x: hidden; } .container, .elementor-section { max-width: 100% !important; width: 100% !important; } .elementor-column { padding: 0 !important; }","footnotes":""},"class_list":["post-219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":3,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/media?parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":219,"date":"2026-03-30T13:16:08","date_gmt":"2026-03-30T18:16:08","guid":{"rendered":"https:\/\/asoazuaycge.com\/?page_id=219"},"modified":"2026-03-30T13:29:37","modified_gmt":"2026-03-30T18:29:37","slug":"credito","status":"publish","type":"page","link":"https:\/\/asoazuaycge.com\/index.php\/credito\/","title":{"rendered":"Cr\u00e9dito"},"content":{"rendered":"\n\n\n\n \n \n Simulador de Cr\u00e9dito – Tasa Fija<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #4f46e5;\n --primary-hover: #4338ca;\n --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n --card-bg: #ffffff;\n --text-main: #1e293b;\n --text-muted: #64748b;\n --disabled-bg: #f8fafc;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: var(--bg-gradient);\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n padding: 40px 0;\n color: var(--text-main);\n }\n\n .container-pro {\n background: var(--card-bg);\n width: 90%;\n max-width: 850px;\n border-radius: 24px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 30px;\n }\n\n .form-section {\n flex: 1;\n min-width: 300px;\n padding: 40px;\n }\n\n .form-section h2 { margin: 0 0 10px 0; font-size: 24px; font-weight: 600; }\n .form-section p { color: var(--text-muted); font-size: 14px; margin-bottom: 30px; }\n\n .input-group { margin-bottom: 20px; }\n .input-group label {\n display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px;\n text-transform: uppercase; letter-spacing: 0.5px;\n }\n\n .input-group input {\n width: 100%; padding: 14px; border: 2px solid #e2e8f0;\n border-radius: 12px; font-size: 16px; box-sizing: border-box;\n outline: none; transition: all 0.3s ease;\n }\n\n \/* Estilo para el campo de tasa fija *\/\n .input-group input[readonly] {\n background-color: var(--disabled-bg);\n color: var(--primary);\n font-weight: 600;\n border-color: #cbd5e1;\n cursor: not-allowed;\n }\n\n .input-group input:focus:not([readonly]) { \n border-color: var(--primary); \n box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1); \n }\n\n .btn-calc {\n width: 100%; padding: 16px; background: var(--primary);\n color: white; border: none; border-radius: 12px;\n font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s;\n margin-top: 10px;\n }\n\n .btn-calc:hover { background: var(--primary-hover); }\n\n .result-section {\n flex: 1; min-width: 300px; background: #f1f5f9;\n padding: 40px; display: flex; flex-direction: column;\n justify-content: center; border-left: 1px solid #e2e8f0;\n }\n\n .result-item { margin-bottom: 25px; text-align: center; }\n .result-label { font-size: 12px; color: var(--text-muted); text-transform: uppercase; font-weight: 600; }\n .result-value { font-size: 32px; font-weight: 700; color: var(--primary); display: block; }\n\n .secondary-results {\n display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\n margin-top: 20px; padding-top: 20px; border-top: 1px solid #cbd5e1;\n }\n\n \/* Tabla *\/\n .table-container {\n width: 90%; max-width: 850px; background: white;\n border-radius: 24px; padding: 25px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n overflow-x: auto; display: none;\n }\n\n table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 14px; }\n table th {\n text-align: left; padding: 12px; border-bottom: 2px solid #f1f5f9;\n color: var(--text-muted); text-transform: uppercase; font-size: 11px;\n }\n table td { padding: 12px; border-bottom: 1px solid #f1f5f9; }\n .text-bold { font-weight: 600; color: var(--text-main); }\n\n @media (max-width: 768px) {\n .result-section { border-left: none; border-top: 1px solid #e2e8f0; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container-pro\">\n <div class=\"form-section\">\n <h2>Simulador de Cr\u00e9dito<\/h2>\n <p>Completa los datos para ver tu plan de pagos.<\/p>\n \n <div class=\"input-group\">\n <label>Monto a solicitar<\/label>\n <input type=\"number\" id=\"monto\" placeholder=\"Ej: 5000\">\n <\/div>\n\n <div class=\"input-group\">\n <label>Tasa efectiva anual (Fija)<\/label>\n <input type=\"text\" id=\"tasaDisplay\" value=\"15.00%\" readonly>\n <\/div>\n\n <div class=\"input-group\">\n <label>Plazo en meses<\/label>\n <input type=\"number\" id=\"plazo\" placeholder=\"Ej: 12\">\n <\/div>\n\n <button class=\"btn-calc\" onclick=\"calcular()\">Calcular Pr\u00e9stamo<\/button>\n <\/div>\n\n <div class=\"result-section\">\n <div class=\"result-card\">\n <div class=\"result-item\">\n <span class=\"result-label\">Cuota Mensual<\/span>\n <span class=\"result-value\" id=\"resCuota\">$ 0.00<\/span>\n <\/div>\n \n <div class=\"secondary-results\">\n <div class=\"result-item\">\n <span class=\"result-label\">Total a Pagar<\/span>\n <span class=\"result-value\" id=\"resTotal\" style=\"font-size: 18px; color: var(--text-main);\">$ 0.00<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">Intereses Totales<\/span>\n <span class=\"result-value\" id=\"resInteres\" style=\"font-size: 18px; color: var(--text-main);\">$ 0.00<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"table-container\" id=\"tablaAmortizacionCont\">\n <h3 style=\"margin-bottom: 20px;\">Calendario Detallado de Pagos<\/h3>\n <table>\n <thead>\n <tr>\n <th>Cuota<\/th>\n <th>Vencimiento<\/th>\n <th>Monto Cuota<\/th>\n <th>Inter\u00e9s<\/th>\n <th>Abono Capital<\/th>\n <th>Saldo Deuda<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"cuerpoTabla\"><\/tbody>\n <\/table>\n<\/div>\n\n<script>\n \/\/ CONFIGURACI\u00d3N: Cambia este valor para ajustar la tasa de la instituci\u00f3n\n const TASA_FIJA_VALOR = 15.0; \n\n function calcular() {\n const monto = parseFloat(document.getElementById(\"monto\").value);\n const plazo = parseInt(document.getElementById(\"plazo\").value);\n\n if (!monto || monto <= 0 || !plazo || plazo <= 0) {\n alert(\"Por favor, ingresa un monto y un plazo v\u00e1lidos.\");\n return;\n }\n\n \/\/ Tasa mensual a partir de la constante fija\n const tasaMensual = (TASA_FIJA_VALOR \/ 100) \/ 12;\n \n \/\/ C\u00e1lculo de cuota constante (Sistema Franc\u00e9s)\n const cuota = (monto * tasaMensual) \/ (1 - Math.pow(1 + tasaMensual, -plazo));\n const totalPagar = cuota * plazo;\n const interesesTotales = totalPagar - monto;\n\n \/\/ Mostrar resultados\n document.getElementById(\"resCuota\").innerHTML = formatearMoneda(cuota);\n document.getElementById(\"resTotal\").innerHTML = formatearMoneda(totalPagar);\n document.getElementById(\"resInteres\").innerHTML = formatearMoneda(interesesTotales);\n\n \/\/ Generar Tabla\n const cuerpoTabla = document.getElementById(\"cuerpoTabla\");\n cuerpoTabla.innerHTML = \"\";\n \n let saldoRestante = monto;\n let fechaActual = new Date();\n\n for (let i = 1; i <= plazo; i++) {\n let interesMes = saldoRestante * tasaMensual;\n let capitalMes = cuota - interesMes;\n saldoRestante -= capitalMes;\n \n if (i === plazo) saldoRestante = 0; \/\/ Ajuste final\n\n fechaActual.setMonth(fechaActual.getMonth() + 1);\n let fechaStr = fechaActual.toLocaleDateString('es-ES', { day: 'numeric', month: 'short', year: 'numeric' });\n\n cuerpoTabla.innerHTML += `\n <tr>\n <td>${i}<\/td>\n <td>${fechaStr}<\/td>\n <td class=\"text-bold\">${formatearMoneda(cuota)}<\/td>\n <td>${formatearMoneda(interesMes)}<\/td>\n <td>${formatearMoneda(capitalMes)}<\/td>\n <td>${formatearMoneda(Math.abs(saldoRestante))}<\/td>\n <\/tr>\n `;\n }\n\n const tablaCont = document.getElementById(\"tablaAmortizacionCont\");\n tablaCont.style.display = \"block\";\n tablaCont.scrollIntoView({ behavior: 'smooth' });\n }\n\n function formatearMoneda(valor) {\n return \"$\" + valor.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Simulador de Cr\u00e9dito – Tasa Fija Simulador de Cr\u00e9dito Completa los datos para ver tu plan de pagos. Monto a solicitar Tasa efectiva anual (Fija) Plazo en meses Calcular Pr\u00e9stamo Cuota Mensual $ 0.00 Total a Pagar $ 0.00 Intereses Totales $ 0.00 Calendario Detallado de Pagos Cuota Vencimiento Monto Cuota Inter\u00e9s Abono Capital Saldo…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"show","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"body, html { margin: 0; padding: 0; overflow-x: hidden; } .container, .elementor-section { max-width: 100% !important; width: 100% !important; } .elementor-column { padding: 0 !important; }","footnotes":""},"class_list":["post-219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":3,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/asoazuaycge.com\/index.php\/wp-json\/wp\/v2\/media?parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}