/* AM Club v710 - Fondo web horizontal para Login.aspx
   Objetivo:
   - usar el nuevo fondo horizontal de alta definición solo en escritorio/web
   - mantener el fondo móvil vertical ya aprobado
   - conservar el login centrado y el look premium
*/

@media (min-width: 821px) {
    html body.am-body .am-login-v700 .am-login-v482__bg {
        background:
            linear-gradient(90deg, rgba(3,5,17,.50) 0%, rgba(4,6,18,.26) 24%, rgba(4,6,18,.18) 50%, rgba(4,6,18,.26) 76%, rgba(3,5,17,.50) 100%),
            radial-gradient(circle at 18% 72%, rgba(46, 206, 255, .10), transparent 0 24%),
            radial-gradient(circle at 82% 24%, rgba(255, 72, 222, .12), transparent 0 26%),
            url('../Content/images/amclub-login-bg-web-v710.png') center center / cover no-repeat !important;
        filter: saturate(1.08) contrast(1.06) brightness(.88) !important;
        opacity: 1 !important;
        transform: none !important;
    }

    html body.am-body .am-login-v700::before {
        background:
            radial-gradient(circle at 50% 46%, rgba(0,0,0,0), rgba(0,0,0,.08) 56%, rgba(0,0,0,.18) 100%),
            linear-gradient(180deg, rgba(3,5,17,.04), rgba(3,5,17,.14)) !important;
    }

    html body.am-body .am-login-v700 .am-login-v482__texture {
        opacity: .025 !important;
    }

    html body.am-body .am-login-v700 .am-login-v482__shell {
        position: relative !important;
        z-index: 2 !important;
    }
}