@media (prefers-color-scheme: dark) {

    .gr_boton_recomendamos_mas {
        filter: saturate(0) !important;
    }

    .gr_recomendamosblock {
        /*CAMBIOS CORRECCIONES*/
        border-bottom: solid 5px var(--color-divisiones) !important;
    }
    
    .gr_titulo_recomendamos {
        /*CAMBIOS CORRECCIONES*/
        border-bottom: solid 2px var(--color-divisiones) !important;
    }
    
    @media (max-width:600px) {
        .gr_mixblock .gr_recomendamosblock {
            /*AJUSTES FLEXSET*/
            /*border-bottom: solid 0px var(--color-divisiones) !important; ESTILO ELIMINADO*/
        }
    }
}

.gr_recomendamosblock {
    border-bottom: solid 5px var(--color-gray4);
    grid-gap: 30px 30px;
    padding-bottom: 30px;
}

/*ESTILOS EXTRA PARA VIDEO*/

.gr_recomendamosblock[data-cols="6"] {
    grid-template-columns: repeat(6, 1fr) !important;
}

/*------------------------*/

/*TODO:*/
.gr_recomendamosblock .gr_nota_imagen_contenedor {
    margin-bottom: 6px !important;
} 

.gr_titulo_recomendamos {
    grid-column: 1 / -1;
    border-bottom: solid 2px var(--color-gray4);
    padding-bottom: 9px;
    letter-spacing: 0.6px !important;
    order: -2;
    /*CAMBIOS CORRECCIONES*/
    height: fit-content;
}

.gr_recomendamosblock .gr_nota_seccion {
    display: inherit;
    /*TODO:*/
    font-weight: 500 !important;
    margin-bottom: 2px !important;
}


.gr_recomendamosblock .gr_nota_resumen {
    display: none;
}

.gr_icono_play {
    position: absolute;
    left: 80%;
    top: 70%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 26.5%;
    min-width: 24px;
    max-width: 36px;
}

.gr_slot_recomendamos {
    grid-column: span 2;
}

.gr_slot_recomendamos .gr_nota_titulo {
    /* font: 400 var(--font-size-t04) / 1.2em var(--font-barlowcon); */
    /* font: 500 italic var(--font-size-t04) / 1.1em var(--font-barlowcon) !important;  */
    font: 400 italic var(--font-size-t04) / 1.1em var(--font-barlowcon) !important; 
}

.gr_con_boton_recomendamos {
    width: 100%;
    justify-content: center;
    padding-bottom: 15px;
    display: none;
    padding-top: 0px;
    padding-bottom: 20px;
}

.gr_con_boton_recomendamos {
    display: none;
    justify-content: center;
}

.gr_boton_recomendamos {
    border-radius: 30px;
    color: var(--color-reforma);
    /* border: 1.5px solid rgba(0, 185, 25, 0.40); */
    border: var(--font-sb-border) solid var(--color-verde-claro-borde);
    
    /* font: 400 11px / 21 var(--font-barlowcon); */
    font: var(--font-sbp) var(--font-size-boton) / 2.1em var(--font-barlowcon);
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 0.48px;
    height: 30px;
    gap: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 235px;
    cursor: pointer;
    display: none;
}

.gr_boton_recomendamos {
    display: none;
}

.gr_recomendamosblock[data-cols~="8"] .gr_slot_recomendamos {
    grid-column: span 3;
} 

.gr_recomendamosblock[data-cols~="4"] {
    grid-template-columns: repeat(10, 1fr);
    align-items: start;
} 

.gr_recomendamosblock[data-cols~="4"] .gr_slot_recomendamos {
    grid-column: span 5;
}

/*  */
@media (max-width:920px) {

    .gr_boton_recomendamos {
        max-width: 210px;
    }

}
@media (max-width:880px) {

    .gr_recomendamosblock[data-cols~="4"] {
        grid-gap: 30px 20px;
    }
}

@media (max-width:800px) {

    .gr_boton_recomendamos {
        max-width: 100%;
        padding: 10px 0px;
    }
}

@media (max-width:600px) {

    .gr_con_boton_recomendamos {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
        padding-bottom: 20px;
    }

    .gr_boton_recomendamos {
        font: var(--font-sbp) var(--font-size-boton-iphone) / 2.1em var(--font-barlowcon);
        max-width: 280px;
        display: none;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        /* border: 2px solid rgba(0, 185, 25, 0.40); */
        border: var(--font-sb-border-r) solid var(--color-verde-claro-borde);  
        height: 36px;
        
    }

    .gr_titulo_recomendamos {
        grid-column: span 2;
        margin-bottom: 10px;
    }

    .gr_recomendamosblock {
        /*AJUSTES FLEXSET*/
        /*border-bottom: solid 5px rgba(var(--color-gray4));**/
        grid-gap: 20px 0px;
        padding-bottom: 0px;
         /*AJUSTE ESPACIADOS*/
        margin-top: 10px;
        /*---*/
    }

    .gr_slot_recomendamos .gr_nota_titulo {
        font: 400 italic var(--font-size-t04-iphone) / 1.1em var(--font-barlowcon) !important;  
    }

    .gr_recomendamosblock[data-cols~="4"] {
        grid-gap: 20px 0px;
        align-items: inherit;
    }

    .gr_recomendamosblock .gr_nota_imagen_contenedor {
        margin-bottom: 0px !important;
        width: 48%;
    }

    .gr_recomendamosblock .gr_slot_recomendamos {
        padding-left: 15px;
        padding-right: 0px;
    }

    .gr_icono_play {
        position: absolute;
        left: 84%;
        top: 75%;
        transform: translate(-50%, -50%);
        z-index: 1;
        max-width: 50px;
        width: 23.5%;
    }
    
    .gr_recomendamosblock .gr_nota_seccion {
        margin-bottom: 4px !important;
    }

}

@media (max-width:420px) {

    .gr_slot_recomendamos .gr_nota_titulo {
        /* font: 500 italic var(--font-size-t04-r) / 1.1em var(--font-barlowcon) !important; */
        font: 400 italic var(--font-size-t04-r) / 1.1em var(--font-barlowcon) !important;  
    }
 
    .gr_boton_recomendamos {
        font: var(--font-sbp) var(--font-size-boton-r) / 2.1em var(--font-barlowcon);
    }
}

@media (max-width:400px) {

    .gr_icono_play {
        position: absolute;
        left: 82%;
        top: 75%;
        transform: translate(-50%, -50%);
        z-index: 1;
    } 
}


@media (max-width:360px) {

    .gr_icono_play {
        position: absolute;
        left: 82%;
        top: 75%;
        transform: translate(-50%, -50%);
        z-index: 1;
    } 
}