
<html>
<head>

<link rel="stylesheet" href="../css/estilo.css" type="text/css">
<style>
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

input[type="password"] {
    -ms-text-security: disc !important; /* para compatibilidad adicional */
}

.detallegrilla{
background: none repeat scroll 0 0;
border-bottom: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
font: 12px Arial,Helvetica,sans-serif;
color: #666666;
margin: 0;
padding: 6px 3px 6px 10px;
vertical-align: top;
}
a:link {
    color: #3077b8;
    text-decoration: none;
}
a:visited {
    color: #3077b8;
    text-decoration: none;
}
a:hover {
    color: #3077b8;
    text-decoration: underline;
}
a:active {
    color: #3077b8;
    text-decoration: underline;
}
</style>

<title>eConfirming BCI</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="includes/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="includes/Overpass.css" rel="stylesheet">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script language="JavaScript">
	function Operar(accion) {
	

		if(ValidarCampos()){
		
			var response = grecaptcha.getResponse();
 
			if(response.length == 0)
			{
				alert("Captcha no verificado")
			}
			else
			{
			document.Datos.Accion.value = accion;
			document.Datos.submit();
			}
		}
	}

	
	
	
	function CambiarClave(){
		
		if (ValidarCampos()){
				document.Datos.Accion.value = 'CambiarClave';
				document.Datos.submit();
		}
		else{
			return;
		}
	}
	function ValidarCampos(){
		//Rut
		
		if (document.Datos.Rut != null){
			if (document.Datos.Rut.value == ""){
				alert('Debe ingresar Rut.');
				document.Datos.Rut.focus();
				return false;
			}
		}
		//Clave
		if (document.Datos.Clave != null){
			if (document.Datos.Clave.value == ""){
				alert('Debe ingresar Clave.');
				document.Datos.Clave.focus();
				return false;
			}
		}

		return true;
	}
	function PresionarBoton(Accion){

		document.Datos.Accion.value = Accion;
		document.Datos.submit();
	}
	function PresionarBotonModal(ForzarIngreso){
		if(ForzarIngreso == "ForzarIngreso"){
		document.Datos.Accion.value = "Entrar";
		document.Datos.ForzarIngreso.value = "S";
		document.Datos.submit();
		}
		else
		{
		document.Datos.Clave.value = "";
		}
		
		
	}
	
</script>

<style>
    .rounded-row {
      border: 1px solid lightgray;
	  background-color:white;
      border-radius: 10px;
      padding: 10px;
      margin-top: 10px;
	  
	  padding-left:40px;
	  padding-right:40px;
	  width:380px;
	  /*margin-left: 50px;
	  margin: 30px 30px 30px 30px;
	  */
	 
    }
	.labelIngresoRut
	{
	    position: absolute;
    background: rgba(255, 255, 255, 1);
    font-size: 0.938rem;
    left: 0.7rem;
    top: -10px;
    padding: 2px 4px;
    margin: 0;
    color: #37474F;
    z-index: 1;
	}
	  .form-group
{	   position: relative;
    width: 100%;
    margin-top: 0.65rem;
	}
	.form-control{
	    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 50px;
    display: block;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #BBC5CA;
    color: #546E7A;
    border-radius: 6px;
	}
	.form-control:focus{
	  border-color: #2772CC;
    box-shadow: 0px 0px 0px 1px #2772CC, inset 0 0 0 100px rgba(255, 255, 255, 1);
	}
	.form-control:not(:focus) {
	  border-color: #BBC5CA;
	  box-shadow: none;
	}
	.form-control:hover{
	    border: 1px solid #546E7A;
	}
	.btn
	{
	    background: #28892B;
    color: rgba(255, 255, 255, 1);
    border-color: #28892B;
	    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
   
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 3rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	padding-left: 20px;
	padding-right:20px;
	}
	.btn.disabled
	{
	color: #9DABB3;
    pointer-events: none;
    background-color: #E2E8EA;
    border: none;
    opacity: var(--bs-btn-disabled-opacity);
	}
	.btnIngresar
	{

    color: white;

	}
	.btnIngresar:hover
	{
	background-color: rgb(97, 166, 14);
	border-color:rgb(97, 166, 14);
    color: white;

	}
	.btnEnviar:hover
	{
	background-color: rgb(97, 166, 14);
	border-color:rgb(97, 166, 14);
    color: white;

	}
	.btnVolver:hover
	{
	background-color: rgb(97, 166, 14);
	border-color:rgb(97, 166, 14);
    color: white;

	}
	.btnVolver2
	{
	background-color: white;
	border-color:#28892B;
    color: #28892B;

	}
	.btnVolver2:hover
	{
	background-color: #28892B;
	border-color:#28892B;
    color: white;

	}

	/*
@media (max-width: 768px) {
    .bg-responsive {
      background-image: none !important;
    }
  }
*/
.circle-container {
      background-color: #D4E3F5;
      border-radius: 50%;
      width: 150px;
      height: 150px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }

    .circle-container img {
      max-width: 30%;
      max-height: 30%;
    }
