html[data-theme="dark"] .gr_etiqueta_accesolibre
{
	color: var(--color-white) !important;
}
html[data-theme="dark"] .gr_etiqueta_premium
{
	color: var(--color-verde-claro02) !important;
	background-color: var(--color-etiqueta-oscuro) !important;
}
html[data-theme="dark"] .gr_nota_titulo
{
	color: var(--color-titulos-noticias-oscuro) !important;
}
html[data-theme="dark"] .swiper-pagination, html[data-theme="dark"].swiper-button-next, html[data-theme="dark"].swiper-button-prev
{
	color: var(--color-black) !important;
}
html[data-theme="dark"] .gr_titulo_star
{
	/*CAMBIOS CORRECCIONES*/
	border-bottom: 2px solid var(--color-divisiones) !important;
}
html[data-theme="dark"] .gr_star_block
{
	/*CAMBIOS CORRECCIONES*/
	border-bottom: solid 5px var(--color-divisiones) !important;
}
html[data-theme="dark"] .gr_star_block .gr_nota_titulo
{
	color: var(--color-titulos-prime-oscuro) !important;
}
html[data-theme="dark"] .gr_titulo_seccion
{
	color: #fff !important;
}
html[data-theme="dark"] .gr_subtitulo_video
{
	color: var(--color-gray1) !important;
}

.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;
	border-bottom: 2px solid var(--color-gray4);
	padding-bottom: 9px;
	order: -2;
	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: #000;
	background: #FFC700;
	border-radius: 3px;
	text-transform: uppercase;
	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);
	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);
}


.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;
	overflow: hidden;
	background: black;
	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, 1);
	z-index: 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: 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;
}

/*----VIDEO EN 1 Y 2 COLUMNAS----*/

.gr_star_block.gr_star_video[data-cols~="8"]
{
	grid-template-columns: repeat(12, 1fr);
}

.gr_star_block.gr_star_video[data-cols~="4"]
{
	grid-template-columns: repeat(6, 1fr);
}

/*----STAR BLOCK CON LOOK DE ZONA DE NOTICIAS----*/

.gr_star_zn
{
	border-bottom: solid 5px var(--color-gray4);
	padding-bottom: 30px;
}

.gr_star_zn .gr_titulo_star
{
	margin-bottom: -15px;
}

@media (min-width: 601px) and (max-width: 850px)
{

	/*----VIDEO EN 1 Y 2 COLUMNAS----*/
	.gr_star_video
	{
		grid-column: span 12 !important;
	}

	.gr_star_video[data-cols~="4"]
	{
		grid-template-columns: repeat(12, 1fr) !important;
	}
}


@media (max-width:600px)
{
	.gr_star_block
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		grid-gap: 40px 40px;
		overflow: hidden;
		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
	{
		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-size: var(--font-size-b01-iphone);
	}

	/*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;
	}

	/*----VIDEO EN 1 Y 2 COLUMNAS----*/

	.gr_star_block.gr_star_video[data-cols~="8"], .gr_star_block.gr_star_video[data-cols~="4"]
	{
		grid-template-columns: repeat(2, 1fr);
	}

	/*----STAR BLOCK CON LOOK DE ZONA DE NOTICIAS----*/

	.gr_star_zn .gr_titulo_star
	{
		margin-bottom: 10px;
	}
}

@media (max-width: 420px)
{
	.gr_slot[data-destacada~="star"] .gr_nota_resumen
	{
		font-size: var(--font-size-b01-r);
	}

	.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%;
	}
}
