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

    .gr_etiqueta_accesolibre {
        color: var(--color-white) !important;
    }

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

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

    .swiper-pagination,
    .swiper-button-next,
    .swiper-button-prev {
        color: var(--color-black) !important;
    }

    .gr_titulo_star {
        /*CAMBIOS CORRECCIONES*/
        border-bottom: 2px solid var(--color-divisiones) !important;
    }

    .gr_star_block {
        /*CAMBIOS CORRECCIONES*/
        border-bottom: solid 5px var(--color-divisiones) !important;
    }

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

    .gr_titulo_seccion {
        color: #fff !important;
    }

    /*---------------------*/
    /*--------VIDEO--------*/
    /*---------------------*/

    .gr_subtitulo_video {
        color: var(--color-gray1) !important;
    }

}

/*.gr_slot_star2x2 {
    grid-column: span 6;
    grid-row: span 2;
}*/

/*.gr_slot_star_medio {
    grid-column: span 3;
    grid-row: span 1;
}*/


.gr_star_block[data-cols~="8"] {
    grid-template-columns: repeat(8, 1fr);
    grid-auto-flow: row;
}

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

.gr_titulo_star {
    grid-column: 1 / -1;
    /*Para que abarque todas las columnas existentes en el contenedor*/
    border-bottom: 2px solid var(--color-gray4);
    padding-bottom: 9px;
    order: -2;
    /*ESTILOS EXTRA PARA VIDEO*/
    display: flex;
    flex-direction: row;
    align-items: center;
}

.gr_etiqueta_en_star {
    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); */
    color: #000;
    background: #FFC700;
    border-radius: 3px;
    text-transform: uppercase;
    /* padding: 4px 10px 4px 10px; */
    padding: 4px 6px 4px 6px;
    margin-bottom: 6px;
    text-indent: 1.2px;
    position: absolute;
    right: 0;
    top: 5px;
}


.gr_titulo_seccion {
    font: 600 var(--font-size-t-division) / 1.2em var(--font-barlowcon);
    text-transform: uppercase;
    color: var(--color-gray4);
    /*ESTILOS EXTRA PARA VIDEO*/
    width: fit-content;
}

/*STAR GENERALES*/

.gr_star_block .gr_slot {
    grid-column: span 3;
    grid-row: span 1;
}

.gr_star_block .gr_nota_seccion {
    display: inherit;
    margin-bottom: 2px;
}

.gr_star_block .gr_nota_titulo {
    font: 500 var(--font-size-star02) / 1.13em var(--font-barlowcon);
    color: var(--color-titulos-prime);
}

/* .tituloFIX {
    font: 400 var(--font-size-star03) / 120% var(--font-barlowcon) !important;
} */

.gr_star_block .gr_nota_resumen {
    display: none;
}

/*STAR DESTACADA*/

.gr_slot[data-destacada~="star"] {
    grid-column: span 6;
    grid-row: span 2;
}

.gr_star_block[data-cols~="8"] .gr_slot[data-destacada~="star"] {
    grid-column: span 5;
}

.gr_slot[data-destacada~="star"] .gr_nota_titulo {
    font: 600 var(--font-size-star01) / 110% var(--font-barlowcon);
}

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

/*---------*/
/*--VIDEO--*/
/*---------*/

/* Contenedor responsivo para YouTube */
.youtube-container {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    /* Mantiene la proporción 16:9 */
    overflow: hidden;
    background: black;
    /* Fallback */
    margin: 0 auto;
}

/* El iframe se expande y se recorta para cubrir el contenedor sin dejar barras negras */
.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Botón de play overlay (simula el botón nativo) */
.custom-play-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

.custom-play-button::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid white;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/*---------------------*/
/*--SLIDER STAR BLOCK--*/
/*---------------------*/

.gr_nota_imagen_contenedor {
    position: relative;
}

.slide-counter {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    z-index: 10;
}

.swiper-arrrows-content {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 10px;
    width: 85px;
    right: 10px;
    /* background-color: rgba(32, 42, 59, .5); */
    background-color: rgba(32, 42, 59, 1);
    z-index: 1;
    /* border: 2px solid rgba(32, 42, 59, 1); */
    border-radius: 25px;
    padding: 3px 12px;
    align-items: center;

    height: 30px;
}

.swiper-button-next,
.swiper-button-prev {
    position: inherit;
    top: 0;
    margin-top: 0px;
    width: 500px;
    height: 12px;
    z-index: 10;
}

