/* Fix para problemas de rolagem em diferentes navegadores */

/* Reset adicional para garantir rolagem */
html, body {
    height: auto !important;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Garantir que containers não bloqueiem rolagem */
.slide-container {
    height: auto !important;
    min-height: 100vh;
    overflow: visible;
}

/* Para páginas com muito conteúdo */
.index-page .slide-container {
    height: auto;
    min-height: auto;
    justify-content: flex-start;
    padding: 2rem 2rem 4rem 2rem;
}

.index-page .slide-header {
    max-height: none;
    overflow: visible;
    margin: 0;
}

/* Grid responsivo melhorado */
.index-page .concept-box > div[style*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 1rem !important;
    margin: 2rem 0 !important;
}

/* Ajustes para mobile */
@media (max-width: 768px) {
    .index-page .slide-container {
        padding: 1rem 1rem 3rem 1rem;
    }
    
    .index-page .concept-box > div[style*="grid"] {
        grid-template-columns: 1fr !important;
    }
    
    .slide-header {
        padding: 1.5rem;
    }
}

/* Melhorar visibilidade da barra de rolagem */
body {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

/* Garantir que navegação não flutue sobre conteúdo */
.navigation {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}