/**Responsividad de filtros - Inicio de estilos a los filtros**/
.active-nav {
    transform: translateX(0%) !important;
}

#navbtn2 {
    display: none;
}

@media screen and (max-width: 992px) {
        #filtros-nav {
            top: 0%;
            left: 0;
            height: 100%;
            /* width: 100%; */
            position: fixed !important;
            transform: translateX(-100%);
            z-index: 5000;
            transition: 0.5s;
            overflow-y: scroll;
            background-color: white;
        }

        #filtros-nav > div {
            margin-top: 80px;
        }

        #filters_col {
            padding: 26px 10px 15px 15px;
        }

        #navbtn2 {
            display: block;
            box-shadow: 2px 3px 5px black;
            border: none;
            z-index: 5001;
            font-size: 16px;
            opacity: 80%;

            position: fixed; 
            top: 90%;
            left: 50%; 
            transform: translateX(-50%); 
            z-index: 900;
            border-color: #f4a261;
            background: linear-gradient(90deg, rgba(244, 162, 97, 1) 30%, rgba(255, 195, 148, 1) 50%, rgba(244, 162, 97, 1) 67%);
            color: #fff;
            border-radius: 11px;
            width: 50px;
            height: 50px;
        }
    }

    /* estilos del filtro */
    .borderContentFiltros {
        width: 100%;
        margin: auto;
        margin-top: 15px;
        background-color: #fff;
        padding: 10px;
        border: solid #F5EEE6 1px;
        border-radius: 5px;
        box-shadow: 4px 2px 4px 2px #F5F5F5;
    }

/* edit filtros */
.boton-filtros {
    display: none;
}

@media screen and (max-width: 991px) {
    .boton-filtros {
        display: block;
        position: fixed;
        left: 50%;
        z-index: 5001;
        top: 90%;
        transform: translateX(-50%);
    }
}

.borderContentFiltros ul {
    padding: 15px;
}