html[data-theme="dark"] .gr_boton_recomendamos_mas
{
	filter: saturate(0) !important;
}
html[data-theme="dark"] .gr_recomendamosblock
{
	/*CAMBIOS CORRECCIONES*/
	border-bottom: solid 5px var(--color-divisiones) !important;
}
html[data-theme="dark"] .gr_titulo_recomendamos
{
	/*CAMBIOS CORRECCIONES*/
	border-bottom: solid 2px var(--color-divisiones) !important;
}

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

/*ESTILOS EXTRA PARA VIDEO*/
.gr_recomendamosblock[data-cols="6"]
{
	grid-template-columns: repeat(6, 1fr) !important;
}

/*TODO:*/
.gr_recomendamosblock .gr_nota_imagen_contenedor
{
	margin-bottom: 6px !important;
}

.gr_titulo_recomendamos
{
	grid-column: 1 / -1;
	border-bottom: solid 2px var(--color-gray4);
	padding-bottom: 9px;
	letter-spacing: 0.6px !important;
	order: -2;
	height: fit-content;
}

.gr_recomendamosblock .gr_nota_seccion
{
	display: inherit;
	font-weight: 500 !important;
	margin-bottom: 2px !important;
}


.gr_recomendamosblock .gr_nota_resumen
{
	display: none;
}

.gr_icono_play
{
	position: absolute;
	left: 80%;
	top: 70%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 26.5%;
	min-width: 24px;
	max-width: 36px;
}

.gr_slot_recomendamos
{
	grid-column: span 2;
}

.gr_slot_recomendamos .gr_nota_titulo
{
	font: 400 italic var(--font-size-t04) / 1.1em var(--font-barlowcon) !important;
}

.gr_con_boton_recomendamos
{
	width: 100%;
	justify-content: center;
	padding-bottom: 15px;
	display: none;
	padding-top: 0px;
	padding-bottom: 20px;
}

.gr_con_boton_recomendamos
{
	display: none;
	justify-content: center;
}

.gr_boton_recomendamos
{
	border-radius: 30px;
	color: var(--color-reforma);
	border: var(--font-sb-border) solid var(--color-verde-claro-borde);
	font: var(--font-sbp) var(--font-size-boton) / 2.1em var(--font-barlowcon);
	padding: 0px 15px;
	text-transform: uppercase;
	letter-spacing: 0.48px;
	height: 30px;
	gap: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 235px;
	cursor: pointer;
	display: none;
}

.gr_boton_recomendamos
{
	display: none;
}

.gr_recomendamosblock[data-cols~="8"] .gr_slot_recomendamos
{
	grid-column: span 3;
}

.gr_recomendamosblock[data-cols~="4"]
{
	grid-template-columns: repeat(10, 1fr);
	align-items: start;
}

.gr_recomendamosblock[data-cols~="4"] .gr_slot_recomendamos
{
	grid-column: span 5;
}

/*  */
@media (max-width:920px)
{

	.gr_boton_recomendamos
	{
		max-width: 210px;
	}

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

	.gr_recomendamosblock[data-cols~="4"]
	{
		grid-gap: 30px 20px;
	}
}

@media (max-width:800px)
{

	.gr_boton_recomendamos
	{
		max-width: 100%;
		padding: 10px 0px;
	}
}

@media (max-width:600px)
{

	.gr_con_boton_recomendamos
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 10px;
		padding-bottom: 20px;
	}

	.gr_boton_recomendamos
	{
		font: var(--font-sbp) var(--font-size-boton-iphone) / 2.1em var(--font-barlowcon);
		max-width: 280px;
		display: none;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
		border: var(--font-sb-border-r) solid var(--color-verde-claro-borde);
		height: 36px;
	}

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

	.gr_recomendamosblock
	{
		grid-gap: 20px 0px;
		padding-bottom: 0px;
		margin-top: 10px;
	}

	.gr_slot_recomendamos .gr_nota_titulo
	{
		font: 400 italic var(--font-size-t04-iphone) / 1.1em var(--font-barlowcon) !important;
	}

	.gr_recomendamosblock[data-cols~="4"]
	{
		grid-gap: 20px 0px;
		align-items: inherit;
	}

	.gr_recomendamosblock .gr_nota_imagen_contenedor
	{
		margin-bottom: 0px !important;
		width: 48%;
	}

	.gr_recomendamosblock .gr_slot_recomendamos
	{
		padding-left: 15px;
		padding-right: 0px;
	}

	.gr_icono_play
	{
		position: absolute;
		left: 84%;
		top: 75%;
		transform: translate(-50%, -50%);
		z-index: 1;
		max-width: 50px;
		width: 23.5%;
	}

	.gr_recomendamosblock .gr_nota_seccion
	{
		margin-bottom: 4px !important;
	}

}

@media (max-width:420px)
{

	.gr_slot_recomendamos .gr_nota_titulo
	{
		font: 400 italic var(--font-size-t04-r) / 1.1em var(--font-barlowcon) !important;
	}

	.gr_boton_recomendamos
	{
		font: var(--font-sbp) var(--font-size-boton-r) / 2.1em var(--font-barlowcon);
	}
}

@media (max-width:400px)
{

	.gr_icono_play
	{
		position: absolute;
		left: 82%;
		top: 75%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
}


@media (max-width:360px)
{

	.gr_icono_play
	{
		position: absolute;
		left: 82%;
		top: 75%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
}