body{
font-family: 'Overpass', Arial, sans-serif;
color: #37474F;

}
h1{
color: #37474F;
}

  </style>

</head>
<body bgcolor="#ffffff" leftmargin="0" bottommargin="0" rightmargin="0" topmargin="0" onload="javascript:GeneraError();">



<header class="container-fluid py-3" style="border-bottom: 1px solid #E2E8EA;">
    <div class="row align-items-center">
      <!-- Bloque del logo -->
      <div class="col-4 col-md-2" >
        <img src="images/Bci-Negro.png" alt="Logo" class="img-fluid">
      </div>

      <!-- Bloque vacío -->
      <div class="col-8 col-md-10">
        <!-- Puedes dejarlo vacío o agregar contenido aquí -->
      </div>
    </div>
  </header>


<form name="Datos" method="post" action="Default.asp">
	<input type="hidden" name="Operacion"/>
	<input type="hidden" name="Origen"/>
	<input type="hidden" name="Id_Aplicacion"/>
	<input type="hidden" name="PaginaOrigen" value=""/>
	<input type="hidden" name="IdEmpresaURL" value=""/>

<div class="row justify-content-center bg-responsive"  style="min-height: calc(100vh - 90px);width:100%;background-image: url('images/bg-banco-en-linea.png');background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center;margin-right: 0px;">
<div class="col-md-10 col-lg-9 col-xs-12">

<div class="row bg-responsive">
      
<div class="col-md-12 col-xs-12 col-lg-5 d-flex justify-content-center align-items-center p-3">
        


        					<div class="rounded-row">
							<div align="center">
							</br>
								<img src="images/formas.png" alt="Descripción de la imagen" style="margin-bottom:10px">
								</div>
    
							<h1 align="center" style="font-size: 1.375rem;font-family: 'Overpass', Arial, sans-serif;line-height: 1.3;font-weight: 400;color: #37474F;" >Ingresa a <span style="font-weight:bolder">eConfirming Digital
						</span>
					</h1></br>
								<div class="form-group mb-4">
									<label for="Rut" class="labelIngresoRut">RUT</label>
									<input type="text" placeholder="Ingresa tu RUT" class="form-control" tabindex="1" id="Rut" name="Rut" maxlength="9" autocomplete="off"  required="" value="" > 
									<div id="error-message" style="font-size:12px"></div>
								</div>
								
									<div class="form-group mb-4"> 
  <label for="Clave" class="labelIngresoRut">Clave</label>
  <div class="inner-password" style="position: relative;">
    
    <input type="password" placeholder="Ingresa tu clave" class="form-control" tabindex="2" name="Clave" id="Clave" maxlength="50" autocomplete="off" aria-label="Ingresa tu clave" required value="">
    
    <!-- Icono para mostrar/ocultar clave -->
    <img src="images/visibility_off@2x.png" id="toggleClave" alt="Ver clave" style="position: absolute; top: 25px; right: 10px; transform: translateY(-50%); cursor: pointer; width: 20px; height: 20px;">
    
    <div id="error-messageClave" style="font-size:12px">&nbsp;</div>
  </div>
