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

    .gr_con_img_edit {
        border: 3px solid #000000 !important;
        /* outline: 1.8px solid rgba(63, 177, 162, .50) !important; */
    }

    .gr_titulo_opinion {
        color: #fff;
    }

    /* .gr_divider_opinion {
        background-color: rgba(63, 177, 162, 1) !important; 
    } */ 
        
    .gr_slot_editorialistas {
        border: 3px solid var(--color-fuerte-opinion) !important;
    }
}

.gr_titulo_opinion {
    font: 600 var(--font-size-t-division) / 1.2em var(--font-barlowcon);
    text-transform: uppercase;
    margin-bottom: 12px;
    letter-spacing: 0.6px;
}

.gr_slot_editorialistas {
    border-radius: 13px;
    /* border: 3px solid rgba(63, 177, 162, 1); */
    border: 3px solid var(--color-claro-opinion);
    container-type: inline-size;
    position: relative;
    /* padding: 17px 25px 15px 25px; */
    /* padding: 16px 15px 7px 15px; */
    padding: 18px 18px 10px 18px;
}

.gr_divider_opinion {
    height: 1px;
    background-color: var(--color-fuerte-opinion);
    margin-bottom: 10px;
}

.gr_con_editorialistas {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    grid-gap: 30px 41px;
}

.gr_columna_edit {
    position: relative;
    grid-column: span 1;
    transition: opacity 0.5s ease-in-out;
}

.gr_slot_editorialistas[data-cols="4"] .gr_con_editorialistas {
    grid-template-columns: repeat(1, 1fr);
}

.gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas {
    grid-template-columns: repeat(2, 1fr);
}

.gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas {
    grid-template-columns: repeat(3, 1fr);
}

.gr_slot_editorialistas[data-cols="4"] .gr_con_editorialistas .gr_columna_edit > div:last-child {
    /* border-bottom: 0px solid rgb(var(--color-gray0)); */
    border-bottom: 0px solid #D3D7DE;
}

.gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(5),
.gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas .gr_columna_edit > div:last-child  {
    /* border-bottom: 0px solid rgb(var(--color-gray0)); */
    border-bottom: 0px solid #D3D7DE;
}

.gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(5),
.gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(10),
.gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:last-child {
    /* border-bottom: 0px solid rgb(var(--color-gray0)); */
    border-bottom: 0px solid #D3D7DE;
}

.gr_con_indiv_edit {
    display: flex;
    flex-direction: row;
    padding: 9px 0px;
    /* border-bottom: 0.6px solid rgb(var(--color-gray0)); */
    border-bottom: 0.6px solid #D3D7DE;
}

.gr_con_img_edit {
    border-radius: 50%;
    overflow: hidden;
    width: 66px;
    height: 66px;
    border: 3px solid #fff;
    /* outline: 1.8px solid rgba(63, 177, 162, 1); */
    outline: 1.8px solid var(--color-fuerte-opinion);
    margin-right: 12px;
    width: 100%;
    height: 66px;
    max-width: 66px;
    object-fit: cover;
}

.gr_img_edit {
    width: 100%;
}

.gr_info_edit {
    padding-top: 6px;
}

.gr_nombre_edit {
    /* color: #3FB1A2; */
    color: var(--color-fuerte-opinion);
    /* font: 400 11px / 120% var(--font-barlowcon); */
    /* font: 300 10px / 120% var(--font-barlowcon); */
    font: 400 var(--font-size-opinion-modulo-nombre) / 120% var(--font-barlowcon);
    text-transform: uppercase;
}

.gr_sec_edit {
    color: var(--color-gray1);
    /* font: 300 13px / 120% var(--font-barlowcon); */
    /* font: 300 11px / 120% var(--font-barlowcon); */
    font: 400 var(--font-size-seccion) / 120% var(--font-barlowcon);
    text-transform: uppercase;
}

.gr_titulo_edit {
    color: var(--color-gray4);
    /* font: 400 18px / 120% var(--font-barlowcon); */
    /* font: 400 16px / 120% var(--font-barlowcon); */
    font: 400 var(--font-size-opinion-titulo-nota) / 120% var(--font-barlowcon);
}

.divider_vertical_edit {
    width: .5px;
    height: 94%;
    /*CAMBIOS CORRECCIONES*/
    background-color: var(--color-gray-fix-opinion);
    position: absolute;
    top: 51%;
    right: -21px;
    transform: translateY(-50%);
}

.fade_in_opinion {
    opacity: 1;
    transition: opacity 1s ease-in;
}
  
.fade-out {
    opacity: 0;
    transition: opacity 1s ease-out;
}

/* Estado inicial para elementos que deben iniciar ocultos */
/* .oculto {
opacity: 0;
} */

/* Cuando se aplica la clase fade_in_opinion, la opacidad pasa a 1 */
.gr_columna_edit.fade_in_opinion {
    opacity: 1;
}

.gr_con_boton_opinion {
    display: flex;
    justify-content: center;
}

