/* ============================================================
   OrtaLegal · Login Alignment v1.3
   Alineación exacta entre tarjeta de gestión y tarjeta cliente.
   ============================================================ */

/* La clave: no centrar verticalmente el contenido interno */
.login-card{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:52px 30px 34px!important;
    min-height:520px!important;
}

/* Anclamos título y subtítulo al mismo punto */
.login-card h2{
    margin:0 0 14px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:flex-start!important;
    line-height:1.08!important;
}

.login-card .muted{
    margin:0 0 28px!important;
    min-height:28px!important;
    line-height:1.45!important;
    display:block!important;
}

/* El formulario queda maquetado igual en ambos */
.secure-form{
    margin-top:0!important;
    display:block!important;
}

.secure-field{
    margin-top:0!important;
}

.secure-field + .secure-field{
    margin-top:14px!important;
}

.secure-form .btn,
.login-card .btn{
    margin-top:20px!important;
}

/* El texto inferior reserva el mismo espacio en ambos paneles */
.fineprint{
    margin-top:18px!important;
    min-height:48px!important;
    line-height:1.55!important;
    display:block!important;
}

/* El footer inferior también mantiene separación constante */
.auth-page-footer{
    margin-top:16px!important;
}

/* Responsive */
@media(max-width:900px){
    .login-card{
        min-height:auto!important;
        padding:34px 24px 28px!important;
    }

    .login-card h2{
        min-height:auto!important;
    }

    .login-card .muted{
        min-height:auto!important;
        margin-bottom:22px!important;
    }

    .fineprint{
        min-height:auto!important;
    }
}