@charset "utf-8";
/* CSS Document */
@keyframes animarimagen{
	0%{
		transform:scale(1);
	  }
	50%{
		transform:scale(1.2);
	   }
	100%{
		transform:scale(1);
	    }
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
 }

.centrarcaptcha{
	width:100%;
	text-align:center;
	margin-top:1em;
}

/* banner-gracias */
.banner-gracias{
	width:100%;
	height:100vh;
	background-image:url(../imagenes/foto-velpati.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}

.texto-gracias{
	width:80%;
	background:rgba(0,0,0,0.35);
	color:#fff;
	text-align:center;
	padding:1em 1em 2em 1em;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.texto-gracias h1{
	font-family: 'Roboto', sans-serif;
	text-shadow:0 1.5px #000;
	font-size:4.5em;
}

.texto-gracias p{
	font-family: 'Varela Round', sans-serif;
	font-size:1.7em;
	text-shadow:0 1.5px #000;
	margin:-0.3em 0 1em 0;
}

.texto-gracias a{
	font-family: 'Varela Round', sans-serif;
	text-decoration: none !important;
	outline: none !important;
	padding:10px 30px;
	background:#FFDC51;
	color:#000;
	border-radius:0.3em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.5);
	transition:all 0.5s ease;
}

.texto-gracias a:hover{
	background:#FC0;
	color:#fff;
}

.landing{
	width:100%;
	padding:90px 0;
	background-image:url(../imagenes/fondo-velpati.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}

.landing .cont-landing{
	width:1170px;
	margin:0 auto;
	background:rgba(0,0,0,0.65);
	color:#fff;
	border-radius:0.5em;
	box-shadow:0 0.5em qem rgba(0,0,0,0.65);
	display:flex;
}

.landing .cont-landing .conta{
	width:42%;
	background-image:url(../imagenes/foto-velpati.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em 0 0 0.5em;
}

.landing .cont-landing .contb{
	width:58%;
	padding:2em;
	border-radius:0 0.5em 0.5em 0;
}

.landing .cont-landing .contb h1{
	font-family: 'Roboto', sans-serif;
	margin-bottom:0.5em;
	text-shadow:0 1.5px #000;
}

.landing .cont-landing .contb .extra-info{
	width:100%;
	display:flex;
	align-items:center;
	margin:0.5em 0;
}

.landing .cont-landing .contb .extra-info span{
	background:#FC0;
	color:#fff;
	padding:0.4em;
	font-size:1.3em;
	border-radius:100%;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.65);
}

.landing .cont-landing .contb .extra-info a{
	color:#fff;
	text-decoration: none !important;
	outline: none !important;
	transition:all 0.5s ease;
}

.landing .cont-landing .contb .extra-info a:hover{
	opacity:0.7;
}

.landing .cont-landing .contb .extra-info h4{
	font-family: 'Roboto', sans-serif;
	margin:0 0 0 1em;
	font-size:1.4em;
	text-shadow:0 1px #000;
}


.landing .cont-landing .contb form input[type="text"], .landing .cont-landing .contb form input[type="tel"], .landing .cont-landing .contb form input[type="email"]{
	font-family: 'Varela Round', sans-serif;
	width:100%;
	color:#000 !important;
	padding:10px 5px;
	margin:0.2em 0;
}

.landing .cont-landing .contb form textarea{
	font-family: 'Varela Round', sans-serif;
	width:100%;
	max-width:100%;
	min-width:100%;
	height:80px;
	max-height:80px;
	min-height:80px;
	color:#000 !important;
	margin:0.2em 0;
	padding:10px 5px;
}

.landing .cont-landing .contb form input[type="submit"]{
	font-family: 'Varela Round', sans-serif;
	width:100%;
	height:40px;
	background:#FFDC51;
	color:#000;
	margin:0.5em 0;
	border: none;
	border-radius:0.3em;
	outline: none !important;
	box-shadow:0 0.3em 0.8em rgba(0,0,0,0.65);
	transition:all 0.5s ease;
}

.landing .cont-landing .contb form input[type="submit"]:hover{
	background:#FC0;
	color:#fff;
}

@media screen and (max-width:900px){
.texto-gracias{
	width:90%;
	background:rgba(0,0,0,0.35);
	color:#fff;
	text-align:center;
	padding:1em 1em 2em 1em;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.texto-gracias h1{
	font-family: 'Roboto', sans-serif;
	text-shadow:0 1.5px #000;
	font-size:3.5em;
}

.texto-gracias p{
	font-family: 'Varela Round', sans-serif;
	font-size:1.3em;
	text-shadow:0 1.5px #000;
	margin:-0.3em 0 1em 0;
}

.landing .cont-landing{
	width:95%;
	height:auto;
	background:rgba(0,0,0,0.65);
	color:#fff;
	display:block;
	border-radius:0.5em;
	box-shadow:0 0.5em 1em rgba(0,0,0,0.65);
}

.landing .cont-landing .conta{
	width:100%;
	height:190px;
	background-image:url(../imagenes/foto-velpati.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:0.5em 0.5em 0 0;
}

.landing .cont-landing .contb{
	width:100%;
	padding:30px 15px;
	border-radius:0 0 0.5em 0.5em;
}
	
}