/* IMAGENES DE FONDO */
.img-top-left {
	position: absolute;
	top: -2rem;
	left: -5rem;
	height: 25rem;
}

.img-top-right {
	position: absolute;
	top: -2rem;
	right: -9rem;
	height: 25rem;
	rotate: -29deg;
}

.img-bottom-left{
	position: absolute;
	bottom: -2rem;
	left: -5rem;
	height: 25rem;
	rotate: 30deg;
}

.img-bottom-right{
	position: absolute;
	bottom: -2rem;
	right: -5rem;
	height: 25rem;
}
/* * * * * * */

/* SECCION */
.div-content{
	position: absolute;
	display: flex;
	justify-content: center;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 30rem;
	z-index: 5;
	cursor: pointer;
}

.div-content-back{
	opacity: 0;
	z-index: 4;
	cursor: default;
	font-family: montserrat-regular;
}

.line {
	position: absolute;
	border-top: 0 solid #bbb;
	border-radius: 1rem;
	width: 50%;
	height: 0.2rem;
	background: linear-gradient(to bottom, #ffd700, #b8860b);
}

.line-1{
	top: 0;
}

.line-2{
	bottom: 0;
}

.h1-name{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: linear-gradient(to bottom, #ffd700, #b8860b);
	-webkit-background-clip: text;
	color: transparent;
	font-family: kunstler;
	font-size: 7rem;
	white-space: nowrap;
}
/* * * * */


/* TRASERA */
.div-content-info {
	position: absolute;
	bottom: 2rem;
	width: 45rem;
	height: 14rem;
}

.div-content-info-p{
	position: absolute;
	top: 1rem;
	width: 45rem;
	font-size: 1.1rem;
}

.div-info {
	position: absolute;
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
}

.div-info-h3{
	position: absolute;
	top: 0;
	text-decoration: underline;
}

.div-info-p{
	position: absolute;
	bottom: 0;
	cursor: pointer;
	font-weight: bold;
}

.div-info-p:hover{
	text-decoration: underline;
	color: #b8860b;
}

.div-info-img {
	position: absolute;
	top: 2rem;
	border-radius: 1rem;
	height: 10rem;
	width: 20rem;
	cursor: pointer;
}

.div-info-1{
	left: 0;
}

.div-info-2{
	right: 0;
}
/* * * * * * */



/* VERSION MOVIL */
@media only screen and (max-width: 65em){
	.img-top-left {
		top: 1rem;
		left: -5rem;
		height: 15rem;
	}

	.img-top-right {
		top: 1rem;
		right: -5rem;
		height: 15rem;
	}

	.img-bottom-left {
		bottom: 1rem;
		left: -5rem;
		height: 15rem;
	}

	.img-bottom-right {
		bottom: 1rem;
		right: -5rem;
		height: 15rem;
	}

	.div-content{
		height: 28rem;
	}

	.div-content-back {
		background: rgba(255,255,255,0.1);
		backdrop-filter: blur(5px);
	}

	.h1-name{
		font-size: 4rem;
	}

	.div-content-info-p {
		width: 90%;
		font-size: 1rem;
	}

	.div-content-info {
		bottom: 1rem;
		width: 100%;
	}

	.div-info {
		width: 48%;
	}

	.div-info-1 {
		left: 0.5rem;
	}

	.div-info-2 {
		right: 0.5rem;
	}

	.div-info-img {
		top: 4rem;
		height: 8rem;
		width: 11rem;
	}

	.li-footer-mobile{
		text-align: right;
	}
}
/* * * * * * * * */