{"id":1656,"date":"2026-01-22T14:26:39","date_gmt":"2026-01-22T13:26:39","guid":{"rendered":"https:\/\/estudimaso.com\/mortgage-calculator\/"},"modified":"2026-02-06T16:04:55","modified_gmt":"2026-02-06T15:04:55","slug":"mortgage-calculator","status":"publish","type":"page","link":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/","title":{"rendered":"Mortgage Calculator"},"content":{"rendered":"\n<style>\nhtml{background:#c2d182;}\n*{box-sizing:border-box}\n.maso-wrapper{\nbackground:#c2d182;\n}\n\nh1{\n  font-size:32px;\n  margin-bottom:32px;\n}\nh2{\n  font-size:22px;\n  margin:0 0 20px;\n}\n.card{\n  background:#fff;\n  border-radius:28px;\n  padding:28px;\n  margin-bottom:32px;\n  box-shadow:0 20px 40px rgba(0,0,0,.12);\n}\n.form-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\n  gap:20px;\n}\nlabel{\n  font-size:14px;\n  margin-bottom:6px;\n  display:block;\n}\ninput,select{\n  width:100%;\n  padding:14px 14px;\n  border-radius:14px;\n  border:1px solid #d7dfc7;\n  font-size:16px;\n}\ninput:focus,select:focus{\n  outline:none;\n  border-color:#7d8f4a;\n}\n.unit{\n  font-size:12px;\n  opacity:.7;\n}\n.highlight{\n  margin-top:24px;\n  padding:20px;\n  border-radius:18px;\n  background:#eef5df;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  font-size:18px;\n}\n.results{\n  background:#f3f7eb;\n}\n.results-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\n  gap:20px;\n}\n.result{\n  background:#fff;\n  padding:20px;\n  border-radius:20px;\n  text-align:center;\n}\n.result h3{\n  font-size:16px;\n  margin-bottom:12px;\n}\n.result p{\n  font-size:18px;\n  margin:6px 0;\n}\n.result.accent{\n  border:2px solid #b7c96c;\n}\n.result.success{\n  background:#C2D182;;\n}\ncanvas{\n  width:100%;\n  height:360px;\n}\n.tooltip{\n  display:inline-block;\n  margin-bottom:12px;\n  padding:12px 16px;\n  background:#fff;\n  border-radius:14px;\n  box-shadow:0 10px 20px rgba(0,0,0,.15);\n  font-size:14px;\n}\n\n@media(max-width:600px){\n  h1{font-size:26px}\n  .highlight{flex-direction:column;gap:8px}\n}\n\n\n#hipoteca-tooltip {\n  position: absolute;\n  transform: translate(-50%, -110%);\n  background: #fff;\n  padding: 12px 16px;\n  border-radius: 14px;\n  box-shadow: 0 10px 30px rgba(0,0,0,.15);\n  font-size: 14px;\n  color: #2b2b2b;\n  pointer-events: none;\n  white-space: nowrap;\n  z-index: 10;\n}\n<\/style>\n\n<div id=\"calculadora-hipoteca\">\n\n<div class=\"maso-wrapper\">\n\n  <section class=\"card\">\n    <h3 style=\"font-size:30px;\">Mortgage details<\/h3>\n    <div class=\"form-grid\">\n      <div>\n        <label>Mortgage amount<\/label>\n        <input type=\"number\" id=\"capital\" value=\"80000\"\/>\n      <\/div>\n      <div>\n        <label>Duration<\/label>\n<input type=\"number\" id=\"anys\" value=\"30\"\/>\n<span class=\"unit\">years<\/span>\n      <\/div>\n      <div>\n        <label>Annual interest<\/label>\n<input type=\"number\" id=\"interes\" value=\"2.5\" step=\"0.1\"\/>\n<span class=\"unit\">%<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"highlight\">\n      <span>Monthly fee<\/span>\n<strong><span id=\"quota\"><\/span> \u20ac<\/strong>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h3 style=\"font-size:30px;\">Periodic savings<\/h3>\n    <div class=\"form-grid\">\n      <div>\n        <label>Monthly contribution<\/label>\n<input type=\"number\" id=\"estalviMensual\" value=\"300\"\/>\n<span class=\"unit\">\u20ac<\/span>\n      <\/div>\n      <div>\n        <label>Annual profitability<\/label>\n<select id=\"rendibilitat\">\n<option value=\"0.06\">6 %<\/option>\n<option value=\"0.08\">8 %<\/option>\n<option value=\"0.11\">11 %<\/option>\n<\/select> \n      <\/div>\n      <div>\n        <label>Initial contribution<\/label>\n<input type=\"number\" id=\"aportacioInicial\" value=\"500\"\/>\n<span class=\"unit\">\u20ac<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"card results\">\n    <h3 style=\"font-size:30px;\">Results<\/h3>\n    <div class=\"results-grid\">\n      <div class=\"result\">\n        <h3 style=\"font-size:20px;font-weight:600;letter-spacing:0.02em\">Mortgage<\/h3>\n        <p>Duration<\/p>\n        <p style=\"font-size:40px;font-weight:600;letter-spacing:-0.03em;margin-bottom:20px;\"><strong><span id=\"duracioBase\"><\/span><\/strong> years<\/p>\n        <p>Total cost<\/p>\n        <p style=\"font-size:40px;font-weight:600;letter-spacing:-0.03em;margin-bottom:20px;\"><strong><span id=\"costBase\"><\/span><\/strong> \u20ac<\/p>\n      <\/div>\n      <div class=\"result accent\">\n        <h3 style=\"font-size:20px;font-weight:600;letter-spacing:0.02em\">Mortgage + Periodic Savings<\/h3>\n         <p>Duration<\/p>\n        <p style=\"color:#C2D182;font-size:40px;font-weight:600;letter-spacing:-0.03em;margin-bottom:20px;\"><strong><span id=\"duracioEstalvi\"><\/span><\/strong> years<\/p>\n         <p>Total cost<\/p>\n        <p style=\"color:#C2D182;font-size:40px;font-weight:600;letter-spacing:-0.03em;margin-bottom:20px;\"><strong><span id=\"costEstalvi\"><\/span><\/strong> \u20ac<\/p>\n      <\/div>\n      <div class=\"result success\">\n        <h3 style=\"font-size:20px;font-weight:600;letter-spacing:0.02em\">You can save money.<\/h3>\n         <p>Duration<\/p>\n        <p style=\"color:#ffffff;font-size:40px;font-weight:600;letter-spacing:-0.03em;margin-bottom:20px;\"><strong><span id=\"estalviTemps\"><\/span><\/strong> years<\/p>\n         <p>Savings<\/p>\n        <p style=\"color:#ffffff;font-size:40px;font-weight:600;letter-spacing:-0.03em;margin-bottom:20px;\"><strong><span id=\"estalviDiners\"><\/span><\/strong> \u20ac<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h3 style=\"font-size:30px;\">When can you cancel the mortgage?<\/h3>\n    <div class=\"tooltip\" id=\"tooltip\"><\/div>\n    <canvas id=\"chart\"><\/canvas>\n  <\/section>\n\n<\/div>\n\n<script src=\"script.js\"><\/script>\n  <!-- TODA la calculadora -->\n<\/div>\n\n<script>\n\tfunction round2(n){\n  return Math.round((n + Number.EPSILON) * 100) \/ 100;\n}\n\nconst els=[...document.querySelectorAll('input,select')];\nels.forEach(e=>e.addEventListener('input',calcular));\nconst q=id=>document.getElementById(id);\nconst ctx=q('chart').getContext('2d');\nconst tooltip=q('tooltip');\n\nfunction fmt(n){return Math.round(n).toLocaleString('ca-ES');}\n\nfunction calcular(){\n const capital=+q('capital').value;\n const anys=+q('anys').value;\n const interes=+q('interes').value\/100;\n const estalviMensual=+q('estalviMensual').value;\n const rend=+q('rendibilitat').value;\n const aportacioInicial=+q('aportacioInicial').value;\nconst rMensual = Math.pow(1 + rend, 1 \/ 12) - 1;\n\n const rHip=interes\/12;\n const n=anys*12;\nlet quota;\n\nif (rHip === 0) {\n  quota = capital \/ n;\n} else {\n  quota = capital * (rHip \/ (1 - Math.pow(1 + rHip, -n)));\n}\n\nquota = round2(quota);\n q('quota').textContent=fmt(quota);\n\n \/* ---------- FASE 1: CALCULO FINANCIERO ---------- *\/\n\n \/\/ Base hipoteca\nlet pendBase = capital;\nlet costBase = 0;\nlet mesosBase = 0;\n\nwhile (pendBase > 0) {\n  const im = round2(pendBase * rHip);\n  const amort = round2(quota - im);\n\n  pendBase = round2(pendBase - amort);\n  costBase = round2(costBase + quota);\n\n  if (pendBase < 0.01) pendBase = 0; \/\/ \ud83d\udc48 corte limpio\n  mesosBase++;\n}\n\n\n \/\/ Hipoteca con estalvi (mensual compuesto)\nlet pend = capital;\nlet estalvi = aportacioInicial;\nlet cost = 0;\nlet mesos = 0;\nlet interMonth = null;\n\nwhile (pend > 0 && mesos < 480) {\n  const im = round2(pend * rHip);\n  const amort = round2(quota - im);\n\n  pend = round2(pend - amort);\n  cost = round2(cost + quota);\n\n  estalvi = round2(estalvi * (1 + rMensual) + estalviMensual);\n  mesos++;\n\n  if (estalvi >= pend && interMonth === null) {\n    interMonth = mesos;\n    cost = round2(cost + pend); \/\/ \ud83d\udc48 ahora limpio\n    pend = 0;\n    break;\n  }\n\n  if (pend < 0.01) pend = 0;\n}\n\n\n \/\/ Resultats finals\n q('duracioBase').textContent=(mesosBase\/12).toFixed(1);\n q('costBase').textContent=fmt(costBase);\n q('duracioEstalvi').textContent=(interMonth\/12).toFixed(1);\n q('costEstalvi').textContent=fmt(cost);\n q('estalviTemps').textContent=((mesosBase-interMonth)\/12).toFixed(1);\n q('estalviDiners').textContent=fmt(costBase-cost);\n\n tooltip.innerHTML=\"<strong>Pots cancel\u00b7lar la hipoteca<br>Any \"+(interMonth\/12).toFixed(1);\n\n \/* ---------- FASE 2: DADES PER A GRAFICA (0\u201340 ANYS) ---------- *\/\n\n const maxMonths=30*12;\n let pendG=capital;\n let estalviG=aportacioInicial;\n const p=[],a=[];\n\n for(let m=1;m<=maxMonths;m++){\n  if(pendG>0){\n    const im=pendG*rHip;\n    pendG-=quota-im;\n    if(pendG<0) pendG=0;\n  }\n  estalviG=estalviG*(1+rMensual)+estalviMensual;\n  p.push(pendG);\n  a.push(estalviG);\n }\n\n draw(p,a,interMonth);\n}\n\nfunction draw(p,a,interMonth){\n const c=q('chart');\n c.width=c.offsetWidth;c.height=360;\n ctx.clearRect(0,0,c.width,c.height);\n\n const max=Math.max(...p,...a,1);\n const pad=60;\n\n ctx.strokeStyle='#444';\n ctx.beginPath();\n ctx.moveTo(pad,10);\n ctx.lineTo(pad,c.height-pad);\n ctx.lineTo(c.width-10,c.height-pad);\n ctx.stroke();\n\n ctx.font='12px system-ui';\n\n const step=Math.ceil(max\/5\/10000)*10000;\n for(let v=0;v<=max;v+=step){\n  const y=c.height-pad-v\/max*(c.height-pad*2);\n  ctx.fillText(fmt(v)+' \u20ac',5,y+4);\n }\n\n for(let y=0;y<=30;y+=5){\n  const x=pad+y*(c.width-pad*2)\/30;\n  ctx.fillText(y,x-6,c.height-pad+20);\n }\n\n function line(d,color){\n  ctx.beginPath();\n  d.forEach((v,i)=>{\n   const year=i\/12;\n   const x=pad+year*(c.width-pad*2)\/30;\n   const y=c.height-pad-v\/max*(c.height-pad*2);\n   i?ctx.lineTo(x,y):ctx.moveTo(x,y);\n  });\n  ctx.strokeStyle=color;ctx.lineWidth=3;ctx.stroke();\n }\n\n line(p,'#6f7d3b');\n line(a,'#b7c96c');\n\n if(interMonth){\n  const year=interMonth\/12;\n  const x=pad+year*(c.width-pad*2)\/30;\n  ctx.setLineDash([6,6]);\n  ctx.beginPath();\n  ctx.moveTo(x,10);\n  ctx.lineTo(x,c.height-pad);\n  ctx.stroke();\n  ctx.setLineDash([]);\n }\n}\n\ncalcular();\n\n\n\/\/ === v9.2 Tooltip HTML anclado ===\nconst tooltipEl = document.createElement('div');\ntooltipEl.id = 'hipoteca-tooltip';\ntooltipEl.innerHTML =\n  '<strong>Pots cancel\u00b7lar la hipoteca<br>Any ' +\n  (interMonth \/ 12).toFixed(1);\ndocument.body.appendChild(tooltipEl);\n\nconst intersectionMeta = chart.getDatasetMeta(chart.data.datasets.findIndex(d => d.label === 'Punt de cancel\u00b7laci\u00f3'));\nconst intersectionPoint = intersectionMeta.data.find(p => p.$context.raw !== null);\n\nif (intersectionPoint) {\n  const { x, y } = intersectionPoint.getProps(['x', 'y'], true);\n  const rect = chart.canvas.getBoundingClientRect();\n\n  tooltipEl.style.left = rect.left + window.scrollX + x + 'px';\n  tooltipEl.style.top  = rect.top  + window.scrollY + y + 'px';\n}\n    \n<\/script>\n\n<script>\nfunction notificarAltura() {\n  const altura = document.documentElement.scrollHeight;\n  window.parent.postMessage(\n    { tipo: 'resize', altura },\n    window.location.origin\n  );\n}\n\nconst observer = new ResizeObserver(notificarAltura);\n\nwindow.addEventListener('load', () => {\n  observer.observe(document.body);\n  observer.observe(document.documentElement);\n});\n<\/script>\n\n<style>body{background:#c2d182;}<\/style>\n<button onclick=\"openPDFForm()\" style=\"  width:100%; padding:20px; border:none; border-radius:12px; background:#000; color:#fff; font-size:18px; cursor:pointer;  \">\n Download PDF\n<\/button>\n\n<script>\nfunction submitPDFForm(){\n\n  const name  = pdfName.value.trim();\n  const phone = pdfPhone.value.trim();\n  const email = pdfEmail.value.trim();\n\n  if(!name || !phone || !email){\n    alert('Si us plau, completa totes les dades.');\n    return;\n  }\n\n  \/\/ \ud83d\udd11 1. IMPRIMIR PRIMERO (MISMO CLICK)\n  printPDF();\n\n  \/\/ 2. cerrar modal\n  closePDFForm();\n\n  \/\/ 3. enviar email en segundo plano\n  fetch('\/guardar-lead-hipoteca.php', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application\/json' },\n    body: JSON.stringify({\n      name,\n      phone,\n      email,\n      company: document.getElementById('company').value,\n      \/\/ aqu\u00ed tus datos de hipoteca si quieres\n    })\n  }).catch(() => {});\n}\n<\/script>\n<script>\nfunction printPDF(){\n\n  document.getElementById('pdfDate').textContent =\n    new Date().toLocaleDateString('ca-ES');\n\n  \/* ---------- DATOS HIPOTECA ---------- *\/\n  document.getElementById('pdfCapital').textContent =\n    document.getElementById('capital').value + ' \u20ac';\n\n  document.getElementById('pdfAnys').textContent =\n    document.getElementById('anys').value + ' anys';\n\n  document.getElementById('pdfInteres').textContent =\n    document.getElementById('interes').value + ' %';\n\n  \/* ---------- ESTALVI ---------- *\/\n  document.getElementById('pdfEstalviMensual').textContent =\n    document.getElementById('estalviMensual').value + ' \u20ac';\n\n  document.getElementById('pdfAportacioInicial').textContent =\n    document.getElementById('aportacioInicial').value + ' \u20ac';\n\n  document.getElementById('pdfRendibilitat').textContent =\n    document.getElementById('rendibilitat')\n      .selectedOptions[0].textContent;\n\n  \/* ---------- RESULTADOS ---------- *\/\n  document.getElementById('pdfQuota').textContent =\n    document.getElementById('quota').textContent;\n\n  document.getElementById('pdfCostBase').textContent =\n    document.getElementById('costBase').textContent;\n\n  document.getElementById('pdfEstalvi').textContent =\n    document.getElementById('estalviDiners').textContent;\n\n  \/* ---------- GRAFICO ---------- *\/\nconst canvas = document.getElementById('chart');\n  const img    = document.getElementById('pdfChart');\n\n  img.onload = () => {\n    \/\/ \ud83d\udd25 SOLO cuando la imagen ya est\u00e1 cargada\n    window.print();\n  };\n\n  img.src = canvas.toDataURL('image\/png');\n\n  window.print();\n}\n\n<\/script>\n\n<style>\n.print-area {\n  display: none;\n}\n\n@media print {\n\n  body {\n    background: #fff !important;\n    color: #000;\n    font-family: system-ui, sans-serif;\n  }\n\n  body > * {\n    display: none !important;\n  }\n\n  .print-area {\n    display: block !important;\n  }\n\n  @page {\n    size: A4;\n    margin: 20mm;\n  }\n\n  \/* ---------- PDF LAYOUT ---------- *\/\n\n  .pdf-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 24px;\n  }\n\n  .pdf-header img {\n    height: 70px;\n  }\n\n  .pdf-header h1 {\n    font-size: 20px;\n    margin: 0;\n  }\n\n  .pdf-header p {\n    font-size: 12px;\n    color: #666;\n    margin: 2px 0 0;\n  }\n\n  .pdf-section {\n    margin-top: 24px;\n  }\n\n  .pdf-section h2 {\n    font-size: 15px;\n    border-bottom: 1px solid #000;\n    padding-bottom: 4px;\n    margin-bottom: 12px;\n  }\n\n  .pdf-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 13px;\n    margin: 6px 0;\n  }\n\n  .pdf-row.highlight {\n    font-size: 16px;\n    font-weight: 600;\n  }\n\n  #pdfChart {\n    max-width: 100%;\n    margin-top: 12px;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    padding: 6px;\n  }\n\n  footer {\n    margin-top: 40px;\n    font-size: 11px;\n    color: #666;\n    text-align: center;\n  }\n}\n\n\n.pdf-modal{\n  position:fixed;\n  inset:0;\n  background:rgba(0,0,0,.5);\n  display:none;\n  align-items:center;\n  justify-content:center;\n  z-index:9999;\n}\n.pdf-modal.open{display:flex}\n\n.pdf-modal-content{\n  background:#fff;\n  padding:24px;\n  border-radius:16px;\n  width:100%;\n  max-width:380px;\n  box-shadow:0 20px 40px rgba(0,0,0,.2);\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n\n.pdf-modal-content input{\n  padding:12px;\n  border-radius:8px;\n  border:1px solid #ccc;\n  font-size:14px;\n}\n\n.pdf-submit{\n  background:#000;\n  color:#fff;\n  border:none;\n  padding:14px;\n  border-radius:10px;\n  cursor:pointer;\n  font-size:14px;\n}\n\n.pdf-close{\n  position:absolute;\n  right:12px;\n  top:12px;\n  border:none;\n  background:none;\n  font-size:22px;\n  cursor:pointer;\n}\n<\/style>\n\n<div id=\"pdfModal\" class=\"pdf-modal\">\n  <div class=\"pdf-modal-content\">\n    <button class=\"pdf-close\" onclick=\"closePDFForm()\">\u00d7<\/button>\n\n    <h3>Download your report<\/h3>\n\n    <input type=\"text\" id=\"pdfName\" placeholder=\"Full Name\" required=\"\"\/>\n    <input type=\"tel\" id=\"pdfPhone\" placeholder=\"Phone\" required=\"\"\/>\n    <input type=\"email\" id=\"pdfEmail\" placeholder=\"E-mail\" required=\"\"\/>\n\n    <button onclick=\"submitPDFForm()\" class=\"pdf-submit\" style=\"color:#fff;background:#000;font-size:16px;\">\n Download PDF\n    <\/button>\n\n    <p style=\"font-size:11px;color:#777\">\n * You accept the privacy policy.\n    <\/p>\n  <\/div>\n<\/div>\n\n<script>\nfunction openPDFForm(){\n  document.getElementById('pdfModal').classList.add('open');\n}\n\nfunction closePDFForm(){\n  document.getElementById('pdfModal').classList.remove('open');\n}\n<\/script>\n<div class=\"print-area\">\n\n  <div class=\"pdf-header\">\n    <img decoding=\"async\" src=\"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png\"\/>\n    <div>\n      <h1>Mortgage report<\/h1>\n      <p>Date: <span id=\"pdfDate\"><\/span><\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"pdf-section\">\n<div class=\"pdf-section\">\n  <h2>Mortgage details<\/h2>\n\n  <div class=\"pdf-row\">\n    <span>Mortgage amount<\/span>\n    <strong id=\"pdfCapital\"><\/strong>\n  <\/div>\n\n  <div class=\"pdf-row\">\n    <span>Duration<\/span>\n    <strong id=\"pdfAnys\"><\/strong>\n  <\/div>\n\n  <div class=\"pdf-row\">\n    <span>Annual interest<\/span>\n    <strong id=\"pdfInteres\"><\/strong>\n  <\/div>\n<\/div>\n<div class=\"pdf-section\">\n  <h2>Periodic savings<\/h2>\n\n  <div class=\"pdf-row\">\n    <span>Monthly contribution<\/span>\n    <strong id=\"pdfEstalviMensual\"><\/strong>\n  <\/div>\n\n  <div class=\"pdf-row\">\n    <span>Initial contribution<\/span>\n    <strong id=\"pdfAportacioInicial\"><\/strong>\n  <\/div>\n\n  <div class=\"pdf-row\">\n    <span>Annual profitability<\/span>\n    <strong id=\"pdfRendibilitat\"><\/strong>\n  <\/div>\n<\/div>\n\n    <h2>Results<\/h2>\n\n    <div class=\"pdf-row\">\n      <span>Monthly fee<\/span>\n      <strong id=\"pdfQuota\"><\/strong>\n    <\/div>\n\n    <div class=\"pdf-row\">\n      <span>Total cost<\/span>\n      <strong id=\"pdfCostBase\"><\/strong>\n    <\/div>\n\n    <div class=\"pdf-row highlight\">\n      <span>Potential savings<\/span>\n      <strong id=\"pdfEstalvi\"><\/strong>\n    <\/div>\n  <\/div>\n\n  <div class=\"pdf-section\">\n    <h2>Evolution<\/h2>\n    <img id=\"pdfChart\"\/>\n  <\/div>\n\n  <footer>\n Automatically generated report \u00b7 estudimaso.com \u00b7 972 007 325\n  <\/footer>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mortgage details Mortgage amount Duration years Annual interest % Monthly fee \u20ac Periodic savings Monthly contribution \u20ac Annual profitability 6 %8 %11 % Initial contribution \u20ac Results Mortgage Duration years Total cost \u20ac Mortgage + Periodic Savings Duration years Total cost \u20ac You can save money. Duration years Savings \u20ac When can you cancel the &#8230; <a title=\"Mortgage Calculator\" class=\"read-more\" href=\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/\" aria-label=\"Read more about Mortgage Calculator\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1656","page","type-page","status-publish"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mortgage Calculator - Estudi Mas\u00f3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mortgage Calculator - Estudi Mas\u00f3\" \/>\n<meta property=\"og:description\" content=\"Mortgage details Mortgage amount Duration years Annual interest % Monthly fee \u20ac Periodic savings Monthly contribution \u20ac Annual profitability 6 %8 %11 % Initial contribution \u20ac Results Mortgage Duration years Total cost \u20ac Mortgage + Periodic Savings Duration years Total cost \u20ac You can save money. Duration years Savings \u20ac When can you cancel the ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"Estudi Mas\u00f3\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-06T15:04:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/\",\"url\":\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/\",\"name\":\"Mortgage Calculator - Estudi Mas\u00f3\",\"isPartOf\":{\"@id\":\"https:\/\/estudimaso.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png\",\"datePublished\":\"2026-01-22T13:26:39+00:00\",\"dateModified\":\"2026-02-06T15:04:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#primaryimage\",\"url\":\"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png\",\"contentUrl\":\"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\/\/estudimaso.com\/en\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mortgage Calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/estudimaso.com\/en\/#website\",\"url\":\"https:\/\/estudimaso.com\/en\/\",\"name\":\"Estudi Mas\u00f3\",\"description\":\"Arquitectura &amp; Finances\",\"publisher\":{\"@id\":\"https:\/\/estudimaso.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/estudimaso.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/estudimaso.com\/en\/#organization\",\"name\":\"Estudi Mas\u00f3\",\"url\":\"https:\/\/estudimaso.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/estudimaso.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png\",\"contentUrl\":\"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png\",\"width\":500,\"height\":500,\"caption\":\"Estudi Mas\u00f3\"},\"image\":{\"@id\":\"https:\/\/estudimaso.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/estudimaso_\/\",\"https:\/\/www.linkedin.com\/company\/estudimaso\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mortgage Calculator - Estudi Mas\u00f3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/","og_locale":"en_US","og_type":"article","og_title":"Mortgage Calculator - Estudi Mas\u00f3","og_description":"Mortgage details Mortgage amount Duration years Annual interest % Monthly fee \u20ac Periodic savings Monthly contribution \u20ac Annual profitability 6 %8 %11 % Initial contribution \u20ac Results Mortgage Duration years Total cost \u20ac Mortgage + Periodic Savings Duration years Total cost \u20ac You can save money. Duration years Savings \u20ac When can you cancel the ... Read more","og_url":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/","og_site_name":"Estudi Mas\u00f3","article_modified_time":"2026-02-06T15:04:55+00:00","og_image":[{"url":"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/","url":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/","name":"Mortgage Calculator - Estudi Mas\u00f3","isPartOf":{"@id":"https:\/\/estudimaso.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#primaryimage"},"image":{"@id":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#primaryimage"},"thumbnailUrl":"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png","datePublished":"2026-01-22T13:26:39+00:00","dateModified":"2026-02-06T15:04:55+00:00","breadcrumb":{"@id":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/estudimaso.com\/en\/mortgage-calculator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#primaryimage","url":"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png","contentUrl":"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/estudimaso.com\/en\/mortgage-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/estudimaso.com\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Mortgage Calculator"}]},{"@type":"WebSite","@id":"https:\/\/estudimaso.com\/en\/#website","url":"https:\/\/estudimaso.com\/en\/","name":"Estudi Mas\u00f3","description":"Arquitectura &amp; Finances","publisher":{"@id":"https:\/\/estudimaso.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/estudimaso.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/estudimaso.com\/en\/#organization","name":"Estudi Mas\u00f3","url":"https:\/\/estudimaso.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/estudimaso.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png","contentUrl":"https:\/\/estudimaso.com\/wp-content\/uploads\/2025\/07\/Estudi-Maso-Arquitectura-Finances-1.png","width":500,"height":500,"caption":"Estudi Mas\u00f3"},"image":{"@id":"https:\/\/estudimaso.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/estudimaso_\/","https:\/\/www.linkedin.com\/company\/estudimaso\/"]}]}},"_links":{"self":[{"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/pages\/1656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/comments?post=1656"}],"version-history":[{"count":11,"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/pages\/1656\/revisions"}],"predecessor-version":[{"id":2108,"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/pages\/1656\/revisions\/2108"}],"wp:attachment":[{"href":"https:\/\/estudimaso.com\/en\/wp-json\/wp\/v2\/media?parent=1656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}