.gr_boton_opinionver {
    border-radius: 30px;
    /* color: #3fb1a2;
    border: 1.8px solid #3fb1a2; */
    color: var(--color-fuerte-opinion);
    border: var(--font-sb-border) solid var(--color-fuerte-opinion);
    /* font: 400 10px / 21 var(--font-barlowcon); */
    font: var(--font-sbp) var(--font-size-boton) / 2.1em var(--font-barlowcon);
    padding: 0px 15px 0px 15px;
    text-transform: uppercase;
    letter-spacing: 0.48px;
    height: 30px;
    gap: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 235px;
    cursor: pointer;
    margin-bottom: 12px;
}

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

.gr_conopinion_boton_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gr_con_boton_opinion_mas_solomov {
    display: none;
}

@media (max-width: 920px) {
    .gr_boton_opinionver {
        max-width: 210px;
    }
}

@media (max-width: 800px) {
    .gr_boton_opinionver {
        max-width: 100%;
    }
}

@media (max-width:700px) {

    .gr_con_indiv_edit {
        /* height: 96px; */
        padding: 19px 0px;
    }

    .gr_slot_editorialistas {
        padding: 18px 10px 10px 10px;
    }

}

@media (max-width: 670px) {
    .gr_boton_opinionver {
        font: 400 8px / 21 var(--font-barlowcon);
    }
}

@media (max-width:600px) {

    .gr_con_boton_opinion_mas_solodes {
        display: none;
    }

    .gr_con_boton_opinion_mas_solomov {
        display: flex;
    }
    .gr_titulo_opinion {
        padding: 0px 0px;
        font: 600 var(--font-size-t-division-iphone) / 1.2em var(--font-barlowcon) !important;
    }

    .gr_titulo_edit {
        /* font: 400 18px / 120% var(--font-barlowcon); */
        /* font: 400 21px / 120% var(--font-barlowcon); */
        font: 400 var(--font-size-opinion-titulo-nota-iphone) / 120% var(--font-barlowcon);
    }

    .gr_sec_edit {
        /* font: 300 12px / 120% var(--font-barlowcon); */
        /* font: 300 var(--font-size-seccion) / 120% var(--font-barlowcon); */
        font: 400 var(--font-size-seccion-iphone) / 120% var(--font-barlowcon);
    }

    .gr_nombre_edit {
        /* font: 300 11px / 120% var(--font-barlowcon); */
        font: 400 var(--font-size-opinion-modulo-nombre-iphone) / 120% var(--font-barlowcon);
    }

    .gr_con_editorialistas {
        grid-gap: 0px 0px;
    }

    .gr_slot_editorialistas {
        padding: 24px 18px 12px 18px;
    }

    .gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas {
        grid-template-columns: repeat(1, 1fr);
    }

    .gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas {
        grid-template-columns: repeat(1, 1fr);
    }

    /* body > div > section > div > div.gr_con_editorialistas > div:nth-child(2) {
        display: none;
    } */
    
    .divider_vertical_edit {
        display: none;
    }  

    /* .gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(5) {
        border-bottom: 0.6px solid rgb(var(--color-gray0));
        border-bottom: 0px solid rgb(var(--color-gray0));
    } */

    /* .gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(5),
    .gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(10) {
        border-bottom: 0.6px solid rgb(var(--color-gray0));
        border-bottom: 0px solid rgb(var(--color-gray0));
    } */

    /* .gr_con_editorialistas > div:last-child > div:last-child {
        border-bottom: 0px solid #fff !important;
    }*/

    .gr_con_editorialistas > div:nth-child(2),
    .gr_con_editorialistas > div:nth-child(3) {
        display: none;
    }

    .gr_boton_opinionver {
        /* font: 400 13px / 21 var(--font-barlowcon); */
        font: var(--font-sbp) var(--font-size-boton-iphone) / 2.1em var(--font-barlowcon);
        width: auto;
        height: 36px;
        padding-left: 15px;
        padding-right: 15px;
        border: var(--font-sb-border-r) solid var(--color-fuerte-opinion);
    }

    .gr_boton_opinion_mas {
            position: relative;
            right: -45%;
    }
}

@media (max-width:420px) {
    .gr_titulo_edit {
        /* font: 400 18px / 120% var(--font-barlowcon); */
        /* font: 400 var(--font-size-t03-mini) / 120% var(--font-barlowcon); */
        /* font: 400 18px / 120% var(--font-barlowcon); */
        font: 400 var(--font-size-opinion-titulo-nota-r) / 120% var(--font-barlowcon);
    }

    .gr_titulo_opinion {
        font: 600 var(--font-size-t-division-r) / 1.2em var(--font-barlowcon) !important;
    }
    .gr_boton_opinionver {
        /* font: 400 13px / 21 var(--font-barlowcon); */
        font: var(--font-sbp) var(--font-size-boton-r) / 2.1em var(--font-barlowcon);
    }

    .gr_nombre_edit {
        /* font: 300 11px / 120% var(--font-barlowcon); */
        font: 400 var(--font-size-opinion-modulo-nombre-r) / 120% var(--font-barlowcon);
    }

    .gr_sec_edit {
        font: 400 var(--font-size-seccion-r) / 120% var(--font-barlowcon);
    }

}