/* Oculta la barra de scroll del carrusel de cuentas sin perder el swipe táctil. */
.ui-carousel-track {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ui-carousel-track::-webkit-scrollbar {
    display: none;
}

/* Pantallas de baja altura (monitores de POS): la vista de clave se apila más alto que la pantalla
   y, al centrarse en vertical, el enlace de recuperar clave queda debajo del corte. Aquí se compacta
   el teclado y los espacios para que todo entre y ese enlace se vea sin tener que bajar. Va con más
   especificidad que las utilidades de Tailwind (que cargan al final) para ganarles el empate. */
@media (max-height: 800px) {
    div.ui-auth-panel {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .js-view-pin .ui-pin-head {
        margin-bottom: 1.25rem;
    }

    .js-view-pin .ui-keypad-key {
        height: 3.25rem;
        font-size: 1.25rem;
    }

    .js-view-pin .ui-pin-forgot {
        margin-top: 1.25rem;
    }

    .js-shell .ui-auth-footer {
        margin-top: 1.25rem;
    }
}