
.banner{
	width: 100%;
	height: 760px;
	background-image: url("../svg/bg 01 form.svg");
	background-position: center right;
	background-size: cover;
}
.padre{
position: relative;

}
.imagenflotante{
	
	text-align: left;
	display:flex;
	justify-content:space-between;
	margin: auto;
	
				
	}
.contenedor-llamada-accion
{
	text-align: center;
}
.imagen-principal{
	width: 700px;
	position: absolute;
	margin-top: 220px;
	margin-left: 22%;
	z-index: 90;
	transition: 1s;
	}

.imagen-principal:hover{
	transform: scale(1.05);
	
	}

.banner{
	text-align: center;
	margin: auto;
	
}

.titulo-principal{
	font-family: 'gilroyblack';
	color: #2A0088;
	font-size: 60px;
	padding-top: 50px;
	line-height: 0.9;
	width: 85%;
	margin: auto;
	transition: 1s;
	-webkit-text-stroke: 0 #2A0088;
	}



.titulo-principal:hover{
	
		color: transparent;
	transform: scale(1.02);
	font-family: 'gilroyheavy';
	-webkit-text-stroke: 2px #2A0088;
}
.linea-banner{
	background-color: #FFD51C;
	height: 6px;
	width: 20%;
	margin: 10px auto;
}

.parrafoprincipal{
	font-size: 26px;
	font-weight: 500px;
	line-height: 1.3;
	padding-top: 18px;
	margin: auto;
	font-family: 'gilroybold';
	width: 65%;
	max-width: 1100px;
	color: #2A0088;

}




.conversemosBtn{
	position: relative;
	background-color: white;
	border-color: #2A0088;
	font-size: 28px;
	font-family: 'gilroybold';
	cursor: pointer;
	margin-top: 4%;
	box-shadow: 0 12px 1px -5.5px #FFD51C;
	margin-left: 58%;
	z-index: 95;
	text-align: center;
		
}

.conversemosBtn:hover{
	background-color: #2A0088;
	border-color: #2A0088;
	
}

.conversemosBtn a{

	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #2A0088; 
}

.conversemosBtn a:hover{
	
	color: white; 
}

.solucion-boton{
		padding:  0.3em 0.6em;
}

.cajita{
	width: 100%;
	height: 1000px;
	background-color: #2A0088;
	margin-top: 0;
}
	
@media (max-width: 1200px){
	.banner{
	background-image: url("../svg/bg 02 form.svg");
	background-position: center right;
	background-size: cover;}
		
	.imagen-principal{
	width: 680px;
	margin-top: 230px;
	margin-left: 9%;
	}
	
	.titulo-principal{
	font-size: 48px;
	padding-top: 40px;
	line-height: 0.9;
	width: 85%;
	}
	
	.parrafoprincipal{
		font-size: 24px;}
	
	.conversemosBtn{
	margin-top: 5%;
	margin-left: 53%;
	
}
}
@media (max-width: 960px){
	.banner{
	height: 670px;
	background-image: url("../svg/bg 03 form.svg");
	background-position: center right;
	background-size: cover;}
		
	.imagen-principal{
	width: 600px;
	margin-top: 200px;
	margin-left: 15%;
	}
	
	.titulo-principal{
	font-size: 40px;
	padding-top: 50px;
	line-height: 0.9;
	width: 85%;
	
	}
	
	.linea-banner{
	width: 25%;
		}
	.parrafoprincipal{
	font-size: 22px;
	font-weight: 500px;
	line-height: 1.3;
	padding-top: 18px;
	width: 85%;
	}
	
	.conversemosBtn{
	margin-top: 5%;
	margin-left: 53%;
		font-size: 22px;
	
}
	}
	
@media (max-width: 800px){
.conversemosBtn{
	margin-top: 6%;
	margin-left: 52%;
	font-size: 20px;
	
}
	.imagen-principal{
	width: 560px;
	margin-top: 228px;
	margin-left: 9%;
	}
.linea-banner{
	width: 30%;
		}
}
	
	@media (max-width: 626px){

	.linea-banner{
	width: 20%;
		}
		
.conversemosBtn{
	margin-top: 8%;
	margin-left: 48%;
	font-size: 20px;

	
}
	.imagen-principal{
	width: 530px;
	margin-top: 250px;
	margin-left: 2%;
	}
}


	@media (max-width: 530px){

	.linea-banner{
	width: 30%;
		}
		
.conversemosBtn{
	margin-top: 6%;
	margin-left: 30%;
	font-size: 20px;

	
}
	.imagen-principal{
	width: 400px;
	margin-top: 370px;
	margin-left: 5%;
	}
}


	@media (max-width: 420px){

	.linea-banner{
	width: 30%;
		}
		
.conversemosBtn{
	margin-top: 8%;
	margin-left: auto;
	font-size: 20px;

	
}
	.imagen-principal{
	width: 330px;
	margin-top: 420px;
	margin-left: 7%;
	}
}

	@media (max-width: 360px){

	.linea-banner{
	width: 30%;
		}
		
.conversemosBtn{
	margin-top: 8%;
	margin-left: auto;
	font-size: 20px;

	
}
	.imagen-principal{
	width: 280px;
	margin-top: 465px;
	margin-left: 7%;
	}
}

	@media (max-width: 340px){

	.linea-banner{
	width: 30%;
		}
		
.conversemosBtn{
	margin-top: 12%;
	margin-left: auto;
	font-size: 20px;

	
}
	.imagen-principal{
	width: 280px;
	margin-top: 465px;
	margin-left: 7%;
	}
}