html[data-theme="dark"] .gr_con_img_edit
{
	border: 3px solid #000000 !important;
}

html[data-theme="dark"] .gr_titulo_opinion
{
	color: #fff;
}

html[data-theme="dark"] .gr_slot_editorialistas
{
	border: 3px solid var(--color-fuerte-opinion) !important;
}


.gr_titulo_opinion
{
	font: 600 var(--font-size-t-division) / 1.2em var(--font-barlowcon);
	text-transform: uppercase;
	margin-bottom: 12px;
	letter-spacing: 0.6px;
}

.gr_slot_editorialistas
{
	border-radius: 13px; /* border: 3px solid rgba(63, 177, 162, 1); */
	border: 3px solid var(--color-claro-opinion);
	container-type: inline-size;
	position: relative; /* padding: 17px 25px 15px 25px; */ /* padding: 16px 15px 7px 15px; */
	padding: 18px 18px 10px 18px;
}

.gr_divider_opinion
{
	height: 1px;
	background-color: var(--color-fuerte-opinion);
	margin-bottom: 10px;
}

.gr_con_editorialistas
{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto;
	grid-gap: 30px 41px;
}

.gr_columna_edit
{
	position: relative;
	grid-column: span 1;
	transition: opacity 0.5s ease-in-out;
}

.gr_slot_editorialistas[data-cols="4"] .gr_con_editorialistas
{
	grid-template-columns: repeat(1, 1fr);
}

.gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas
{
	grid-template-columns: repeat(2, 1fr);
}

.gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas
{
	grid-template-columns: repeat(3, 1fr);
}

.gr_slot_editorialistas[data-cols="4"] .gr_con_editorialistas .gr_columna_edit > div:last-child
{
	/* border-bottom: 0px solid rgb(var(--color-gray0)); */
	border-bottom: 0px solid #D3D7DE;
}

.gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(5), .gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas .gr_columna_edit > div:last-child
{
	/* border-bottom: 0px solid rgb(var(--color-gray0)); */
	border-bottom: 0px solid #D3D7DE;
}

.gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(5), .gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:nth-child(10), .gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas .gr_columna_edit > div:last-child
{
	/* border-bottom: 0px solid rgb(var(--color-gray0)); */
	border-bottom: 0px solid #D3D7DE;
}

.gr_con_indiv_edit
{
	display: flex;
	flex-direction: row;
	padding: 9px 0px; /* border-bottom: 0.6px solid rgb(var(--color-gray0)); */
	border-bottom: 0.6px solid #D3D7DE;
}

.gr_con_img_edit
{
	border-radius: 50%;
	overflow: hidden;
	width: 66px;
	height: 66px;
	border: 3px solid #fff; /* outline: 1.8px solid rgba(63, 177, 162, 1); */
	outline: 1.8px solid var(--color-fuerte-opinion);
	margin-right: 12px;
	width: 100%;
	height: 66px;
	max-width: 66px;
	object-fit: cover;
}

.gr_img_edit
{
	width: 100%;
}

.gr_info_edit
{
	padding-top: 6px;
}

.gr_nombre_edit
{
	/* color: #3FB1A2; */
	color: var(--color-fuerte-opinion); /* font: 400 11px / 120% var(--font-barlowcon); */ /* font: 300 10px / 120% var(--font-barlowcon); */
	font: 400 var(--font-size-opinion-modulo-nombre) / 120% var(--font-barlowcon);
	text-transform: uppercase;
}

.gr_sec_edit
{
	color: var(--color-gray1); /* font: 300 13px / 120% var(--font-barlowcon); */ /* font: 300 11px / 120% var(--font-barlowcon); */
	font: 400 var(--font-size-seccion) / 120% var(--font-barlowcon);
	text-transform: uppercase;
}

.gr_titulo_edit
{
	color: var(--color-gray4); /* font: 400 18px / 120% var(--font-barlowcon); */ /* font: 400 16px / 120% var(--font-barlowcon); */
	font: 400 var(--font-size-opinion-titulo-nota) / 120% var(--font-barlowcon);
}

.divider_vertical_edit
{
	width: .5px;
	height: 94%; /*CAMBIOS CORRECCIONES*/
	background-color: var(--color-gray-fix-opinion);
	position: absolute;
	top: 51%;
	right: -21px;
	transform: translateY(-50%);
}

.fade_in_opinion
{
	opacity: 1;
	transition: opacity 1s ease-in;
}

.fade-out
{
	opacity: 0;
	transition: opacity 1s ease-out;
}

/* Estado inicial para elementos que deben iniciar ocultos */
/* .oculto {
opacity: 0;
} */

/* Cuando se aplica la clase fade_in_opinion, la opacidad pasa a 1 */
.gr_columna_edit.fade_in_opinion
{
	opacity: 1;
}

.gr_con_boton_opinion
{
	display: flex;
	justify-content: center;
}