.swiper-pagination {
    position: initial;
    z-index: 10;
    width: auto;
    font: 400 12px / 110% var(--font-barlowcon);
    color: var(--color-white);
    letter-spacing: .4px;
}

.swiper-button-next,
.swiper-button-prev {
    position: initial;
    width: auto;
    height: 20px;
    z-index: 10;
    color: var(--color-white);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 12px;
}

/*---------------------*/
/*--------VIDEO--------*/
/*---------------------*/

.gr_subtitulo_video {
    color: var(--color-gray1);
    margin-left: 5px;
}

.gr_boton_star {
    font: var(--font-sbp) var(--font-size-boton) / 2.1em var(--font-barlowcon);
    text-transform: uppercase;
    color: #FF7D00;
    border-radius: 30px;
    /* border: 1.8px solid rgba(0, 185, 25, 0.40); */
    border: var(--font-sb-border) solid #FF7D00;
    letter-spacing: 0.48px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 24px;
    width: fit-content;
    margin-left: auto;
}

.gr_star_video .gr_nota_seccion {
    color: #FF7D00;
    font-weight: 400 !important;
}

.gr_star_video .gr_icono_play {
    left: 86%;
    top: 78%;
    width: 20.5%;
    min-width: 24px;
    max-width: 44px;
}

@media (max-width:600px) {
    .gr_star_block {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        /* grid-gap: 30px 30px; */
        grid-gap: 40px 40px;
        overflow: hidden;
        /*AJUSTE ESPACIADOS*/
        margin-top: 10px;
    }

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

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

    .gr_etiqueta_en_star {
        /*display: inline-flex;*/
        font: 400 var(--font-size-label-r) / 13px var(--font-barlowcon);
        top: 0.6%;
    }

    /*STAR GENERALES*/

    .gr_star_block .gr_slot {
        grid-column: span 1;
        flex-direction: column;
        border-bottom: none;
        padding: 0;
    }

    .gr_star_block .gr_nota_imagen_contenedor {
        width: 100%;
        margin-bottom: 5px;
    }

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

    .gr_star_block .gr_nota_titulo {
        font: 500 var(--font-size-star02-iphone) / 110% var(--font-barlowcon);
        margin-bottom: 0;
    }

    .gr_slot[data-destacada~="star"] .gr_nota_resumen {
        display: inherit;
        font: 300 var(--font-size-b01-iphone) / 1.2em var(--font-helvetica);
    }

    /*STAR DESTACADA*/

    .gr_slot[data-destacada~="star"] {
        grid-column: span 2;
        order: -1;
    }

    .gr_star_block[data-cols~="8"] .gr_slot[data-destacada~="star"] {
        grid-column: span 2;
    }

    .gr_slot[data-destacada~="star"] .gr_nota_titulo {
        font: 600 var(--font-size-star01-iphone) / 110% var(--font-barlowcon);
        margin-bottom: 6px;
    }

    .gr_titulo_seccion {
        font: 600 var(--font-size-t-division-iphone) / 1.2em var(--font-barlowcon);
    }

    .gr_star_block .gr_nota_seccion {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .gr_slot[data-destacada~="star"] .gr_nota_seccion {
        margin-top: 5px;
    }


}

@media (max-width: 420px) {
    .gr_slot[data-destacada~="star"] .gr_nota_resumen {
        font: 300 var(--font-size-b01-r) / 1.2em var(--font-helvetica);
    }

    .gr_titulo_seccion {
        font: 600 var(--font-size-t-division-r) / 1.2em var(--font-barlowcon);
    }

    .gr_slot[data-destacada~="star"] .gr_nota_titulo {
        font: 600 var(--font-size-star01-r) / 110% var(--font-barlowcon);
    }

    .gr_star_block .gr_nota_titulo {
        font: 500 var(--font-size-star02-r) / 108% var(--font-barlowcon);
        margin-bottom: 0;
    }

    .gr_star_block .gr_nota_seccion {
        margin-top: 3px;
        margin-bottom: 4px;
    }

    .gr_etiqueta_en_star {
        font: 400 var(--font-size-label-r) / 13px var(--font-barlowcon);
        top: 0.5%;
    }
}

@media (max-width: 365px) {

    .gr_etiqueta_en_star {
        top: 0.2%;
    }
}