</ iframe > </noscript> <!-- End Google Tag Manager(noscript) --> <script src="https://natalfwk.gruposancorseguros.com/nf-institucional/3.0.2/modern/nfi.esm.js" type="module"></script> <script> const assetsUrl = 'https://corporate-site-content.gruposancorseguros.com/RS/Content/'; </script> <nf-menu id="newMenu" :data-props="MenuNFI"> </nf-menu> <div class=""> <script> const leadID = () => { const ahora = new Date(); const pad = (num, size) => String(num).padStart(size, '0'); return `${ahora.getFullYear()}${pad(ahora.getMonth() + 1, 2)}${pad(ahora.getDate(), 2)}${pad(ahora.getHours(), 2)}${pad(ahora.getMinutes(), 2)}${pad(ahora.getSeconds(), 2)}${pad(ahora.getMilliseconds(), 3)}`; }; const nuevoLeadID = leadID(); </script> <div class="pb-4 bg-gray bg-opacity-10"> <div id="formPlanificador" class="bg-secondary py-5 bg-img-benefits"> <div class="container "> <div class="row pt-4 pb-4"> <div class="col-12 col-md-6"> <div class="text-white"> <h1 class="fs-1">Planificá tu futuro</h1> <p class="fs-4"> Nuestro Seguro de Retiro ideal para quienes buscan generan un complemento a su jubilación. Con aportes mensuales que se adaptan a tus ingresos. </p> </div> </div> <div class="d-none d-md-block col-md-6"> <div class="card"> <div class="card-body "> <form method="post" role="form" nf-validation action="" class="contact" id="formularioPlanificadorDesktop"> <input name="__RequestVerificationToken" type="hidden" value="GCcmXWugzDUTnW7w8MsbhlM7uByK8_Dx3IuPHuPcCLwCMf4RZnKYMxVmqnq1DTyY8UZVb84NLUmkKu84wR1N5heKQR5wIUBJCUEpyJ2Gk581" /> <div class="form-body"> <div class="row"> <div class="col-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="name">Nombre</label> <input v-model="name" id="name" name="name" type="text" class="form-control" data-fv-regexp___message="Ingresé nombre." data-fv-regexp___regexp="^[A-Za-z]+$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="lastName">Apellido</label> <input v-model="lastName" id="lastName" name="lastName" type="text" class="form-control" data-fv-regexp___message="Ingresé apellido." data-fv-regexp___regexp="^[A-Za-z]+$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-12 col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="cuit">DNI</label> <input v-model="dni" id="cuit" name="dni" type="number" class="form-control" data-fv-not-empty="true" data-fv-regexp___message="Por favor ingresa un DNI válido." data-fv-regexp___regexp="^(\d{7,8})(\d)$" data-fv-regexp="true"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <div class="row g-1"> <label class="form-label" for="numberPhoneWriteUs">Teléfono</label> <div class="col-5"> <div class="input-group has-validation"> <span class="input-group-text" id="areaCodeAddon">0</span> <input v-model="areaCode" id="numberPhoneWriteUs" name="numberAreaCode" type="text" class="form-control" aria-describedby="areaCodeAddon" data-fv-regexp___message="La caracteristica solamente puede contener de 2 a 4 números." data-fv-regexp___regexp="^(1|2|3)[0-9]{1,3}$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-field="numberAreaCode" fdprocessedid="bw7fas"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-7"> <div class="input-group has-validation"> <input v-model="number" name="numberPhone" type="text" class="form-control" aria-describedby="numberAddon" data-fv-regexp___message="El Número de teléfono / celular solamente puede contener entre 6 y 8 números." data-fv-regexp___regexp="^[0-9]{6,8}$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-field="numberPhone" fdprocessedid="o53me"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> </div> </div> </div> <div class="col-12 col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="localidad">CP o Localidad</label> <nf-autocomplete id="location" name="custom-template" :data-source="source" :data-minimum-input-length="minimumInputLength" :data-has-search="hasSearch" v-model="locationSelected"> </nf-autocomplete> </div> </div> <div class="col-12 col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="emailContact">Email</label> <input v-model="email" id="emailContact" name="emailContact" type="email" class="form-control" data-fv-email-address="" data-fv-email-address___require-global-domain="" data-fv-not-empty="true" fdprocessedid="jflrax"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> <div class="additional-form-group mb-3"> <label for="confirmEmail" id="confirmEmailLabel" class="form-label">Confirmar Email</label> <input class="form-control" name="confirmEmail" id="confirmEmail" type="email" aria-describedby="emailHelp" autocomplete="off" tabindex="-1" /> </div> </div> <div class="col-12"> <div class="form-group mb-3"> <label class="mb-2">Tildá el siguiente campo antes de enviar</label> <nf-recaptcha></nf-recaptcha> </div> </div> <div class="col-12"> <button type="button" class="btn btn-secondary w-100" v-on:click="validateForm">Enviar</button> </div> </div> </div> </form> <script type="module"> const form = document.querySelector('#formularioPlanificadorDesktop'); NFI.Validation.init(form); NFI({ label: "Inicio", style: "btn-secondary btn-block", align: "bottom center", action: function (action) { alert("click!") }, showOnScroll: true, minimumInputLength: 3, hasSearch: true, source: function (term, page, signal) { return fetch( "/api/cotizationLocalities?request=" + term, { signal }, ) .then((response) => response.json()) .then(function (result) { const results = result.map(function (item) { return Object.assign( {}, { id: item.id, text: item.text }, item, ); }); return { results: results, more: false }; }); }, validateForm() { this.$form = document.querySelector('#formularioPlanificadorDesktop'); NFI.Validation.validate(form).then((validation) => { if (validation === 'Valid') { this.sendForm() } else { dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorUsuario', 'tipo': 'Cotización' }); } }); }, name: null, lastName: null, areaCode: null, number: null, email: null, confirmEmail: "asdasd", dni: null, locationSelected: null, nuevoLeadID: nuevoLeadID, async sendForm() { const formElement = document.querySelector('#formularioPlanificadorDesktop'); const recaptchaToken = new FormData(formElement).get('g-recaptcha-response'); const antiForgeryToken = formElement.querySelector("input[name='__RequestVerificationToken']")?.value; const params = { Nombre: this.name, Apellido: this.lastName, Telefono: this.areaCode + this.number, Localidad: this.locationSelected.text, Consulta: "Contacto a web", TipoConsulta: "Cotización", Email: this.email, ConfirmEmail: this.confirmEmail, FormaDeContacto: "Teléfono", NumeroDocumento: this.dni, ProductoComercial: "Cotización", leadID: this.nuevoLeadID, g: { recaptcha: { response: recaptchaToken } } } const url = "/api/contact"; this.loading = true; try { const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8', '_RequestVerificationToken': antiForgeryToken, 'X-Requested-With': 'XMLHttpRequest', }, body: JSON.stringify(params) }); if (!response.ok) { const errorText = await response.text(); throw new Error(`Ocurrió un error. Intente más tarde.`); } dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'OK', 'tipo': "Cotización", 'leadID': this.nuevoLeadID }); NFI.Notification.show({ type: 'success', title: 'Envío exitoso', content: 'El formulario ha sido enviado exitosamente.', delay: 10000, position: "top-0 end-0", autohide: true, }); // Limpiar formulario this.name = ''; this.dni = ''; this.areaCode = ''; this.number = ''; this.email = ''; this.lastName = ''; this.locationSelected = null; NFI.Validation.reset(formElement); NFI.Recaptcha.reset('nf-recaptcha'); } catch (error) { //Data google analitycs dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorServidor', 'tipo': "Cotización", 'leadID': this.nuevoLeadID }); NFI.Notification.show({ type: 'danger', title: 'Error al enviar', content: "No hemos podido enviar tu solicitud, intentá nuevamente mas tarde", delay: 8000, position: "top-0 end-0", autohide: true, }); NFI.Recaptcha.reset('nf-recaptcha'); } finally { this.loading = false; } }, }, '#formularioPlanificadorDesktop'); </script> </div> </div> </div> <div class="d-flex d-md-none fixed-bottom align-items-center justify-content-center p-4 bg-white"> <a v-on:click="document.querySelector('#modalFormulario').modal.show()" data-bs-toggle="modalFormulario" data-bs-target="#modalFormulario" class="btn btn-secondary"> Solicitar cotización </a> </div> </div> </div> <nf-modal id="modalFormulario" data-title="titulo formulario"> <div slot="title"> <div> <h5>Solicitar cotización</h5> </div> </div> <div slot="body"> <div> <form method="post" role="form" nf-validation action="" class="contact" id="formularioPlanificadorModal"> <input name="__RequestVerificationToken" type="hidden" value="OysgpMfFDjgjFGB_L1fPsSMeQczoIH8JceYUbEiWa9BdV1kWNMy0wMx6ZWaADTGSE9FIBBLZRQKPKpMW66htDTDg2RcD2jVeXU9pXKq9j2g1" /> <div class="form-body"> <div class="row"> <div class="col-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="name">Nombre</label> <input v-model="name" id="name" name="name" type="text" class="form-control" data-fv-regexp___message="Ingresé nombre." data-fv-regexp___regexp="^[A-Za-z]+$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="lastName">Apellido</label> <input v-model="lastName" id="lastName" name="lastName" type="text" class="form-control" data-fv-regexp___message="Ingresé apellido." data-fv-regexp___regexp="^[A-Za-z]+$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-12 col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="cuit">DNI</label> <input v-model="dni" id="cuit" name="dni" type="number" class="form-control" data-fv-not-empty="true" data-fv-regexp___message="Por favor ingresa un DNI válido." data-fv-regexp___regexp="^(\d{7,8})(\d)$" data-fv-regexp="true"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <div class="row g-1"> <label class="form-label" for="numberPhoneWriteUs">Teléfono</label> <div class="col-5"> <div class="input-group has-validation"> <span class="input-group-text" id="areaCodeAddon">0</span> <input v-model="areaCode" id="numberPhoneWriteUs" name="numberAreaCode" type="text" class="form-control" aria-describedby="areaCodeAddon" data-fv-regexp___message="La caracteristica solamente puede contener de 2 a 4 números." data-fv-regexp___regexp="^(1|2|3)[0-9]{1,3}$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-field="numberAreaCode" fdprocessedid="bw7fas"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> <div class="col-7"> <div class="input-group has-validation"> <input v-model="number" name="numberPhone" type="text" class="form-control" aria-describedby="numberAddon" data-fv-regexp___message="El Número de teléfono / celular solamente puede contener entre 6 y 8 números." data-fv-regexp___regexp="^[0-9]{6,8}$" data-fv-regexp="true" data-fv-not-empty="true" data-fv-field="numberPhone" fdprocessedid="o53me"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> </div> </div> </div> </div> <div class="col-12 col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="localidad">CP o Localidad</label> <nf-autocomplete id="location" name="custom-template" :data-source="source" :data-minimum-input-length="minimumInputLength" :data-has-search="hasSearch" v-model="locationSelected"> </nf-autocomplete> </div> </div> <div class="col-12 col-md-6"> <div class="form-group mb-3 fv-plugins-icon-container"> <label class="form-label" for="emailContact">Email</label> <input v-model="email" id="emailContact" name="emailContact" type="email" class="form-control" data-fv-email-address="" data-fv-email-address___require-global-domain="" data-fv-not-empty="true" fdprocessedid="jflrax"> <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div> </div> <div class="additional-form-group mb-3"> <label for="confirmEmail" id="confirmEmailLabel" class="form-label">Confirmar Email</label> <input class="form-control" name="confirmEmail" id="confirmEmail" type="email" aria-describedby="emailHelp" autocomplete="off" tabindex="-1" /> </div> </div> <div class="col-12"> <div class="form-group mb-3"> <label class="mb-2">Tildá el siguiente campo antes de enviar</label> <nf-recaptcha></nf-recaptcha> </div> </div> <div class="col-12"> <button type="button" class="btn btn-secondary w-100" v-on:click="validateForm">Enviar</button> </div> </div> </div> </form> <script type="module"> const form = document.querySelector('#formularioPlanificadorModal'); NFI.Validation.init(form); NFI({ label: "Inicio", style: "btn-secondary btn-block", align: "bottom center", action: function (action) { alert("click!") }, showOnScroll: true, minimumInputLength: 3, hasSearch: true, source: function (term, page, signal) { return fetch( "/api/cotizationLocalities?request=" + term, { signal }, ) .then((response) => response.json()) .then(function (result) { const results = result.map(function (item) { return Object.assign( {}, { id: item.id, text: item.text }, item, ); }); return { results: results, more: false }; }); }, validateForm() { this.$form = document.querySelector('#formularioPlanificadorModal'); NFI.Validation.validate(form).then((validation) => { if (validation === 'Valid') { this.sendForm() } else { dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorUsuario', 'tipo': 'Cotización' }); } }); }, name: null, lastName: null, areaCode: null, number: null, email: null, confirmEmail: "asdasd", dni: null, locationSelected: null, nuevoLeadID: nuevoLeadID, async sendForm() { const formElement = document.querySelector('#formularioPlanificadorModal'); const recaptchaToken = new FormData(formElement).get('g-recaptcha-response'); const antiForgeryToken = formElement.querySelector("input[name='__RequestVerificationToken']")?.value; const params = { Nombre: this.name, Apellido: this.lastName, Telefono: this.areaCode + this.number, Localidad: this.locationSelected.text, Consulta: "Contacto a web", TipoConsulta: "Cotización", Email: this.email, ConfirmEmail: this.confirmEmail, FormaDeContacto: "Teléfono", NumeroDocumento: this.dni, ProductoComercial: "Cotización", leadID: this.nuevoLeadID, g: { recaptcha: { response: recaptchaToken } } } const url = "/api/contact"; this.loading = true; try { const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json; charset=utf-8', '_RequestVerificationToken': antiForgeryToken, 'X-Requested-With': 'XMLHttpRequest', }, body: JSON.stringify(params) }); if (!response.ok) { const errorText = await response.text(); throw new Error(`Ocurrió un error. Intente más tarde.`); } dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'OK', 'tipo': "Cotización", 'leadID': this.nuevoLeadID }); NFI.Notification.show({ type: 'success', title: 'Envío exitoso', content: 'El formulario ha sido enviado exitosamente.', delay: 10000, position: "top-0 end-0", autohide: true, }); // Limpiar formulario this.name = ''; this.dni = ''; this.areaCode = ''; this.number = ''; this.email = ''; this.lastName = ''; this.locationSelected = null; NFI.Validation.reset(formElement); NFI.Recaptcha.reset('nf-recaptcha'); } catch (error) { //Data google analitycs dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorServidor', 'tipo': "Cotización", 'leadID': this.nuevoLeadID }); NFI.Notification.show({ type: 'danger', title: 'Error al enviar', content: "No hemos podido enviar tu solicitud, intentá nuevamente mas tarde", delay: 8000, position: "top-0 end-0", autohide: true, }); NFI.Recaptcha.reset('nf-recaptcha'); } finally { this.loading = false; } }, }, '#formularioPlanificadorModal'); </script> </div> </div> <div slot="footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dissmis="modal" v-on:click="document.querySelector('#modalFormulario').modal.hide()"> Volver </button> </div> </nf-modal> </div> <div class=""> <div class="pb-4 container"> <div class="row justify-content-center" id="simulador"> <div id="panelFormularioCotizacion" class="col-12 col-md-10 col-lg-8 pt-5 "> <div class="p-4 card border-0 shadow-sm"> <h2 class="text-secondary margin-none"> Simulá hoy tu futuro </h2> <div class="padding-top"> <form action="" id="formSimulador" v-on:vue:mounted="mounted"> <div class="row"> <div class="col-xs-12 col-md-4"> <div class="form-group mb-3 "> <label class="form-label" for="sex">Sexo</label> <nf-autocomplete id="sex" name="sex" :data-source="source" :data-minimum-input-length="minimumInputLength" :data-has-search="hasSearch" data-fv-not-empty="true" v-model="sex"> </nf-autocomplete> </div> </div> <div class="col-xs-12 col-md-4"> <div class="form-group mb-3"> <label class="form-label" for="years">Edad actual</label> <input id="years" name="years" v-model="years" type="number" class="form-control" data-fv-callback="true" data-fv-callback___callback="checkCurrentYear" data-fv-callback___message="Por favor introduce un valor válido"> </div> </div> <div class="col-xs-12 col-md-4"> <fieldset disabled> <div class="form-group mb-3"> <label class="form-label" for="edadJubilacion">Edad jubilatoria</label> <input id="edadJubilacion" name="edadJubilacion" v-model="edadJubilacion" type="number" class="form-control"> </div> </fieldset> </div> <div class="col-xs-12 col-md-6"> <div class="form-group mb-3"> <label class="form-label" for="currentMonthlyDeposit">Ingreso mensual actual</label> <div class="input-group"> <span class="input-group-text">$</span> <input id="currentMonthlyDeposit" name="currentMonthlyDeposit" type="text" class="form-control text-end" placeholder="0" data-fv-not-empty="true" :value="formattedDeposit" v-on:input="onInput" /> </div> </div> </div> <div class="col-xs-12 col-md-6"> <div class="form-group mb-3"> <label class="form-label" for="payRoll">Situación laboral</label> <nf-autocomplete id="custom-template" name="custom-template" :data-source="labourSituations" :data-minimum-input-length="minimumInputLength" :data-has-search="hasSearch" v-model="labourSituation" data-fv-not-empty="true"> </nf-autocomplete> </div> </div> <div class="col-xs-12 col-md-12"> <div class="form-group mb-3"> <label class="form-label text-secondary" for="percentSave"> ¿Porcentaje que estas dispuesto a ahorrar? <i aria-hidden="true" class="fa fa-circle-info" v-on:click="document.querySelector('#referenciaAhorroModal').modal.show()" type="button" data-bs-toggle="modal" data-bs-target="#modal"> </i> </label> <div class="text-center text-secondary text-bold fs-3"> <output for="range4" id="rangeValue" aria-hidden="true"></output>% </div> <input id="range4" name="percentSave" v-model="percentSave" type="range" class="form-range" min="1" max="60" value="8" data-fv-not-empty="true"> </div> </div> <div class="mt-2 border border-secondary border-2 rounded-4 p-3 text-secondary"> <div class="d-flex justify-content-between align-items-center"> <strong> Ahorrás por mes </strong> <strong class="fs-3">$ {{ahorrasPorMes.toLocaleString()}}</strong> </div> </div> <div class="col-xs-12 d-flex mt-4"> <button v-on:click="validarPlanificador" type="button" class="w-100 btn btn-secondary btn-lg">Calcular</button> </div> </div> </form> </div> </div> </div> <div id="panelResultadoCotizacion" class="col-12 col-md-6 col-lg-6 pt-5 d-none"> <div> <div id="cardCotizacion" class="p-4 card text-center bg-opacity-100 border-1 text-bold"> <p> <span id="htmlBienestar" class="badge rounded-pill h-25"> Puntuación de bienestar: {{porcentajeBienestar}}/100 <i aria-hidden="true" class="fa fa-circle-info" v-on:click="document.querySelector('#referenciaBienestarModal').modal.show()" type="button" data-bs-toggle="modal" data-bs-target="#modal"> </i> </span> </p> <p class="lead m-0"><strong>Fondo acumulado al retiro</strong></p> <p class="display-5"> <strong> $ {{saldoAlRetiro.toLocaleString('es-AR', {maximumFractionDigits: 0})}} </strong> </p> <p class="lead m-0"><strong>Renta mensual</strong></p> <p class="display-5"> <strong> $ {{rentaMensual.toLocaleString('es-AR', {maximumFractionDigits: 0})}} </strong> </p> <div class="card-body bg-white rounded-4 p-3 mb-4 shadow-sm"> <p class="text-center text-gray-900"> Estás a un paso de asegurar tu nivel de vida </p><button type="button" class="w-100 btn btn-outline-secondary btn-sm" v-on:click="document.querySelector('#modalFormulario').modal.show()" data-bs-toggle="modal" data-bs-target="#modal"> Solicitar cotización </button> </div> <p class="mb-0"> <strong> Necesitarías un ingreso mensual de: <i aria-hidden="true" class="fa fa-circle-info" v-on:click="document.querySelector('#referenciaNecesitarias').modal.show()" type="button" data-bs-toggle="modal" data-bs-target="#modal"> </i> </strong> </p> <p class="fs-3"> <strong>$ {{necesitas.toLocaleString()}}</strong> </p> <div v-if="porcentajeBienestar>69 && showNecesitasCard"> <p class="mb-0"> <strong>Con el ahorro calculamos que tendrías</strong> </p> <p class="fs-3"> <strong>$ {{estimamosQueTendras.toLocaleString()}}</strong> </p> <p class="mb-0"><strong>Tendrás un extra de</strong></p> <p class="fs-3"> <strong>$ {{tendrasUnExtraDe.toLocaleString()}}</strong> </p> </div> </div> <div class="text-primary mt-2"> <a class="fs-6" v-on:click="document.querySelector('#modalProyecciones').modal.show()"> Información sobre las proyecciones <i aria-hidden="true" class="fa fa-circle-info" type="button" data-bs-toggle="modal" data-bs-target="#modal"> </i> </a> </div> </div> </div> </div> </div> <nf-modal id="referenciaAhorroModal" :data-title="title"> <div slot="title"> <div> <h5>Referencia de ahorro</h5> </div> </div> <div slot="body"> <div> <p> Indica qué porcentaje de tu ingreso mensual destinarías al ahorro de forma constante. Este dato nos permite calcular cuánto podrías aportar al seguro de retiro y proyectar el capital que podrías acumular a lo largo del tiempo para tu jubilación. </p> </div> </div> <div slot="footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dissmis="modal" click="cerrarReferenciaDeAhorro()"> Cerrar </button> </div> </nf-modal> <nf-modal id="referenciaNecesitarias" :data-title="title"> <div slot="title"> <div> <h5>Necesitarías</h5> </div> </div> <div slot="body"> <div> <p> Es una estimación del ingreso mensual que podrías necesitar al retirarte. Se calcula proyectando cuánto podrías ganar a la edad de retiro y tomando como referencia que necesitarías aproximadamente el 70 % de ese ingreso para mantener tu nivel de vida. </p> </div> </div> <div slot="footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dissmis="modal" click="referenciaNecesitarias()"> Cerrar </button> </div> </nf-modal> <nf-modal id="modalProyecciones" :data-title="title"> <div slot="title"> <div> <h5>Información sobre las proyecciones</h5> </div> </div> <div slot="body"> <div> <p> Para las proyecciones se utilizó una tasa <strong>real</strong> en pesos del 4% anual, es decir, un rendimiento estimado 4 puntos por encima de la inflación, preservando el poder adquisitivo. Los cálculos se realizan considerando una renta vitalicia ilimitada, edad de retiro de 60 años para mujeres, 65 años para hombres. No se consideran sellados provinciales. </p> <p> El ingreso mensual que podrías recibir al retirarte, se calcula a partir de la información que ingresaste y de supuestos financieros. El resultado contempla renta vitalicia y haberes jubilatorios en caso de corresponder, de acuerdo a tu actividad. Es orientativo, no implica una garantía, y puede variar según cambios en tu situación o en las condiciones económicas </p> </div> </div> <div slot="footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dissmis="modal" click="cerrarReferenciaDeAhorro()"> Volver </button> </div> </nf-modal> <nf-modal id="referenciaBienestarModal" :data-title="title"> <div slot="title"> <div> <h5>Puntaje de bienestar para tu retiro</h5> </div> </div> <div slot="body"> <div> <p> Según los datos que ingresaste y supuestos financieros, el puntaje compara tus ingresos mensuales estimados en el retiro con tus ingresos mensuales actuales. Por ejemplo, si al retirarte tendrías $100.000 por mes y hoy ganás $200.000, tu puntaje sería 50. </p> </div> </div> <div slot="footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dissmis="modal" click="cerrarModalBienestar()"> Volver </button> </div> </nf-modal> <script type="module"> const rangeInput = document.getElementById('range4'); const rangeOutput = document.getElementById('rangeValue'); rangeOutput.textContent = rangeInput.value; rangeInput.addEventListener('input', function () { rangeOutput.textContent = this.value; }); const form = document.querySelector('#formSimulador'); NFI.Validation.init(form); NFI({ jubilacionMin: 481989, jubilacionMax: 2772298, //edadJubilacion: null, percentSave: 8, sex: null, years: null, currentMonthlyDeposit: null, labourSituation: null, necesitas: 0, estimamosQueTendras: 0, tendrasUnExtraDe: 0, phoneNumber: null, phoneCode: null, email: null, hasSearch: false, selected: null, minimumInputLength: 0, jubilacionEsperada: null, showNecesitasCard:true, ppu: null, saldoAlRetiro: 0, porcentajeBienestar: 0, rentaMensual: 0, aporteMensual: 0, isCotizacionHecha: false, ahorroMensual: 22.45, bgClass: "success", mounted() { window.checkCurrentYear = this.checkCurrentYear.bind(this); let formDesktop = document.querySelector('#formSimulador'); NFI.Validation.init(formDesktop); }, onInput(event) { const raw = event.target.value.replace(/[^0-9]/g, ''); this.currentMonthlyDeposit = raw ? Number(raw) : null; }, get formattedDeposit() { if (!this.currentMonthlyDeposit) return ''; return Number(this.currentMonthlyDeposit).toLocaleString('es-AR'); }, checkCurrentYear(val) { if (this.years < 1) return false; if (this.sex != null) { if (this.sex.id == "mas") { return this.years < 65; } else { return this.years < 60 } } else { return false; } }, labourSituations: [ { id: 1, text: "Relación de dependencia" }, { id: 2, text: "Independiente / autónomo" }, { id: 3, text: "No trabajo formalmente" }, ], source: [ { id: "mas", text: "Masculino" }, { id: "fem", text: "Femenino" }, ], get ahorrasPorMes() { if (!this.currentMonthlyDeposit || !this.percentSave) { return 0; } return Math.round(this.currentMonthlyDeposit * this.percentSave / 100); }, get edadJubilacion() { if (this.sex == null) return null; else { return this.sex.id == "mas" ? 65 : 60; } }, //setEdadJubilacion(valueChanged) { // if (this.sex.id == "mas") // this.edadJubilacion = 65; // else // this.edadJubilacion = 60; //}, cerrarReferenciaDeAhorro() { document.querySelector('#referenciaAhorroModal').modal.hide() }, cerrarModalBienestar() { document.querySelector('#referenciaBienestarModal').modal.hide() }, referenciaNecesitarias() { document.querySelector('#referenciaNecesitarias').modal.hide() }, validarPlanificador() { this.$form = document.querySelector('#formSimulador'); NFI.Validation.validate(form).then((validation) => { if (validation === 'Valid') { this.calcularCotizacion(); } else { dataLayer.push({ 'event': 'calcular', 'resultado': 'errorUsuario', 'tipo': 'Cotización', 'leadID': nuevoLeadID }); } }); }, calcularCotizacion() { let PPU = this.sex.id == "mas" ? 149.781885986579 : 188.958970551237; this.ppu = PPU; let añosAportante = this.edadJubilacion - this.years; let mesesAportante = 12 * añosAportante; let aporteMensual = this.currentMonthlyDeposit * this.percentSave / 100; this.aporteMensual = aporteMensual; let primaDeTarifa = aporteMensual / 1.006; let primaPura = primaDeTarifa * (1 - 0.1); let i12 = Math.pow(1.04, 1 / 12) - 1; let sfciera = this.b(i12, mesesAportante); let saldoAlRetiro = primaPura * sfciera; this.saldoAlRetiro = saldoAlRetiro; let jubilacionEsperada = this.calJubilacionEsperada(this.currentMonthlyDeposit, this.esTrabajoFormal(), this.esReleacionDepen(), this.jubilacionMin, this.jubilacionMax) this.jubilacionEsperada = jubilacionEsperada; let rentaMensual = saldoAlRetiro / PPU; this.rentaMensual = rentaMensual; let totalJubilacionMasRentaRetiro = jubilacionEsperada + rentaMensual; let necesitas = this.currentMonthlyDeposit * 0.7; let estimamosQueTendras = totalJubilacionMasRentaRetiro; let tendrasExtraDe =estimamosQueTendras - necesitas; this.showNecesitasCard = tendrasExtraDe > 0; this.necesitas = Math.round(necesitas); this.estimamosQueTendras = Math.round(estimamosQueTendras); this.tendrasUnExtraDe = Math.round(tendrasExtraDe); let resultadoPorcentaje = Math.round(this.calcularResultado(necesitas, estimamosQueTendras)); this.isCotizacionHecha = true; this.porcentajeBienestar = resultadoPorcentaje; this.setearColores(resultadoPorcentaje); dataLayer.push({ 'event': 'calcular', 'sexo': this.sex.id == "mas" ? 'masculino' : 'femenino', 'edad': this.years, 'moneda': 'pesos', //this.isArs == true ? 'pesos' : 'dolares', 'aporte': aporteMensual }); const element = document.getElementById("panelResultadoCotizacion"); element.scrollIntoView({ behavior: 'smooth' }); }, setearColores(resultadoPorcentaje) { const htmlBienestar = document.querySelector('#htmlBienestar'); const htmlCardCotizacion = document.querySelector('#cardCotizacion'); this.limpiarClases(htmlBienestar, htmlCardCotizacion); switch (true) { case resultadoPorcentaje <= 35: htmlBienestar.classList.add('bg-gray-900'); htmlCardCotizacion.classList.add('bg-gray-100', 'border-gray', 'text-gray-900'); break; case resultadoPorcentaje > 35 && resultadoPorcentaje <= 69: htmlBienestar.classList.add('bg-primary-900'); htmlCardCotizacion.classList.add('bg-primary-100', 'border-primary', 'text-primary-900'); break; default: htmlBienestar.classList.add('bg-success-900'); htmlCardCotizacion.classList.add('bg-success-100', 'border-success', 'text-success-900'); break; } const panelFormularioCotizacion = document.querySelector('#panelFormularioCotizacion'); const panelResultadoCotizacion = document.querySelector('#panelResultadoCotizacion'); panelFormularioCotizacion.classList.remove('col-12', 'col-md-10', 'col-lg-8'); panelResultadoCotizacion.classList.remove('d-none'); panelFormularioCotizacion.classList.add('col-md-6', 'col-lg-6'); }, limpiarClases(htmlBienestar, htmlCardCotizacion) { htmlBienestar.classList.remove('bg-primary-900'); htmlBienestar.classList.remove('bg-gray-900'); htmlBienestar.classList.remove('bg-success-900'); htmlCardCotizacion.classList.remove('bg-success-100', 'border-success', 'text-success-900'); htmlCardCotizacion.classList.remove('bg-gray-100', 'border-gray', 'text-gray-900'); htmlCardCotizacion.classList.remove('bg-primary-100', 'border-primary', 'text-primary-900'); }, esTrabajoFormal() { if (this.labourSituation.id == 3) return false; return true; }, esReleacionDepen() { if (this.labourSituation.id == 1) return true; return false; }, calJubilacionEsperada(aportMenActual, esTrabajoFormal, esRelacionDependencia, jubMin, jubMax) { if (esTrabajoFormal === false) { return 0; } else { const intermedio = (esRelacionDependencia === true) ? (0.5 * aportMenActual) : jubMin; return intermedio > jubMax ? jubMax : intermedio; } }, calcularResultado(necesitas, jubEstimada) { const porcentaje = (jubEstimada / necesitas) * 100; return porcentaje > 100 ? 100 : porcentaje; }, b(F18, F15) { return Math.pow(1 + F18, F15) * (1 - Math.pow(1 + F18, -F15)) / (1 - Math.pow(1 + F18, -1)); }, rojo(I8) { return I8 < 49.99 ? I8 : ""; }, amarillo(I8) { return (I8 < 69.99 && I8 > 49.99) ? I8 : ""; }, verde(I8) { return I8 > 69.99 ? I8 : ""; }, añosDeAporte() { this.sex = "mas" ? 65 : 60; } }, '#simulador'); </script> </div> <div class="container text-center pt-5"> <h3>Beneficios</h3> <div class="row justify-content-center gx-4"> <div class=" col-10 col-md-3 col-lg-3 text-center pt-4"> <nf-card data-bg-color="bg-white-100" data-img="{ src: 'Assets/img/RS/Stickers/20230707_PR_Web_Sticker-18.svg', width: '200px', align:'center', xsWidth: '200px', alt: 'Icono', }" data-orientation="vertical"> <div slot="title" class="mb-2 text-center"> <strong class="fs-4">Vos elegís como ahorrar</strong> </div> <div slot="text"> <p class="text-center pb-4"> Porque podés ahorrar de acuerdo a tus posibilidades, eligiendo el monto y en qué moneda realizar tus aportes. </p> </div> </nf-card> </div> <div class=" col-10 col-md-3 col-lg-3 text-center pt-4"> <nf-card data-bg-color="bg-white-100" data-img="{ src: 'Assets/img/RS/Stickers/20230707_PR_Web_Sticker-19.svg', width: '200px', align:'center', xsWidth: '200px', alt: 'Icono' }" data-orientation="vertical"> <div slot="title" class="mb-2 text-center"> <strong class="fs-4">Tu dinero está siempre disponible</strong> </div> <div slot="text"> <p class="text-center pb-4"> Porque en caso de necesitarlo, podés hacer retiros anticipados. </p> </div> </nf-card> </div> </div> <div class="row justify-content-center gx-4"> <div class=" col-10 col-md-3 text-center pt-4"> <nf-card data-bg-color="bg-white-100" data-img="{ src: 'Assets/img/RS/Stickers/20230707_PR_Web_Sticker-20.svg', width: '200px', align:'center', xsWidth: '200px', alt: 'Icono' }" data-orientation="vertical"> <div slot="title" class="mb-2 text-center"> <strong class="fs-4">Es deducible de Ganancias</strong> </div> <div slot="text"> <p class="text-center"> Porque podés deducirlo del Impuesto a las Ganancias. </p> </div> </nf-card> </div> <div class=" col-10 col-md-3 text-center pt-4"> <nf-card data-bg-color="bg-white-100" data-img="{ src: 'Assets/img/RS/Stickers/20230707_PR_Web_Sticker-22.svg', width: '200px', align:'center', xsWidth: '200px', alt: 'Icono' }" data-orientation="vertical"> <div slot="title" class="mb-2 text-center"> <strong class="fs-4">Estás protegido</strong> </div> <div slot="text"> <p class="text-center"> Porque los fondos son inembargables y exentos de bienes personales. </p> </div> </nf-card> </div> </div> </div> <div class="container text-center pt-5"> <h3>Beneficios adicionales</h3> <div class="row justify-content-center gx-4"> <div class=" col-10 col-md-3 col-lg-3 text-center pt-4"> <nf-card data-bg-color="bg-white-100" data-img="{ src: 'Assets/img/RS/Stickers/20230707_PR_Web_Sticker-24.svg', width: '200px', align:'center', xsWidth: '200px', alt: 'Icono' }" data-orientation="vertical"> <div slot="title" class="mb-2 text-center"> <strong class="fs-4">Óptica</strong> </div> <div slot="text"> <p class="text-center pb-4"> Podés adquirir tus lentes aéreos, de contacto y de sol con beneficios. </p> </div> </nf-card> </div> <div class=" col-10 col-md-3 col-lg-3 text-center pt-4"> <nf-card data-bg-color="bg-white-100" data-img="{ src: 'Assets/img/RS/Stickers/20230707_PR_Web_Sticker-23.svg', width: '200px', align:'center', xsWidth: '200px', alt: 'Icono' }" data-orientation="vertical"> <div slot="title" class="mb-2 text-center"> <strong class="fs-4">Llamando al doctor</strong> </div> <div slot="text"> <p class="text-center"> Un servicio de atención médica por videollamada las 24 horas. </p> </div> </nf-card> </div> </div> </div> </div> <style> .bg-img-benefits { background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img-benefits#formPlanificador { background-image: url(Assets/img/Simulador/Header/banner_M.jpg); } </style> </div> <footer itemscope itemtype="http://schema.org/WPFooter"> <div class="p-4 container-fluid bg-secondary bg-opacity-75"> <meta itemprop="name" content="Sancor Seguros Footer" /> <div class="row"> <div class="col-md-3 col-lg-3 col-sm-4 col-6 text-center pt-2 pb-2 ps-4"> <a href="http://www.prevencionretiro.com.ar/" target="_blank"> <img src="/Assets/img/PR_LOGOTIPO-1LINEA-CON-SS-WHITE.svg" alt="Grupo Sancor Seguros" /> </a> </div> <div class="col-md-3 col-lg-6 d-none d-sm-block"> </div> <div class="col-md-3 col-lg-3 col-sm-8 col-12 text-center p-4"> <div class="row g-4 justify-content-center align-items-center"> <div class="col-auto"> <a href="http://www.facebook.com/PrevencionRetiro" target="_blank" rel="nofollow"> <img src="/Assets/img/SocialIcons/facebookIcon.svg" width="38" height="38" alt="Facebook" class="cursor-pointer"> </a> </div> <div class="col-auto"> <a href="http://www.instagram.com/prevencionretiro" target="_blank" rel="nofollow"> <img src="/Assets/img/SocialIcons/instagramIcon.svg" width="38" height="38" alt="Instagram" class="cursor-pointer"> </a> </div> <div class="col-auto"> <a href="https://www.linkedin.com/authwall?sessionRedirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fprevencion-retiro%2F" target="_blank" rel="nofollow"> <img src="/Assets/img/SocialIcons/linkedlnIcon.svg" width="38" height="38" alt="LinkedIn" class="cursor-pointer"> </a> </div> <div class="col-auto"> <a href="https://www.youtube.com/channel/UCHVCk2AAMXZvIhGALGleONg" target="_blank" rel="nofollow"> <img src="/Assets/img/SocialIcons/youtube-footer.svg" width="38" height="38" alt="YouTube" class="cursor-pointer"> </a> </div> <div class="col-auto"> <a href="http://www.jus.gov.ar/datos-personales.aspx" target="_blank"> <img src="/Assets/img/pdp.jpg" alt="Protección de Datos Personales" width="62" height="50"> </a> </div> </div> </div> </div> </div> <div class="text-white bg-secondary p-4"> <div class="container"> <div class="row pb-2 justify-content-center align-items-center"> <div class="col-md-2 col-12 text-center p-0 "> <div class="mb-0">N° de Inscripción de SSN</div> <div class="mb-0">0930</div> </div> <div class="col-md-1 d-none d-md-block text-center"> <img src="/Assets/img/ssn-info-divisor.png" alt=""> </div> <div class="col-md-2 col-12 text-center"> <div class="mb-0">Atención al asegurado</div> <div class="mb-0">0800-666-8400</div> </div> <div class="col-md-1 d-none d-md-block text-center"> <img src="/Assets/img/ssn-info-divisor.png" alt=""> </div> <div class="col-md-2 col-12 text-center"> <div class="mb-0">Organismo de control</div> <div class="mb-0">www.argentina.gob.ar/ssn</div> </div> <div class="col-md-1 d-none d-md-block text-center"> <img src="/Assets/img/ssn-info-divisor.png" alt=""> </div> <div class="col-md-3 col-6 offset-3 offset-md-0"> <img class="img-fluid" src="/Assets/img/logo_SSN.png" alt="Logo SSN"> </div> </div> <div class="row"> <div class="col-12 text-center pt-4"> <p> <a class="btn btn-secondary mb-3" href="https://www.prevencionretiro.com.ar/politicas-privacidad">Políticas de privacidad</a> <a class="btn btn-secondary mb-3 text-white" href="https://www.prevencionretiro.com.ar/preguntasfrecuentes">Preguntas Frecuentes</a> <a class="btn btn-secondary mb-3 text-white" data-bs-toggle="modal" data-bs-target="#fraudPreventionModal">Prevención de fraude</a> </p> </div> </div> <div class="row"> <div class="col-12 p-0"> <p class="mb-0"> <small> La entidad aseguradora dispone de un Servicio de Atención al Asegurado que atenderá las consultas y reclamos que presenten los tomadores de seguros, asegurados, beneficiarios y/o derechohabientes. </small> </p> <p class="mb-0"> <small> RESPONSABLE: Ormachea, Hernán <br /> SUPLENTE: Barolo Mariela<br /> TELÉFONO/INTERNO: 03493-428500 - 53120<br /> CORREO ELECTRÓNICO: SAA@sancorseguros.com<br /> Nº DE INSCRIPCIÓN DE LA COMPAÑÍA ANTE LA SSN: 0930 </small> </p> <p class="mb-0"> <small> En caso de reclamo ante la entidad aseguradora no resuelto o desestimado, podrá denunciarlo a través de www.argentina.gob.ar/ssn. </small> </p> </div> </div> </div> </div> <div class="modal fade" id="" tabindex="-1" aria-labelledby="fraudPreventionModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header border-0"> <h4 class="modal-title" id="fraudPreventionModalLabel"></h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p>Si tenés conocimientos de actos sospechosos de fraude o ilegales, comunicate con nosotros y los investigaremos con absoluta reserva. Escribinos a <a href="mailto:prevenciondefraude@sancorseguros.com">prevenciondefraude@sancorseguros.com</a></p> </div> <div class="modal-footer border-0"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <nf-modal id="fraudPreventionModal"> <div slot="title"> <div> <h4>Prevención de fraude</h4> </div> </div> <div slot="body"> <div> <p>Si tenés conocimientos de actos sospechosos de fraude o ilegales, comunicate con nosotros y los investigaremos con absoluta reserva. Escribinos a <a href="mailto:prevenciondefraude@sancorseguros.com">prevenciondefraude@sancorseguros.com</a></p> </div> </div> <div slot="footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dissmis="modal" v-on:click="document.querySelector('#fraudPreventionModal').modal.hide()"> Volver </button> </div> </nf-modal> </footer> <script type="module"> NFI({ MenuNFI : {"logo":{"name":"Logo Sitio Retiro","src":"/Assets/img/PR_LOGOTIPO-1LINEA-SIN-SS.svg","href":"/","alt":"Logo Sitio Retiro"},"action":{"link":"https://autogestion.prevencionretiro.com.ar/sancorpra","label":"Ingresar"},"i18n":{"more":"Mas"},"links":[{"label":"Planes","href":"https://www.prevencionretiro.com.ar/Planes","titleAttr":null,"relAttr":null,"targetAttr":null,"links":null},{"label":"Beneficios","href":"https://www.prevencionretiro.com.ar/Beneficios","titleAttr":null,"relAttr":null,"targetAttr":null,"links":null},{"label":"Nosotros","href":"https://www.prevencionretiro.com.ar/Institucional","titleAttr":null,"relAttr":null,"targetAttr":null,"links":null},{"label":"Contacto","href":"https://www.prevencionretiro.com.ar/Contacto","titleAttr":null,"relAttr":null,"targetAttr":null,"links":null}]}, }, '#newMenu'); </script> <script type="text/javascript"> window.contactPhones = [ { "label": "EMERGENCIAS / URGENCIAS", "number": "0800 444 0000", "info": " " }, { "label": "CONSULTAS GENERALES", "number": "0810 888 0010", "info": " " }, { "label": "LÍNEA DIRECTA", "number": "0800 444 0000", "info": " " }, { "label": "FAX GRATUITO", "number": "0800 444 0000", "info": " " } ]; window.chatConfig = { country: "es-AR", siteCode: "4001", available: { weekdays: { startHour: 8, startMinute: 0, endHour: 20, endMinute: 0 }, weekend: false, holidays: ["2022-01-01","2022-02-28", "2022-03-01", "2022-03-24", "2022-04-02", "2022-04-15", "2022-05-01", "2022-05-25", "2022-06-17", "2022-06-20", "2022-07-09", "2022-08-15", "2022-10-07", "2022-10-10", "2022-11-20", "2022-11-21", "2022-12-08", "2022-12-09", "2022-12-25", "2023-01-01"], }, i18n: { serviceNotAvailable: { title: 'Fuera de horario de atención', text: { firstParagrahp: `Nuestro horario de atención es de <strong>Lunes a viernes, días hábiles de 8 a 20hs</strong>.`, secondParagrahp: 'Muchas gracias.' } }, init: { title: 'Hablar con un representante', form: { title: 'Para iniciar el chat, por favor ingresá los siguientes datos:', subtitle: 'Todos los campos son obligatorios', aside: `<p>El sitio de <strong>Prevención Retiro</strong> cuenta con información completa y actualizada sobre sus productos y servicios.</p> <p>Por temas relacionados a tus pólizas, podés ingresar al sitio de <a href="https://www.gruposancorseguros.com/ar/es/sancor-seguros" target="_blank" title="Cómo proceder en caso de siniestros"> autogestión. </a> </p> <p>Por temas generales, visitá la sección de <a href="/preguntasfrecuentes" target="_blank" title="Formas de pago"> preguntas frecuentes. </a> </p>` } }, connecting: { title: 'Conectando...', text: { firstLine: 'Estamos conectando con un representante.', secondLine: 'Esta acción podría tomar unos minutos. Por favor aguarde.' } }, connectionError: { title: 'Ha ocurrido un error', message: 'Ha ocurrido un error mientras intentabamos conectarlo con uno de nuestros representantes', button: 'REINTENTAR' }, connected: { title: 'En línea', sendLabel: 'Enviar', welcomeMessage: 'Bienvenido al chat de Prevención Retiro', sendMessageError: 'Ha ocurrido un problema, su mensaje no fue enviado. Vuelva a Intentarlo.', chatEnded: 'La comunicación con el agente de Sancor Seguros ha finalizado.', isTypingMessage: 'El agente está escribiendo ...' }, exit: { text: '¿Desea salir del chat?', confirm: 'SÍ', cancel: 'NO' } } }; //NFI({}, "footer", ["nf-lazy-img"]); ////Con NFI Ready nos atachamos al evento click del menu //NFI.ready(function () { // $("a[href='#ChatOnline']").click(function () { // NFI.Chat.show(); // }); //}); </script> </body> </html>