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

    .gr_slot[data-destacada~="acceso-libre"] .gr_etiqueta_en_imagen {
        color: var(--color-white) !important;
    }

    .gr_etiqueta_premium {
        color: var(--color-verde-claro02) !important;
        background-color: var(--color-etiqueta-oscuro) !important;
    }

    /* .gr_etiqueta_premium img {
 
        filter: invert(54%) sepia(93%) saturate(368%) hue-rotate(93deg) brightness(92%) contrast(87%);
          
    } */
 
    .gr_estrella_claro {
        display: none !important;
    }
    
    .gr_estrella_oscuro {
        display: inherit !important;
    }

    .gr_nota_titulo {
        color: var(--color-titulos-noticias-oscuro) !important;
    }

}

.gr_con_titulo_seccion {
    grid-column: 1 / -1;
    border-bottom: 2px solid var(--color-gray4);
    padding-bottom: 9px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: -30px;
}

.gr_block {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    grid-gap: 45px 30px;
    overflow: hidden;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--color-divisiones);
    position: relative;
    grid-column: span 12;
}

.gr_slot {
    height: 100%;
    position: relative;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    grid-column: span 4;
}

.gr_etiqueta {
    width: max-content;
    z-index: 5;
    display: inline-flex;
    text-rendering: optimizeLegibility;
    font: 400 var(--font-size-label) / 13px var(--font-barlowcon);
    letter-spacing: 1.2px;
    color: var(--color-white);
    background: rgba(175, 180, 194, 0.75);;
    border-radius: 3px;
    text-transform: uppercase;
    /* padding: 4px 10px 4px 10px; */
    padding: 4px 6px 4px 6px; 
    margin-bottom: 6px;
    display: none;
    text-indent: 1.2px;
}

.gr_etiqueta_en_imagen {
    position: absolute;
    top: 10px;
    left: 10px;
}

.gr_etiqueta_premium img {
    width: 11px;
    /* margin-left: 6px; */
    margin-left: 6px;
}

.gr_estrella_claro {
    display: inherit;
}

.gr_estrella_oscuro {
    display: none;
}


/*TODO: ACOMODAR ETIQUETAS COMO GLOBALES*/

/*PREMIUM*/
.gr_borde_premium {
    height: 3px;
    width: 100%;
    background-color: var(--color-reforma);
    margin: -4px 0 10px 0;
    display: none;
}

.gr_slot[data-destacada~="premium"] .gr_borde_premium {
    display: inherit;
}

.gr_slot[data-destacada~="premium"][data-cols="8"] .gr_borde_premium {
    width: 3px;
    height: 100%;
    margin: 0 5px 0 0;
}

.gr_etiqueta_premium {
    color: var(--color-white);
    background-color: var(--color-reforma);
    background-color: var(--color-verde-claro);
    color: var(--color-verde-oscuro);
    /* color: var(--color-reforma); */
    display: none; 
    
}

.gr_slot[data-destacada~="premium"] .gr_etiqueta_premium {
    /* display: inherit; */
    display: flex;
}

/*ACCESO LIBRE*/
.gr_slot[data-destacada~="acceso-libre"] .gr_etiqueta_en_imagen {
    color: var(--color-gray4);
    background: #FFC700;
    display: inherit;
}

/*ETIQUETAS GENERALES*/

.gr_slot[data-destacada~="etiqueta"] .gr_etiqueta_en_imagen{
    display: inherit;
}

.gr_nota_imagen_contenedor {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 10px; */
    margin-bottom: 7px;
}

.gr_nota_imagen_contenedor::before {
    content: "";
    display: block;
    padding-top: 66.67%; /* Relación 3:2 (200/300 = 0.6667) para 300x200 */
}

.gr_nota_imagen {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
}

.gr_caja_texto {
    width: 100%;
}

.gr_nota_seccion {
    display: none;
    text-rendering: optimizeLegibility;
    font: 500 var(--font-size-seccion) / 1em var(--font-barlowcon);
    color: var(--color-gray1);
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 4px;
}

.gr_nota_titulo {
    text-rendering: optimizeLegibility;
    /* font: 500 var(--font-size-t03-noticias) / 1.13em var(--font-barlowcon); */
    font: 400 var(--font-size-t03-noticias) / 1.13em var(--font-barlowcon);
    color: var(--color-titulos-noticias);
    /* color: #3E4857; */
    margin-bottom: 6px;
    letter-spacing: .1px;
}

.gr_nota_resumen {
    text-rendering: optimizeLegibility;
    font: 300 var(--font-size-b01) / 120% var(--font-helvetica);
    /* color: var(--color-gray3); */
    color: var(--color-resumen);
    letter-spacing: 0.03rem;
    padding-bottom: 20px;
}

