/* Estilo para fazer todas as páginas deslizáveis */

.sliding-page {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* Para melhor deslizamento em iOS */
    padding-bottom: 60px; /* Espaço para o menu inferior */
}

/* Estilos para efeitos de deslizamento */
.subpage-content {
    padding: 15px;
    padding-bottom: 70px; /* Espaço para o menu inferior */
    min-height: calc(100vh - 120px);
}

/* Animação de entrada de página */
@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Animação de saída de página */
@keyframes slideOutToLeft {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

/* Aplicar animação de entrada */
.slide-in {
    animation: slideInFromRight 0.3s forwards;
}

/* Aplicar animação de saída */
.slide-out {
    animation: slideOutToLeft 0.3s forwards;
}

/* Garantir que todos os conteúdos de página sejam deslizáveis */
body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

html {
    height: 100%;
}

#app {
    min-height: 100%;
    position: relative;
    overflow-y: auto;
}

/* Garantir que mesmo páginas com pouco conteúdo permitam deslizamento */
.min-scrollable-height {
    min-height: 101vh;
}