/* AM Club v707 - Rellenar con fondo la franja superior negra en móvil
   Objetivo:
   - hacer que la zona superior del login en móvil use el mismo arte de fondo
   - evitar que se vea una franja negra por encima del formulario
   - mantener el fondo vertical aprobado por Marcelo
*/

@media (max-width: 820px) {
    html,
    body.am-body,
    body.am-body > form,
    body.am-body #aspnetForm,
    body.am-body #form1,
    body.am-body #MainContent,
    body.am-body .main-content,
    body.am-body .content-wrapper,
    body.am-body .site-body {
        background:
            linear-gradient(180deg, rgba(5,7,20,0.10), rgba(5,7,20,0.16)),
            url('../Content/images/amclub-login-bg-mobile-v705.png') center top / 100% 100% no-repeat !important;
        background-color: #050714 !important;
    }

    body.am-body {
        min-height: 100vh !important;
        overflow: hidden !important;
    }

    body.am-body > form,
    body.am-body #aspnetForm,
    body.am-body #form1 {
        min-height: 100vh !important;
    }

    /* Si el master deja una zona superior vacía, al menos ya no se verá negra */
    html body.am-body .am-login-v700 {
        background: transparent !important;
        min-height: 100vh !important;
    }

    html body.am-body .am-login-v700 .am-login-v482__bg {
        top: 0 !important;
        bottom: 0 !important;
    }

    /* Reducir un poco el padding superior para acercar el bloque al inicio */
    html body.am-body .am-login-v700 .am-login-v482__shell {
        padding-top: 12px !important;
    }
}