/**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;
        }

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

        #navbtn2 {
            display: block;
            box-shadow: 2px 3px 5px black;
            border-radius: 50%;
            border: none;
            position: fixed;
            top: 88%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 5001;
            height: 62px;
            background-color: #82318a;
            width: 64px;
            font-size: 16px;
            opacity: 80%;
        }
    }

    /* 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;
    }