.container-niveles{
	width: 80%;
  	max-width: 1200px; /* Ancho máximo de 1200px */
   	margin: auto;
   	text-align: center;
	font-weight: 300;
	font-family: "poppins", sans-serif;
	align-items: center;
}



.cards-niveles{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
	grid-gap: 1rem;
	text-align: center;
}
.cards-niveles:hover > :not(:hover){
	opacity: .4;
}

.card__title {
	font-size: 1rem;
    margin-bottom: 10px; /* Espacio inferior entre el título y el texto */
}

.tarjetas-niv{
	padding: 5px 10px;
	height: 300px;
	font-size: 16px;
	border: 1px solid;
	min-width: 250px;
	max-width: 350px;
	text-align: justify;
	border-radius: 10px;
	box-shadow: 5px 10px 10px hsl(240 25% 50% /0.2);
	transition: .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;

}
.card--cyan{
	background: #eec75e;
	border-top: 5px solid hsl(180, 62%, 55%);
}
.card--red{
	background: #51a4d4;
	border-top: 5px solid hsl(0, 78%, 62%);
}
.card--orange{
	background: #48bedf;
	border-top: 5px solid hsl(34, 97%, 64%);
}
.card--blue{
	background: #a2d5f2;
	border-top: 5px solid hsl(212, 86%, 64%);
}