/* MOCA — Ajustes exclusivos para viewport móvil (<=640px) */

.pantalla-fullscreen {
    padding: 16px;
}

#pantallaLogin.pantalla-fullscreen {
    padding: 0;
}
#pantallaLogin .login-card {
    width: 100%;
    height: 100%;
    max-width: none !important;
    border-radius: 0 !important;
    overflow-y: auto;
    padding: 28px 24px 32px !important;
    display: flex;
    flex-direction: column;
}
#loginCardInner {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
#loginFormWrap {
    flex: 1;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
#btnIngresar {
    margin-top: auto !important;
}

body {
    padding: 14px 12px 22px !important;
}

.max-w-2xl {
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - 36px);
}
#pantallaWizard.pantalla:not(.hidden) {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
#wizardCard {
    padding: 20px 16px !important;
    border-radius: 16px !important;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
.card-plantilla {
    padding: 12px 13px !important;
    gap: 11px !important;
}
.step-panel.is-visible {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
.step-panel[data-panel="1"] > div:last-child,
.step-panel[data-panel="2"] > div:last-child,
#accionesFinales,
#vistaErrorPassword > div:last-child {
    margin-top: auto !important;
}
#vistaEnviando:not(.hidden),
#vistaErrorPassword:not(.hidden) {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
#listaEstados {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}