/* AM Club v705 - Fondo móvil dedicado para Login.aspx
   Marcelo pidió usar el fondo vertical proporcionado solo en vista móvil.
*/

@media (max-width: 820px) {
    html body.am-body .am-login-v700 .am-login-v482__bg {
        background:
            linear-gradient(180deg, rgba(4,6,18,.28) 0%, rgba(4,6,18,.22) 28%, rgba(4,6,18,.34) 100%),
            url('../Content/images/amclub-login-bg-mobile-v705.png') center center / 100% 100% no-repeat !important;
        filter: saturate(1.04) contrast(1.05) brightness(.78) !important;
    }

    /* Mantener el arte limpio detrás del formulario */
    html body.am-body .am-login-v700::before {
        background:
            radial-gradient(circle at 50% 46%, rgba(0,0,0,0), rgba(0,0,0,.10) 56%, rgba(0,0,0,.24) 100%),
            linear-gradient(180deg, rgba(3,5,17,.06), rgba(3,5,17,.18)) !important;
    }

    /* Leve ajuste visual del bloque para el fondo vertical */
    html body.am-body .am-login-v700 .am-login-v482__shell {
        justify-content: flex-start !important;
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
}