/* styles/mobile.css */

/* Estilos para dispositivos móveis */
@media (max-width: 991.98px) {
    .sidebar-principal {
        width: 0;
        padding: 0;
    }

    body.sidebar-aberta .sidebar-principal {
        width: var(--largura-sidebar);
    }

    .conteudo-principal {
        padding-left: 0;
    }

    .top-navigation {
        position: sticky;
        top: 0;
    }
    
    .hero-section-azul h1 {
        font-size: 2rem;
    }

    .botoes-acao-rapida .btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .grid-responsivo {
        grid-template-columns: 1fr;
    }
}