﻿/* AM Club v702 - Fondo Login stretch full screen
   Marcelo pidió que la imagen de fondo siempre se adapte a la pantalla en modo stretch.
   Este override fuerza el fondo a ocupar todo el viewport completo.
*/

html body.am-body .am-login-v700,
html body.am-body .am-login-v696,
html body.am-body .am-login-v695,
html body.am-body .am-login-v688,
html body.am-body .am-login-v482{
    min-height:100vh !important;
}

@supports (min-height: 100dvh){
    html body.am-body .am-login-v700,
    html body.am-body .am-login-v696,
    html body.am-body .am-login-v695,
    html body.am-body .am-login-v688,
    html body.am-body .am-login-v482{
        min-height:100dvh !important;
    }
}

html body.am-body .am-login-v700 .am-login-v482__bg{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important; /* stretch solicitado */
    filter:saturate(1.02) contrast(1.04) brightness(.72) !important;
}

/* fallback adicional para pantallas muy anchas o muy altas */
@media screen and (min-aspect-ratio: 16/9){
    html body.am-body .am-login-v700 .am-login-v482__bg{
        background-size:100% 100% !important;
    }
}

@media screen and (max-aspect-ratio: 9/16){
    html body.am-body .am-login-v700 .am-login-v482__bg{
        background-size:100% 100% !important;
    }
}
