www.sucursalelectronica.com
Open in
urlscan Pro
23.208.148.241
Public Scan
Submitted URL: http://bac-cr.com/N3-BancaLinea
Effective URL: https://www.sucursalelectronica.com/redir/showLogin.go
Submission: On December 14 via manual from ES — Scanned from ES
Effective URL: https://www.sucursalelectronica.com/redir/showLogin.go
Submission: On December 14 via manual from ES — Scanned from ES
Form analysis 2 forms found in the DOM
Name: loginForm — POST
<form method="post" name="loginForm" autocomplete="off">
<script>
let linkHelpCenter = "https://www.baccredomatic.com/es-CR/personas/canales-de-servicio";
let resultLinkHelpCenter = linkHelpCenter.toLowerCase();
let daysList = ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'];
let monthsList = ['enero', 'febrero', 'marzo', 'abril', 'mayo', 'junio', 'julio', 'agosto', 'septiembre', 'octubre', 'noviembre', 'diciembre'];
function goHelpCenter() {
window.open(resultLinkHelpCenter, "_blank");
}
</script>
<header class="grid-container-fluid p-relative bg-color-white card-shadow-primary" style="z-index:10">
<div class="grid-row a-items-center p-x-l">
<a class="nav-item dropdown show cursor-pointer col-6 p-reset header-brand-logo" onclick="registerGAEvent('login','click','referral_login_bel');" href="https://www.baccredomatic.com"></a>
<ul class="d-flex a-items-center m-reset p-reset p-y-l col-6 j-content-end">
<li class="d-none d-sm-flex nav-item cursor-pointer a-items-center">
<a class="typography-p d-flex a-items-center j-content-center t-decoration-none" onclick="goHelpCenter(); registerGAEvent('login','click','ayuda_login_bel');" target="_blank">
<i class="icons lens-stroke-before icons-xl"></i>
<span class="p-left-s f-size-xl">Ayuda</span></a>
</li>
<li class="nav-item dropdown show cursor-pointer d-flex a-items-center p-left-l">
<a class="nav-link dropdown-toggle d-flex a-items-center t-decoration-none" role="button" id="navbarDropdownCountry" onclick="registerGAEvent('login','click','selector_pais_login_bel');" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span id="countryFlag" class="flag flag-CR"></span>
<span id="countryCode" class="d-none d-sm-block m-left-xs typography-h3 f-weight-l country-code">CR</span>
<i id="arrowCountryFlag" class="icons chevron-down-block-before icons-xl c-neutral-extrahigh d-none d-sm-block m-right-xs"></i>
</a>
<div class="dropdown-menu right-negative-l" aria-labelledby="navbarDropdown" id="navbarDropdownMenu">
<a class="dropdown-item typography-p" onclick="selectCountryDropdownMenu(this);registerGAEvent('login','seleccion_CR_login_bel','selector_pais_login_bel');" data-flag="CR">Costa Rica
</a>
<a class="dropdown-item typography-p" onclick="selectCountryDropdownMenu(this);registerGAEvent('login','seleccion_GT_login_bel','selecciona_pais_login_bel');" data-flag="GT"> Guatemala
</a>
<a class="dropdown-item typography-p" onclick="selectCountryDropdownMenu(this);registerGAEvent('login','seleccion_HN_login_bel','selecciona_pais_login_bel');" data-flag="HN"> Honduras
</a>
<a class="dropdown-item typography-p" onclick="selectCountryDropdownMenu(this);registerGAEvent('login','seleccion_NI_login_bel','selecciona_pais_login_bel');" data-flag="NI"> Nicaragua
</a>
<a class="dropdown-item typography-p" onclick="selectCountryDropdownMenu(this);registerGAEvent('login','seleccion_SV_login_bel','selecciona_pais_login_bel');" data-flag="SV"> El Salvador
</a>
<a class="dropdown-item typography-p" onclick="selectCountryDropdownMenu(this);registerGAEvent('login','seleccion_PA_login_bel','selecciona_pais_login_bel');" data-flag="PA"> Panamá
</a>
</div>
</li>
<li class="nav-item dropdown show cursor-pointer d-sm-none p-left-s">
<a class="nav-link dropdown-toggle t-decoration-none" id="navbarDropdownShow" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="icons hamburguer-menu-block-before icons-4xl c-neutral-extrahigh"></i>
</a>
<div class="dropdown-menu right-negative-l" aria-labelledby="navbarDropdown" id="navbarDropdownMenuHelp">
<a id="modalExchangeReference" class="dropdown-item typography-p t-decoration-none" onclick="createExchangeMobile();">Tipo de Cambio</a>
<a class="dropdown-item typography-p d-flex a-items-center j-content-center t-decoration-none" onclick="goHelpCenter(); registerGAEvent('login','click','ayuda_login_bel');" target="_blank">
<i class="icons lens-stroke-before icons-xl"></i>
<span class="p-left-s">Ayuda</span></a>
</div>
</li>
</ul>
</div>
<div class="grid-row d-none d-sm-block">
<div class="hr-primary col-12 p-reset"></div>
</div>
<div class="grid-row d-none d-sm-block">
<div class="col-12 d-flex j-content-center a-items-center" style="height:40px">
<div class="p-relative">
<a id="exchangeModal" class="d-flex a-items-center typography-link-contextual f-weight-m" onclick="registerGAEvent('login','click','tipo_cambio_login_bel');">
<i class="icons atm-filled-before icons-xl m-right-xs"></i>
<span class="f-size-xl m-right-xs">Tipo de Cambio</span>
<span><i class="icons chevron-down-block-before icons-xl m-right-xs"></i></span>
</a>
<div id="bubble4" onclick=" " class="m-top-l tooltip tooltip--top"
style="--width: 350px; --xPos: calc( 125.25px - 0px ); --yPos: calc( 28px ); --radius: 4px; --background: var(--c-white); --indicator-position-arrow: 90%; --indicator-position-element-reference: 75%; --zIndex: 700; --anim-name-in: fade-in-right; --anim-name-out: fade-out-left; --anim-time: 0.2s; --anim-delay: 0.2s;">
<div class="p-l">
<div id="containerDate" class="p-x-m"><label class="typography-label c-neutral-medium f-size-l f-weight-s" "="">Jueves 14 de diciembre , 2023</label></div><div id=" exchangeRateContainer">
<div class="col-12 m-top-m m-x-m p-reset">
<h5 class="typography-h5 f-weight-m">Seleccione una moneda</h5>
</div>
<div class="col-12 d-flex m-top-s j-content-between p-x-reset">
<div class="col-6 p-reset">
<div class="p-right-xs p-x-m">
<input type="radio" name="referenceCurrency" checked="" class="selection-box" id="referenceCurrencyUSDexchangeRateContainer">
<label class="selection-box-label" for="referenceCurrencyUSDexchangeRateContainer">Dólar</label>
</div>
</div>
<div class="col-6 p-reset">
<div class="p-x-m">
<input type="radio" name="referenceCurrency" class="selection-box" id="referenceCurrencyEURexchangeRateContainer">
<label class="selection-box-label" for="referenceCurrencyEURexchangeRateContainer">Euro</label>
</div>
</div>
</div>
<hr class="hr-primary m-top-l">
<div class="col-12 d-flex m-top-l m-x-s j-content-center gap-m">
<button id="buyBottonexchangeRateContainer" type="button" class="m-right-xs t-align-center btn btn-auxiliary f-weight-l typography-h4">Compra: <span id="buyBottonSymbol">₡</span><span id="buyBottonAmount">519.00</span></button>
<div class="b-left"></div>
<button id="sellBottonexchangeRateContainer" type="button" class="m-left-xs t-align-center btn btn-auxiliary ">Venta: <span id="sellBottonSymbol">₡</span><span id="sellBottonAmount">533.00</span></button>
</div>
<div class="d-flex m-top-s a-items-center p-x-l" id="inputSectionContainerexchangeRateContainer">
<div class="p-x-m c-brand-low cursor-pointer" id="switchexchangeRateContainer">
<i class="icons half-arrow-up-down-filled-before icons-xl"></i>
</div>
<div class="d-flex f-grow-1">
<input id="inutCurrencyCodeexchangeRateContainer" class="t-align-center bg-color-white input-file p-s typography-placeholder m-reset" disabled="" value="USD">
<input id="inputCalcAmmountexchangeRateContainer" onkeypress="return isNumberKeyCode(event);" type="text" placeholder="0" class="input-main typography-p t-align-right cursor-text">
</div>
</div>
<div class="t-align-right m-top-m p-x-l m-bottom-s" id="resultContainerexchangeRateContainer">
<p class="typography-h3 c-black-low"> <span id="resultSymbolexchangeRateContainer">CRC </span><span id="resultAmmountexchangeRateContainer">0</span>.<span class="typography-p f-size-l f-weight-l c-black-low"
id="resultAmmountDecimalsexchangeRateContainer">00</span></p>
</div>
</div>
</div><button onclick="return false;" id="bubble4CloseBtn" class="tooltip__close-btn p-right-m p-top-m p-left-reset cursor-pointer"
style="right:12px; top:12px; position:absolute;"><i class="c-neutral icons x-block-after icons-after-s p-reset icons x-block-after icons-after-s"></i></button>
</div>
</div>
<div class="d-none d-xl-flex p-left-xl">
<div class="d-flex a-items-center b-right" id="dollarsExchange">
<p class="typography-p m-right-s">Dólares:</p>
<p class="typography-p m-right-m">Compra <span id="dollarBuy">₡519.00</span></p>
<p class="typography-p m-right-s p-right-xl m-left-xs">Venta <span id="dollarSale">₡533.00</span></p>
</div>
<div class="d-flex a-items-center" id="euroExchange">
<p class="typography-p m-left-s m-right-s p-left-xl">Euros:</p>
<p class="typography-p m-right-m">Compra <span id="euroBuy">₡556.00</span></p>
<p class="typography-p m-right-s m-left-xs">Venta <span id="euroSale">₡585.00</span></p>
</div>
</div>
</div>
</div>
<select name="country" id="country" class="select-option-color d-none" onchange="goToCountry()">
<option value="CR" selected="">Costa Rica </option>
<option value="GT"> Guatemala </option>
<option value="HN"> Honduras </option>
<option value="NI"> Nicaragua </option>
<option value="SV"> El Salvador </option>
<option value="PA"> Panamá </option>
<option value="MX"> México </option>
</select>
</header>
<script type="text/javascript" src="/redir/redir2.0/js/login/loginHeader.js"></script>
<script type="text/javascript" src="/redir/redir2.0/js/login/commonHeader.js"></script>
<div class="grid-container" id="login-sec">
<div class="grid-row p-top-md-xxl j-content-center">
<div class="col-12 col-sm-10 col-md-7 col-lg-6 col-xl-5 p-reset">
<div class="card card-shadow-primary p-bottom-l p-xs p-md-l p-top-l">
<div class="grid-row j-content-center">
<div class="col-12 d-flex j-content-end p-x-reset">
<a class="cursor-pointer p-right-l p-md-reset t-decoration-none c-black" onclick="javascript: vnt('/ebac/ebac2.0/jsp/common/showSecurityAndTermOfUse.html', 650, 580); return false;">
<i class="icons security-check-stroke-before icons-6xl"></i>
</a>
</div>
<div id="stateHourCol" class="col-12 d-flex j-content-center p-x-reset d-none">
<img alt="imagen de la hora del dia" width="43px" id="stateHour" src="/redir/redir2.0/images/module/login/state-1.gif">
</div>
<div class="col-10 p-x-reset">
<div class="col-12 p-top-s" id="title">
<p class="typography-p f-size-xl t-align-center"> Le damos la bienvenida a</p>
</div>
<div class="col-12">
<p id="title1" class="typography-p f-size-5xl t-align-center f-weight-m">Banca en Línea</p>
<p id="title2" class="typography-p f-size-5xl t-align-center f-weight-m d-none l-height-s"><span class="d-inline">¡</span>Bienvenido <span id="labelNameUser"></span><span class="d-inline">!</span></p>
</div>
<div class="grid-row a-items-center">
<div class="col-12 col-md-6 d-none d-flex j-content-center j-content-md-end p-left-xxs" id="userLabelCol">
<p id="title1" class="typography-p">Usuario: <span id="labelUser"></span><span>.</span></p>
</div>
<div class="col-12 col-md-6 d-none d-flex j-content-center j-content-md-start p-reset" id="labelChangeUserCol">
<p class="typography-p c-interaction-low cursor-pointer" id="butonChangeUser">Ingresar otro usuario </p>
</div>
</div>
<div class="grid-row">
<div class="col-12 m-bottom-s m-top-xl m-bottom-m">
<label class="typography-p f-weight-m">Seleccione el método de ingreso:</label>
</div>
<div class="d-flex p-x-s">
<div class="p-bottom-m m-bottom-sm-reset">
<div class="radio-input">
<input class="radio-button" type="radio" id="radioPassword" checked="" name="loginMode" value="" onchange="passwordChecked(this.checked,'tr', 'pass')">
<label class="radio-button-icon cursor-pointer" for="radioPassword">
<span class="radio-icon"></span>
<span class="input-text m-left-s"> Contraseña </span>
</label>
</div>
</div>
<div class="p-bottom-m m-bottom-sm-reset m-left-l" style="display:block">
<div class="radio-input">
<input class="radio-button" type="radio" id="signaturePersistent" name="loginMode" value="" onchange="signatureChecked(this.checked,'tr', 'pass')">
<label class="radio-button-icon" for="signaturePersistent">
<span class="radio-icon cursor-pointer"></span> <span class="input-text m-left-s"> Firma Digital </span>
</label>
</div>
</div>
</div>
</div>
<div class="grid-row">
<div class="col-12 p-top-l" id="productCol">
<label class="typography-label" for="productId">Usuario</label> <input class="input-main typography-p" id="productId" size="20" name="product" type="text" value="">
</div>
<div class="col-12 d-flex f-column p-relative j-content-end input-password p-top-m" id="passwordCol">
<div id="inputPasswordContainer"><label class="typography-label" for="pass">Contraseña</label>
<div class="d-flex"><input name="pass" id="pass" type="password" class="input-main m-top-xs typography-p input-config-reveal p-right-xl"><span class="eye-stroke-before icons icons-xl c-black position-icon-password m-top-xs"
style="visibility: hidden;"></span></div>
</div>
<input name="passtemp" value="" type="password" style="display: none;">
</div>
<div id="tokenInput" class="col-md-6 p-top-m d-none">
<label class="typography-label" for="inputDefault">Token</label>
<input class="input-main typography-p" name="token" onkeypress="return checkNumberNoDot(event,this)" onkeydown="return noPaste(event,this)" value="" maxlength="6" size="20" type="text" id="tokenInformation" autofocus="true"
style="display: none;">
<input type="hidden" value="" id="signatureDataHash" name="signatureDataHash">
</div>
<div class="col-12 p-top-xl" id="RememberUserCol">
<div class="checkbox-input">
<input class="checkbox-button" type="checkbox" name="persistent" value="y" tabindex="3" onclick="keepUser();" id="remember-user"> <label class="checkbox-button-icon" for="remember-user"> <span class="checkbox-icon">
<svg class="svg-check" viewBox="0 0 12 9">
<polyline points="1 5 4 8 11 1"></polyline>
</svg>
</span> <span class="input-text m-left-s"> Recordar Usuario </span>
</label>
</div>
</div>
<div class="col-12 p-top-s" id="checkBoxTokenPersistCol">
<div class="checkbox-input">
<input class="checkbox-button" type="checkbox" id="tokenPersistent" value="y" name="tokenPersistent" tabindex="3" onclick="setVisibilityToken(this.checked,'tr', 'tokenInformation');">
<label class="checkbox-button-icon" for="tokenPersistent">
<span class="checkbox-icon"> <svg class="svg-check" viewBox="0 0 12 9">
<polyline points="1 5 4 8 11 1"></polyline>
</svg>
</span> <span class="input-text m-left-s"> Usar token </span>
</label>
<input name="token" onkeypress="HiddenMessageBalloon(); return checkNumberNoDot(event,this)" onkeydown="return noPaste(event,this)" value="" maxlength="6" size="20" class="input-user-login" type="text" id="tokenInformationHidden"
placeholder="Digite Token" style="display:none;" autofocus="true">
</div>
</div>
<div class="col-12 p-top-xl p-bottom-xs">
<button id="confirm" name="confirm" class="btn btn-primary"
onclick="initializeDigitalSignature(); copyTempPass(); saveUserCache();registerGAEvent('login', 'click', typeLogin()); if(recordLogin()) singleSubmit(document.loginForm); return false;"> Ingresar </button>
</div>
<div class="col-12 t-align-center p-y-l">
<a id="openModalHelp" class="typography-link-contextual" onclick="registerGAEvent('login','click','no_pude_ingresar_login_bel');"> ¿No puede ingresar?</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="grid-row j-content-center">
<div class="col-12 col-sm-10 col-md-7 col-lg-6 col-xl-5 p-x-l p-sm-reset">
<div class="card card-shadow-primary p-y-l m-top-m">
<div class="grid-row">
<div class="col-12 t-align-center">
<a id="createUserLink" class="typography-link-contextual d-flex a-items-center j-content-center" onclick="goToCreateUserForm();registerGAEvent('login','click','crear_usuario_login_bel');"> <i class="icons user-stroke-before icons-xl"></i> <span class="m-left-s">Crear usuario por primera vez</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var bacIdCreateUser = "&?=%idCountry%G-INFO-SEC-000005-GL-AW-PR-00-000-00-00000/CREARUSUARIOPRIMERAV-WEB";
var bacIdCode = getIdCountry("CR");
var bacIdWithCountry = bacIdCreateUser.replace("%idCountry%", bacIdCode);
function typeLogin() {
if (document.getElementById("signaturePersistent") && document.getElementById("signaturePersistent").checked) {
return "método_ingreso_firma_login_bel";
}
if (document.getElementById("tokenPersistent").checked) {
return "método_ingreso_token_bel";
}
return "método_ingreso_clave_login_bel";
}
function loadStateHour() {
let today = new Date();
let h = today.getHours();
let urlImg = "/redir/redir2.0/images/module/login/";
let imgLoad = "";
if (h >= 0 && h < 6) {
imgLoad = urlImg + "state-1.gif";
} else if (h >= 6 && h < 9) {
imgLoad = urlImg + "state-2.gif";
} else if (h >= 9 && h < 12) {
imgLoad = urlImg + "state-3.gif";
} else if (h >= 12 && h < 18) {
imgLoad = urlImg + "state-4.gif";
} else {
imgLoad = urlImg + "state-5.gif";
}
document.getElementById("stateHour").src = imgLoad;
}
function loadCacheToken() {
let tokenIsSaved = localStorage.getItem("tokenPersistSelect");
console.log(tokenIsSaved)
if (tokenIsSaved == "true") {
document.getElementById("tokenPersistent").checked = true;
} else {
document.getElementById("tokenPersistent").checked = false;
}
}
function loadCacheUser() {
let user = localStorage.getItem("UserAccount");
let nameUser = localStorage.getItem("UserNameAccount");
if (user != null) {
document.getElementById("productId").value = user;
document.getElementById("remember-user").checked = true;
document.getElementById("pass").focus();
let title2 = document.getElementById("title2");
title2.classList.remove("d-none");
title2.parentNode.classList.add("p-top-l");
title2.parentNode.classList.add("p-bottom-l");
document.getElementById("labelNameUser").innerHTML = nameUser;
document.getElementById("userLabelCol").classList.remove("d-none");
document.getElementById("labelUser").innerHTML = user;
document.getElementById("labelChangeUserCol").classList.remove("d-none");
document.getElementById("productCol").classList.add("d-none");
let passwordCol = document.getElementById("passwordCol");
passwordCol.classList.remove("p-top-m");
passwordCol.classList.add("p-top-l");
document.getElementById("RememberUserCol").classList.add("d-none");
document.getElementById("checkBoxTokenPersistCol").classList.remove("p-top-s");
document.getElementById("checkBoxTokenPersistCol").classList.add("p-top-xl");
document.getElementById("stateHourCol").classList.remove("d-none");
let butonChangeUser = document.getElementById("butonChangeUser");
butonChangeUser.addEventListener("click", () => {
changeUserRemember();
keepUser();
});
} else {
document.getElementById("title").classList.remove("d-none");
document.getElementById("title1").classList.remove("d-none");
}
}
function changeUserRemember() {
let title2 = document.getElementById("title2");
title2.classList.add("d-none");
title2.parentNode.classList.remove("p-top-l");
title2.parentNode.classList.remove("p-bottom-l");
document.getElementById("labelChangeUserCol").classList.add("d-none");
document.getElementById("userLabelCol").classList.add("d-none");
document.getElementById("remember-user").checked = false;
document.getElementById("productId").value = "";
let passwordCol = document.getElementById("passwordCol");
passwordCol.classList.add("p-top-m");
passwordCol.classList.remove("p-top-l");
document.getElementById("title").classList.remove("d-none");
document.getElementById("title1").classList.remove("d-none");
document.getElementById("productCol").classList.remove("d-none");
document.getElementById("RememberUserCol").classList.remove("d-none");
document.getElementById("productId").focus();
document.getElementById("checkBoxTokenPersistCol").classList.add("p-top-s");
document.getElementById("checkBoxTokenPersistCol").classList.remove("p-top-xl");
document.getElementById("stateHourCol").classList.add("d-none");
}
var bancamaticLength = 4;
var fonomaticLength = 4;
var enrollmentKey = "";
var enrollmentMessage = "??????";
var buttonAccept = "Aceptar";
var forgotUserAndWhatIsDigitalSignatureMsg = "";
var $buoop = {
l: "es",
vs: {
i: 6
},
reminder: 0,
c: 2
};
initializeLogInForm();
function $buo_f() {
var e = document.createElement("script");
e.src = "/redir/js/common/update.js";
document.body.appendChild(e);
};
try {
document.addEventListener("DOMContentLoaded", $buo_f, false)
} catch (e) {
window.attachEvent("onload", $buo_f)
}
function goToCreateUserForm() {
window.location = "../ebac/module/createUser/showCreateNewUser.go?selectedCountry=" + "CR" + bacIdWithCountry;
}
function getIdCountry(countrySelected) {
switch (countrySelected) {
case "CR":
return "CRI";
case "NI":
return "NIC";
case "GT":
return "GUA";
case "PA":
return "PAN";
case "SV":
return "SAL";
case "HN":
return "HON";
default:
return "OTR";
}
}
function initializeLogInForm(doRedir) {
if (doRedir == 'true') {
var newDir = document.location.href;
newDir = newDir.replace(/redirect=true/, "");
parent.location.href = newDir;
}
}
function saveUserCache() {
let isChecked = document.getElementById("remember-user").checked;
if (isChecked) {
localStorage.setItem("UserAccount", document.getElementById("productId").value);
}
}
function keepUser() {
let isChecked = document.getElementById("remember-user").checked;
if (!isChecked) {
if (localStorage.getItem("UserAccount")) {
localStorage.removeItem("UserAccount");
localStorage.removeItem("UserNameAccount");
};
}
}
window.addEventListener("load", () => {
const passwordInput = new InputComponent({
rootElement: 'inputPasswordContainer',
name: 'pass',
id: 'pass',
password: true,
label: 'Contraseña',
showSuffixAfterTyping: true,
suffix: new InputIconComponent({
iconClasses: ['eye-stroke-before', 'icons', 'icons-xl', 'c-black', 'position-icon-password', 'm-top-xs'],
secondIconClasses: ['crossed-out-eye-stroke-before', 'icons', 'icons-xl', 'c-neutral-medium', 'position-icon-password', 'm-top-xs'],
}),
});
loadCacheUser();
loadCacheToken();
setVisibilityToken(document.getElementById("tokenPersistent").checked, 'tr', 'tokenInformation');
loadStateHour();
});
window.addEventListener("keypress", function(event) {
if (event.key === "Enter") {
event.preventDefault();
document.getElementById('confirm').click();
}
});
</script>
<script>
const helpModalContent = `<div class="grid-container">
<div class="grid-row m-top-m m-top-xl-reset">
<div class="col-12 col-xl-4 order-xl-2 d-flex j-content-center a-self-xl-center">
<div>
<svg width="160px"; fill="none" viewBox="0 0 160 161" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><mask id="b" x="0" y="0" width="160" height="161" style="mask-type:alpha" maskUnits="userSpaceOnUse"><circle cx="80" cy="80.8" r="80" fill="#F1F1F2"/></mask><g mask="url(#b)"><circle cx="80" cy="80.8" r="80" fill="#F1F1F2"/><path d="M109.7 89.7 113 131c.1 1.9-1 3.7-3 4.3-2.4.7-4.8-.8-5.3-3.3l-7.2-40.7a6.1 6.1 0 0 1 4.5-7c3.8-1 7.6 1.5 7.8 5.4zM53.3 90.3l-3.1 41.3c-.2 1.9 1 3.7 3 4.3 2.3.7 4.8-.8 5.2-3.3L65.7 92a6.1 6.1 0 0 0-4.5-7 6.2 6.2 0 0 0-8 5.4z" fill="#BEBEBE"/><path d="M93.3 79.8a12.7 12.7 0 0 1-25.5 0h25.5z" fill="#FFB597"/><path d="M81 90.7c9.6-.5 10.7-11 10.7-11h7a11 11 0 0 1 11 9.6l-10.4 23.3-2 16.5 10 16.6s-10 .3-25.4 0c-13.9-.2-27.4 0-27.4 0l9.6-16.6-1.2-16.5-.6-1.2-8.8-11.6V88.9c1-5.2 5.6-9 11-9h4.1c0-.1.3 11.2 12.3 10.8z" fill="#BEBEBE"/><path d="M62.9 95.7a23.6 23.6 0 0 0-2 8.5c0 1.5 0 2.9.4 4.2s1 2.7 1.8 4a11 11 0 0 1-2.6-5l-.3-1-.2-2.3c0-1.5.3-3 .8-4.4.5-1.4 1.2-2.7 2.1-4zM99 95.7a15.1 15.1 0 0 1 2.7 10.6l-.3 1.2-.3 1.1c-.5 1.5-1.4 2.7-2.3 3.9.7-1.3 1.4-2.6 1.8-4a18.5 18.5 0 0 0 0-8.5c-.5-1.5-1-3-1.6-4.3z" fill="#6D6E71"/><path d="M110.5 56.7c0 1.2-2.3 1.8-2.8 2.8-.4 1 .6 3.2-.2 3.9s-3-.6-4-.2c-1 .4-1.5 2.9-2.6 3.1-1 .3-2.5-1.7-3.6-1.6-1 .1-2 2.4-3.2 2.5S91.8 65 90.8 65c-1.2 0-2.2 2.2-3.3 2.2s-2.3-2.2-3.3-2.2c-1.1 0-2.3 2.2-3.3 2.2s-2-2.3-3.2-2.2c-1 0-2 2.2-3.1 2.3-1 0-2.2-2.1-3.2-2.1s-2.2 2.2-3.2 2.1c-1 0-2-2.3-3-2.4-1.2 0-2.6 2-3.5 1.7-1.1-.2-1.5-2.6-2.4-3-1-.4-3.2 1-4 .3-.7-.7.4-2.8 0-3.8-.4-.9-2.7-1.5-2.7-2.7 0-1.4 2.3-2.6 2.7-4.1.2-1.4-1.5-3.4-.9-4.9.5-1.4 3.1-1.8 3.8-3.2.6-1.3-.5-3.7.3-4.9s3.4-1.1 4.4-2.2c1-1.2.3-3.7 1.4-4.8 1-1 3.6-.2 4.8-1 1.2-.9 1.4-3.6 2.8-4.2 1.4-.6 3.5 1 5 .7 1.3-.3 2.5-2.6 4-2.6 1.6 0 3 2.3 4.3 2.5 1.5.3 3.6-1.3 5-.8 1.3.5 1.7 3.2 3 4 1.3.7 3.8-.1 5 .8 1 1 .6 3.6 1.6 4.8 1 1 3.7 1 4.5 2.1.8 1.2-.3 3.7.4 5 .7 1.4 3.4 1.8 3.9 3.1.6 1.5-1.1 3.6-.8 5 .4 1.3 2.7 2.6 2.7 4z" fill="#000"/><path d="M86.4 67.2h-9.8v13h9.8v-13z" fill="#FFB597"/><path d="M81.5 84.8a5 5 0 1 0 0-9.9 5 5 0 0 0 0 9.9z" fill="#FFB597"/><path d="M86.4 69v.5c-1.6 3.2-6.4 5.4-9.8 2.2V69h9.8zM92.2 56a3.5 3.5 0 1 0 0-6.9 3.5 3.5 0 0 0 0 7zM70.3 56a3.5 3.5 0 1 0 0-6.9 3.5 3.5 0 0 0 0 7z" fill="#FC8883"/><path d="M69 49.4v7.8c0 2.9 1 5.3 3.2 7.6l5.5 5.6c2 2 5.5 2 7.5 0l4.9-5c2-2 3.1-4.7 3.1-7.6v-9.1l-12.6-8L69 49.5z" fill="#FFB597"/><path d="M74 59.7a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2zM89.6 59.7a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2z" fill="#FC8883" opacity=".4"/><path d="M76 53.9c-.8 0-1.5-.7-1.5-1.5V51c0-.8.7-1.5 1.5-1.5s1.4.7 1.4 1.5v1.3c0 .9-.7 1.5-1.4 1.5zM87.7 53.9c.8 0 1.5-.7 1.5-1.5V51c0-.8-.7-1.5-1.5-1.5-.7 0-1.4.7-1.4 1.5v1.3c0 .9.7 1.5 1.4 1.5z" fill="#000"/><path d="M93.6 79.8a12.5 12.5 0 0 1-24.9 0h25z" fill="#FFB597"/><path d="M73 65.4c-.2-.4-.1-.9 0-1.2l.1-1.3v-.4l-.4-.2a7 7 0 0 0-1.1-.6c-.2 0-.5-.1-.7-.3a3 3 0 0 1-.6-.8v-1l.3-.6.4-1v-.2l-.1-.2-.9-.7c-.2-.2-.4-.3-.5-.6-.2-.3-.5-.6-.5-1.1s.2-.9.4-1.1l.5-.7.7-.8v-.1l-.6-1-.4-.8c0-.3-.6-.7-.4-1.3 0-.9.2-2.3.8-2.9 0-.2 1.7-1 2-1.5l.5-.4.4-.1.5-.1H74.8v.2h-.1v-1l.1-1c.1-.2.4-.5.7-.6.2-.2.5-.2.6-.2.7 0 1 .2 1.4.3h.5l-.1.1c-.1.1-.1.1 0 .1l.1-1 .1-.6c.1-.2.1-.4.3-.5l.5-.4.9.1.6.2c.3.1.8.2.9.1.2-.1.4-.5.5-1l.1-.5c.1-.2.1-.4.3-.5-.3.7.2 1.6-.5 2.5l-.4.2H80l-.6-.1h-.3v.6l-.1 1.4-.4.6-.6.3h-1.8l.2-.3v2.3l-.3.3-.3.3-1 .2h-1.3l.2-.2c.2-.3 0-.3 0-.2 0 .3.3.6.4 1.1v1.2c-.3.6-.7.7-1 .9l-1.1.6-.4.2V50l.2.3.7 1.2c0 .2.3.6.2 1-.1.6-.3 1-.5 1.1-.3.5-.7.8-1 1l-.3.4.3.3 1 1 .4 1-.2 1a4 4 0 0 1-.7 1.2l-.3.7s.1.3.5.5c.3.3.7.4 1 .8.2.1.4.3.5.7v.7c0 .5-.2 1-.4 1.3 0 .4-.2.8 0 1.2z" fill="#000"/><path d="m79.6 37.1.2.2.2.4.2.6.1.1.2.1.6.4c.1.1.5.3.6.8l-.1.7-.2.4-.3.6H81l.2.3.5.7c0 .2.2.3.2.7a7961 7961 0 0 0-.9 1.2l-.4.3-.2.3-.1.7c0 .3 0 .5-.3.6v-.6a6 6 0 0 1-.3-.7c0-.3-.2-.5 0-1 .3-.3.4-.5.6-.5l.3-.4-.4-.4-.5-.8c-.1-.2-.1-.5 0-.8 0-.2.2-.3.3-.5l.4-.6v-.4l-.4-.6-.3-.4-.1-.2V37v.1z" fill="#000"/><path d="M80.4 36.4c0 .3 0 .6-.2 1-.2.2-.2.4-.2.6l.1.2h.1l.4.1 1 .3.4.3c.2.3.2.5.2.7v1.2h1.3c.2 0 .4 0 .7.3.3.3.3.5.3.7l.1.5.2.6h.2l1-.2.8.2.5.6.4.9v.2s-.1-.1 0-.1l.7-.2h1.4c.4.3.5.6.5.8l.2.5.2.7h.2c.2 0 .5 0 .8.2.2 0 .5 0 .7.2.3.2.5.5.5.7V49l.5.3 1 .4.4.6-.1.6c-.2.7-.7 1.2-.5 1.5l.5.7c.1.3.3.5.2.9 0-.4-.2-.6-.4-.7l-.7-.7-.2-.5.1-.6.3-.8v-.3h-.1a4 4 0 0 0-.8-.3c-.2-.1-.7-.2-1-.6-.4-.5-.3-.9-.3-1.2v-.7h-1.2l-.6-.2a2 2 0 0 1-.6-.6 3 3 0 0 1-.3-1v-.4c-.1 0 0 0 0 0l-.4.1-1 .2c-.3 0-.7-.1-1-.4-.2-.1-.3-.4-.3-.6L86 44v-.1s.1 0 0 0h-1.4l-.5-.1c-.2-.1-.3-.3-.3-.4l-.4-1V42c0-.1-.2-.2 0-.1l-.5-.1c-.3 0-.6 0-1-.2l-.4-.2-.2-.4v-.6l.1-.9v-.1l-.1-.2c-.2-.2-.6-.3-.8-.3l-.5-.3-.1-.3-.1-.2v-.5l.3-.5c.1 0 .3-.3.3-.7zM70 44.3v.4c0 .2 0 .4-.2.5l-.3.6v.4l.5.5.6.8c0 .2.2.4 0 .8 0 .2 0 .5-.2.6l-.6.7-.2.2.1.3.5.8.1.6c0 .2 0 .6-.2.7-.3.4-.6.6-.8.7l-.6.4v1.1c0 .3 0 .6-.2.9 0-.3 0-.6-.2-.8l-.5-.8v-.5l.1-.6.7-.7.4-.4v-.2l-.5-.6-.2-.4c-.1-.2-.2-.5-.1-.8 0-.6.4-.9.6-1l.5-.6c0-.1 0-.4-.2-.6l-.5-.8V45.9c0-.2 0-.4.2-.6.4-.5 1-.4 1.1-1z" fill="#000"/><path d="m91.9 43.7.2.6-.2.7c-.2.4-.4.8-.4 1.1v.5l.1.3h.1l1 .7c.3.2.8.4 1.2 1 .2.2.3.4.4.9l-.1 1-.7 1.1-.2.8.4.7 1 1 .4.7c.4.4 0 .8 0 1-.3.7-.6 1-1 1.3a4 4 0 0 0-.8.8l-.2.4v.6l.1 1.3c0 .5 0 1-.4 1.3v-.6l-.1-.6-.5-1.3v-.7c0-.2 0-.6.2-.9l.9-1.1c.3-.3.5-.6.5-.9v-.2c0-.1 0-.2-.3-.4l-.8-.8-.5-.6c-.2-.3-.4-.6-.4-1l.2-1 .3-.6.6-1 .1-.4V49l-.8-.7-1-1c-.2 0-.3-.3-.3-.4v-1.1c.2-.6.6-1 .8-1.3.2 0 .4-.4.2-1z" fill="#000"/><path d="M81.9 65.4a1.9 1.9 0 1 0 0-3.8 1.9 1.9 0 0 0 0 3.8z" fill="#76232F"/><path d="M78.2 46.9c-.8-.5-1.9-.8-2.8-.6-.6 0-1 .2-1.4.4a6 6 0 0 0-1.1 1h-.2c-.4-.9-.1-1.8.3-2.4.5-.6 1.2-1 2-1 .8-.2 1.6 0 2.2.4.6.5 1.1 1.2 1.1 2.1zM86.1 48.6c0-1 .5-1.6 1.1-2 .6-.5 1.4-.7 2.2-.6a3 3 0 0 1 2 1.1c.5.6.7 1.5.3 2.4h-.1l-1.2-.9c-.5-.3-.8-.4-1.4-.4-1-.2-2 0-2.8.6l-.1-.2z" fill="#000"/><path d="M81.5 98a1.3 1.3 0 1 0 0-2.5 1.3 1.3 0 0 0 0 2.6zM81.5 102a1.3 1.3 0 1 0 0-2.5 1.3 1.3 0 0 0 0 2.5z" fill="#6D6E71"/><path d="m58 173-.8-13c-.4-6.6 4.8-11.3 11.4-11.3 6.7 0 11.9 5.6 11.3 12.2l-1.2 14.4M102.5 172l1-12.2c.4-6.5-4.9-11-11.5-11s-11.8 5.6-11.3 12.2l1.4 14.3" fill="#000"/><path d="M59.2 145.2s-3 7-1.7 18h46s1-6-2.2-18H59.2z" fill="#000"/><path d="m37.9 160.8-4.3-50.2h92.8l-6.1 50.1H37.9z" fill="#E4002B"/><path d="M86 137.3a6 6 0 1 1-12 0 6 6 0 0 1 12 0z" fill="#FAFAFA"/><path d="M94.7 46.2a6 6 0 0 1 6 6 6 6 0 0 1-6.1 6v-12z" fill="#E4002B"/><path d="M94.4 58.3h.3V46.2h-.3c-.7 0-1.2.5-1.2 1.2V57c0 .7.5 1.2 1.2 1.2zM95.5 44.8v6.6c0 .1 0 .3.3.3s.3-.2.3-.3v-6.6h-.6z" fill="#76232F"/><path d="M95.7 43.2c-.6 0-1.1.6-1.1 1.2s.5 1.1 1.1 1.1c.6 0 1.2-.5 1.2-1.1a1 1 0 0 0-1.2-1.2z" fill="#76232F"/><path d="M67.3 46.1a6 6 0 1 0 0 12.1V46.1z" fill="#E4002B"/><path d="M67.5 58.2h-.3V46.1h.3c.7 0 1.2.5 1.2 1.2V57c0 .7-.5 1.2-1.2 1.2zM66.6 44.8v6.5c0 .2-.2.3-.4.3s-.3-.1-.3-.3v-6.5h.7z" fill="#76232F"/><path d="M66.2 43.2c.6 0 1.2.5 1.2 1.1s-.6 1.1-1.2 1.1-1.1-.5-1.1-1c0-.7.5-1.2 1.1-1.2z" fill="#76232F"/><path d="M96.5 45H95a14 14 0 0 0-14-14.1 14 14 0 0 0-14.1 14h-1.5a15.5 15.5 0 0 1 31 0z" fill="#76232F"/><path d="M91.2 36.4c-2.4-3.1-5.9-4.8-10.2-4.8-3.7 0-7.4 1.6-10 4.4l-2-1.9a16 16 0 0 1 12-5.3c5.2 0 9.5 2 12.5 5.9l-2.3 1.7z" fill="#E4002B"/></g></g><defs><clipPath id="a"><path transform="translate(0 .8)" fill="#fff" d="M0 0H160V159.5H0z"/></clipPath></defs></svg>
</div>
</div>
<div class="col-12 col-xl-8 p-reset">
<div class="grid-row p-top-m p-top-xl-reset">
<div class="col-12 d-flex j-content-center j-content-xl-start">
<h3 class="typography-h3 c-black-low f-size-xl-3xl">¿No puede ingresar?</h3>
</div>
<div class="col-12 d-flex j-content-center j-content-xl-start">
<h5 class="typography-h5 f-weight-m t-align-center c-neutral-extrahigh m-bottom-s m-bottom-xl-reset f-size-xl-l">Elige una de las siguientes opciones</h5>
</div>
</div>
<ul class="grid-row p-reset p-right-xl-xl">
<li class="col-12 b-bottom p-bottom-l p-bottom-xl-m p-top-xl-m m-top-l m-top-xl-s p-x-xl-reset" style="list-style:none">
<div class="grid-row ">
<div class="col-1 col-xl-12">
<svg width="20px" height="20px" enable-background="new 0 0 21 19" version="1.1" viewBox="0 0 21 19" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style>.prefix__st0{clip-path:url(#prefix__SVGID_00000036238321591907691900000002529025101570018436_)}</style><defs><path id="a" d="M0 0H21V19H0z"/></defs><clipPath id="b"><use overflow="visible" xlink:href="#a"/></clipPath><g clip-path="url(#b)"><path d="M16.1 11.3c-1 0-1.8.6-1.8 1.6h1c.1-.5.3-.8.7-.8.4 0 .6.2.6.5s-.2.5-.5.8c-.3.3-.7.7-.7 1.3v.2h1v-.2c0-.4.4-.7.8-1 .3-.3.6-.6.6-1.1 0-.8-.6-1.3-1.7-1.3z"/><path d="m15.4 15.4h1v1h-1z"/><path d="M16.1 8.9c-.8 0-1.6.2-2.3.6-1-.9-2.2-1.6-3.5-2 1.1-.7 1.9-2 1.9-3.4 0-2.2-1.8-4.1-4.1-4.1a4 4 0 0 0-4 4.1c0 1.4.8 2.7 1.9 3.4-3.4 1-6 4.1-6 7.8 0 .3.2.5.5.5h11.2a4.8 4.8 0 0 0 4.4 2.8 5 5 0 0 0 4.9-4.9c0-2.7-2.2-4.8-4.9-4.8zM5 4.1C5 2.4 6.4 1 8.1 1c1.7 0 3.1 1.4 3.1 3.1 0 1.7-1.4 3.1-3.1 3.1A3.1 3.1 0 0 1 5 4.1zm6.4 10.7H1a7.2 7.2 0 0 1 7.2-6.7c1.9 0 3.6.7 4.8 1.9a4.7 4.7 0 0 0-1.7 3.7l.1 1.1zm4.7 3a4 4 0 0 1-4-4 4 4 0 0 1 4-4 4 4 0 0 1 4 4c.1 2.1-1.8 4-4 4z"/></g></svg>
</div>
<div class="col-11 col-xl-12">
<h5 class="typography-h5 f-weight-m c-neutral-extrahigh">Olvidé mi usuario</h5>
</div>
</div>
<div class="grid-row">
<div class="col-11 offset-1 m-xl-reset">
<h6 class="typography-h6 c-neutral-extrahigh">Le ayudaremos a <span class="f-weight-m">recuperar su usuario</span> de manera rápida y segura para que pueda ingresar a su cuenta.</h6>
</div>
</div>
<div class="grid-row m-top-xs m-bottom-xs">
<div class="col-11 offset-1 m-xl-reset">
<a class="typography-link" onclick="javascript: setBacId(true); vnt('/ebac/module/userrecovery/showUserRecovery.go', 650,628); registerGAEvent('login','click','olvide_usuario_pop_up_login_bel'); return false;">Recuperar usuario <span class="f-weight-m"><i class="icons chevron-right-block-before icons-xs"></i></span></a>
</div>
</div>
</li>
<li class="col-12 b-bottom p-bottom-l p-bottom-xl-m p-top-xl-m m-top-l m-top-xl-s p-x-xl-reset" style="list-style:none">
<div class="grid-row">
<div class="col-1 col-xl-12">
<i class="icons padlock-stroke-before icons-3xl"></i>
</div>
<div class="col-11">
<h5 class="typography-h5 f-weight-m c-neutral-extrahigh">Mi usuario está bloqueado</h5>
</div>
</div>
<div class="grid-row">
<div class="col-11 offset-1 m-xl-reset">
<h6 class="typography-h6 c-neutral-extrahigh">Al restablecer su contraseña <span class="f-weight-m">se le desbloqueará su usuario automáticamente.</span></h6>
</div>
</div>
<div class="grid-row m-top-xs m-bottom-xs">
<div class="col-11 offset-1 m-xl-reset">
<a class="typography-link" onclick="javascript: setBacId(false); vnt('/ebac/module/passwordmanagement/showPasswordRecoveryRequirements.go', 1024, 768); registerGAEvent('login','click','usuario_bloqueado_pop_up_login_bel');">Desbloquear usuario <span class="f-weight-m"><i class="icons chevron-right-block-before icons-xs"></i></span></a>
</div>
</div>
</li>
<li class="col-12 p-top-xl-m m-top-l m-top-xl-s p-x-xl-reset" style="list-style:none">
<div class="grid-row">
<div class="col-1 col-xl-12">
<i class="icons asterisk-padlock-stroke-after icons-4xl"></i>
</div>
<div class="col-11">
<h5 class="typography-h5 f-weight-m c-neutral-extrahigh">Olvidé mi contraseña</h5>
</div>
</div>
<div class="grid-row">
<div class="col-11 offset-1 m-xl-reset">
<h6 class="typography-h6 c-neutral-extrahigh">Le ayudaremos a <span class="f-weight-m">recuperar su contraseña</span> de manera rápida y segura para que pueda ingresar a su cuenta.</h6>
</div>
</div>
<div class="grid-row m-top-xs m-bottom-xs">
<div class="col-11 offset-1 m-xl-reset">
<a class="typography-link" onclick="javascript: setBacId(false); vnt('/ebac/module/passwordmanagement/showPasswordRecoveryRequirements.go', 1024, 768); registerGAEvent('login','click','olvide_contraseña_pop_up_login_bel'); return false;">Recuperar contraseña <span class="f-weight-m"><i class="icons chevron-right-block-before icons-xs"></i></span></a>
</div>
</div>
</li>
</ul>
</div>
</div>`;
window.addEventListener("load", () => {
var modalBlue = new modalBLUE({
idModal: "modalHelp",
elementReference: "openModalHelp",
contentHTML: helpModalContent,
container: document.getElementsByTagName("Body")[0],
closeButtom: true,
boxContentClass: "col-12 col-sm-10 col-md-8 col-xl-5",
modalType: "full",
callBackOpenModal: function() {
window.scroll(0, 0);
}
})
});
</script>
</form>POST https://ayuda.baccredomatic.com/banca-en-linea-y-banca-movil?bacid=CRIG-INFO-REF-000005-GL-AW-TF-00-000-00-00000/CENTROAYUDALOGIN
<form target="_blank" method="post" action="https://ayuda.baccredomatic.com/banca-en-linea-y-banca-movil?bacid=CRIG-INFO-REF-000005-GL-AW-TF-00-000-00-00000/CENTROAYUDALOGIN">
<button class="btn-float btn-float-secondary expand-btn-float" type="submit">
<i class="icons lens-stroke-before icons-xl"></i>
<span class="typography-p btn-float-txt">¿Necesita ayuda para ingresar?</span>
</button>
</form>Text Content
* Ayuda * CR Costa Rica Guatemala Honduras Nicaragua El Salvador Panamá * Tipo de Cambio Ayuda Tipo de Cambio Jueves 14 de diciembre , 2023 SELECCIONE UNA MONEDA Dólar Euro -------------------------------------------------------------------------------- Compra: ₡519.00 Venta: ₡533.00 CRC 0.00 Dólares: Compra ₡519.00 Venta ₡533.00 Euros: Compra ₡556.00 Venta ₡585.00 Costa Rica Guatemala Honduras Nicaragua El Salvador Panamá México Le damos la bienvenida a Banca en Línea ¡Bienvenido ! Usuario: . Ingresar otro usuario Seleccione el método de ingreso: Contraseña Firma Digital Usuario Contraseña Token Recordar Usuario Usar token Ingresar ¿No puede ingresar? Crear usuario por primera vez Obtenga la mejor experiencia desde su celular al utilizar la app. Abrir Banca Móvil Todos los derechos reservados. 2023 © BAC International Bank. Términos y condiciones. ¿Necesita ayuda para ingresar? TIPO DE CAMBIO Jueves 14 de diciembre , 2023 ¿NO PUEDE INGRESAR? ELIGE UNA DE LAS SIGUIENTES OPCIONES * OLVIDÉ MI USUARIO LE AYUDAREMOS A RECUPERAR SU USUARIO DE MANERA RÁPIDA Y SEGURA PARA QUE PUEDA INGRESAR A SU CUENTA. Recuperar usuario * MI USUARIO ESTÁ BLOQUEADO AL RESTABLECER SU CONTRASEÑA SE LE DESBLOQUEARÁ SU USUARIO AUTOMÁTICAMENTE. Desbloquear usuario * OLVIDÉ MI CONTRASEÑA LE AYUDAREMOS A RECUPERAR SU CONTRASEÑA DE MANERA RÁPIDA Y SEGURA PARA QUE PUEDA INGRESAR A SU CUENTA. Recuperar contraseña