:root{
    --onetax-blue:#014185;
}

/* Panel izquierdo */
.login-sb__left{
    background: var(--onetax-blue);
    position:relative;
    overflow:hidden;
}
.login-sb__left:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.10), transparent 45%),
        radial-gradient(circle at 80% 30%, rgba(0,0,0,.25), transparent 55%);
    pointer-events:none;
}

/* Fondo derecha */
.login-sb__right{
    position:relative;
    background-image:url("../images/backgroundPhoto1.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    min-height:100vh;
}
.login-sb__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
}

/* Card más grande */
.login-sb__card{
    width: 520px;          /* antes 420 */
    max-width: 92vw;
    border-radius: 16px;
    background: rgba(255,255,255,.96);
}

/* Logo */
.login-sb__logo{ height:52px; width:auto; }  /* antes 44 */

/* Tipografía más grande dentro del card */
.login-sb .card-body{
    font-size: 1.02rem;
}

/* Inputs más “SB Admin” y un poco más altos */
.login-sb .form-control{
    height: calc(1.6em + .95rem + 2px);
    font-size: 1rem;
    border-radius: .5rem;
}

/* Botón OneTax */
.btn-onetax{
    background: var(--onetax-blue);
    border-color: var(--onetax-blue);
    color:#fff;
    font-weight: 600;
}
.btn-onetax:hover{
    background:#01366f;
    border-color:#01366f;
    color:#fff;
}

/* Para que el texto del panel izquierdo no se vea demasiado ancho */
.login-left-inner{
    max-width: 360px;
}



/*Para la aunbtentificacion en dos pasos*/

.pin-code-inputs{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:10px;
}

.pin-code-input{
    width:54px;
    height:54px;
    text-align:center;
    font-size:22px;
    font-weight:700;
    border-radius:10px !important;
    padding:0 !important;
}