/* responsivo-documentacao.css */
@media (max-width: 1024px) {
    .docs-toc-container { display: none; }
    .docs-main { padding: 32px var(--docs-espaco-lg); }
}
@media (max-width: 768px) {
    .docs-busca-btn { width: auto; }
    .docs-busca-btn span.texto { display: none; }
    .docs-busca-btn span.docs-tecla { display: none; }
    
    .docs-nav-direita > a { display: none; }
    .docs-tema-btn .texto-aparencia { display: none; }
    
    .docs-menu-mobile-btn { display: block; }
    
    .docs-sidebar-container {
        position: fixed;
        top: var(--docs-altura-header);
        left: -100%;
        width: 100%;
        max-width: 320px;
        height: calc(100vh - var(--docs-altura-header));
        background: var(--docs-bg-superficie);
        z-index: 90;
        transition: left var(--docs-transicao);
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    }
    .docs-sidebar-container.aberto { left: 0; }
    
    .docs-home-grid { grid-template-columns: 1fr; }
    
    .docs-navegacao-inferior {
        flex-direction: column;
        gap: 16px;
    }
    .docs-nav-card { width: 100%; }
    .docs-rodape { flex-direction: column; gap: 16px; align-items: flex-start; }
    .docs-rodape-dir { align-items: flex-start; }
}