.gr_boton_opinionver
{
	border-radius: 30px; /* color: #3fb1a2;     border: 1.8px solid #3fb1a2; */
	color: var(--color-fuerte-opinion);
	border: var(--font-sb-border) solid var(--color-fuerte-opinion); /* font: 400 10px / 21 var(--font-barlowcon); */
	font: var(--font-sbp) var(--font-size-boton) / 2.1em var(--font-barlowcon);
	padding: 0px 15px 0px 15px;
	text-transform: uppercase;
	letter-spacing: 0.48px;
	height: 30px;
	gap: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	max-width: 235px;
	cursor: pointer;
	margin-bottom: 12px;
}

.gr_con_boton_opinion_mas
{
	width: 100%;
	justify-content: center;
	padding-bottom: 15px;
	display: none;
	padding-top: 0px;
	padding-bottom: 15px;
}

.gr_conopinion_boton_text
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gr_con_boton_opinion_mas_solomov
{
	display: none;
}

@media (max-width: 920px)
{
	.gr_boton_opinionver
	{
		max-width: 210px;
	}
}

@media (max-width: 800px)
{
	.gr_boton_opinionver
	{
		max-width: 100%;
	}
}

@media (max-width:700px)
{

	.gr_con_indiv_edit
	{
		/* height: 96px; */
		padding: 19px 0px;
	}

	.gr_slot_editorialistas
	{
		padding: 18px 10px 10px 10px;
	}

}

@media (max-width: 670px)
{
	.gr_boton_opinionver
	{
		font: 400 8px / 21 var(--font-barlowcon);
	}
}

@media (max-width:600px)
{

	.gr_con_boton_opinion_mas_solodes
	{
		display: none;
	}

	.gr_con_boton_opinion_mas_solomov
	{
		display: flex;
	}
	.gr_titulo_opinion
	{
		padding: 0px 0px;
		font: 600 var(--font-size-t-division-iphone) / 1.2em var(--font-barlowcon) !important;
	}

	.gr_titulo_edit
	{
		/* font: 400 18px / 120% var(--font-barlowcon); */ /* font: 400 21px / 120% var(--font-barlowcon); */
		font: 400 var(--font-size-opinion-titulo-nota-iphone) / 120% var(--font-barlowcon);
	}

	.gr_sec_edit
	{
		/* font: 300 12px / 120% var(--font-barlowcon); */ /* font: 300 var(--font-size-seccion) / 120% var(--font-barlowcon); */
		font: 400 var(--font-size-seccion-iphone) / 120% var(--font-barlowcon);
	}

	.gr_nombre_edit
	{
		/* font: 300 11px / 120% var(--font-barlowcon); */
		font: 400 var(--font-size-opinion-modulo-nombre-iphone) / 120% var(--font-barlowcon);
	}

	.gr_con_editorialistas
	{
		grid-gap: 0px 0px;
	}

	.gr_slot_editorialistas
	{
		padding: 24px 18px 12px 18px;
	}

	.gr_slot_editorialistas[data-cols="8"] .gr_con_editorialistas
	{
		grid-template-columns: repeat(1, 1fr);
	}

	.gr_slot_editorialistas[data-cols="12"] .gr_con_editorialistas
	{
		grid-template-columns: repeat(1, 1fr);
	}



	.divider_vertical_edit
	{
		display: none;
	}



	.gr_con_editorialistas > div:nth-child(2), .gr_con_editorialistas > div:nth-child(3)
	{
		display: none;
	}

	.gr_boton_opinionver
	{
		/* font: 400 13px / 21 var(--font-barlowcon); */
		font: var(--font-sbp) var(--font-size-boton-iphone) / 2.1em var(--font-barlowcon);
		width: auto;
		height: 36px;
		padding-left: 15px;
		padding-right: 15px;
		border: var(--font-sb-border-r) solid var(--color-fuerte-opinion);
	}

	.gr_boton_opinion_mas
	{
		position: relative;
		right: -45%;
	}
}

@media (max-width:420px)
{
	.gr_titulo_edit
	{
		/* font: 400 18px / 120% var(--font-barlowcon); */ /* font: 400 var(--font-size-t03-mini) / 120% var(--font-barlowcon); */ /* font: 400 18px / 120% var(--font-barlowcon); */
		font: 400 var(--font-size-opinion-titulo-nota-r) / 120% var(--font-barlowcon);
	}

	.gr_titulo_opinion
	{
		font: 600 var(--font-size-t-division-r) / 1.2em var(--font-barlowcon) !important;
	}
	.gr_boton_opinionver
	{
		/* font: 400 13px / 21 var(--font-barlowcon); */
		font: var(--font-sbp) var(--font-size-boton-r) / 2.1em var(--font-barlowcon);
	}

	.gr_nombre_edit
	{
		/* font: 300 11px / 120% var(--font-barlowcon); */
		font: 400 var(--font-size-opinion-modulo-nombre-r) / 120% var(--font-barlowcon);
	}

	.gr_sec_edit
	{
		font: 400 var(--font-size-seccion-r) / 120% var(--font-barlowcon);
	}

}
