@media (max-width: 768px) {
    .catalogo-grid{
        grid-template-columns: 1fr;
    }
    .catalogo-top{
        flex-direction: column-reverse;
    }
    .catalogo-filtros{
        height: 100dvh;
        top: 0;
        position: fixed;
        right: -80dvw;
        width: 80dvw;
        z-index: 7100;
        transition: all 200ms ease-out;
    }
    .catalogo-filtros.show-filtros{
        right: 0;
    }
    .abrir-filtros, .fechar-filtros{
        display: block;
    }
    .catalogo-nav h2{
        display: none;
    }
    .catalogo-nav > *{
        flex: inherit
    }
    .btn-voltar-catalogo span{
        display: none;
    }
}

.filtros-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.filtros-backdrop.fade{
    opacity: 0;
    display: none;
}
.filtros-backdrop.show{
    opacity: 0.5;
    display: block;
}