Simulador de Hipoteca<\/title>\r\n\r\n<style>\r\n.simulador {\r\n max-width: 500px;\r\n margin: 32px auto;\r\n padding: 32px 24px;\r\n background: linear-gradient(145deg, #ffffff, #f8f9fa);\r\n border-radius: 18px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n font-family: Arial, sans-serif;\r\n}\r\n\r\n.simulador h1 {\r\n text-align: center;\r\n margin-bottom: 24px;\r\n color: #000000;\r\n font-size: 26px;\r\n font-weight: 800;\r\n}\r\n\r\n.campo {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.campo label {\r\n display: block;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #374151;\r\n margin-bottom: 6px;\r\n}\r\n\r\n\/* \ud83d\udd34 FIX DEFINITIVO WINDOWS *\/\r\n.campo input {\r\n width: 100%;\r\n padding: 14px 16px;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n border: 1px solid #d1d5db;\r\n\r\n background-color: #ffffff !important;\r\n color: #111827 !important;\r\n caret-color: #111827;\r\n\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n}\r\n\r\n.campo input::placeholder {\r\n color: #9ca3af;\r\n}\r\n\r\nbutton {\r\n width: 100%;\r\n margin-top: 22px;\r\n padding: 16px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n background: #0034FF;\r\n color: #FFFFFF;\r\n border: none;\r\n border-radius: 16px;\r\n cursor: pointer;\r\n}\r\n\r\nbutton:hover {\r\n background: #0029cc;\r\n}\r\n\r\n#resultado {\r\n margin-top: 28px;\r\n padding: 20px;\r\n background: #f1f5f9;\r\n border-radius: 16px;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n display: none;\r\n}\r\n\r\n#resultado h3 {\r\n margin-bottom: 12px;\r\n font-size: 20px;\r\n color: #1e3a8a;\r\n}\r\n\r\n#aviso {\r\n margin-top: 12px;\r\n font-size: 12px;\r\n color: #6b7280;\r\n}\r\n\r\n#contacto {\r\n margin-top: 22px;\r\n text-align: center;\r\n display: none;\r\n}\r\n\r\n#contacto a {\r\n display: inline-block;\r\n padding: 16px 22px;\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: #FFFFFF;\r\n background: #0034FF;\r\n border-radius: 14px;\r\n text-decoration: none;\r\n box-shadow: 0 0 18px rgba(0,52,255,0.5);\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"simulador\">\r\n <h1>Calcula tu hipoteca y descubre tu cuota mensual<\/h1>\r\n\r\n <div class=\"campo\">\r\n <label>Precio del inmueble (\u20ac)<\/label>\r\n <input id=\"precio\" type=\"text\" placeholder=\"Introduce el precio del inmueble\">\r\n <\/div>\r\n\r\n <div class=\"campo\">\r\n <label>A\u00f1os de hipoteca<\/label>\r\n <input id=\"anos\" type=\"number\" placeholder=\"Introduce los a\u00f1os\">\r\n <\/div>\r\n\r\n <div class=\"campo\">\r\n <label>Inter\u00e9s nominal anual (%)<\/label>\r\n <input id=\"interes\" type=\"number\" step=\"0.01\" placeholder=\"Ej: 2.75\">\r\n <\/div>\r\n\r\n <button onclick=\"calcularHipoteca()\">CALCULAR MI CUOTA<\/button>\r\n\r\n <div id=\"resultado\"><\/div>\r\n\r\n <div id=\"contacto\">\r\n <a href=\"https:\/\/hipotecavivienda.com\/contacto\/\" target=\"_blank\">\ud83d\udc49 Mejora esta hipoteca con un asesor<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById(\"precio\").addEventListener(\"blur\", function() {\r\n let valor = this.value.replace(\/\\D\/g,'');\r\n if (valor) this.value = Number(valor).toLocaleString('es-ES');\r\n});\r\n\r\nfunction calcularHipoteca() {\r\n\r\n const precio = Number(\r\n document.getElementById(\"precio\").value.replace(\/\\.\/g,'')\r\n );\r\n const anos = Number(document.getElementById(\"anos\").value);\r\n const interes = Number(document.getElementById(\"interes\").value);\r\n\r\n if (!precio || !anos || !interes) {\r\n alert(\"Introduce valores v\u00e1lidos\");\r\n return;\r\n }\r\n\r\n const capital = precio * 0.8;\r\n const i = interes \/ 100 \/ 12;\r\n const n = anos * 12;\r\n\r\n let cuota = capital * (i * Math.pow(1 + i, n)) \/ (Math.pow(1 + i, n) - 1);\r\n cuota = Math.ceil(cuota); \/\/ redondeo bancario\r\n\r\n const total = cuota * n;\r\n const intereses = total - capital;\r\n const tae = (interes + 0.30).toFixed(2);\r\n\r\n document.getElementById(\"resultado\").innerHTML = `\r\n <h3>Resultado de tu hipoteca<\/h3>\r\n <p><strong>Hipoteca solicitada (80%):<\/strong><br>\r\n ${capital.toLocaleString('es-ES')} \u20ac\r\n <\/p>\r\n <p><strong>Cuota mensual aproximada:<\/strong><br>\r\n ${cuota.toLocaleString('es-ES')} \u20ac\r\n <\/p>\r\n <p><strong>Total pagado:<\/strong><br>\r\n ${total.toLocaleString('es-ES')} \u20ac\r\n <\/p>\r\n <p><strong>Intereses pagados:<\/strong><br>\r\n ${intereses.toLocaleString('es-ES')} \u20ac\r\n <\/p>\r\n <p><strong>TAE orientativa:<\/strong><br>\r\n ${tae} %\r\n <\/p>\r\n <div id=\"aviso\">\r\n * C\u00e1lculo orientativo. No incluye vinculaciones ni comisiones.\r\n <\/div>\r\n `;\r\n\r\n document.getElementById(\"resultado\").style.display = \"block\";\r\n document.getElementById(\"contacto\").style.display = \"block\";\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6beffe1 e-con-full e-flex e-con e-child\" data-id=\"6beffe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d8bf9d elementor-widget elementor-widget-html\" data-id=\"8d8bf9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Precio m\u00e1ximo de vivienda seg\u00fan tus ingresos<\/title>\r\n\r\n<style>\r\n\/* Contenedor principal *\/\r\n.simulador-vivienda {\r\n max-width: 500px;\r\n margin: 40px auto;\r\n padding: 35px 25px;\r\n background: linear-gradient(145deg, #ffffff, #f8f9fa);\r\n border-radius: 18px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.simulador-vivienda h1 {\r\n text-align: center;\r\n margin-bottom: 28px;\r\n color: #000000;\r\n font-size: 26px;\r\n font-weight: 800;\r\n}\r\n\r\n\/* Labels *\/\r\n.simulador-vivienda label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n display: block;\r\n margin-bottom: 6px;\r\n color: #374151;\r\n}\r\n\r\n\/* Inputs *\/\r\n.simulador-vivienda input {\r\n width: 100%;\r\n padding: 14px 16px;\r\n border-radius: 12px;\r\n border: 1px solid #d1d5db;\r\n font-size: 16px;\r\n margin-bottom: 18px;\r\n background-color: #ffffff;\r\n color: #111827 !important;\r\n box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* Bot\u00f3n AZUL *\/\r\n.simulador-vivienda button {\r\n width: 100%;\r\n padding: 18px;\r\n background: #0034FF;\r\n color: #FFFFFF;\r\n border: none;\r\n border-radius: 16px;\r\n font-size: 16px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n box-shadow: 0 8px 26px rgba(0, 52, 255, 0.45);\r\n transition: background 0.2s ease, transform 0.1s ease;\r\n}\r\n\r\n.simulador-vivienda button:hover {\r\n background: #0029cc;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* Resultado *\/\r\n.simulador-vivienda #vivienda-resultado {\r\n margin-top: 25px;\r\n padding: 20px;\r\n border-radius: 16px;\r\n background: #f1f5f9;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* CTA *\/\r\n.simulador-vivienda #vivienda-cta {\r\n display: none;\r\n margin-top: 25px;\r\n padding: 22px;\r\n background: #0034FF;\r\n border-radius: 16px;\r\n text-align: center;\r\n color: #FFFFFF;\r\n}\r\n\r\n.simulador-vivienda #vivienda-cta h4 {\r\n margin-bottom: 10px;\r\n color: #FFFFFF;\r\n}\r\n\r\n.simulador-vivienda #vivienda-cta p {\r\n font-size: 14px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.simulador-vivienda #vivienda-cta a {\r\n display: inline-block;\r\n margin: 8px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n color: #0034FF;\r\n background: #FFFFFF;\r\n}\r\n\r\n\/* Nota *\/\r\n.simulador-vivienda p.nota {\r\n font-size: 12px;\r\n color: #9ca3af;\r\n margin-top: 15px;\r\n text-align: center;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 480px) {\r\n .simulador-vivienda {\r\n padding: 25px 18px;\r\n }\r\n .simulador-vivienda h1 {\r\n font-size: 22px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"simulador-vivienda\">\r\n <h1>Descubre qu\u00e9 vivienda puedes comprar seg\u00fan tus ingresos<\/h1>\r\n\r\n <label>Ingresos mensuales netos (\u20ac)<\/label>\r\n <input type=\"text\" id=\"vivienda-ingresos\" placeholder=\"Introduce tus ingresos mensuales\">\r\n\r\n <label>Pr\u00e9stamos actuales mensuales (\u20ac)<\/label>\r\n <input type=\"text\" id=\"vivienda-prestamos\" placeholder=\"Introduce las cuotas de tus pr\u00e9stamos\">\r\n\r\n <label>Tipo de inter\u00e9s (%)<\/label>\r\n <input type=\"text\" id=\"vivienda-interes\" placeholder=\"Introduce el inter\u00e9s anual\">\r\n\r\n <label>A\u00f1os de hipoteca<\/label>\r\n <input type=\"text\" id=\"vivienda-anos\" placeholder=\"Introduce los a\u00f1os de tu hipoteca\">\r\n\r\n <button type=\"button\" onclick=\"calcularHipotecaVivienda()\">\r\n DESCUBRE EL PRECIO M\u00c1XIMO DE VIVIENDA SEG\u00daN TUS INGRESOS\r\n <\/button>\r\n\r\n <div id=\"vivienda-resultado\"><\/div>\r\n\r\n <div id=\"vivienda-cta\">\r\n <h4>\u00bfQuieres mejorar este resultado?<\/h4>\r\n <p>Te ayudamos a conseguir la mejor hipoteca seg\u00fan tu perfil.<\/p>\r\n <a href=\"https:\/\/wa.me\/34688876822\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a>\r\n <a href=\"mailto:info@hipotecavivienda.com\" target=\"_blank\">Email<\/a>\r\n <\/div>\r\n\r\n <p class=\"nota\">\r\n Este c\u00e1lculo es orientativo y est\u00e1 basado en una tasa de esfuerzo del 35%.\r\n <\/p>\r\n<\/div>\r\n\r\n<script>\r\nfunction formatMiles(x) {\r\n return x.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\r\n}\r\n\r\nfunction calcularHipotecaVivienda() {\r\n var ingresos = parseFloat(document.getElementById(\"vivienda-ingresos\").value.replace(\/\\.\/g,'')) || 0;\r\n var prestamos = parseFloat(document.getElementById(\"vivienda-prestamos\").value.replace(\/\\.\/g,'')) || 0;\r\n var interesAnual = parseFloat(document.getElementById(\"vivienda-interes\").value.replace(',', '.')) || 0;\r\n var anos = parseInt(document.getElementById(\"vivienda-anos\").value) || 0;\r\n\r\n if (ingresos <= 0 || interesAnual <= 0 || anos <= 0) {\r\n document.getElementById(\"vivienda-resultado\").innerHTML =\r\n \"<p style='color:red;'>Por favor, rellena todos los campos correctamente.<\/p>\";\r\n document.getElementById(\"vivienda-cta\").style.display = \"none\";\r\n return;\r\n }\r\n\r\n var interes = interesAnual \/ 100 \/ 12;\r\n var n = anos * 12;\r\n var cuotaMaxima = (ingresos * 0.35) - prestamos;\r\n\r\n if (cuotaMaxima <= 0) {\r\n document.getElementById(\"vivienda-resultado\").innerHTML =\r\n \"<p style='color:red;'>Con los datos indicados no hay capacidad hipotecaria.<\/p>\";\r\n document.getElementById(\"vivienda-cta\").style.display = \"none\";\r\n return;\r\n }\r\n\r\n var capitalHipoteca = cuotaMaxima * (1 - Math.pow(1 + interes, -n)) \/ interes;\r\n var precioVivienda = capitalHipoteca \/ 0.8;\r\n var gastos = precioVivienda * 0.10;\r\n var ahorros = (precioVivienda * 0.20) + gastos;\r\n\r\n document.getElementById(\"vivienda-resultado\").innerHTML = `\r\n <h4>Resultado estimado<\/h4>\r\n <p><strong>Precio m\u00e1ximo de vivienda:<\/strong> ${formatMiles(precioVivienda.toFixed(0))} \u20ac<\/p>\r\n <p><strong>Hipoteca m\u00e1xima:<\/strong> ${formatMiles(capitalHipoteca.toFixed(0))} \u20ac<\/p>\r\n <p><strong>Cuota m\u00e1xima mensual:<\/strong> ${formatMiles(cuotaMaxima.toFixed(0))} \u20ac<\/p>\r\n <p><strong>Gastos de compra (10%):<\/strong> ${formatMiles(gastos.toFixed(0))} \u20ac<\/p>\r\n <p><strong>Ahorros necesarios:<\/strong> ${formatMiles(ahorros.toFixed(0))} \u20ac<\/p>\r\n `;\r\n\r\n document.getElementById(\"vivienda-cta\").style.display = \"block\";\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a1e23e e-flex e-con-boxed e-con e-parent\" data-id=\"9a1e23e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Financiaci\u00f3n hasta el 100% del valor de tu nueva vivienda Simulador de Hipoteca Calcula tu hipoteca y descubre tu cuota mensual Precio del inmueble (\u20ac) A\u00f1os de hipoteca Inter\u00e9s nominal anual (%) CALCULAR MI CUOTA \ud83d\udc49 Mejora esta hipoteca con un asesor Precio m\u00e1ximo de vivienda seg\u00fan tus ingresos Descubre qu\u00e9 vivienda puedes comprar seg\u00fan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-399","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=\/wp\/v2\/pages\/399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=399"}],"version-history":[{"count":25,"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=\/wp\/v2\/pages\/399\/revisions"}],"predecessor-version":[{"id":504,"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=\/wp\/v2\/pages\/399\/revisions\/504"}],"wp:attachment":[{"href":"https:\/\/inmobiliaria.hipotecavivienda.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}