*{

	margin: 0px;
	padding: 0px;
	box-sizing: border-box;

}



html, body{
	min-height: 100vh;
	margin: 0px;

	background: linear-gradient(180deg, #000 0%, #1B0A00 100%);
	padding: 3%;

	display: flex;
	flex-direction: column;
	align-content: center;
}






.contenido{
	height:100%;
	width: 100%;


	border: solid;
	border-color: #000272;
	border-radius: 8px;
	border-width: 2px;
	box-shadow: 0px 0px 8px 1px #000272;

	display: block;

	color: white;

	font-size: 20px;
	padding: 1%;





}



.contenido h1{
	text-align: center;
	margin-top: 2em;
	margin-left: 1em;
	margin-right: 1em;

	color: orange;
}



.contenido h2, h3{
	text-align: left;
	margin-top: 4em;
	margin-left: 1em;
	margin-right: 1em;

	color: orange;
}





.contenido p{
	color: whitesmoke;

	margin-top: 1em;
	margin-left: 2em;
	margin-right: 2em;

	font-size: 20px;
	word-spacing: 2px;
	letter-spacing: 2px;
}




/*
====================================
// contenidoRelacionado
====================================
*/

	.card-group {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	}

	.card-group .cRel{
	  color: orange;
	  font-size: 22px;
	  margin-bottom: 2em;


	}

	.card {
	  width: 320px;
	  height: auto;
	  margin: 5px;
	  padding: 10px;
	  border-radius: 20px;
	  background: linear-gradient(45deg, #030024 0%, #280044 100%);
	  

	  margin-top: 32px;
	  margin-bottom: 32px;

	}

	.card p{
		color: #C2BBBB;
		font-size: 22px;
	}

	.card a{
		text-decoration-color: #C2BBBB;
	}

	.card h2{
		text-align: center;
		margin-top: 5px;
	}





	.card-group:hover .card{
		transform: scale(.98);
		box-shadow:none;

	}

	.card-group:hover .card:hover{
		transform:scale(1);
		box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);
	}