</div>

 <div class="g-recaptcha form-group mb-4" align="center" data-sitekey="6LevIJgsAAAAALOQ4x6qLTMFqtnySvDSFyGIsZnJ"  data-theme="light" style="width:100%; display:flex; justify-content:center;"></div>                                                                                


									<div align="center">
									<button  id="btnIngresar" onclick="javascript:Operar('Entrar');" align="center" class="btn btn-primary disabled btnIngresar" style="padding: 0.813rem 1.875rem;" name="Aceptar">Ingresar</button>
								</div>
									</br>
									<div align="center" style="font-size: 15px;color:black;padding-left:5px;padding-right:5px;margin-bottom:20px" class="col-12 mb-12" valign="center">
										<table style="width:100%;">
										<tr>
										<td style="text-align:left;">
									<a href="javascript:CambiarClave();" style="color:#37474F; display: inline-flex; align-items: center; gap: 5px;white-space: nowrap;">
										  <img src="images/lock.png" alt="Descripción de la imagen" style="height: 19px; max-width: 70px;">
										  <span style="margin-top:5px"><b>Cambiar</b> clave</span>
										</a>
										</td>
										<td style="text-align:center;">
									&nbsp;&nbsp;&nbsp;
										</td>
										<td style="text-align:right;">
										<a href="javascript:RecuperarClave();" style="color:#37474F; display: inline-flex; align-items: center; gap: 5px;white-space: nowrap;">
										  <img src="images/info.png" alt="Descripción de la imagen" style="height: 19px; max-width: 70px;">
										  <span style="margin-top:5px"><b>Recuperar</b> clave</span>
										</a>
										</td>
										</tr>
										</table>
									</div>	
								</div>
								


      </div>
	  
	  
	  <div class="col-lg-7 col-md-12 col-xs-12 d-none d-lg-block text-white p-3">
        <img name="" src="images/group1.png" style="margin-top:100px" width="354px" height="319px" border="0" usemap="#imag00Map" alt="">
      </div>  
    
	  

 </div>






	<input type="hidden" name="Accion"/>
	<input type="hidden" name="ForzarIngreso"/>
	<input type="hidden" name="Id_Empresa" value=""/>
	<input type="hidden" name="Id_Usuario" value=""/>
	

</div>

<!--
<div class="row">

</br></br></br>

</div>
-->

</div>



</form>



  <!-- Modal -->
  <div class="modal" id="modalInicio" tabindex="-1" aria-labelledby="modalInicioLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="--bs-modal-border-color:gray">
	
	
      <div class="modal-content">
        
          
<div class="d-flex justify-content-end p-2">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>

        
        <div class="modal-body">
          
<div class="d-flex justify-content-center align-items-center">
    <div class="circle-container" style="width:150px;height:150px">
	<img src="images/Icon@2x.png" alt="Icono de cuenta" style="position: absolute;top: 40;right: 175;width: 30px;height: auto;">
      <img src="images/account_circle@2x.png" alt="Icono de cuenta">
    </div>
	
  </div>
<div class="d-flex justify-content-center align-items-center mt-2">
    <h1 style="font-size:16px;font-weight:bold;font-family: 'Overpass', Arial, sans-serif;">Primer ingreso o clave caducada</h1>

  </div>
<div class="d-flex justify-content-center align-items-center">
  
	<p style="font-size:13px;align:center;font-family: 'Overpass', Arial, sans-serif;">Su clave ha caducado o es la primera vez que ingresa a la plataforma.</p>
  </div>
  <div class="d-flex justify-content-center align-items-center ">
  
	<p style="font-size:13px;font-family: 'Overpass', Arial, sans-serif;">Por lo cual se le pedira cambiar la clave nuevamente.</p>
  </div>
        </div>
        <div class="modal-footer border-0 justify-content-center align-items-center">
		<button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Volver</button>
          <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Cambiar Clave</button>
        </div>
      </div>
    </div>
  </div>
  
  
  
  <!-- Modal -->
  <div class="modal" id="modalRecuperarClave" tabindex="-1" aria-labelledby="modalRecuperarClaveLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="--bs-modal-border-color:gray">
	
	
      <div class="modal-content">
        
          
