*{
	margin:0;
	padding: 0;
	
}


body{
	font-family: 'Montserrat';
	background-image: url(../imagenes/fondo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
}




/*	------------------------------ NAV         -----------------*/



nav{
	font-family: 'Montserrat';
  	width: 100%;
	position: sticky;
}

.diamante1{
	width: 5%;
	margin-left: 26%;
}

.logotapias{
	width: 10%;
	margin-left: 16.5%;
}

/*	----------HEADER  -----------------*/

header{
	height: 65vw;
	display: block;
	position: relative;
}

.d2{
	width: 10%;
	position: absolute;
	right: 0;
}

.d3{
	width: 25%;
	position: absolute;
	bottom: 0;
}

/*	--------- VIDEO  -----------------*/


#videoinfo{
	width: 80%;
	margin-left: 10%;
	height: 54vw;
	background-color: rgba(100, 100, 100, 0.3);
}

#videoinfo p{
	margin-left: 5%;
	color: white;
}


#videoinfo video{
	width: 90%;
	margin-left: 5%;
	margin-top: 5%;
	background-color: white;
	
}

#videoinfo img{
	width: 10%;
	margin-left: 5%;
	margin-top: 1%;
}

#videoinfo video source{
	width: 100%;
}

.flechaaa{
	float: right;
	width: 10%;
	margin-right: 5%;
	border: none;
	border-radius: 50px;
}

.flechaaa:hover{
	background-color: gray;
}

#videoinfo .flechaaa img{
	width: 95%;
}

#url{
	display: none;
}

/*	----  Bienvenida	----------------*/


#bienvenida{
	width: 100%;
	height: 35vw;
	margin-top: 10%;
}

#bienvenida img{
	width: 80%;
	margin-left: 10%;
}

/*	------------	Aquielser	----------------*/

#Aquielser{
	width: 100%;
	color: white;
	height: 65vw;
}

#Aquielser article div{
	width: 4%;
	float: left;
}

#Aquielser article div img{
	width: 100%;
}

.informacionaqui{
	width: 50%;
	margin-left: 10%;
	float: left;
	font-size: 2.3vw;
	text-align: justify;
}

.informacionaqui p{
	margin-left: 5%;
	margin-bottom: 5%;

}

.fotografia{
	width: 35%;
	float: left;
}

.fotografia img{
	width: 100%;
}


/*	------------	Esto ----------------*/


#esto{
	color: white;
	width: 100%;
	height: 30vw;
}

#esto h3{
	width: 80%;
	margin-left: 10%;
	font-size: 3.6vw;
	font-weight: 500;
	text-align: center;
	text-shadow: 1px 1px 2px black;
}

/*	------------	recuadros ----------------*/


#recuadros{
width: 100%;
height: 60vw;
color: white;
text-align: center;
}

#recuadros article{
width: 30%;
height: 55vw;
float: left;
}

#recuadros article p{
	width: 80%;
	margin-left: 10%;
	font-size: 1.61vw;
	text-shadow: 1px 1px 2px black;
}

#recuadros article img{
	width: 100%;
}

#recuadros .recuadro1{
	margin-left: 5%;
}

#recuadros .recuadro2{
	margin-left: 0%;
	margin-right: 0%;

}


/*	------------	SOY ----------------*/

#soy{
	width: 100%;
}

#soy img{
	width: 100%;
}

/*	------------	LISTA ----------------*/

#lista{
	color: white;
	width: 100%;
	height: 125vw;
	margin-top: 10%;
}

#lista img{
	width: 80%;
	margin-left: 10%;
}

#lista p{
	margin-top: 5%;
	text-align: center;
	font-size: 4vw;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 10%;
	font-weight: 200;
	text-shadow: 1px 1px 2px black;
}

#lista div{
	margin-top: 2%;
	width: 80%;
	margin-left: 10%;
}

#lista div img{
	width: 100%;
	margin: 0;
}

#lista .colll{
	width: 100%;
	margin: 0;
}

/*	------------	MAS DE ----------------*/


#masde{
	width: 100%;
	height: 90vw;
	color: white;
}

#masde img{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 3%;
}

#masde h4{
	width: 50%;
	margin-left: 25%;
	margin-bottom: 5%;
	font-size: 2.5vw;
	font-weight: 200;
	text-align: center;
}

#masde p{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 5%;
	font-size: 1.5vw;
	overflow: hidden;
  	height: 30vw;
}

#masde div{
	width: 28%;
	border-radius: 20px;
	border: 2px solid #fafafa80;
	background-color: #fafafa20;
	backdrop-filter: blur(0.1rem);
	-webkit-backdrop-filter: blur(0.1rem);
	float: left;
	height: 62vw;
	margin-left: 4%;
}

#masde div img{
	width: 80%;
	margin-left: 10%;
}

#masde div a{
	color: white;
	border-radius: 65px;
	display: block;
	width: 70%;
	height: 4vw;
	line-height: 4vw;
	text-align: center;
	margin-left: 15%;
	box-shadow: 1px 0px 7px rgba(255, 255, 255, 0.3),
				inset 1px 0px 5px white;
	background-color: #34343420;
	backdrop-filter: blur(0.2rem);
	-webkit-backdrop-filter: blur(0.2rem);
	text-decoration: none;
	font-size: 1.6vw;
	transition: 300ms;
}

#masde div a:hover{
	background-color: gray;
	transition: 300ms;
}


/*	------------	contrata ----------------*/



#contrata{
	width: 100%;
	height: 22vw;
	color: white;
	margin-bottom: 10%;
}

#contrata h3{
	width: 100%;
	font-size: 4vw !important;
	background: linear-gradient(56deg,rgba(214, 17, 116, 1) 25%, rgba(253, 29, 208, 1) 48%, rgba(214, 17, 116, 1) 72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#contrata img{
	--size: 3rem;
	width: var(--size);
	height: var(--size);
}


/*	------------	Exito ----------------*/

#exito{
	width: 100%;
	height: 95vw;
	color: white;
	margin-bottom: 10%;
	background-size: cover;
}


#exito img{
	width: 80%;
	margin-left: 10%;
}

.exx{
	margin-bottom: 7%;
}

#exito article{
	width: 35%;
	float: left;
	font-size: 2.4vw;
}


#exito article div{
	width: 6%;
	float: left;
}

#exito article div img{
	width: 100%;
}

#exito article p{
	margin-left: 7%;
}

.exito1{
	margin-left: 12%;
}

.exito2{
	margin-left: 5%;
}

#exito article img{
	width: 50%;
	margin-left: 7%;
}

/*	------------	footer ----------------*/

#espacio{
	width: 100%;
	height: 100vw;
}

/*	------------	footer ----------------*/

footer{
	height: 35vw;
}

footer article{
	width: 30%;
	margin-left: 35%;
}

footer a{
	margin-left: 10%;
}

footer a img{
	width: 20%;
	
	margin-top: 45%;
}

/*<------------------------- 42.5 FIN TAMAÑO PC------------------------------>*/


/*<---------------------------- TAMAÑO LAPTOP---------------------------->*/

@media screen and (min-width: 1141px) and (max-width: 1300px) {



/*---------- NAV -------------*/



/* ------------------- HEADER ------------------*/


}

@media screen and (min-width: 1025px) and (max-width: 1140px) {



/*---------- NAV -------------*/







}
/*----------------- FINAL LAPTOP----------------*/

/*------------------ TABLET------------------------*/

@media screen and (min-width: 768px) and (max-width: 1024px) {



/*---------- NAV -------------*/




}

/*---------------------------FINAL TABLET---------------*/