html[data-theme="dark"] .gr_slot[data-destacada~="acceso-libre"] .gr_etiqueta_en_imagen
{
	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_estrella_claro
{
	display: none !important;
}
html[data-theme="dark"] .gr_estrella_oscuro
{
	display: inherit !important;
}
html[data-theme="dark"] .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: 4px6px4px6px;
	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;
}
.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);
	display: none;
}
.gr_slot[data-destacada~="premium"] .gr_etiqueta_premium
{
	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: 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: 400 var(--font-size-t03-noticias) / 1.13em var(--font-barlowcon);
	color: var(--color-titulos-noticias);
	margin-bottom: 6px;
	letter-spacing: .1px;
}
.gr_nota_resumen
{
	color: var(--color-resumen);
	padding-bottom: 20px;
	text-rendering: optimizeLegibility;
	font-family: var(--font-helvetica);
	font-size: var(--font-size-b01);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.01rem;
	opacity: 0.9;
}
.gr_slot .gr_include
{
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	min-width: 0;
}

/*-------------*/
/*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: 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: 400 var(--font-size-t03-noticias-iphone) / 110% var(--font-barlowcon);
	}
	.gr_nota_resumen
	{
		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*/
	.gr_borde_premium, .gr_slot[data-destacada~="premium"][data-cols="8"] .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
	{
		font: 400 var(--font-size-label-r) / 13px var(--font-barlowcon);
	}
}

@media (max-width:420px)
{
	.gr_nota_titulo
	{
		margin-bottom: 8px;
		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);
	}
}