{"id":1208,"date":"2024-10-23T08:56:38","date_gmt":"2024-10-23T06:56:38","guid":{"rendered":"https:\/\/maquinasparagym.com\/?page_id=1208"},"modified":"2024-10-23T09:21:02","modified_gmt":"2024-10-23T07:21:02","slug":"calculadora","status":"publish","type":"page","link":"https:\/\/maquinasparagym.com\/index.php\/calculadora\/","title":{"rendered":"Calculadora"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1208\" class=\"elementor elementor-1208\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79e5de3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"79e5de3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc0385b\" data-id=\"fc0385b\" data-element_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-d4413b0 elementor-widget elementor-widget-spacer\" data-id=\"d4413b0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01689b4 elementor-widget elementor-widget-html\" data-id=\"01689b4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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>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        \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 de Resultados *\/\r\n        .result-container {\r\n            margin-top: 20px;\r\n            padding: 15px;\r\n            background-color: #e9f7fa;\r\n            border-radius: 8px;\r\n            display: none; \/* Ocultar hasta que se calcule *\/\r\n        }\r\n\r\n        .result-container h2 {\r\n            text-align: center;\r\n            font-size: 20px;\r\n            margin-bottom: 10px;\r\n            color: #333;\r\n        }\r\n\r\n        .result-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .result-table th, .result-table td {\r\n            border: 1px solid #ddd;\r\n            padding: 8px;\r\n            text-align: left;\r\n        }\r\n\r\n        .result-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        \/* 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    <!-- Agregar jsPDF -->\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\r\n        <!-- Contenedor de Resultados -->\r\n        <div class=\"result-container\" id=\"resultContainer\">\r\n            <h2>Resumen de Pago<\/h2>\r\n            <table class=\"result-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 class=\"button-container\">\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 contenedor de resultados\r\n            document.getElementById(\"resultContainer\").style.display = \"block\";\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                doc.autoTable(tableColumn, tableRows, { startY: 60 });\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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-1208","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PaNXt4-ju","_links":{"self":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/pages\/1208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"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=1208"}],"version-history":[{"count":19,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/pages\/1208\/revisions"}],"predecessor-version":[{"id":1240,"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/pages\/1208\/revisions\/1240"}],"wp:attachment":[{"href":"https:\/\/maquinasparagym.com\/index.php\/wp-json\/wp\/v2\/media?parent=1208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}