/* AM Club v709 - Centrado vertical real del bloque login en móvil */
@media (max-width: 820px){
    html,
    html body.am-body,
    html body.am-body form,
    html body.am-body .am-page-shell,
    html body.am-body .am-page-shell > .am-login-v700{
        min-height:100vh!important;
        height:100vh!important;
        max-height:100vh!important;
        overflow:hidden!important;
    }

    @supports (height:100dvh){
        html,
        html body.am-body,
        html body.am-body form,
        html body.am-body .am-page-shell,
        html body.am-body .am-page-shell > .am-login-v700{
            min-height:100dvh!important;
            height:100dvh!important;
            max-height:100dvh!important;
        }
    }

    /* El shell debe ocupar toda la altura para que el flex center funcione */
    html body.am-body .am-login-v700 .am-login-v482__shell{
        width:min(100% - 22px, 390px)!important;
        min-height:100%!important;
        height:100%!important;
        max-height:100%!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        align-items:center!important;
        box-sizing:border-box!important;
        padding:8px 0 8px!important;
        margin:0 auto!important;
        gap:0!important;
    }

    /* Compactar y centrar el conjunto visual */
    html body.am-body .am-login-v700 .am-login-v482__brand,
    html body.am-body .am-login-v700 .am-login-v482__card,
    html body.am-body .am-login-v700 .am-login-v688__signature,
    html body.am-body .am-login-v700 .am-login-v482__footer-note{
        width:100%!important;
        max-width:100%!important;
        flex:0 0 auto!important;
    }

    html body.am-body .am-login-v700 .am-login-v482__brand{
        margin:0 0 8px 0!important;
    }

    html body.am-body .am-login-v700 .am-login-v482__card{
        margin:0!important;
    }

    html body.am-body .am-login-v700 .am-login-v688__signature{
        margin:10px 0 0 0!important;
        text-align:center!important;
    }

    html body.am-body .am-login-v700 .am-login-v482__footer-note{
        margin:8px 0 0 0!important;
    }

    /* Reparto vertical: deja el bloque visual centrado y evita que se pegue arriba */
    html body.am-body .am-login-v700 .am-login-v482__brand{
        margin-top:auto!important;
    }

    html body.am-body .am-login-v700 .am-login-v482__footer-note{
        margin-bottom:auto!important;
    }
}