/* ============================================================
   OrtaLegal · Auth Visual v0.7
   Centrado real de bloques + footer flotante bajo tarjeta.
   ============================================================ */

.login-wrap{
    min-height:calc(100vh - 72px);
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 520px))!important;
    justify-content:center!important;
    align-items:center!important;
    gap:32px!important;
    padding:24px 26px 58px!important;
    max-width:none!important;
    margin:0 auto!important;
}

.login-copy,
.login-card{
    width:100%;
    min-height:520px;
}

.login-copy{
    align-self:center!important;
}

.auth-side{
    width:100%;
    position:relative;
    display:block!important;
    align-self:center!important;
}

.auth-page-footer{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 16px);
    margin:0;
    padding:0 8px;
    color:#607086;
    font-size:12px;
    line-height:1.55;
    text-align:center;
}

body.dark .auth-page-footer{
    color:#bdcbd9;
}

.auth-page-footer strong{
    color:var(--auth-ink, #0e2035);
    font-weight:850;
}

body.dark .auth-page-footer strong{
    color:#fff;
}

@media(max-width:1120px){
    .login-wrap{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        max-width:980px!important;
    }
}

@media(max-width:900px){
    .login-wrap{
        grid-template-columns:1fr!important;
        max-width:620px!important;
        padding:28px 18px 80px!important;
    }

    .auth-side{
        position:relative;
    }

    .login-copy,
    .login-card{
        min-height:auto;
    }

    .login-copy{
        min-height:390px;
    }

    .auth-page-footer{
        position:static;
        margin-top:16px;
    }
}