<div class="d-flex justify-content-end p-2">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar" style="padding-top: 20px;padding-right: 20px;"></button>
      </div>

        
        <div class="modal-body" style="padding-bottom:0px;padding-top:0px">
          
<div class="d-flex justify-content-center align-items-center col-12">
     
	 <img src="images/user@2x.png" alt="Icono de cuenta" style="width:160px;height:160px">
    
	
  </div>
<div class="d-flex justify-content-center align-items-center mt-2">
    <h1 style="font-size:18px;font-weight:bold;font-family: 'Overpass', Arial, sans-serif;margin-top:10px;margin-bottom:10px;">Recuperación de clave</h1>

  </div>
<div class="d-flex justify-content-center align-items-center" style="margin-left: 20px;margin-right: 20px;">
  
	<p style="font-size:13px;align:center;font-family: 'Overpass', Arial, sans-serif;">Su clave provisoria sera enviada a su email <b></b></p>
  </div>
  <div class="d-flex justify-content-center align-items-center " style="margin-left: 20px;margin-right: 20px;">
  
	<p style="font-size:13px;font-family: 'Overpass', Arial, sans-serif;text-align: center;">Una vez que ingrese a su primera sesión, tendrá que cambiarla por una nueva clave personal.</p>
  </div>
        </div>
		
		 <div class="g-recaptcha form-group mb-4" align="center" data-sitekey="6LevIJgsAAAAALOQ4x6qLTMFqtnySvDSFyGIsZnJ" data-theme="light" style="width:100%; display:flex; justify-content:center;"></div>
		 
        <div class="modal-footer border-0 justify-content-center align-items-center">
		<button type="button" class="btn btn-outline-success btnVolver2" data-bs-dismiss="modal" style="border-color: #28892B;color: #28892B;background-color: white;">Volver</button>
          <button type="button" class="btn btn-primary btnEnviar" data-bs-dismiss="modal" onclick="javascript:PresionarBoton('Enviar');">Enviar</button>
        </div>
      </div>
    </div>
  </div>
  
   <!-- Modal -->
  <div class="modal" id="modalSesion" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="modalSesionLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="--bs-modal-border-color:gray">
	
	
      <div class="modal-content">
        
          
<div class="d-flex justify-content-end p-2">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar" style="padding-top: 20px;padding-right: 20px;"></button>
      </div>

        
        <div class="modal-body" style="padding-bottom:0px;padding-top:0px">
          
<div class="d-flex justify-content-center align-items-center col-12">
     
	 <img src="images/user@2x.png" alt="Icono de cuenta" style="width:160px;height:160px">
    
	
  </div>
<div class="d-flex justify-content-center align-items-center mt-2">
    <h1 style="font-size:18px;font-weight:bold;font-family: 'Overpass', Arial, sans-serif;margin-top:10px;margin-bottom:10px;">Ya existe una sesión activa en este navegador.</h1>

  </div>
<div class="d-flex justify-content-center align-items-center" style="margin-left: 20px;margin-right: 20px;">
  
	<p style="font-size:14px;align:center;font-family: 'Overpass', Arial, sans-serif;text-align:justify">Si desea mantener la sesión actual, presione <b>Cancelar</b>.
Si desea iniciar una nueva conexión, presione <b>Continuar</b>; tenga en cuenta que todas las sesiones abiertas en el portal se cerrarán.<b></b></p>
  </div>

        </div>
        <div class="modal-footer border-0 justify-content-center align-items-center">
		<button type="button" class="btn btn-outline-success btnVolver2" data-bs-dismiss="modal" onclick="javascript:PresionarBotonModal('Cancelar');" style="border-color: #28892B;color: #28892B;background-color: white;">Cancelar</button>
          <button type="button" class="btn btn-primary btnEnviar" data-bs-dismiss="modal" onclick="javascript:PresionarBotonModal('ForzarIngreso');">Continuar</button>
        </div>
      </div>
    </div>
  </div>

   <!-- Modal -->
  <div class="modal" id="modalCierreSesion" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="modalCierreSesionLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="--bs-modal-border-color:gray">
	
	
      <div class="modal-content">
        
          
