Calculadora de Enganche y Cuotas<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n {\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #f4f4f4;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n .calculator {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n max-width: 100%;\r\n margin: 20px auto;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n color: #333;\r\n }\r\n\r\n form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n label {\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n font-size: 16px;\r\n color: #333;\r\n }\r\n\r\n input[type=\"number\"],\r\n select {\r\n padding: 12px;\r\n border: 1px solid #ccc;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n input:focus,\r\n select:focus {\r\n border-color: #ED1849;\r\n outline: none;\r\n }\r\n\r\n .button-container {\r\n text-align: center;\r\n margin-top: 15px;\r\n }\r\n\r\n button {\r\n padding: 12px 25px;\r\n background-color: #ED1849;\r\n color: #fff;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n button:hover {\r\n background-color: #c71539;\r\n }\r\n\r\n \/* Estilos del Modal *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 100;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .modal-content {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 10px;\r\n width: 80%;\r\n max-width: 500px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .modal-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .modal-header img {\r\n width: 100px; \/* Tama\u00f1o del logotipo en el modal *\/\r\n height: auto;\r\n margin-right: 10px;\r\n }\r\n\r\n .modal-title {\r\n font-size: 22px;\r\n font-weight: bold;\r\n }\r\n\r\n .modal-body {\r\n font-size: 16px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .modal-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .modal-table th, .modal-table td {\r\n border: 1px solid #ddd;\r\n padding: 8px;\r\n text-align: left;\r\n }\r\n\r\n .modal-table th {\r\n background-color: #27205A; \/* Color de fondo del encabezado *\/\r\n color: #fff; \/* Color del texto del encabezado *\/\r\n }\r\n\r\n .modal-footer {\r\n text-align: right;\r\n }\r\n\r\n .close-btn, .download-btn {\r\n background-color: #ED1849;\r\n color: white;\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n }\r\n\r\n \/* Ajustes para pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n .calculator {\r\n padding: 15px;\r\n }\r\n\r\n button {\r\n font-size: 16px;\r\n padding: 10px 20px;\r\n }\r\n }\r\n <\/style>\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.14\/jspdf.plugin.autotable.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"calculator\">\r\n <h1>Calculadora de Enganche y Cuotas<\/h1>\r\n <form id=\"calcForm\">\r\n <div class=\"form-group\">\r\n <label for=\"precio\">Precio de venta (Q):<\/label>\r\n <input type=\"number\" id=\"precio\" value=\"10000\" placeholder=\"Ingrese el precio de venta\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"plazo\">Plazo (meses):<\/label>\r\n <select id=\"plazo\">\r\n <option value=\"3\">3 meses<\/option>\r\n <option value=\"6\">6 meses<\/option>\r\n <option value=\"9\">9 meses<\/option>\r\n <option value=\"12\">12 meses<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"button-container\">\r\n <button type=\"button\" onclick=\"calcular()\">Calcular<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div id=\"modal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <img decoding=\"async\" src=\"https:\/\/maquinasparagym.com\/wp-content\/uploads\/2019\/03\/LOGOTIPO-PROFITNESS-RECORTADO.png\" alt=\"Logotipo\">\r\n <span class=\"modal-title\">Resumen de Pago<\/span>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <table class=\"modal-table\">\r\n <thead>\r\n <tr>\r\n <th>Descripci\u00f3n<\/th>\r\n <th>Monto (Q)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Enganche<\/td>\r\n <td id=\"resumen-enganche\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Monto Financiado<\/td>\r\n <td id=\"resumen-financiado\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Intereses<\/td>\r\n <td id=\"resumen-intereses\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cuota Mensual<\/td>\r\n <td id=\"resumen-cuota\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Total a Pagar (sin enganche)<\/td>\r\n <td id=\"resumen-total\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Total a Pagar (incluyendo enganche)<\/td>\r\n <td id=\"resumen-total-con-enganche\"><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <p>Nota: El pago final de Q. 2000 es para cubrir gastos administrativos.<\/p>\r\n <\/div>\r\n <div class=\"modal-footer\">\r\n <button class=\"close-btn\" onclick=\"cerrarModal()\">Cerrar<\/button>\r\n <button class=\"download-btn\" onclick=\"downloadPDF()\">Descargar PDF<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function calcular() {\r\n const precio = parseFloat(document.getElementById(\"precio\").value);\r\n const plazo = parseInt(document.getElementById(\"plazo\").value);\r\n\r\n const enganche = precio * 0.20;\r\n const montoFinanciado = precio - enganche;\r\n const intereses = montoFinanciado * 0.25;\r\n const totalFinanciado = montoFinanciado + intereses;\r\n const cuotaMensual = totalFinanciado \/ plazo;\r\n const totalPagar = totalFinanciado + 2000; \/\/ Total sin enganche\r\n const totalConEnganche = totalPagar + enganche; \/\/ Total incluyendo enganche\r\n\r\n \/\/ Asignar valores a los campos del resumen\r\n document.getElementById(\"resumen-enganche\").textContent = `Q. ${enganche.toFixed(2)}`;\r\n document.getElementById(\"resumen-financiado\").textContent = `Q. ${montoFinanciado.toFixed(2)}`;\r\n document.getElementById(\"resumen-intereses\").textContent = `Q. ${intereses.toFixed(2)}`;\r\n document.getElementById(\"resumen-cuota\").textContent = `Q. ${cuotaMensual.toFixed(2)} (${plazo} meses)`;\r\n document.getElementById(\"resumen-total\").textContent = `Q. ${totalPagar.toFixed(2)}`;\r\n document.getElementById(\"resumen-total-con-enganche\").textContent = `Q. ${totalConEnganche.toFixed(2)}`;\r\n\r\n \/\/ Mostrar el modal\r\n document.getElementById(\"modal\").style.display = \"flex\";\r\n }\r\n\r\n function cerrarModal() {\r\n document.getElementById(\"modal\").style.display = \"none\";\r\n }\r\n\r\n function downloadPDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF();\r\n\r\n \/\/ Cargar la imagen\r\n const img = new Image();\r\n img.src = \"https:\/\/maquinasparagym.com\/wp-content\/uploads\/2019\/03\/LOGOTIPO-PROFITNESS-RECORTADO.png\";\r\n img.onload = function() {\r\n const imgWidth = 80; \/\/ Ajusta el tama\u00f1o del logotipo\r\n const imgHeight = (img.height \/ img.width) * imgWidth; \/\/ Mantiene la proporci\u00f3n\r\n\r\n doc.addImage(img.src, 'PNG', 10, 10, imgWidth, imgHeight); \/\/ Ajusta el tama\u00f1o del logotipo\r\n doc.setFontSize(16);\r\n doc.text(\"Resumen de Pago\", 20, 50);\r\n\r\n \/\/ Crear tabla en el PDF\r\n const tableColumn = [\"Descripci\u00f3n\", \"Monto (Q)\"];\r\n const tableRows = [\r\n [\"Enganche\", document.getElementById(\"resumen-enganche\").textContent],\r\n [\"Monto Financiado\", document.getElementById(\"resumen-financiado\").textContent],\r\n [\"Intereses\", document.getElementById(\"resumen-intereses\").textContent],\r\n [\"Cuota Mensual\", document.getElementById(\"resumen-cuota\").textContent],\r\n [\"Total a Pagar (sin enganche)\", document.getElementById(\"resumen-total\").textContent],\r\n [\"Total a Pagar (incluyendo enganche)\", document.getElementById(\"resumen-total-con-enganche\").textContent],\r\n ];\r\n\r\n \/\/ A\u00f1adir la tabla\r\n doc.autoTable({\r\n head: [tableColumn],\r\n body: tableRows,\r\n startY: 60,\r\n theme: 'grid',\r\n headStyles: { fillColor: [39, 32, 90] }, \/\/ Color de fondo del encabezado\r\n styles: { cellPadding: 4, fontSize: 12 } \/\/ Ajustes de estilo para la tabla\r\n });\r\n\r\n \/\/ Guardar el PDF\r\n doc.save(\"resumen_pago.pdf\");\r\n };\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculadora de Enganche y Cuotas Calculadora de Enganche y Cuotas Precio de venta (Q): Plazo (meses): 3 meses6 meses9 meses12 meses Calcular Resumen de Pago Descripci\u00f3n Monto (Q) Enganche Monto Financiado Intereses Cuota Mensual Total a Pagar (sin enganche) Total a Pagar (incluyendo enganche) Nota: El pago final de Q. 2000 es para cubrir gastos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-1091","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paNXt4-hB","_links":{"self":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts\/1091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/comments?post=1091"}],"version-history":[{"count":107,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts\/1091\/revisions"}],"predecessor-version":[{"id":1229,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts\/1091\/revisions\/1229"}],"wp:attachment":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/media?parent=1091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/categories?post=1091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/tags?post=1091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Calculadora de Enganche y Cuotas<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n {\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #f4f4f4;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n .calculator {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n max-width: 100%;\r\n margin: 20px auto;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n color: #333;\r\n }\r\n\r\n form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n label {\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n font-size: 16px;\r\n color: #333;\r\n }\r\n\r\n input[type=\"number\"],\r\n select {\r\n padding: 12px;\r\n border: 1px solid #ccc;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n input:focus,\r\n select:focus {\r\n border-color: #ED1849;\r\n outline: none;\r\n }\r\n\r\n .button-container {\r\n text-align: center;\r\n margin-top: 15px;\r\n }\r\n\r\n button {\r\n padding: 12px 25px;\r\n background-color: #ED1849;\r\n color: #fff;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n button:hover {\r\n background-color: #c71539;\r\n }\r\n\r\n \/* Estilos del Modal *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 100;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .modal-content {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 10px;\r\n width: 80%;\r\n max-width: 500px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .modal-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .modal-header img {\r\n width: 100px; \/* Tama\u00f1o del logotipo en el modal *\/\r\n height: auto;\r\n margin-right: 10px;\r\n }\r\n\r\n .modal-title {\r\n font-size: 22px;\r\n font-weight: bold;\r\n }\r\n\r\n .modal-body {\r\n font-size: 16px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .modal-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .modal-table th, .modal-table td {\r\n border: 1px solid #ddd;\r\n padding: 8px;\r\n text-align: left;\r\n }\r\n\r\n .modal-table th {\r\n background-color: #27205A; \/* Color de fondo del encabezado *\/\r\n color: #fff; \/* Color del texto del encabezado *\/\r\n }\r\n\r\n .modal-footer {\r\n text-align: right;\r\n }\r\n\r\n .close-btn, .download-btn {\r\n background-color: #ED1849;\r\n color: white;\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n }\r\n\r\n \/* Ajustes para pantallas peque\u00f1as *\/\r\n @media (max-width: 768px) {\r\n .calculator {\r\n padding: 15px;\r\n }\r\n\r\n button {\r\n font-size: 16px;\r\n padding: 10px 20px;\r\n }\r\n }\r\n <\/style>\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.14\/jspdf.plugin.autotable.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"calculator\">\r\n <h1>Calculadora de Enganche y Cuotas<\/h1>\r\n <form id=\"calcForm\">\r\n <div class=\"form-group\">\r\n <label for=\"precio\">Precio de venta (Q):<\/label>\r\n <input type=\"number\" id=\"precio\" value=\"10000\" placeholder=\"Ingrese el precio de venta\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"plazo\">Plazo (meses):<\/label>\r\n <select id=\"plazo\">\r\n <option value=\"3\">3 meses<\/option>\r\n <option value=\"6\">6 meses<\/option>\r\n <option value=\"9\">9 meses<\/option>\r\n <option value=\"12\">12 meses<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"button-container\">\r\n <button type=\"button\" onclick=\"calcular()\">Calcular<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div id=\"modal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <img decoding=\"async\" src=\"https:\/\/maquinasparagym.com\/wp-content\/uploads\/2019\/03\/LOGOTIPO-PROFITNESS-RECORTADO.png\" alt=\"Logotipo\">\r\n <span class=\"modal-title\">Resumen de Pago<\/span>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <table class=\"modal-table\">\r\n <thead>\r\n <tr>\r\n <th>Descripci\u00f3n<\/th>\r\n <th>Monto (Q)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Enganche<\/td>\r\n <td id=\"resumen-enganche\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Monto Financiado<\/td>\r\n <td id=\"resumen-financiado\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Intereses<\/td>\r\n <td id=\"resumen-intereses\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cuota Mensual<\/td>\r\n <td id=\"resumen-cuota\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Total a Pagar (sin enganche)<\/td>\r\n <td id=\"resumen-total\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Total a Pagar (incluyendo enganche)<\/td>\r\n <td id=\"resumen-total-con-enganche\"><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <p>Nota: El pago final de Q. 2000 es para cubrir gastos administrativos.<\/p>\r\n <\/div>\r\n <div class=\"modal-footer\">\r\n <button class=\"close-btn\" onclick=\"cerrarModal()\">Cerrar<\/button>\r\n <button class=\"download-btn\" onclick=\"downloadPDF()\">Descargar PDF<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function calcular() {\r\n const precio = parseFloat(document.getElementById(\"precio\").value);\r\n const plazo = parseInt(document.getElementById(\"plazo\").value);\r\n\r\n const enganche = precio * 0.20;\r\n const montoFinanciado = precio - enganche;\r\n const intereses = montoFinanciado * 0.25;\r\n const totalFinanciado = montoFinanciado + intereses;\r\n const cuotaMensual = totalFinanciado \/ plazo;\r\n const totalPagar = totalFinanciado + 2000; \/\/ Total sin enganche\r\n const totalConEnganche = totalPagar + enganche; \/\/ Total incluyendo enganche\r\n\r\n \/\/ Asignar valores a los campos del resumen\r\n document.getElementById(\"resumen-enganche\").textContent = `Q. ${enganche.toFixed(2)}`;\r\n document.getElementById(\"resumen-financiado\").textContent = `Q. ${montoFinanciado.toFixed(2)}`;\r\n document.getElementById(\"resumen-intereses\").textContent = `Q. ${intereses.toFixed(2)}`;\r\n document.getElementById(\"resumen-cuota\").textContent = `Q. ${cuotaMensual.toFixed(2)} (${plazo} meses)`;\r\n document.getElementById(\"resumen-total\").textContent = `Q. ${totalPagar.toFixed(2)}`;\r\n document.getElementById(\"resumen-total-con-enganche\").textContent = `Q. ${totalConEnganche.toFixed(2)}`;\r\n\r\n \/\/ Mostrar el modal\r\n document.getElementById(\"modal\").style.display = \"flex\";\r\n }\r\n\r\n function cerrarModal() {\r\n document.getElementById(\"modal\").style.display = \"none\";\r\n }\r\n\r\n function downloadPDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF();\r\n\r\n \/\/ Cargar la imagen\r\n const img = new Image();\r\n img.src = \"https:\/\/maquinasparagym.com\/wp-content\/uploads\/2019\/03\/LOGOTIPO-PROFITNESS-RECORTADO.png\";\r\n img.onload = function() {\r\n const imgWidth = 80; \/\/ Ajusta el tama\u00f1o del logotipo\r\n const imgHeight = (img.height \/ img.width) * imgWidth; \/\/ Mantiene la proporci\u00f3n\r\n\r\n doc.addImage(img.src, 'PNG', 10, 10, imgWidth, imgHeight); \/\/ Ajusta el tama\u00f1o del logotipo\r\n doc.setFontSize(16);\r\n doc.text(\"Resumen de Pago\", 20, 50);\r\n\r\n \/\/ Crear tabla en el PDF\r\n const tableColumn = [\"Descripci\u00f3n\", \"Monto (Q)\"];\r\n const tableRows = [\r\n [\"Enganche\", document.getElementById(\"resumen-enganche\").textContent],\r\n [\"Monto Financiado\", document.getElementById(\"resumen-financiado\").textContent],\r\n [\"Intereses\", document.getElementById(\"resumen-intereses\").textContent],\r\n [\"Cuota Mensual\", document.getElementById(\"resumen-cuota\").textContent],\r\n [\"Total a Pagar (sin enganche)\", document.getElementById(\"resumen-total\").textContent],\r\n [\"Total a Pagar (incluyendo enganche)\", document.getElementById(\"resumen-total-con-enganche\").textContent],\r\n ];\r\n\r\n \/\/ A\u00f1adir la tabla\r\n doc.autoTable({\r\n head: [tableColumn],\r\n body: tableRows,\r\n startY: 60,\r\n theme: 'grid',\r\n headStyles: { fillColor: [39, 32, 90] }, \/\/ Color de fondo del encabezado\r\n styles: { cellPadding: 4, fontSize: 12 } \/\/ Ajustes de estilo para la tabla\r\n });\r\n\r\n \/\/ Guardar el PDF\r\n doc.save(\"resumen_pago.pdf\");\r\n };\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculadora de Enganche y Cuotas Calculadora de Enganche y Cuotas Precio de venta (Q): Plazo (meses): 3 meses6 meses9 meses12 meses Calcular Resumen de Pago Descripci\u00f3n Monto (Q) Enganche Monto Financiado Intereses Cuota Mensual Total a Pagar (sin enganche) Total a Pagar (incluyendo enganche) Nota: El pago final de Q. 2000 es para cubrir gastos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-1091","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paNXt4-hB","_links":{"self":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts\/1091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/comments?post=1091"}],"version-history":[{"count":107,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts\/1091\/revisions"}],"predecessor-version":[{"id":1229,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/posts\/1091\/revisions\/1229"}],"wp:attachment":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/media?parent=1091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/categories?post=1091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/tags?post=1091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}