.gr_avisos_slot
{
	border-radius: 13px;
	overflow: hidden;
	height: 100%;
	position: relative;
	container-type: inline-size;
	display: flex;
	flex-direction: column;
}

.gr_avisos_caja1
{
	background-color: #AEDBF2;
	padding: 20px 0px 0px 0px;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.gr_avisos_logo_con
{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
}

.gr_avisos_logo_par1
{
	max-width: 100%;
	width: 140px;
	margin-bottom: 3px;
}

.gr_avisos_logo_par2
{
	max-width: 100%;
	width: 90px;
}

.gr_avisos_lema
{
	color: #333;
	font: 400 16px / 1.2em var(--font-barlowcon);
	color: #202A3B;
	margin-bottom: 12px;
}

.gr_avisos_buscar_con
{
	display: flex;
	border-radius: 25px;
	overflow: hidden;
	border: solid 0px #20242F;
	align-items: center;
	background-color: #fff;
	padding: 3px 3px 3px 18px;
	margin: 0px 20px 12px 20px;
}

.gr_avisos_buscar_input
{
	flex-grow: 1;
	outline: none;
	font: 300 14px / 1.2em var(--font-barlowcon);
	letter-spacing: 1.4px;
}

.gr_avisos_buscar_input::placeholder
{
	color: #D3D7DD;
}

.gr_avisos_buscar_icono
{
	background-color: #202A3B;
	border-radius: 50px;
	height: 30px;
	width: 30px;
	cursor: pointer;
}

.gr_avisos_categorias_linea
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(174, 219, 242, 1) 100%);
}

.gr_avisos_categorias
{
	text-align: center;
	width: 24.6%;
	padding: 0px 1px 12px 1px;
	background-color: #AEDBF2;
}

.gr_avisos_cateoria_iconocon
{
	background-color: #B71926;
	color: white;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
}

.gr_avisos_cateoria_icon
{
	width: 38px;
}

.gr_avisos_cateoria_texto
{
	color: #202A3B;
	font: 500 10px / 1.2em var(--font-barlowcon);
}

.gr_avisos_publicar_linea
{
	background-color: #202A3B;
	color: white;
	text-align: center;
	padding: 12px 3px 12px 3px;
	font: 300 10px / 1.2em var(--font-barlowcon);
	border-top: solid 2px #FFF;
}

.gr_avisos_publicar_texto
{
	color: #fff;
	font: 400 14px / 1.2em var(--font-barlowcon);
	margin-bottom: 8px;
}

.gr_avisos_publicar_boton
{
	background-color: #202A3B;
	color: #FFD90C;
	border: var(--font-sb-border) solid #FFD90C;
	letter-spacing: 0.48px;
	padding: 0px 15px 0px 15px;
	border-radius: 25px;
	font: var(--font-sbp) var(--font-size-boton) / 1.2em var(--font-barlowcon);
	cursor: pointer;
	height: 30px;
}

.gr_avisos_slot[data-cols="8"] .gr_avisos_categorias
{
	width: 24.8%;
}

/*AVISOS 1X2*/

.gr_avisos_logo_con
{
	margin-bottom: 0;
}

.avisos-1X2 .gr_avisos_logo_par1
{
	width: 170px;
}

.avisos-1X2 .gr_avisos_logo_par2
{
	max-width: 100%;
	width: 132px;
}

.avisos-1X2 .gr_avisos_lema
{
	display: flex;
	flex-direction: column;
	font: 400 21px / 1.2em var(--font-barlowcon);
}

.avisos-1X2 .gr_avisos_categorias_linea
{
	flex-wrap: wrap;
}

.avisos-1X2 .gr_avisos_categorias
{
	width: 50%;
}

.avisos-1X2 .gr_avisos_cateoria_iconocon
{
	width: 70px;
	height: 70px;
}

.avisos-1X2 .gr_avisos_cateoria_icon
{
	width: 55px;
}

.avisos-1X2 .gr_avisos_cateoria_texto
{
	font: 500 14px / 1.2em var(--font-barlowcon);
}

.avisos-1X2 .gr_avisos_publicar_linea
{
	padding: 39px 3px;
}

@media (max-width: 900px)
{
	.gr_avisos_cateoria_texto
	{
		font: 500 9px / 1.2em var(--font-barlowcon);
	}
}

