/* AM Club v704 - Login móvil sin scroll
   Objetivo: impedir que el usuario pueda subir/bajar en la pantalla del login,
   ya que el scroll rompe la presentación visual en móvil.
*/

html, body {
    height: 100% !important;
}

html body.am-body {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: manipulation !important;
}

html body.am-body form,
html body.am-body .am-page-shell,
html body.am-body .am-page-shell > .am-login-v700,
html body.am-body .am-page-shell > .am-login-v696,
html body.am-body .am-page-shell > .am-login-v695,
html body.am-body .am-page-shell > .am-login-v688,
html body.am-body .am-page-shell > .am-login-v482 {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

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

/* Asegura que el fondo cubra completo sin generar scroll */
html body.am-body .am-login-v700 .am-login-v482__bg {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Ajustes específicos para móvil */
@media (max-width: 767.98px) {
    html body.am-body {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    html body.am-body .am-page-shell {
        padding: 0 !important;
    }

    html body.am-body .am-page-shell > .am-login-v700 {
        min-height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
    }

    @supports (height: 100dvh) {
        html body.am-body .am-page-shell > .am-login-v700 {
            min-height: 100dvh !important;
            max-height: 100dvh !important;
        }
    }

    /* Evita rebote / arrastre vertical en Safari y Chrome móvil */
    html body.am-body .am-login-v700,
    html body.am-body .am-login-v700 * {
        overscroll-behavior: none !important;
    }
}