.gr_slot[data-destacada~="promo"]
{
	background-color: #fff;
	border: solid var(--color-gris-claro01) 3px;
	border-radius: 13px;
	padding: 3px;
}
.gr_slot[data-destacada~="promo"] .gr_nota_imagen_contenedor
{
	border-radius: 7px 7px 0px 0px;
	margin-bottom: 0px;
}
.gr_slot[data-destacada~="promo"] .gr_caja_texto
{
	width: auto;
	padding: 5px 15px 9px 15px;
	border-radius: 0px 0px 12px 12px;
	border-left: 0px solid #D3D7DD;
	border-right: 0px solid #D3D7DD;
	border-bottom: 0px solid #D3D7DD;
}
.gr_slot[data-destacada~="promo"] .gr_nota_seccion
{
	display: inherit;
	color: var(--color-gray1) !important;
	font-weight: 500;
	margin-bottom: 2px;
}
/*COLORES POR SECCIÓN*/
.gr_seccion_primera_fila
{
	color: var(--color-primera-fila);
}
.gr_seccion_internacional
{
	color: var(--color-internacional);
}
.gr_seccion_moda
{
	color: var(--color-moda);
}
.gr_seccion_ciencia
{
	color: var(--color-ciencia);
}
.gr_seccion_cultura
{
	color: var(--color-cultura);
}

.gr_slot[data-destacada~="promo"] .gr_etiqueta_promo
{
	border-radius: 3px;
	color: var(--color-gris-boton-promos);
	background-color: var(--color-gris-boton-promos-fondo);
	font: var(--font-sbp) var(--font-size-boton) / 2.1em var(--font-barlowcon);
	margin-top: 15px;
	padding: 0px 15px 0px 15px;
	text-transform: uppercase;
	letter-spacing: 0.48px;
	height: 24px;
	gap: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	position: absolute;
	bottom: 9px;
}
.gr_slot[data-destacada~="promo"] .gr_nota_titulo
{
	font: 500 var(--font-size-promo) / 1.13em var(--font-barlowcon);
	color: var(--color-titulos-prime);
	margin-bottom: 36px;
}
.gr_slot[data-destacada~="promo"] .gr_nota_resumen
{
	color: var(--color-resumen);
	display: none;
}
.gr_slot[data-destacada~="opinion"] .gr_nota_resumen
{
	display: inherit !important;
}

/*PROMO 2X1*/
.gr_slot[data-destacada~="promo"][data-cols="8"]
{
	flex-direction: row;
	height: auto;
}
.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_nota_imagen_contenedor
{
	margin-bottom: 0;
	flex: 0 0 55.2%;
	border-radius: 10px 0px 0px 10px;
	border-bottom: 0px;
}
.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_nota_imagen
{
	height: 100%;
}
.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_nota_titulo
{
	font: 500 var(--font-size-promo2x1) / 112% var(--font-barlowcon);
	margin-bottom: 8px;
}
.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_caja_texto
{
	width: auto;
	padding: 9px 15px 0px 15px;
	border-radius: 0px 10px 10px 0px;
	border-left: 0px solid #20242F;
	border-right: 0px solid #20242F;
	border-bottom: 0px solid #20242F;
	border-top: 0px solid #20242F;
	margin-bottom: 44px;
}
.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_nota_resumen
{
	display: inherit;
}
.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_etiqueta_promo
{
	position: absolute;
	bottom: 9px;
}

@media (max-width:600px)
{
	.gr_slot[data-destacada~="promo"], .gr_slot[data-destacada~="promo"][data-cols="8"]
	{
		flex-direction: column;
		padding: 3px;
	}
	.gr_slot[data-destacada~="promo"] .gr_nota_imagen_contenedor
	{
		width: 100%;
		display: flex;
		align-items: flex-start;
	}
	.gr_slot[data-destacada~="video"] .gr_nota_imagen_contenedor
	{
		display: flex;
		align-items: center;
		background-color: #000;
	}
	.gr_slot[data-destacada~="promo"] .gr_nota_titulo, .gr_slot[data-destacada~="promo"][data-cols="8"] .gr_nota_titulo, .gr_slot[data-destacada~="promo"][data-rows="2"] .gr_nota_titulo
	{
		font: 500 var(--font-size-promo-iphone) / 110% var(--font-barlowcon);
		margin-bottom: 8px;
	}
	.gr_slot[data-destacada~="promo"] .gr_nota_resumen
	{
		display: inherit;
		font-size: var(--font-size-b01-iphone);
		color: var(--color-resumen) !important;
	}
	/*PROMO 1X2*/
	.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_nota_imagen_contenedor
	{
		margin-bottom: 0px;
		border-right: 0px solid #fff;
		border-bottom: 0px solid #fff;
		border-radius: 7px 7px 0px 0px;
	}
	.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_caja_texto
	{
		padding: 5px 15px 15px 15px;
		border-radius: 0px 0px 15px 15px;
		border-left: 0px solid #20242F;
		border-right: 0px solid #20242F;
		border-bottom: 0px solid #20242F;
		border-top: 0px solid #20242F;
		margin-bottom: 0px;
	}
	.gr_slot[data-destacada~="promo"][data-cols="8"] .gr_etiqueta_promo
	{
		position: inherit;
	}
	.gr_slot[data-destacada~="promo"] .gr_etiqueta_promo
	{
		font: var(--font-sbp) var(--font-size-boton-iphone) / 2.1em var(--font-barlowcon);
		height: 36px;
		padding: 0px 15px 0px 15px;
		position: inherit;
	}
	.gr_slot[data-destacada~="promo"] .gr_caja_texto
	{
		padding: 5px 15px 15px 15px;
	}
	.gr_slot[data-destacada~="promo"][data-cols="8"]:has( > .swiper)
	{
		display: grid;
	}
	.gr_slot[data-destacada~="promo"] .gr_nota_seccion
	{
		margin-top: 6px;
	}
}
@media (max-width: 420px)
{
	.gr_slot[data-destacada~="promo"] .gr_nota_resumen
	{
		font-size: var(--font-size-b01-r);
	}
	.gr_slot[data-destacada~="promo"] .gr_nota_seccion
	{
		margin-top: 2px;
	}
	.gr_slot[data-destacada~="promo"] .gr_nota_titulo, .gr_slot[data-destacada~="promo"][data-cols="8"] .gr_nota_titulo, .gr_slot[data-destacada~="promo"][data-rows="2"] .gr_nota_titulo
	{
		font: 500 var(--font-size-promo-r) / 108% var(--font-barlowcon);
		margin-bottom: 8px;
	}
	.gr_slot[data-destacada~="promo"] .gr_etiqueta_promo
	{
		font: var(--font-sbp) var(--font-size-boton-r) / 2.1em var(--font-barlowcon);
		padding: 0px 15px 1px 15px;
	}
}

html[data-theme="dark"] .gr_slot[data-destacada~="promo"]
{
	background: rgba(var(--color-gray0), 0) !important;
	border: solid var(--color-gris-borde-oscuro-promos) 3px !important;
}
html[data-theme="dark"] .gr_slot[data-destacada~="promo"] .gr_etiqueta_promo
{
	color: var(--color-gris-boton-promos) !important;
}
html[data-theme="dark"] .gr_slot[data-destacada~="promo"] .gr_nota_resumen
{
	color: var(--color-resumen) !important;
}
html[data-theme="dark"] .gr_slot[data-destacada~="promo"] .gr_nota_titulo
{
	color: var(--color-titulos-prime-oscuro) !important;
}
