.grupos-relacionados .listado{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

	.grupos-relacionados .listado .card.grupo{
		display: flex;
		flex-direction: row;
		flex-grow: 1;
		flex-basis: 100%;

		min-height: 100px;
		max-height: 100px;

		color: #1a1e00;
		background: #FFFBFF;
		border-radius: 12px 0px 0px 12px;
		border-right: 1px solid #7F756F;
	}
@media only screen and (min-width: 600px){
	.grupos-relacionados .listado .card.grupo{
		flex-basis: calc(50% - 1rem );  /* responsive */
		max-width: calc(50% - 1rem );  /* responsive */
	}
}
@media only screen and (min-width: 1024px){
	.grupos-relacionados .listado .card.grupo{
		flex-basis: calc(33% - 1rem );  /* responsive */
		max-width: calc(33% - 1rem );  /* responsive */
	}
}
@media screen and (min-width:1440px){
	.grupos-relacionados .listado .card.grupo{
		flex-basis: calc(25% - 1rem );  /* responsive */
		max-width: calc(25% - 1rem );  /* responsive */
	}
}

	.grupos-relacionados .listado .card.grupo .info{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		gap: 5px;
		flex-grow: 1;
		padding: 0.5rem;
		max-width: calc( 100% - 3.5rem);
	}
		.grupos-relacionados .listado .card.grupo .info .entidad{
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 700;
			width: fit-content;
			color: #3899D2;
			letter-spacing: 0.5px;
		}
		.grupos-relacionados .listado .card.grupo .info .nombre{
			font-size: 16px;
			font-weight: 700;
			line-height: 16px;

			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2; /* number of lines to show */
							line-clamp: 2; 
			-webkit-box-orient: vertical;
			
		}
		.grupos-relacionados .listado .card.grupo .info .codigo{
			font-size: 12px;
			font-weight: bold;
			line-height: 16px;
			width: fit-content;
			background-color: #ede0d8;
		}

	.grupos-relacionados .listado .card.grupo .externo{
		display: flex;
		flex-direction: column-reverse;
		padding: 0.5rem;
		text-align: center;
		width: 3.5rem;
	}
		.grupos-relacionados .listado .card.grupo .externo .enlace{
			font-size: 11px;
			font-weight: 700;
			text-transform: uppercase;
		}