@charset "utf-8";
/* CSS Document */

.flip-card {
	background-color: transparent;
	/*
	width:300px;
	height: 300px;
	*/
	perspective: 1000px;
}
.flip-card-inner {
	position:relative;
	width:100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
	transform: rotateX(180deg);
}
.flip-card-front, .flip-card-back{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 16px;
}
.flip-card-front {
	
	/*
	background-image: linear-gradient(45deg,#6f04d9,#d9048e);
	*/
	/*
	background-image: linear-gradient(45deg,#273f87,#4169e1);
	*/
	background-image: linear-gradient(45deg,#999999,#ffffff);
}
.flip-card-front img {
	width: 270px;
	margin-top: 1rem;
}
.flip-card-back {
	/*
    background-image: linear-gradient(315deg,#6f04d9, #8a045c);
	*/
	background-image: linear-gradient(315deg,#3a5eca, #131f43);
	color: #ffffff;
	transform: rotateX(180deg);
}
.flip-card-back img {
	/*width: 300px;*/
	height: 75%;
	margin-top: 1rem;
}

/* I */

.flip-card-innerI {
	position:relative;
	width:100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}
.flip-card:hover .flip-card-innerI {
	transform: rotateY(-180deg);
}
.flip-card-frontI, .flip-card-backI{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 16px;
}
.flip-card-frontI {
	/*
	background-image: linear-gradient(45deg,#6f04d9,#d9048e);
	*/
	/*
	background-image: linear-gradient(45deg,#273f87,#4169e1);
	*/
	background-image: linear-gradient(45deg,#999999,#ffffff);
}
.flip-card-frontI img {
	width: 270px;
	margin-top: 1rem;
}
.flip-card-backI { 
	/*
	background-image: linear-gradient(315deg,#6f04d9, #8a045c);
	*/
    background-image: linear-gradient(315deg,#3a5eca, #131f43);
	color: #ffffff;
	transform: rotateY(-180deg);
}
.flip-card-backI img {
	/* width: 180px; */
	/*width: 50%;*/
	height: 75%;
	margin-top: 1rem;
}
/* Fin "I" */

/* D */

.flip-card-innerD {
	position:relative;
	width:100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}
.flip-card:hover .flip-card-innerD {
	transform: rotateY(180deg);
}
.flip-card-frontD, .flip-card-backD{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 16px;
}
.flip-card-frontD {
	/*
	background-image: linear-gradient(45deg,#6f04d9,#d9048e);
	*/
	/*
	background-image: linear-gradient(45deg,#273f87,#4169e1);
	*/
	background-image: linear-gradient(45deg,#999999,#ffffff);
}
.flip-card-frontD img {
	width: 280px;
	margin-top: 1rem;
}
.flip-card-backD { 
    /*
	background-image: linear-gradient(315deg,#6f04d9, #8a045c);
	*/
	background-image: linear-gradient(315deg,#3a5eca, #131f43);
	color: #ffffff;
	transform: rotateY(180deg);
}
.flip-card-backD img {
	height: 75%;
	/*width: 250px;*/
	margin-top: 1rem;
}
/* Fin "D" */
/* Textos */

.flip-card-back h3 {
	margin-bottom: 0.3rem;
}
.flip-card-back h1 {
	margin: 0;
}