@charset "utf-8";

.cntr {
	overflow: hidden;
}
#contenedor {
	margin: 30px auto;
}
#contenedor .izq {
	width: calc(40% - 15px);
	overflow: visible;
	z-index: 3;
}
#contenedor .izq h1 {
	font-size: 3em;
	margin: 0 0 30px;
}
#contenedor .izq svg {
	width: 900px;
	stroke: var(--blanco);
	position: absolute;
	right: 0;
	bottom:0;
	transform: translate(42%,48%);
	z-index: 1;
}
#contenedor figure {
	width: 100%;
	height:90vh;
	position: absolute;
	top: 0;
	left:0;
	overflow: hidden;
	border-radius: var(--round) var(--round) 0 0;
	z-index: -1;
}
#contenedor figure img {
	width: 102%;
	height:102%;
	object-fit: cover;
}
#contenedor .der {
	width: calc(60% - 15px);
	z-index: 9;
}
#contenedor .der form::before {
	content: '';
	width: 100%;
	height:100vh;
	position: absolute;
	background: var(--gris);
	top: 0;
	left:0;
	transform: translateY(calc(-100% + 60px));
	z-index: -1;
}
form h2.mitd {
	padding:0 25% 48px;
}

@media screen and (max-width:666px) {
	
	.cntr {
		overflow: auto;
	}
	#contenedor .izq {
		width: 100%;
	}
	#contenedor .izq h1 {
		font-size: 3em;
		margin: 0 0 30px;
	}
	#contenedor .der {
		width: 100%;
	}
	
}