<div class="d-flex justify-content-end p-2">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar" style="padding-top: 20px;padding-right: 20px;"></button>
      </div>

        
        <div class="modal-body" style="padding-bottom:0px;padding-top:0px">
          
<div class="d-flex justify-content-center align-items-center col-12">
     
	 <img src="images/user@2x.png" alt="Icono de cuenta" style="width:160px;height:160px">
    
	
  </div>
<div class="d-flex justify-content-center align-items-center mt-2">
    <h1 style="font-size:18px;font-weight:bold;font-family: 'Overpass', Arial, sans-serif;margin-top:10px;margin-bottom:10px;">¡Sesión cerrada!</h1>

  </div>
<div class="d-flex justify-content-center align-items-center" style="margin-left: 20px;margin-right: 20px;">
  
	<p style="font-size:14px;align:center;font-family: 'Overpass', Arial, sans-serif;text-align:justify">Como eligió <b>Continuar</b>,
todas las sesiones abiertas en el portal se han cerrado.<b></b></p>
  </div>

        </div>
        <div class="modal-footer border-0 justify-content-center align-items-center">
		<button type="button" class="btn btn-outline-success btnVolver2" data-bs-dismiss="modal" onclick="javascript:PresionarBotonModal('Cancelar');" style="border-color: #28892B;color: #28892B;background-color: white;">Cerrar</button>
      
        </div>
      </div>
    </div>
  </div>
  
  <!-- Script Bootstrap + activación automática -->
   <script src="includes/bootstrap.bundle.min.js"></script>

  <script>
  const modalSesion = new bootstrap.Modal(document.getElementById('modalSesion'));
    const modal2 = new bootstrap.Modal(document.getElementById('modalRecuperarClave'));
	const modalInicio1 = new bootstrap.Modal(document.getElementById('modalInicio'));
    window.addEventListener('load', function () {
      //const modal = new bootstrap.Modal(document.getElementById('modalInicio'));
	  if("" == "RecuperarClave"){
		
       modal2.show();
	   
	   document.Datos.Rut.value = "";
	   }
	   if("0" == "1"){
		
       modalSesion.show();
	   
	 
	   }
	   
	   
	   
	   //else if ("" == "CambioClave")
	   //{
		//	modalInicio1.show();
	   //}
    });
	
	function RecuperarClave()
	{
	
	
		if (document.Datos.Rut != null)
		{
			if (document.Datos.Rut.value == ""){
			alert('Debe ingresar un Rut.');
			document.Datos.Rut.focus();
			return;
			}
		}	
		document.Datos.Accion.value = 'RecuperarClave';
		//modal2.show();
		document.Datos.submit();	
		
	}
</script>
<script>



    const inputRut = document.getElementById("Rut");
    const mensaje = document.getElementById("error-message");
	const inputClavee = document.getElementById("Clave");
const btn = document.getElementById("btnIngresar");
var rut = "";


		inputClavee.addEventListener("input", () => {
		
		if (inputClavee) {
		  

		inputClavee.classList.add("form-control:hover");
		rut = inputRut.value.toUpperCase().replace(/\s+/g, '');
		
		if(inputClavee.value != "" && validarRutSinGuion(rut))
		{
		btn.classList.remove("disabled");
		}
		else
		{
			btn.classList.add("disabled");
		}
		
		}
		
		});
	
	
	