@media (max-width: 790px)
{
	.gr_avisos_cateoria_texto
	{
		font: 500 8px / 1.2em var(--font-barlowcon);
	}

	.gr_avisos_lema
	{
		font: 400 14px / 1.2em var(--font-barlowcon);
	}

	.gr_avisos_logo_par1
	{
		width: 110px;
	}

	.gr_avisos_caja1
	{
		padding: 15px 0px 0px 0px;
	}
}

@media (max-width: 720px)
{
	.gr_avisos_buscar_con
	{
		margin: 0px 7px 12px 7px;
	}
}

@media (max-width: 660px)
{
	.gr_avisos_cateoria_icon
	{
		width: 28px;
	}

	.gr_avisos_cateoria_iconocon
	{
		width: 30px;
		height: 30px;
	}

	.gr_avisos_lema
	{
		font: 400 13px / 1.2em var(--font-barlowcon);
	}

	.gr_avisos_logo_par1
	{
		width: 90px;
	}

	.gr_avisos_logo_par2
	{
		max-width: 100%;
		width: 75px;
	}
}


@media (max-width: 600px)
{
	.gr_avisos_caja1
	{
		padding: 24px 0px 0px 0px;
	}

	.gr_avisos_logo_par1
	{
		width: 140px;
	}

	.gr_avisos_logo_par2
	{
		width: 90px;
	}



	.gr_avisos_lema
	{
		font: 400 20px / 1.2em var(--font-barlowcon);
	}

	.gr_avisos_buscar_con
	{
		margin: 0px 20px 12px 20px;
	}

	.gr_avisos_cateoria_texto
	{
		font: 500 13px / 1.2em var(--font-barlowcon);
	}

	.gr_avisos_cateoria_iconocon
	{
		width: 40px;
		height: 40px;
	}

	.gr_avisos_cateoria_icon
	{
		width: 38px;
	}

	.gr_avisos_categorias
	{
		width: 24.8%;
	}

	.gr_avisos_publicar_boton
	{
		border: var(--font-sb-border-r) solid #FFD90C;
		padding: 0px 15px 0px 15px;
		font: var(--font-sbp) var(--font-size-boton-iphone) / 2.1em var(--font-barlowcon);
		height: 36px;
	}

	.gr_avisos_publicar_linea
	{
		padding: 18px 3px 18px 3px;
	}

	.gr_avisos_publicar_texto
	{
		font: 400 18px / 1.2em var(--font-barlowcon);
		margin-bottom: 12px;
	}
}

@media (max-width:420px)
{
	.gr_avisos_publicar_boton
	{
		font: var(--font-sbp) var(--font-size-boton-r) / 2.1em var(--font-barlowcon);
	}
}

html[data-theme="dark"] .gr_avisos_caja1
{
	background: #0f1114 !important;
}
html[data-theme="dark"] .gr_avisos_lema
{
	color: #fff;
}
html[data-theme="dark"] .gr_avisos_cateoria_texto
{
	color: #fff;
}
html[data-theme="dark"] .gr_avisos_categorias
{
	background-color: #0f1114 !important;
}
html[data-theme="dark"] .gr_avisos_categorias_linea
{
	background: linear-gradient(0deg, rgb(202 212 234 / 10%) 0%, rgb(202 212 234 / 0%) 100%);
}
html[data-theme="dark"] .gr_avisos_buscar_con
{
	background-color: #151618;
}
html[data-theme="dark"] .gr_avisos_buscar_input
{
	background-color: #151618;
	color: #fff;
}
html[data-theme="dark"] .gr_avisos_buscar_input::placeholder
{
	color: #68707C;
}
html[data-theme="dark"] .gr_avisos_cateoria_iconocon
{
	background-color: #202A3B;
}
html[data-theme="dark"] .gr_avisos_buscar_con
{
	border: solid 0px #7D838F;
}
html[data-theme="dark"] .gr_avisos_buscar_icono
{
	background-color: #202A3B;
}
html[data-theme="dark"] .gr_avisos_publicar_boton
{
	background-color: #202A3B;
	border-color: #3E4857;
	color: #fff;
}
html[data-theme="dark"] .gr_avisos_publicar_linea
{
	border-top: solid 2px #3E4A56 !important;
}