/* AM Club v712 - Capa suave de opacidad para fondo del login
   Objetivo:
   - suavizar el fondo actual sin cambiar las imágenes aprobadas
   - aplicar una capa muy sutil de opacidad / velo sobre el arte
   - mantener intacto el layout premium y los fixes v700-v711
*/

html body.am-body .am-login-v700{
    position:relative!important;
    isolation:isolate!important;
}

/* Velo general suave entre el fondo y el contenido */
html body.am-body .am-login-v700::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:
        linear-gradient(180deg, rgba(6,8,20,.08) 0%, rgba(6,8,20,.14) 100%),
        rgba(255,255,255,.03)!important;
    opacity:.82!important;
}

/* Asegura que el contenido quede por encima del velo */
html body.am-body .am-login-v700 .am-login-v482__shell,
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{
    position:relative!important;
    z-index:2!important;
}

/* Suavizado leve adicional del arte de fondo */
@media (min-width:821px){
    html body.am-body .am-login-v700 .am-login-v482__bg{
        filter:saturate(1.04) contrast(1.03) brightness(.84)!important;
    }
}

@media (max-width:820px){
    html body.am-body .am-login-v700 .am-login-v482__bg{
        filter:saturate(1.01) contrast(1.02) brightness(.74)!important;
    }

    html body.am-body .am-login-v700::after{
        background:
            linear-gradient(180deg, rgba(6,8,20,.10) 0%, rgba(6,8,20,.17) 100%),
            rgba(255,255,255,.025)!important;
    }
}