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

#navbtn2 {
    display: none;
}

@media screen and (max-width: 991px) {
    #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;
        margin-top: 0;
    }

    #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: #114634;
        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;
}