/* _________________________________________________________________________________________ */

/* ------ INDICADORES ANTES & DESPUÉS  ------------------------- */
.post_slider .prev,
.post_slider .next{
    font-size: 2em;
    color: var(--color-white);
    cursor: pointer;
    position: absolute;
    top:65%;
}

@media screen and (max-width: 600px){
    .post_slider .prev, .post_slider .next{
        top: 75%;
    }
}

/*  - SIGUIENTE ------------ */
.post_slider .next{
    right: 20px;
}

/* - ANTES ----------*/
.post_slider .prev{
    left: 20px;
}

@media screen and (max-width: 400px){
    .post_slider .prev, .post_slider .next{
        color: var(--color-secundary);
        z-index: 1;
    }
}

/* -- POST SLIDER -----------------*/
.post_slider,
.banner_principal{
    position: relative;
}

.post_slider .slider{
    overflow: hidden;
    width: 84%;
    margin: 0px auto;
}

.post_slider .slider .post{
    margin: 0px 10px;
    display: inline-block;
    outline: none;
}

/* ---- IMAGEN SLIDER  ------- */
.post_slider .slider .post .slider_img{
    height: 125px;
    width: 90%;
    object-fit: contain;
    border: .8px solid var(--color-secundary);
    background-color: var(--color-white);
    border-radius: 4px;
    padding: 5px;
}

.slider_img{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: pointer;
    object-fit: cover;
}

.slider_img:hover{
    -webkit-filter: grayscale(0);
    filter: none;
}