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

#navbtn2 {
    display: none;
    color: black;
}

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

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

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

@media(max-width:599px){#filtros-nav{width:65%}}
@media(max-width:399px){#filtros-nav{width:85%}}
@media(max-width:399px){#filtros-nav{width:100%}}

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

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

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

    .page_content .sidebar {
        margin-top: 0px;
    }
    
    
}


/* Estilos adicionales de los cards*/


@media(max-width:3600px){
    .page_content .most_popular__section .slider_item {
        width: 45%;
        margin-right: 15px;
    }
}

/* Estilos banner texto */
@media screen and (max-width: 1600px) {
    .page_head {
        padding-top: 150px;
    }
}

@media(max-width:1230px){
    .page_content .most_popular__section .slider_item {
        width: 100%;
        margin-right: 0;
    }
}


@media screen and (max-width: 1076px) {
    .page_content .most_popular__section .slider_item { width: 47%; margin: 12px;}
    .page_head{padding-top: 100px;}
}

@media screen and (max-width: 869px) {
    .page_content .most_popular__section .slider_item {
        width: 47%;
        margin: 10px;
    }
}

@media screen and (max-width: 724px) {
    .page_content .most_popular__section .slider_item {
        width: 100%;
        margin: 0 0 20px 0;
    }
}




.most_popular__section .slider_item:before{background: linear-gradient(to bottom, rgb(0 0 0 / 26%) 0%, rgb(4 10 25) 100%);}