/*-----------------*/
/*CONTAINER QUERIES*/
/*-----------------*/

/* @container (max-width:226px) {

    .gr_nota_resumen {
        font: 300 var(--font-size-b01) / 1.2em var(--font-helvetica);
    }

} */

/*-------------*/
/*MEDIA QUERIES*/
/*-------------*/

@media (max-width:750px) {

    .gr_block {
        grid-gap: 44px 21px;
    }

}

@media (max-width:600px) {
    .gr_con_titulo_seccion {
        grid-column: span 2;
        margin-bottom: 0px;
    }

    .gr_slot[data-destacada*="star premium"] .gr_nota_imagen_contenedor {
        display: inherit;
        margin-bottom: 12px;
    }

    .gr_block {
        display: flex;
        flex-direction: column;
        /* gap: 15px 0px; */
        gap: 20px 0px;
        max-width: 100%;
        overflow: visible;
        padding-bottom: 0px;
        border-bottom: 0px solid rgba(var(--color-gray0)) ;
    }

    /*BLOCK PRIME*/
    .gr_prime_block {
        gap: 30px 0px;
    }

    /*ESTILOS SLOT GENERAL*/

    .gr_slot {
        flex-direction: row;
        padding-bottom: 20px;
        /*CAMBIOS CORRECCIONES*/
        border-bottom: 1px solid var(--color-divisiones);
    }

    .gr_primer_slot_mini {
        padding-top: 20px;
        /*CAMBIOS CORRECCIONES*/
        border-top: 1px solid var(--color-divisiones);
    }

    .gr_nota_imagen_contenedor {
        margin-bottom: 0;
        width: 52%;
    }

    .gr_nota_imagen_contenedor::before {
        padding-top: 65%; /* Relación 13:20 (260/400 = 0.65) para 400x260 */
    }

    .gr_caja_texto {
        width: 64%;
        padding: 0 15px;
    }

    .gr_nota_seccion {
        display: inherit;
        font: 500 var(--font-size-seccion-iphone)/ 70% var(--font-barlowcon);
    }

    .gr_nota_titulo { 
        margin-bottom: 8px;
        /* font: 500 var(--font-size-t03-mini) / 1.2em var(--font-barlowcon); */
        /* font: 500 var(--font-size-t03-noticias-iphone) / 110% var(--font-barlowcon); */
        font: 400 var(--font-size-t03-noticias-iphone) / 110% var(--font-barlowcon);
    }

    .gr_nota_resumen {
        display: none;
    }

    /*.gr_etiqueta {
        display: none;
    }*/

    /*ESTILOS SLOT PRIME*/

    .gr_prime_block .gr_slot {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .gr_prime_block .gr_nota_imagen_contenedor {
        margin-bottom: 12px;
        width: 100%;
    }

    .gr_prime_block .gr_caja_texto {
        width: 100%;
        padding: 0;
    }

    /*PREMIUM*/

    /*CAMBIOS SLOT OPINION*/
    .gr_borde_premium { 
        width: 3px;
        height: auto;
        margin: 0 0 0 5px;
    }

    /*CAMBIOS SLOT OPINION*/
    /*Se cambió el selector para que solo diere este estilo a los bordes dentro del prime*/
    /*.gr_borde_premium,.gr_slot[data-destacada~="premium"][data-cols="8"]*/
    .gr_prime_block .gr_borde_premium {
        height: 3px;
        width: 100%;
        margin: -7px 0px 10px 0px;
    }
    /*-------------*/

    .gr_slot[data-destacada~="primera"] .gr_borde_premium {
        /*CAMBIOS PRIMERA MOVIL*/
        width: 100vw !important;
        margin: -7px -15px 10px -15px !important;
    }

    /*REVISAR DISPLAY TEMPORAL*/
    .gr_prime_block .gr_nota_seccion {
        display: none;
    }

    .gr_prime_block .gr_etiqueta {
        /*display: inline-flex;*/
        font: 400 var(--font-size-label-r) / 13px var(--font-barlowcon);
    }

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

    

}

@media (max-width:420px) {

    .gr_nota_titulo {
        margin-bottom: 8px;
        /* font: 500 var(--font-size-t03-mini) / 1.2em var(--font-barlowcon); */
        /* font: 500 var(--font-size-t03-noticias-r) / 108% var(--font-barlowcon); */
        font: 400 var(--font-size-t03-noticias-r) / 108% var(--font-barlowcon);
    }

    .gr_nota_seccion {
        display: inherit;
        font: 500 var(--font-size-seccion-r)/ 70% var(--font-barlowcon);
    }

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

}