if (inputRut) {	
	
    inputRut.addEventListener("input", () => {
      
rut = inputRut.value.toUpperCase().replace(/\s+/g, '');

if(inputClavee.value != "" && validarRutSinGuion(rut))
	{
	btn.classList.remove("disabled");
	}
	else
	{
		btn.classList.add("disabled");
	}
	
	  
	  
      if (rut === "") {
    // ?? Estilo por defecto (azul) si el campo está vacío
    mensaje.textContent = "";
    inputRut.style.borderColor = "#2772CC";
    inputRut.style.boxShadow = "0px 0px 0px 1px #2772CC, inset 0 0 0 100px rgba(255, 255, 255, 1)";
	
  } 
  
  
  else if (validarRutSinGuion(rut)) {
  mensaje.textContent = "";
  mensaje.style.color = "";
  // Quitar estilos de error si existían
  inputRut.style.borderColor = "";
  inputRut.style.boxShadow = "";
  
} 

else {
  mensaje.textContent = "El RUT ingresado no es correcto. Vuelve a intentarlo.";
  mensaje.style.color = "red";
  // Aplicar estilo de error
  inputRut.style.borderColor = "#ED0C19";
  inputRut.style.boxShadow = "0px 0px 0px 1px #ED0C19, inset 0 0 0 100px rgba(255, 255, 255, 1)";
}

    });
	

	
	inputRut.addEventListener("blur", () => {
	
inputRut.classList.remove("form-control:focus");

  // Al salir del foco, vuelve a diseño por defecto
  inputRut.classList.add("form-control");
  
  
});

}

    function validarRutSinGuion(rutCompleto) {
      // Separa cuerpo y DV
      const cuerpo = rutCompleto.slice(0, -1);
      const dvIngresado = rutCompleto.slice(-1).toUpperCase();

      // Verifica que el cuerpo sea numérico
      if (!/^\d+$/.test(cuerpo)) return false;

      return calcularDV(cuerpo) === dvIngresado;
    }

    function calcularDV(rut) {
      let suma = 0;
      let multiplo = 2;

      for (let i = rut.length - 1; i >= 0; i--) {
        suma += parseInt(rut.charAt(i)) * multiplo;
        multiplo = multiplo === 7 ? 2 : multiplo + 1;
      }

      const resto = suma % 11;
      const dv = 11 - resto;

      if (dv === 11) return '0';
      if (dv === 10) return 'K';
      return dv.toString();
    }
	
	
	const inputClave = document.getElementById("Clave");
  const toggleIcon = document.getElementById("toggleClave");

if(toggleIcon)
{
  toggleIcon.addEventListener("click", function () {
    const isPassword = inputClave.type === "password";
    inputClave.type = isPassword ? "text" : "password";

    // Cambia el ícono si quieres usar otro al mostrar la clave
    toggleIcon.src = isPassword ? "images/visibility.png" : "images/visibility_off@2x.png"; // puedes usar otro ícono para "ocultar"
  });
  
  
  }
  
  function GeneraError(){
		if ("" != "")
		{
			if("" == "ClaveIncorrecta")
			{
				const inputClave = document.getElementById("Clave");
				const mensajeClave = document.getElementById("error-messageClave");
				mensajeClave.textContent = "Los datos ingresados no son validos. Vuelve a intentarlo.";
				mensajeClave.style.color = "red";
				inputClave.style.borderColor = "#ED0C19";
				inputClave.style.boxShadow = "0px 0px 0px 1px #ED0C19, inset 0 0 0 100px rgba(255, 255, 255, 1)";
			}
			else
			{
			 //alert("");
				const inputClave = document.getElementById("Clave");
				const mensajeClave = document.getElementById("error-messageClave");
				mensajeClave.textContent = "Los datos ingresados no son validos. Vuelve a intentarlo.";
				mensajeClave.style.color = "red";
				inputClave.style.borderColor = "#ED0C19";
				inputClave.style.boxShadow = "0px 0px 0px 1px #ED0C19, inset 0 0 0 100px rgba(255, 255, 255, 1)";			 
			}
			
		  
		}
		
		//const modalSesionDuplicada = new bootstrap.Modal(document.getElementById('modalCierreSesion'));
		
		if("" != "")
		{
			const modalSesionDuplicada = new bootstrap.Modal(document.getElementById('modalCierreSesion'));
			modalSesionDuplicada.show();
			
		}
	}
  </script>


