{"id":411,"date":"2025-11-11T17:36:14","date_gmt":"2025-11-11T17:36:14","guid":{"rendered":"https:\/\/crea.com.co\/crea\/?page_id=411"},"modified":"2026-02-27T01:26:56","modified_gmt":"2026-02-27T01:26:56","slug":"calculadora-de-retiro","status":"publish","type":"page","link":"https:\/\/crea.com.co\/crea\/calculadora-de-retiro\/","title":{"rendered":"Calculadora Pensional"},"content":{"rendered":"\n<!-- FUENTE ROBOTO -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  #wp-terms-overlay {\n    position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n    background: rgba(10, 61, 98, 0.98); backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px); z-index: 9999999;\n    display: flex; justify-content: center; align-items: flex-start;\n    padding-top: 40px; overflow-y: auto;\n    font-family: 'Roboto', sans-serif; box-sizing: border-box;\n  }\n  .wp-intro-modal {\n    background: white; width: 100%; max-width: 700px; border-radius: 24px;\n    box-shadow: 0 25px 50px rgba(0,0,0,0.5); display: flex;\n    flex-direction: column; overflow: hidden; margin: 0 20px 50px 20px;\n    animation: wpSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .wp-intro-header { background: white; padding: 30px 30px 10px 30px; border-bottom: 1px solid #eee; text-align: center; }\n  .wp-intro-title { font-size: 26px; font-weight: 900; color: #0A3D62; margin: 0 0 5px 0; line-height: 1.2; }\n  .wp-intro-subtitle { font-size: 14px; font-weight: 700; color: #3C6382; text-transform: uppercase; letter-spacing: 1px; }\n  .wp-intro-body { padding: 30px; font-size: 14px; line-height: 1.6; color: #1e272e; text-align: justify; }\n  .wp-intro-highlight { background: #EAF8FB; border-left: 4px solid #82CCDD; padding: 15px; border-radius: 8px; margin: 15px 0; font-size: 13px; color: #0A3D62; }\n  .wp-intro-list { list-style: none; margin: 15px 0; padding: 0; }\n  .wp-intro-list li { position: relative; padding-left: 20px; margin-bottom: 12px; }\n  .wp-intro-list li::before { content: \"\u2022\"; position: absolute; left: 0; top: 0; color: #82CCDD; font-weight: bold; font-size: 18px; line-height: 1.4; }\n  .wp-intro-footer { padding: 20px 30px; background: white; border-top: 1px solid #eee; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n  .btn-intro-accept { background: #0A3D62; color: white; width: 100%; padding: 20px; border: none; border-radius: 16px; font-size: 18px; font-weight: 800; cursor: pointer; box-shadow: 0 10px 20px rgba(10,61,98,0.2); transition: transform 0.2s; text-transform: uppercase; }\n  .btn-intro-accept:hover { background: #0d4b75; transform: translateY(-3px); }\n  @keyframes wpSlideUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } }\n\n  #wp-simulador-container { display: none; width: 100%; overflow: hidden; background: #fff; }\n  #iframe-pension { width: 100%; border: none; display: block; min-height: 600px; transition: height 0.3s ease; }\n<\/style>\n\n<!-- 1. MODAL T&C -->\n<div id=\"wp-terms-overlay\">\n  <div class=\"wp-intro-modal\">\n    <div class=\"wp-intro-header\">\n      <h2 class=\"wp-intro-title\">El futuro no se adivina, se calcula<\/h2>\n      <div class=\"wp-intro-subtitle\">Calculadora Pensional (Versi\u00f3n sin costo)<\/div>\n    <\/div>\n    <div class=\"wp-intro-body\">\n      <p>Hemos desarrollado una herramienta para contribuir al bienestar pensional de m\u00e1s familias en Colombia. Con este simulador puedes empezar a revisar algunos escenarios pensionales.<\/p>\n      <div class=\"wp-intro-highlight\">\n        <strong>\u26a0\ufe0f IMPORTANTE:<\/strong> Ten presente que <strong>NO ES UNA RECOMENDACI\u00d3N, NO ES TOTALMENTE EXACTO<\/strong> pues no tenemos la informaci\u00f3n completa de todos tus aportes. Si lo quisieras, cont\u00e1ctanos para ayudarte.\n      <\/div>\n      <p><strong>Para avanzar acepta los t\u00e9rminos:<\/strong><\/p>\n      <p>Entiendo que la proyecci\u00f3n realizada por CREA BYS SAS se trata de un <strong>C\u00c1LCULO PROVISIONAL<\/strong> y en ning\u00fan caso como una situaci\u00f3n jur\u00eddica definitiva, teniendo en cuenta que los c\u00e1lculos fueron efectuados con la informaci\u00f3n que yo mismo estoy aportando.<\/p>\n      <ul class=\"wp-intro-list\">\n        <li>El <strong>C\u00c1LCULO<\/strong> es solo para mesadas en COLPENSIONES (Ley 797 de 2003).<\/li>\n        <li>El resultado se visualiza en valor presente.<\/li>\n        <li>Tengo claro que el promedio corresponde al INGRESO BASE DE LIQUIDACI\u00d3N.<\/li>\n      <\/ul>\n      <div class=\"wp-intro-highlight\" style=\"background:#fff3cd;border-color:#ffc107;color:#856404;\">\n        <strong>Declaraci\u00f3n Final:<\/strong> Declaro que la informaci\u00f3n suministrada es veraz y soy responsable de las inexactitudes en la informaci\u00f3n aportada.\n      <\/div>\n    <\/div>\n    <div class=\"wp-intro-footer\">\n      <button class=\"btn-intro-accept\" onclick=\"aceptarTerminosWP()\">ACEPTAR Y CONTINUAR<\/button>\n      <div style=\"font-size:11px;color:#999;text-align:center;\">Al hacer clic aceptas el tratamiento de tus datos para este c\u00e1lculo.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- 2. IFRAME -->\n<div id=\"wp-simulador-container\">\n  <iframe id=\"iframe-pension\" src=\"\" data-src=\"https:\/\/crea.com.co\/crea\/pension6.html?v=8\" title=\"Simulador Pensional\" scrolling=\"no\"><\/iframe>\n<\/div>\n\n<!-- 3. SCRIPT -->\n<script>\n  function aceptarTerminosWP() {\n    var modal = document.getElementById('wp-terms-overlay');\n    var container = document.getElementById('wp-simulador-container');\n    var iframe = document.getElementById('iframe-pension');\n    modal.style.transition = 'opacity 0.5s ease';\n    modal.style.opacity = '0';\n    setTimeout(function() {\n      modal.style.display = 'none';\n      container.style.display = 'block';\n      iframe.src = iframe.getAttribute('data-src');\n      setTimeout(function() {\n        window.scrollTo({ top: container.offsetTop - 50, behavior: 'smooth' });\n      }, 300);\n    }, 500);\n  }\n\n  var alturaAnterior = 0;\n\n  window.addEventListener('message', function(e) {\n    if (!e.data) return;\n\n    \/\/ Ajustar altura del iframe (anti-bucle: solo si cambia m\u00e1s de 50px)\n    if (e.data.type === 'resize') {\n      var nuevaAltura = e.data.height + 30;\n      if (Math.abs(nuevaAltura - alturaAnterior) > 50) {\n        alturaAnterior = nuevaAltura;\n        var iframe = document.getElementById('iframe-pension');\n        if (iframe) {\n          iframe.style.setProperty('height', nuevaAltura + 'px', 'important');\n          iframe.style.setProperty('min-height', nuevaAltura + 'px', 'important');\n        }\n      }\n    }\n\n    \/\/ \u2705 SCROLL AUTOM\u00c1TICO AL VER RESULTADOS\n    if (e.data.type === 'scrollToResults') {\n      var iframe = document.getElementById('iframe-pension');\n      if (!iframe) return;\n\n      \/\/ Posici\u00f3n del tope del iframe dentro de la p\u00e1gina de WordPress\n      var iframeTop = iframe.getBoundingClientRect().top + window.pageYOffset;\n\n      \/\/ Offset del elemento de resultados dentro del iframe\n      var offsetInterno = e.data.offsetInsideIframe || 0;\n\n      \/\/ Hacemos scroll al lugar exacto, con 80px de margen visual arriba\n      var destino = iframeTop + offsetInterno - 80;\n\n      window.scrollTo({ top: destino, behavior: 'smooth' });\n    }\n  });\n<\/script>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El futuro no se adivina, se calcula Calculadora Pensional (Versi\u00f3n sin costo) Hemos desarrollado una herramienta para contribuir al bienestar pensional de m\u00e1s familias en Colombia. Con este simulador puedes empezar a revisar algunos escenarios pensionales. \u26a0\ufe0f IMPORTANTE: Ten presente&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-411","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/pages\/411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":69,"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/pages\/411\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/pages\/411\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/crea.com.co\/crea\/wp-json\/wp\/v2\/media?parent=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}