*
{
	margin:0 auto;
}

body{
	background: white;
	font-family: sans-serif;
}

#wrapper
{
	width: 100%;
	margin: 0 auto;
	background-color: white;
	/*background-color: white;*/
	height: 1900px;
}

	header
	{
		margin-left: 1%;
		margin-right: 1%;
		height: 9%;
		padding-top: 1%;
		text-align: center;
		background-color: white;
		/*background-color: aquamarine;*/
		color:white;
		border-radius: 10px;
	}

		#logoExperto{
				margin-left: 1%;
				background-color: white;
				/*background-color: red;*/
				float:left;
				display: inline-block;
				border-radius: 10px;
				width: 20%;
		}

			#imagen-logo{
				background-color: white; 
				width:80%
			}

		#boton1{
			background-color: #172b4d;
			margin-top: 1%;
			margin-right: 1%;
			color: white;
			float: right;
			display: inline;
		}

	#pro-de-valor{
		width: 75%;
		display: inline-block;
		margin-left: 1%;
		/*background-color: green;*/
		background-color: orange;
		height: 200px;
		border-radius: 10px 0px 0px 10px;
		font-size: 17px;
	}

	#titulo1{
		text-align: left;
		/*background-color: khaki;*/
		background-color: orange;
		color: white;
		margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
		margin-bottom: 1%;
        font-size: 1.5em;
        border-radius: 10px;
	}

	#parrafo1{
		width:95%; 
		text-align: justify;
		/*background-color: pink;*/
		background-color: orange;
        color: white;
        margin-left: 1%;
        border-radius: 10px;
        font-size: 1em;
	}

#div-logos{
	width: 23%;
	background-color: #172b4d;
	/*background-color: orange;*/
	float: right;
	height: 200px;
	display: inline;
	border-radius: 0px 10px 10px 0px;
	margin-right: 1%;
}

	#primer-logo{
		width: 100%;
		/*background-color: violet;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-appsco{
		margin-top: 2%;
		margin-left: 25%;
		width: 50%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}

	#segundo-logo{
		width: 100%;
		/*background-color: peru;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-synappsys{
		margin-top: 2%;
		margin-left: 30%;
		width: 40%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}
	
#div-pasos{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: #172B4D;
	height: 450px;
	border-radius: 10px;
}

	#titulo-pasos{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: #172B4D;
		color: white;
		font-size: 1.5em;
		border-radius: 10px 0px 10px 0px; 
    }

	#paso-1{
        margin-left: 1%;
        margin-right: 1%;
		width: 50%;
		/*background-color: brown;*/
		background-color: #172B4D;
		float: left;
        height: 92%;
        border-radius: 10px;
	}

		#titulo-paso-1{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 1% 1% 1% 1%;
			text-align: center;
            color: white;
            border-radius: 10px;
		}
		
		#form-listas{
			background-color: #172B4D;
			/*background-color: chartreuse;*/
			text-align: left; 
			width: 33.33%; 
			float: left; 
			margin-left: 2%;
			border-radius: 10px;
		}
		
			#label-nombre{
				background-color: #172B4D;
				color: white; 
				width: 120px;
			}

			#input-nombre{
				size: 20;
			}
			

	#paso-2{
		margin-top: 1%;
		margin-right: 1%;
		width: 47%;
		/*background-color: blue;*/
		background-color: #172B4D;
		color: gray;
		float: left;
		height: 400px;
		border-radius: 10px;
	}

		#titulo-paso-2{
			/*background-color: black;*/
			background-color: #172B4D;;
			margin: 1% 1% 1% 1%;
			text-align: center;
			color: white;
		}

		#parrafo-paso-2{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 5% 2% 2% 2%;
			text-align: center;
			color: white;
		}

		#imagen-operador{
			width: 50%;
			border-radius: 10px;
		}

	#registro{
		background-color: #f59e0b;
		margin-top: 2%;
		margin-left: 1%;
		margin-right: 1%;
		border-radius: 10px 10px 10px 10px;
		color: white;
		font-size: 1em;
		height: 460px;
	}

		#titulo-registro{
			background-color: #172B4D;
			margin-left: 1%;
			margin-top: 1%;
			border-radius: 10px 10px 10px 10px;
			color: white;
		}

		#registro-solicitante{
			background-color: orange;
			height: 190px;
			width: 98%;
			float: left;
			margin-left: 1%;
			margin-right: 1%;
			border-radius: 10px;
		}

			#foto-solicitante{
				height: 85%;
			    background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

				#imagen-solicitante{
					border-radius: 10px; 
					height: 80%
				}

			#titulo-solicitante{
				width: 28%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 80%;
				text-align: center;
			}

				#titulo-solici{
					margin-top: 5%; 
					margin-left: 5%;
				}

				#parrafo-solici{
					text-align: left; 
					margin-left: 20%; 
					margin-top: 5%; 
					text-align: justify;
				}

			#lista-solicitante{
				width: 24%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 150px;
				border-radius: 10px;
			}

			#titulo-lista{
				background-color: orange;
				margin-top: 1%;
				text-align: center;
			}

			#boton-solicitante{
				width: 20%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 150px;
				border-radius: 10px;
				float: center;
			}

				.boton{
					background-color: orange; 
					text-align: center; 
					margin-top: 20%;
				}

		#registro-xperto{
			background-color: orange;
			height: 200px;
			width: 100%;
			float: left;
			margin-top: 2%;
			border-radius: 10px;
		}

			#foto-xperto{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

			#imagen-xperto{
				border-radius: 10px; 
				width: 80%
			}

			#titulo-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#titulo-exper{
				margin-top: 10%; 
				margin-left: 5%
			}

			#parrafo-xper{
				text-align: left; 
				margin-top: 3%; 
				text-align: justify;
			}

			#lista-xperto{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#boton-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 180px;
				border-radius: 10px;
			}

	#div-equipo{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: orange;
	color: white;
	height: 500px;
	border-radius: 10px;
	}

		#titulo-equipo{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: orange;
		color: white;
		font-size: 1em;
		border-radius: 10px 0px 10px 0px; 
		}

		.equipo-1{
			margin-top: 1%;
			width: 50%;
			/*background-color: orange;*/
			background-color: orange;
			color: #ff4040;
			float: left;
			height: 450px;
		}

			.foto-miembro{
			background-color: #172B4D;
			margin-top: 1%;
			margin-left: 1%;
			width: 95%;
			float: left;
			height: 100px;
			border-radius: 10px;
		}	

		#imagen-diego{
			border-radius: 10px; 
			height: 80%; 
			margin-top: 1%; 
			float: right; 
			margin-right: 4%;
		}
			.info-miembro{
				width: 73%;
				float: left;
				border-radius: 0px 10px 10px 0px;
				background-color: #172B4D;
				font-size: 18px;
				margin-top: 2%;
				margin-right: 1%;
				text-align: center;
			}

		#imagen-hanz{
			border-radius: 10px; 
			height: 80%; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%
		}

		#imagen-david{
			border-radius: 10px; 
			height: 80%; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%
		}

		#imagen-jho{
			border-radius: 10px; 
			height: 80%; 
			float: right;
			 margin-right: 3%; 
			 margin-top: 1%;
		}

		#equipo-2{
		width: 90%;
		margin-top: 2%;
		/*background-color: white;*/
		background-color: #172B4D;
		float: center;
		border-radius: 10px;
		}

	#imagen-todos{
		border-radius: 10px; 
		width: 40%; 
		margin-top: 1%;
		margin-right: 1%;
		margin-left: 5%;
		border-radius: 10px;
	}

	#logoFacebook{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}

	#logoWhatsapp{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}
/*______________________________________________________________________*/

@media screen and (max-width: 960px){
	#wrapper
{
	width: 100%;
	margin: 0 auto;
	background-color: white;
	/*background-color: white;*/
	height: 1900px;
}

	header
	{
		margin-left: 1%;
		margin-right: 1%;
		height: 9%;
		padding-top: 1%;
		text-align: center;
		background-color: white;
		/*background-color: aquamarine;*/
		color:white;
		border-radius: 10px;
	}

		#logoExperto{
				margin-left: 1%;
				background-color: white;
				/*background-color: red;*/
				float:left;
				display: inline-block;
				border-radius: 10px;
				width: 20%;
		}

			#imagen-logo{
				background-color: white; 
				width:80%
			}

		#boton1{
			background-color: #172b4d;
			margin-top: 1%;
			margin-right: 1%;
			color: white;
			float: right;
			display: inline;
		}

	#pro-de-valor{
		width: 75%;
		display: inline-block;
		margin-left: 1%;
		/*background-color: green;*/
		background-color: orange;
		height: 200px;
		border-radius: 10px 0px 0px 10px;
		font-size: 17px;
	}

	#titulo1{
		text-align: left;
		/*background-color: khaki;*/
		background-color: orange;
		color: white;
		margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
		margin-bottom: 1%;
        font-size: 1.5em;
        border-radius: 10px;
	}

	#parrafo1{
		width:95%; 
		text-align: justify;
		/*background-color: pink;*/
		background-color: orange;
        color: white;
        margin-left: 1%;
        border-radius: 10px;
        font-size: 1em;
	}

#div-logos{
	width: 23%;
	background-color: #172b4d;
	/*background-color: orange;*/
	float: right;
	height: 200px;
	display: inline;
	border-radius: 0px 10px 10px 0px;
	margin-right: 1%;
}

	#primer-logo{
		width: 100%;
		/*background-color: violet;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-appsco{
		margin-top: 2%;
		margin-left: 25%;
		width: 50%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}

	#segundo-logo{
		width: 100%;
		/*background-color: peru;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-synappsys{
		margin-top: 2%;
		margin-left: 30%;
		width: 40%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}
	
#div-pasos{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: #172B4D;
	height: 450px;
	border-radius: 10px;
}

	#titulo-pasos{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: #172B4D;
		color: white;
		font-size: 1.5em;
		border-radius: 10px 0px 10px 0px; 
    }

	#paso-1{
        margin-left: 1%;
        margin-right: 1%;
		width: 50%;
		/*background-color: brown;*/
		background-color: #172B4D;
		float: left;
        height: 92%;
        border-radius: 10px;
	}

		#titulo-paso-1{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 1% 1% 1% 1%;
			text-align: center;
            color: white;
            border-radius: 10px;
		}
		
		#form-listas{
			background-color: #172B4D;
			/*background-color: chartreuse;*/
			text-align: left; 
			width: 33.33%; 
			float: left; 
			margin-left: 2%;
			border-radius: 10px;
		}
		
			#label-nombre{
				background-color: #172B4D;
				color: white; 
				width: 120px;
			}

			#input-nombre{
				size: 20;
			}
			

	#paso-2{
		margin-top: 1%;
		margin-right: 1%;
		width: 47%;
		/*background-color: blue;*/
		background-color: #172B4D;
		color: gray;
		float: left;
		height: 400px;
		border-radius: 10px;
	}

		#titulo-paso-2{
			/*background-color: black;*/
			background-color: #172B4D;;
			margin: 1% 1% 1% 1%;
			text-align: center;
			color: white;
		}

		#parrafo-paso-2{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 5% 2% 2% 2%;
			text-align: center;
			color: white;
		}

		#imagen-operador{
			width: 60%;
			border-radius: 10px;
		}

	#registro{
		background-color: #172B4D;
		margin-top: 2%;
		margin-left: 1%;
		margin-right: 1%;
		border-radius: 10px 10px 10px 10px;
		color: white;
		font-size: 1em;
		height: 520px;
	}

		#titulo-registro{
			background-color: #172B4D;
			margin-left: 1%;
			margin-top: 1%;
			border-radius: 10px 10px 10px 10px;
			color: white;
		}

		#registro-solicitante{
			background-color: orange;
			height: 250px;
			width: 98%;
			float: left;
			margin-left: 1%;
			margin-right: 1%;
			border-radius: 10px;
		}

			#foto-solicitante{
				height: 70%;
			    background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

				#imagen-solicitante{
					border-radius: 10px; 
					height: 80%
				}

			#titulo-solicitante{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 80%;
				text-align: center;
			}

				#titulo-solici{
					margin-top: 5%; 
					margin-left: 5%;
				}

				#parrafo-solici{
					text-align: left; 
					margin-left: 20%; 
					margin-top: 5%; 
					text-align: justify;
				}

			#lista-solicitante{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 150px;
				border-radius: 10px;
			}

			#titulo-lista{
				background-color: orange;
				margin-top: 1%;
				text-align: center;
			}

			#boton-solicitante{
				width: 15%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 150px;
				border-radius: 10px;
				float: center;
			}

				.boton{
					background-color: orange; 
					text-align: center; 
					margin-top: 20%;
				}

		#registro-xperto{
			background-color: orange;
			height: 250px;
			width: 100%;
			float: left;
			margin-top: 2%;
			border-radius: 10px;
		}

			#foto-xperto{
				width: 35%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

			

			#titulo-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#titulo-exper{
				margin-top: 10%; 
				margin-left: 5%
			}

			#parrafo-xper{
				text-align: left; 
				margin-top: 3%; 
				text-align: justify;
			}

			#lista-xperto{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#boton-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 180px;
				border-radius: 10px;
			}

	#div-equipo{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: orange;
	color: white;
	height: 500px;
	border-radius: 10px;
	}

		#titulo-equipo{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: orange;
		color: white;
		font-size: 1em;
		border-radius: 10px 0px 10px 0px; 
		}

		.equipo-1{
			margin-top: 1%;
			width: 50%;
			/*background-color: orange;*/
			background-color: orange;
			color: #ff4040;
			float: left;
			height: 450px;
		}

			.foto-miembro{
			background-color: #172B4D;
			margin-top: 1%;
			margin-left: 1%;
			width: 95%;
			float: left;
			height: 100px;
			border-radius: 10px;
		}	

		#imagen-diego{
			border-radius: 10px; 
			height: 80%; 
			margin-top: 1%; 
			float: right; 
			margin-right: 4%;
		}
			.info-miembro{
				width: 73%;
				float: left;
				border-radius: 0px 10px 10px 0px;
				background-color: #172B4D;
				font-size: 18px;
				margin-top: 2%;
				margin-right: 1%;
				text-align: center;
			}

		#imagen-hanz{
			border-radius: 10px; 
			height: 80%; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%
		}

		#imagen-david{
			height: 180px; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%;
		}

		#imagen-david-2{
			border-radius: 10px; 
			height: 50%; 
			background-color: crimson;
		}

		#imagen-jho{
			border-radius: 10px; 
			height: 80%; 
			float: right;
			 margin-right: 3%; 
			 margin-top: 1%;
		}

		#equipo-2{
		width: 90%;
		margin-top: 2%;
		/*background-color: white;*/
		background-color: #172B4D;
		float: center;
		border-radius: 10px;
		}

	#imagen-todos{
		border-radius: 10px; 
		width: 40%; 
		margin-top: 1%;
		margin-right: 1%;
		margin-left: 5%;
		border-radius: 10px;
	}

	#logoFacebook{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}

	#logoWhatsapp{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}
}





































@media screen and (max-width: 800px){

	#wrapper
	{
		width: 100%;
		margin: 0 auto;
		background-color: white;
		/*background-color: white;*/
		height: 1900px;
	}
	
		header
		{
			margin-left: 1%;
			margin-right: 1%;
			height: 9%;
			padding-top: 1%;
			text-align: center;
			background-color: white;
			/*background-color: aquamarine;*/
			color:white;
			border-radius: 10px;
		}
	
			#logoExperto{
					margin-left: 1%;
					background-color: white;
					/*background-color: red;*/
					float:left;
					display: inline-block;
					border-radius: 10px;
					width: 20%;
			}
	
				#imagen-logo{
					background-color: white; 
					width:80%
				}
	
			#boton1{
				background-color: #172b4d;
				margin-top: 1%;
				margin-right: 1%;
				color: white;
				float: right;
				display: inline;
			}
	
		#pro-de-valor{
			width: 75%;
			display: inline-block;
			margin-left: 1%;
			/*background-color: green;*/
			background-color: orange;
			height: 200px;
			border-radius: 10px 0px 0px 10px;
			font-size: 17px;
		}
	
		#titulo1{
			text-align: left;
			/*background-color: khaki;*/
			background-color: orange;
			color: white;
			margin-top: 1%;
			margin-left: 1%;
			margin-right: 1%;
			margin-bottom: 1%;
			font-size: 1.5em;
			border-radius: 10px;
		}
	
		#parrafo1{
			width:95%; 
			text-align: justify;
			/*background-color: pink;*/
			background-color: orange;
			color: white;
			margin-left: 1%;
			border-radius: 10px;
			font-size: 1em;
		}
	
	#div-logos{
		width: 23%;
		background-color: #172b4d;
		/*background-color: orange;*/
		float: right;
		height: 200px;
		display: inline;
		border-radius: 0px 10px 10px 0px;
		margin-right: 1%;
	}
	
		#primer-logo{
			width: 100%;
			/*background-color: violet;*/
			background-color: #172b4d;
			display: inline-block;
			border-radius: 10px;
			height: 100px;
		}
		
		#imagen-appsco{
			margin-top: 2%;
			margin-left: 25%;
			width: 50%;
			/*background-color: teal;*/
			background-color: #172b4d;
			border-radius: 10px;
			float: center;
		}
	
		#segundo-logo{
			width: 100%;
			/*background-color: peru;*/
			background-color: #172b4d;
			display: inline-block;
			border-radius: 10px;
			height: 100px;
		}
		
		#imagen-synappsys{
			margin-top: 2%;
			margin-left: 30%;
			width: 40%;
			/*background-color: teal;*/
			background-color: #172b4d;
			border-radius: 10px;
			float: center;
		}
		
	#div-pasos{
		margin-top: 1%;
		margin-left: 1%;
		margin-right: 1%;
		width: 98%;
		/*background-color: yellow;*/
		background-color: #172B4D;
		height: 450px;
		border-radius: 10px;
	}
	
		#titulo-pasos{
			margin-left: 1%;
			margin-right: 1%;
			margin-top: 1%;
			text-align: left;
			/*background-color: pink;*/
			background-color: #172B4D;
			color: white;
			font-size: 1.5em;
			border-radius: 10px 0px 10px 0px; 
		}
	
		#paso-1{
			margin-left: 1%;
			margin-right: 1%;
			width: 50%;
			/*background-color: brown;*/
			background-color: #172B4D;
			float: left;
			height: 92%;
			border-radius: 10px;
		}
	
			#titulo-paso-1{
				/*background-color: green;*/
				background-color: #172B4D;
				margin: 1% 1% 1% 1%;
				text-align: center;
				color: white;
				border-radius: 10px;
			}
			
			#form-listas{
				background-color: #172B4D;
				/*background-color: chartreuse;*/
				text-align: left; 
				width: 33.33%; 
				float: left; 
				margin-left: 2%;
				border-radius: 10px;
			}
			
				#label-nombre{
					background-color: #172B4D;
					color: white; 
					width: 120px;
				}
	
				#input-nombre{
					size: 20;
				}
				
	
		#paso-2{
			margin-top: 1%;
			margin-right: 1%;
			width: 47%;
			/*background-color: blue;*/
			background-color: #172B4D;
			color: gray;
			float: left;
			height: 400px;
			border-radius: 10px;
		}
	
			#titulo-paso-2{
				/*background-color: black;*/
				background-color: #172B4D;;
				margin: 1% 1% 1% 1%;
				text-align: center;
				color: white;
			}
	
			#parrafo-paso-2{
				/*background-color: green;*/
				background-color: #172B4D;
				margin: 5% 2% 2% 2%;
				text-align: center;
				color: white;
			}
	
			#imagen-operador{
				width: 60%;
				border-radius: 10px;
			}
	
		#registro{
			background-color: #172B4D;
			margin-top: 2%;
			margin-left: 1%;
			margin-right: 1%;
			border-radius: 10px 10px 10px 10px;
			color: white;
			font-size: 1em;
			height: 460px;
		}
	
			#titulo-registro{
				background-color: #172B4D;
				margin-left: 1%;
				margin-top: 1%;
				border-radius: 10px 10px 10px 10px;
				color: white;
			}
	
			#registro-solicitante{
				background-color: orange;
				height: 190px;
				width: 98%;
				float: left;
				margin-left: 1%;
				margin-right: 1%;
				border-radius: 10px;
			}
	
				#foto-solicitante{
					height: 85%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-left: 1%;
					border-radius: 10px;
				}
	
					#imagen-solicitante{
						border-radius: 10px; 
						height: 80%
					}
	
				#titulo-solicitante{
					width: 28%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 80%;
					text-align: center;
				}
	
					#titulo-solici{
						margin-top: 5%; 
						margin-left: 5%;
					}
	
					#parrafo-solici{
						text-align: left; 
						margin-left: 20%; 
						margin-top: 5%; 
						text-align: justify;
					}
	
				#lista-solicitante{
					width: 24%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 150px;
					border-radius: 10px;
				}
	
				#titulo-lista{
					background-color: orange;
					margin-top: 1%;
					text-align: center;
				}
	
				#boton-solicitante{
					width: 20%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-right: 1%;
					height: 150px;
					border-radius: 10px;
					float: center;
				}
	
					.boton{
						background-color: orange; 
						text-align: center; 
						margin-top: 20%;
					}
	
			#registro-xperto{
				background-color: orange;
				height: 200px;
				width: 100%;
				float: left;
				margin-top: 2%;
				border-radius: 10px;
			}
	
				#foto-xperto{
					width: 25%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-left: 1%;
					border-radius: 10px;
				}
	
				#imagen-xperto{
					border-radius: 10px; 
					width: 80%
				}
	
				#titulo-xperto{
					width: 23%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 180px;
					border-radius: 10px;
				}
	
				#titulo-exper{
					margin-top: 10%; 
					margin-left: 5%
				}
	
				#parrafo-xper{
					text-align: left; 
					margin-top: 3%; 
					text-align: justify;
				}
	
				#lista-xperto{
					width: 25%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 180px;
					border-radius: 10px;
				}
	
				#boton-xperto{
					width: 23%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-right: 1%;
					height: 180px;
					border-radius: 10px;
				}
	
		#div-equipo{
		margin-top: 1%;
		margin-left: 1%;
		margin-right: 1%;
		width: 98%;
		/*background-color: yellow;*/
		background-color: orange;
		color: white;
		height: 500px;
		border-radius: 10px;
		}
	
			#titulo-equipo{
			margin-left: 1%;
			margin-right: 1%;
			margin-top: 1%;
			text-align: left;
			/*background-color: pink;*/
			background-color: orange;
			color: white;
			font-size: 1em;
			border-radius: 10px 0px 10px 0px; 
			}
	
			.equipo-1{
				margin-top: 1%;
				width: 50%;
				/*background-color: orange;*/
				background-color: orange;
				color: #ff4040;
				float: left;
				height: 450px;
			}
	
				.foto-miembro{
				background-color: #172B4D;
				margin-top: 1%;
				margin-left: 1%;
				width: 95%;
				float: left;
				height: 100px;
				border-radius: 10px;
			}	
	
			#imagen-diego{
				border-radius: 10px; 
				height: 80%; 
				margin-top: 1%; 
				float: right; 
				margin-right: 4%;
			}
				.info-miembro{
					width: 73%;
					float: left;
					border-radius: 0px 10px 10px 0px;
					background-color: #172B4D;
					font-size: 18px;
					margin-top: 2%;
					margin-right: 1%;
					text-align: center;
				}
	
			#imagen-hanz{
				border-radius: 10px; 
				height: 80%; 
				float: right; 
				margin-right: 1%; 
				margin-top: 1%
			}
	
			#imagen-david{
				border-radius: 10px; 
				height: 80%; 
				float: right; 
				margin-right: 1%; 
				margin-top: 1%
			}
	
			#imagen-jho{
				border-radius: 10px; 
				height: 80%; 
				float: right;
				 margin-right: 3%; 
				 margin-top: 1%;
			}
	
			#equipo-2{
			width: 90%;
			margin-top: 2%;
			/*background-color: white;*/
			background-color: #172B4D;
			float: center;
			border-radius: 10px;
			}
	
		#imagen-todos{
			border-radius: 10px; 
			width: 40%; 
			margin-top: 1%;
			margin-right: 1%;
			margin-left: 5%;
			border-radius: 10px;
		}
	
		#logoFacebook{
			margin-top: 2%;
			margin-right: 2%;
			background-color: white;
			float:right;
			display: inline;
		}
	
		#logoWhatsapp{
			margin-top: 2%;
			margin-right: 2%;
			background-color: white;
			float:right;
			display: inline;
		}
	/*______________________________________________________________________*/
	
	@media screen and (max-width: 960px){
		#wrapper
	{
		width: 100%;
		margin: 0 auto;
		background-color: white;
		/*background-color: white;*/
		height: 1900px;
	}
	
		header
		{
			margin-left: 1%;
			margin-right: 1%;
			height: 9%;
			padding-top: 1%;
			text-align: center;
			background-color: white;
			/*background-color: aquamarine;*/
			color:white;
			border-radius: 10px;
		}
	
			#logoExperto{
					margin-left: 1%;
					background-color: white;
					/*background-color: red;*/
					float:left;
					display: inline-block;
					border-radius: 10px;
					width: 20%;
			}
	
				#imagen-logo{
					background-color: white; 
					width:80%
				}
	
			#boton1{
				background-color: #172b4d;
				margin-top: 1%;
				margin-right: 1%;
				color: white;
				float: right;
				display: inline;
			}
	
		#pro-de-valor{
			width: 75%;
			display: inline-block;
			margin-left: 1%;
			/*background-color: green;*/
			background-color: orange;
			height: 200px;
			border-radius: 10px 0px 0px 10px;
			font-size: 17px;
		}
	
		#titulo1{
			text-align: left;
			/*background-color: khaki;*/
			background-color: orange;
			color: white;
			margin-top: 1%;
			margin-left: 1%;
			margin-right: 1%;
			margin-bottom: 1%;
			font-size: 1.5em;
			border-radius: 10px;
		}
	
		#parrafo1{
			width:95%; 
			text-align: justify;
			/*background-color: pink;*/
			background-color: orange;
			color: white;
			margin-left: 1%;
			border-radius: 10px;
			font-size: 1em;
		}
	
	#div-logos{
		width: 23%;
		background-color: #172b4d;
		/*background-color: orange;*/
		float: right;
		height: 200px;
		display: inline;
		border-radius: 0px 10px 10px 0px;
		margin-right: 1%;
	}
	
		#primer-logo{
			width: 100%;
			/*background-color: violet;*/
			background-color: #172b4d;
			display: inline-block;
			border-radius: 10px;
			height: 100px;
		}
		
		#imagen-appsco{
			margin-top: 2%;
			margin-left: 25%;
			width: 50%;
			/*background-color: teal;*/
			background-color: #172b4d;
			border-radius: 10px;
			float: center;
		}
	
		#segundo-logo{
			width: 100%;
			/*background-color: peru;*/
			background-color: #172b4d;
			display: inline-block;
			border-radius: 10px;
			height: 100px;
		}
		
		#imagen-synappsys{
			margin-top: 2%;
			margin-left: 30%;
			width: 40%;
			/*background-color: teal;*/
			background-color: #172b4d;
			border-radius: 10px;
			float: center;
		}
		
	#div-pasos{
		margin-top: 1%;
		margin-left: 1%;
		margin-right: 1%;
		width: 98%;
		/*background-color: yellow;*/
		background-color: #172B4D;
		height: 450px;
		border-radius: 10px;
	}
	
		#titulo-pasos{
			margin-left: 1%;
			margin-right: 1%;
			margin-top: 1%;
			text-align: left;
			/*background-color: pink;*/
			background-color: #172B4D;
			color: white;
			font-size: 1.5em;
			border-radius: 10px 0px 10px 0px; 
		}
	
		#paso-1{
			margin-left: 1%;
			margin-right: 1%;
			width: 50%;
			/*background-color: brown;*/
			background-color: #172B4D;
			float: left;
			height: 92%;
			border-radius: 10px;
		}
	
			#titulo-paso-1{
				/*background-color: green;*/
				background-color: #172B4D;
				margin: 1% 1% 1% 1%;
				text-align: center;
				color: white;
				border-radius: 10px;
			}
			
			#form-listas{
				background-color: #172B4D;
				/*background-color: chartreuse;*/
				text-align: left; 
				width: 33.33%; 
				float: left; 
				margin-left: 2%;
				border-radius: 10px;
			}
			
				#label-nombre{
					background-color: #172B4D;
					color: white; 
					width: 120px;
				}
	
				#input-nombre{
					size: 20;
				}
				
	
		#paso-2{
			margin-top: 1%;
			margin-right: 1%;
			width: 47%;
			/*background-color: blue;*/
			background-color: #172B4D;
			color: gray;
			float: left;
			height: 400px;
			border-radius: 10px;
		}
	
			#titulo-paso-2{
				/*background-color: black;*/
				background-color: #172B4D;;
				margin: 1% 1% 1% 1%;
				text-align: center;
				color: white;
			}
	
			#parrafo-paso-2{
				/*background-color: green;*/
				background-color: #172B4D;
				margin: 5% 2% 2% 2%;
				text-align: center;
				color: white;
			}
	
			#imagen-operador{
				width: 60%;
				border-radius: 10px;
			}
	
		#registro{
			background-color: #172B4D;
			margin-top: 2%;
			margin-left: 1%;
			margin-right: 1%;
			border-radius: 10px 10px 10px 10px;
			color: white;
			font-size: 1em;
			height: 520px;
		}
	
			#titulo-registro{
				background-color: #172B4D;
				margin-left: 1%;
				margin-top: 1%;
				border-radius: 10px 10px 10px 10px;
				color: white;
			}
	
			#registro-solicitante{
				background-color: orange;
				height: 250px;
				width: 98%;
				float: left;
				margin-left: 1%;
				margin-right: 1%;
				border-radius: 10px;
			}
	
				#foto-solicitante{
					height: 70%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-left: 1%;
					border-radius: 10px;
				}
	
					#imagen-solicitante{
						border-radius: 10px; 
						height: 80%
					}
	
				#titulo-solicitante{
					width: 25%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 80%;
					text-align: center;
				}
	
					#titulo-solici{
						margin-top: 5%; 
						margin-left: 5%;
					}
	
					#parrafo-solici{
						text-align: left; 
						margin-left: 20%; 
						margin-top: 5%; 
						text-align: justify;
					}
	
				#lista-solicitante{
					width: 25%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 150px;
					border-radius: 10px;
				}
	
				#titulo-lista{
					background-color: orange;
					margin-top: 1%;
					text-align: center;
				}
	
				#boton-solicitante{
					width: 15%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-right: 1%;
					height: 150px;
					border-radius: 10px;
					float: center;
				}
	
					.boton{
						background-color: orange; 
						text-align: center; 
						margin-top: 20%;
					}
	
			#registro-xperto{
				background-color: orange;
				height: 250px;
				width: 100%;
				float: left;
				margin-top: 2%;
				border-radius: 10px;
			}
	
				#foto-xperto{
					width: 35%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-left: 1%;
					border-radius: 10px;
				}
	
				
	
				#titulo-xperto{
					width: 23%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 180px;
					border-radius: 10px;
				}
	
				#titulo-exper{
					margin-top: 10%; 
					margin-left: 5%
				}
	
				#parrafo-xper{
					text-align: left; 
					margin-top: 3%; 
					text-align: justify;
				}
	
				#lista-xperto{
					width: 25%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					height: 180px;
					border-radius: 10px;
				}
	
				#boton-xperto{
					width: 23%;
					background-color: orange;
					float: left;
					margin-top: 1%;
					margin-right: 1%;
					height: 180px;
					border-radius: 10px;
				}
	
		#div-equipo{
		margin-top: 1%;
		margin-left: 1%;
		margin-right: 1%;
		width: 98%;
		/*background-color: yellow;*/
		background-color: orange;
		color: white;
		height: 500px;
		border-radius: 10px;
		}
	
			#titulo-equipo{
			margin-left: 1%;
			margin-right: 1%;
			margin-top: 1%;
			text-align: left;
			/*background-color: pink;*/
			background-color: orange;
			color: white;
			font-size: 1em;
			border-radius: 10px 0px 10px 0px; 
			}
	
			.equipo-1{
				margin-top: 1%;
				width: 50%;
				/*background-color: orange;*/
				background-color: orange;
				color: #ff4040;
				float: left;
				height: 450px;
			}
	
				.foto-miembro{
				background-color: #172B4D;
				margin-top: 1%;
				margin-left: 1%;
				width: 95%;
				float: left;
				height: 100px;
				border-radius: 10px;
			}	
	
			#imagen-diego{
				border-radius: 10px; 
				height: 80%; 
				margin-top: 1%; 
				float: right; 
				margin-right: 4%;
			}
				.info-miembro{
					width: 73%;
					float: left;
					border-radius: 0px 10px 10px 0px;
					background-color: #172B4D;
					font-size: 18px;
					margin-top: 2%;
					margin-right: 1%;
					text-align: center;
				}
	
			#imagen-hanz{
				border-radius: 10px; 
				height: 80%; 
				float: right; 
				margin-right: 1%; 
				margin-top: 1%
			}
	
			#imagen-david{
				height: 180px; 
				float: right; 
				margin-right: 1%; 
				margin-top: 1%;
			}
	
			#imagen-david-2{
				border-radius: 10px; 
				height: 50%; 
				background-color: crimson;
			}
	
			#imagen-jho{
				border-radius: 10px; 
				height: 80%; 
				float: right;
				 margin-right: 3%; 
				 margin-top: 1%;
			}
	
			#equipo-2{
			width: 90%;
			margin-top: 2%;
			/*background-color: white;*/
			background-color: #172B4D;
			float: center;
			border-radius: 10px;
			}
	
		#imagen-todos{
			border-radius: 10px; 
			width: 40%; 
			margin-top: 1%;
			margin-right: 1%;
			margin-left: 5%;
			border-radius: 10px;
		}
	
		#logoFacebook{
			margin-top: 2%;
			margin-right: 2%;
			background-color: white;
			float:right;
			display: inline;
		}
	
		#logoWhatsapp{
			margin-top: 2%;
			margin-right: 2%;
			background-color: white;
			float:right;
			display: inline;
		}
}




























@media screen and (max-width: 650px){

	#wrapper
{
	width: 100%;
	margin: 0 auto;
	background-color: white;
	/*background-color: white;*/
	height: 1900px;
}

	header
	{
		margin-left: 1%;
		margin-right: 1%;
		height: 9%;
		padding-top: 1%;
		text-align: center;
		background-color: white;
		/*background-color: aquamarine;*/
		color:white;
		border-radius: 10px;
	}

		#logoExperto{
				margin-left: 1%;
				background-color: white;
				/*background-color: red;*/
				float:left;
				display: inline-block;
				border-radius: 10px;
				width: 20%;
		}

			#imagen-logo{
				background-color: white; 
				width:80%
			}

		#boton1{
			background-color: #172b4d;
			margin-top: 1%;
			margin-right: 1%;
			color: white;
			float: right;
			display: inline;
		}

	#pro-de-valor{
		width: 75%;
		display: inline-block;
		margin-left: 1%;
		/*background-color: green;*/
		background-color: orange;
		height: 200px;
		border-radius: 10px 0px 0px 10px;
		font-size: 17px;
	}

	#titulo1{
		text-align: left;
		/*background-color: khaki;*/
		background-color: orange;
		color: white;
		margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
		margin-bottom: 1%;
        font-size: 1.5em;
        border-radius: 10px;
	}

	#parrafo1{
		width:95%; 
		text-align: justify;
		/*background-color: pink;*/
		background-color: orange;
        color: white;
        margin-left: 1%;
        border-radius: 10px;
        font-size: 1em;
	}

#div-logos{
	width: 23%;
	background-color: #172b4d;
	/*background-color: orange;*/
	float: right;
	height: 200px;
	display: inline;
	border-radius: 0px 10px 10px 0px;
	margin-right: 1%;
}

	#primer-logo{
		width: 100%;
		/*background-color: violet;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-appsco{
		margin-top: 2%;
		margin-left: 25%;
		width: 50%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}

	#segundo-logo{
		width: 100%;
		/*background-color: peru;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-synappsys{
		margin-top: 2%;
		margin-left: 30%;
		width: 40%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}
	
#div-pasos{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: #172B4D;
	height: 450px;
	border-radius: 10px;
}

	#titulo-pasos{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: #172B4D;
		color: white;
		font-size: 1.5em;
		border-radius: 10px 0px 10px 0px; 
    }

	#paso-1{
        margin-left: 1%;
        margin-right: 1%;
		width: 50%;
		/*background-color: brown;*/
		background-color: #172B4D;
		float: left;
        height: 92%;
        border-radius: 10px;
	}

		#titulo-paso-1{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 1% 1% 1% 1%;
			text-align: center;
            color: white;
            border-radius: 10px;
		}
		
		#form-listas{
			background-color: #172B4D;
			/*background-color: chartreuse;*/
			text-align: left; 
			width: 33.33%; 
			float: left; 
			margin-left: 2%;
			border-radius: 10px;
		}
		
			#label-nombre{
				background-color: #172B4D;
				color: white; 
				width: 120px;
			}

			#input-nombre{
				size: 20;
			}
			

	#paso-2{
		margin-top: 1%;
		margin-right: 1%;
		width: 47%;
		/*background-color: blue;*/
		background-color: #172B4D;
		color: gray;
		float: left;
		height: 400px;
		border-radius: 10px;
	}

		#titulo-paso-2{
			/*background-color: black;*/
			background-color: #172B4D;;
			margin: 1% 1% 1% 1%;
			text-align: center;
			color: white;
		}

		#parrafo-paso-2{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 5% 2% 2% 2%;
			text-align: center;
			color: white;
		}

		#imagen-operador{
			width: 60%;
			border-radius: 10px;
		}

	#registro{
		background-color: #172B4D;
		margin-top: 2%;
		margin-left: 1%;
		margin-right: 1%;
		border-radius: 10px 10px 10px 10px;
		color: white;
		font-size: 1em;
		height: 460px;
	}

		#titulo-registro{
			background-color: #172B4D;
			margin-left: 1%;
			margin-top: 1%;
			border-radius: 10px 10px 10px 10px;
			color: white;
		}

		#registro-solicitante{
			background-color: orange;
			height: 190px;
			width: 98%;
			float: left;
			margin-left: 1%;
			margin-right: 1%;
			border-radius: 10px;
		}

			#foto-solicitante{
				height: 85%;
			    background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

				#imagen-solicitante{
					border-radius: 10px; 
					height: 80%
				}

			#titulo-solicitante{
				width: 28%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 80%;
				text-align: center;
			}

				#titulo-solici{
					margin-top: 5%; 
					margin-left: 5%;
				}

				#parrafo-solici{
					text-align: left; 
					margin-left: 20%; 
					margin-top: 5%; 
					text-align: justify;
				}

			#lista-solicitante{
				width: 24%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 150px;
				border-radius: 10px;
			}

			#titulo-lista{
				background-color: orange;
				margin-top: 1%;
				text-align: center;
			}

			#boton-solicitante{
				width: 20%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 150px;
				border-radius: 10px;
				float: center;
			}

				.boton{
					background-color: orange; 
					text-align: center; 
					margin-top: 20%;
				}

		#registro-xperto{
			background-color: orange;
			height: 200px;
			width: 100%;
			float: left;
			margin-top: 2%;
			border-radius: 10px;
		}

			#foto-xperto{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

			#imagen-xperto{
				border-radius: 10px; 
				width: 80%
			}

			#titulo-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#titulo-exper{
				margin-top: 10%; 
				margin-left: 5%
			}

			#parrafo-xper{
				text-align: left; 
				margin-top: 3%; 
				text-align: justify;
			}

			#lista-xperto{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#boton-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 180px;
				border-radius: 10px;
			}

	#div-equipo{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: orange;
	color: white;
	height: 500px;
	border-radius: 10px;
	}

		#titulo-equipo{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: orange;
		color: white;
		font-size: 1em;
		border-radius: 10px 0px 10px 0px; 
		}

		.equipo-1{
			margin-top: 1%;
			width: 50%;
			/*background-color: orange;*/
			background-color: orange;
			color: #ff4040;
			float: left;
			height: 450px;
		}

			.foto-miembro{
			background-color: #172B4D;
			margin-top: 1%;
			margin-left: 1%;
			width: 95%;
			float: left;
			height: 100px;
			border-radius: 10px;
		}	

		#imagen-diego{
			border-radius: 10px; 
			height: 80%; 
			margin-top: 1%; 
			float: right; 
			margin-right: 4%;
		}
			.info-miembro{
				width: 73%;
				float: left;
				border-radius: 0px 10px 10px 0px;
				background-color: #172B4D;
				font-size: 18px;
				margin-top: 2%;
				margin-right: 1%;
				text-align: center;
			}

		#imagen-hanz{
			border-radius: 10px; 
			height: 80%; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%
		}

		#imagen-david{
			border-radius: 10px; 
			height: 80%; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%
		}

		#imagen-jho{
			border-radius: 10px; 
			height: 80%; 
			float: right;
			 margin-right: 3%; 
			 margin-top: 1%;
		}

		#equipo-2{
		width: 90%;
		margin-top: 2%;
		/*background-color: white;*/
		background-color: #172B4D;
		float: center;
		border-radius: 10px;
		}

	#imagen-todos{
		border-radius: 10px; 
		width: 40%; 
		margin-top: 1%;
		margin-right: 1%;
		margin-left: 5%;
		border-radius: 10px;
	}

	#logoFacebook{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}

	#logoWhatsapp{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}
/*______________________________________________________________________*/

@media screen and (max-width: 960px){
	#wrapper
{
	width: 100%;
	margin: 0 auto;
	background-color: white;
	/*background-color: white;*/
	height: 1900px;
}

	header
	{
		margin-left: 1%;
		margin-right: 1%;
		height: 9%;
		padding-top: 1%;
		text-align: center;
		background-color: white;
		/*background-color: aquamarine;*/
		color:white;
		border-radius: 10px;
	}

		#logoExperto{
				margin-left: 1%;
				background-color: white;
				/*background-color: red;*/
				float:left;
				display: inline-block;
				border-radius: 10px;
				width: 20%;
		}

			#imagen-logo{
				background-color: white; 
				width:80%
			}

		#boton1{
			background-color: #172b4d;
			margin-top: 1%;
			margin-right: 1%;
			color: white;
			float: right;
			display: inline;
		}

	#pro-de-valor{
		width: 75%;
		display: inline-block;
		margin-left: 1%;
		/*background-color: green;*/
		background-color: orange;
		height: 200px;
		border-radius: 10px 0px 0px 10px;
		font-size: 17px;
	}

	#titulo1{
		text-align: left;
		/*background-color: khaki;*/
		background-color: orange;
		color: white;
		margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
		margin-bottom: 1%;
        font-size: 1.5em;
        border-radius: 10px;
	}

	#parrafo1{
		width:95%; 
		text-align: justify;
		/*background-color: pink;*/
		background-color: orange;
        color: white;
        margin-left: 1%;
        border-radius: 10px;
        font-size: 1em;
	}

#div-logos{
	width: 23%;
	background-color: #172b4d;
	/*background-color: orange;*/
	float: right;
	height: 200px;
	display: inline;
	border-radius: 0px 10px 10px 0px;
	margin-right: 1%;
}

	#primer-logo{
		width: 100%;
		/*background-color: violet;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-appsco{
		margin-top: 2%;
		margin-left: 25%;
		width: 50%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}

	#segundo-logo{
		width: 100%;
		/*background-color: peru;*/
		background-color: #172b4d;
		display: inline-block;
		border-radius: 10px;
		height: 100px;
	}
	
	#imagen-synappsys{
		margin-top: 2%;
		margin-left: 30%;
		width: 40%;
		/*background-color: teal;*/
		background-color: #172b4d;
		border-radius: 10px;
		float: center;
	}
	
#div-pasos{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: #172B4D;
	height: 450px;
	border-radius: 10px;
}

	#titulo-pasos{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: #172B4D;
		color: white;
		font-size: 1.5em;
		border-radius: 10px 0px 10px 0px; 
    }

	#paso-1{
        margin-left: 1%;
        margin-right: 1%;
		width: 50%;
		/*background-color: brown;*/
		background-color: #172B4D;
		float: left;
        height: 92%;
        border-radius: 10px;
	}

		#titulo-paso-1{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 1% 1% 1% 1%;
			text-align: center;
            color: white;
            border-radius: 10px;
		}
		
		#form-listas{
			background-color: #172B4D;
			/*background-color: chartreuse;*/
			text-align: left; 
			width: 33.33%; 
			float: left; 
			margin-left: 2%;
			border-radius: 10px;
		}
		
			#label-nombre{
				background-color: #172B4D;
				color: white; 
				width: 120px;
			}

			#input-nombre{
				size: 20;
			}
			

	#paso-2{
		margin-top: 1%;
		margin-right: 1%;
		width: 47%;
		/*background-color: blue;*/
		background-color: #172B4D;
		color: gray;
		float: left;
		height: 400px;
		border-radius: 10px;
	}

		#titulo-paso-2{
			/*background-color: black;*/
			background-color: #172B4D;;
			margin: 1% 1% 1% 1%;
			text-align: center;
			color: white;
		}

		#parrafo-paso-2{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 5% 2% 2% 2%;
			text-align: center;
			color: white;
		}

		#imagen-operador{
			width: 60%;
			border-radius: 10px;
		}

	#registro{
		background-color: #172B4D;
		margin-top: 2%;
		margin-left: 1%;
		margin-right: 1%;
		border-radius: 10px 10px 10px 10px;
		color: white;
		font-size: 1em;
		height: 520px;
	}

		#titulo-registro{
			background-color: #172B4D;
			margin-left: 1%;
			margin-top: 1%;
			border-radius: 10px 10px 10px 10px;
			color: white;
		}

		#registro-solicitante{
			background-color: orange;
			height: 250px;
			width: 98%;
			float: left;
			margin-left: 1%;
			margin-right: 1%;
			border-radius: 10px;
		}

			#foto-solicitante{
				height: 70%;
			    background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

				#imagen-solicitante{
					border-radius: 10px; 
					height: 80%
				}

			#titulo-solicitante{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 80%;
				text-align: center;
			}

				#titulo-solici{
					margin-top: 5%; 
					margin-left: 5%;
				}

				#parrafo-solici{
					text-align: left; 
					margin-left: 20%; 
					margin-top: 5%; 
					text-align: justify;
				}

			#lista-solicitante{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 150px;
				border-radius: 10px;
			}

			#titulo-lista{
				background-color: orange;
				margin-top: 1%;
				text-align: center;
			}

			#boton-solicitante{
				width: 15%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 150px;
				border-radius: 10px;
				float: center;
			}

				.boton{
					background-color: orange; 
					text-align: center; 
					margin-top: 20%;
				}

		#registro-xperto{
			background-color: orange;
			height: 250px;
			width: 100%;
			float: left;
			margin-top: 2%;
			border-radius: 10px;
		}

			#foto-xperto{
				width: 35%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}

			

			#titulo-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#titulo-exper{
				margin-top: 10%; 
				margin-left: 5%
			}

			#parrafo-xper{
				text-align: left; 
				margin-top: 3%; 
				text-align: justify;
			}

			#lista-xperto{
				width: 25%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				height: 180px;
				border-radius: 10px;
			}

			#boton-xperto{
				width: 23%;
				background-color: orange;
				float: left;
				margin-top: 1%;
				margin-right: 1%;
				height: 180px;
				border-radius: 10px;
			}

	#div-equipo{
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	/*background-color: yellow;*/
	background-color: orange;
	color: white;
	height: 500px;
	border-radius: 10px;
	}

		#titulo-equipo{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		text-align: left;
		/*background-color: pink;*/
		background-color: orange;
		color: white;
		font-size: 1em;
		border-radius: 10px 0px 10px 0px; 
		}

		.equipo-1{
			margin-top: 1%;
			width: 50%;
			/*background-color: orange;*/
			background-color: orange;
			color: #ff4040;
			float: left;
			height: 450px;
		}

			.foto-miembro{
			background-color: #172B4D;
			margin-top: 1%;
			margin-left: 1%;
			width: 95%;
			float: left;
			height: 100px;
			border-radius: 10px;
		}	

		#imagen-diego{
			border-radius: 10px; 
			height: 80%; 
			margin-top: 1%; 
			float: right; 
			margin-right: 4%;
		}
			.info-miembro{
				width: 73%;
				float: left;
				border-radius: 0px 10px 10px 0px;
				background-color: #172B4D;
				font-size: 18px;
				margin-top: 2%;
				margin-right: 1%;
				text-align: center;
			}

		#imagen-hanz{
			border-radius: 10px; 
			height: 80%; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%
		}

		#imagen-david{
			height: 180px; 
			float: right; 
			margin-right: 1%; 
			margin-top: 1%;
		}

		#imagen-david-2{
			border-radius: 10px; 
			height: 50%; 
			background-color: crimson;
		}

		#imagen-jho{
			border-radius: 10px; 
			height: 80%; 
			float: right;
			 margin-right: 3%; 
			 margin-top: 1%;
		}

		#equipo-2{
		width: 90%;
		margin-top: 2%;
		/*background-color: white;*/
		background-color: #172B4D;
		float: center;
		border-radius: 10px;
		}

	#imagen-todos{
		border-radius: 10px; 
		width: 40%; 
		margin-top: 1%;
		margin-right: 1%;
		margin-left: 5%;
		border-radius: 10px;
	}

	#logoFacebook{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}

	#logoWhatsapp{
		margin-top: 2%;
		margin-right: 2%;
		background-color: white;
		float:right;
		display: inline;
	}
	}



































@media screen and (max-width: 485px){

#wrapper
{
	width: 100%;
	margin: 0 auto;
	/*background-color: gray;*/
	background-color: white;
	height: 2900px;
}

	header{
		margin-left: 1%;
		margin-right: 1%;
		height: 120px;
		text-align: center;
		background-color: white;
		/*background-color: cadetblue;*/
		color: white;
		border-radius: 10px;
	}

		#logoExperto{
		margin-left: 1%;
		background-color: white;
		/*background-color: teal;*/
		float:left;
		display: inline-block;
		border-radius: 10px;
		width: 50%;
		}

			#imagen-logo{
				background-color: white; 
				width:70%
			}
			#pro-de-valor{
				width: 98%;
				margin-left: 1%;
				margin-right: 1%;
				/*background-color: green;*/
				background-color: orange;
				height: 280px;
				border-radius: 10px;
				font-size: 17px;
			}


				#titulo1{
					margin-top: 3%;
					margin-left: 1%;
					margin-right: 1%;
					margin-bottom: 3%;
					text-align: center;
					/*background-color: kaki;*/
					background-color: orange;
					color: white;
				}

				#parrafo1{
					width:95%; 
					text-align: center;
					/*background-color: pink;*/
					background-color: orange;
					color: white;
					margin-left: 1%;
					border-radius: 10px;
					font-size: 1em;
				}

			#div-logos{
				width: 98%;
				background-color: #172b4d;
				/*background-color: green;*/
				float: left;
				border-radius: 10px;
				height: 120px;
				margin-left: 1%;
				margin-right: 1%;
				border-radius: 10px;
			}

				#primer-logo{
					width: 48%;
					margin-top: 1%;
					margin-left: 1%;
					margin-bottom: 1%;
					margin-right: 1%;
					/*background-color: black;*/
					background-color: #172B4D;
					display: inline-block;
				}

				#segundo-logo{
					width: 48%;
					/*background-color: pink;*/
					background-color: #172B4D;
					display: inline-block;
				}		

#div-pasos{
	width: 98%;
	margin-top: 1%;
	/*background-color: yellow;*/
	background-color: #172B4D;
	color: white;
	height: 800px;
}

	#titulo-pasos{
		margin-top: 3%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 3%;
		text-align: center;
		background-color: #172B4D;
		/*background-color: pink;*/
		color: white;
	}

	#paso-1{
		margin-top: 2%;
		width: 98%;
		/*background-color: orange;*/
		background-color: #172B4D;
		color: gray;
		float: left;
		height: 450px;
	}

		#titulo-paso-1{
			width: 97%;
			background-color: #172B4D;
			/*background-color: green;*/
			margin: 1% 1% 1% 1%;
			text-align: center;
		}

		#div-nombre{
			margin: 3% 1% 1% 1%;
			background-color: #172B4D;
			/*background-color: pink;*/
		}

			#label-nombre{
				background-color: #172B4D;
				/*background-color: red;*/
				width: 27%;
				float: left;
				display: inline-block;
			}

		#div-direccion{
			margin: 3% 1% 1% 1%;
			/*background-color: pink;*/
			background-color: #172B4D;
		}

			#label-direccion{
				background-color: #172B4D;
				/*background-color: red;*/
				width: 27%;
				float: left;
				display: inline-block;
			}

		#div-telefono{
			margin: 3% 1% 1% 1%;
			background-color: pink;
		}

			#label-telefono{
				background-color: red;
				width: 27%;
				float: left;
				display: inline-block;
			}


		#div-especialidad{
			margin: 3% 1% 1% 1%;
			background-color: pink;
		}

			#label-especialidad{
				background-color: red;
				width: 27%;
				float: left;
				display: inline-block;
			}

		#div-urgencia{
			margin: 3% 1% 1% 1%;
			background-color: pink;
		}

			#label-urgencia{
				background-color: red;
				width: 27%;
				float: left;
				display: inline-block;
			}

		#div-descripcion{
			margin: 3% 1% 1% 1%;
			background-color: pink;
		}

			#label-descripcion{
				background-color: red;
				width: 27%;
				float: left;
				display: inline-block;
			}

	#paso-2{
		margin-top: 2%;
		width: 100%;
		/*background-color: blue;*/
		background-color: #172B4D;
		color: gray;
		float: left;
		height: 350px;
	}

		#parrafo-paso-2{
			/*background-color: green;*/
			background-color: #172B4D;
			margin: 5% 2% 2% 2%;
			text-align: center;
			color: white;
			height: 250px;
		}

		#registro{
			/*background-color: yellow;*/
			background-color: orange;
			margin-top: 2%;
			margin-left: 1%;
			margin-right: 1%;
			border-radius: 10px;
			color: white;
			font-size: 1em;
			height: 1450px;
		}
		
		#titulo-registro{
			background-color: orange;
			margin-left: 1%;
			margin-top: 1%;
			color: white;
		}

		#registro-solicitante{
			background-color: orange;
			/*background-color: blue;*/
			height: 330px;
			width: 98%;
			float: left;
			margin-left: 2%;
			margin-right: 1%;
			border-radius: 10px;
		}

		#foto-solicitante{
			height: 70%;
			/*background-color: green;*/
			background-color: orange;
			float: left;
			margin-top: 1%;
			margin-left: 1%;
			border-radius: 10px;
		}

		#titulo-solicitante{
			width: 100%;
			background-color: orange;
			float: left;
			margin-top: 1%;
			height: 120px;
			text-align: center;
			border-radius: 10px;
		}

		#titulo-solici{
			margin-top: 2%; 
			margin-left: 2%;
			margin-right: 2%;
			background-color: orange;
			/*background-color: red;*/
		}

		#parrafo-solici{
			background-color: orange;
			/*background-color: blue;*/
			text-align: left; 
			margin-left: 2%; 
			margin-top: 5%; 
			margin-right: 2%;
			text-align: center;
		}

		#lista-solicitante{
			width: 100%;
			background-color: orange;
			float: left;
			margin-top: 1%;
			height: 150px;
			border-radius: 10px;
		}

		#titulo-lista{
			/*background-color: red;*/
			background-color: orange;
			margin-top: 1%;
			text-align: center;
			border-radius: 10px;
		}

		#boton-solicitante{
			width: 100%;
			background-color: orange;
			float: left;
			margin-top: 1%;
			margin-right: 1%;
			height: 100px;
			border-radius: 10px;
			float: center;
		}

		.boton{
			background-color: orange; 
			text-align: center; 
			margin-top: 10%;
		}

		#registro-xperto{
			/*background-color: black;*/
			background-color: orange;
			height: 620px;
			width: 100%;
			float: left;
			margin-top: 2%;
			border-radius: 10px;
		}

		#foto-xperto{
			width: 98%;
			background-color: orange;
			float: center;
			margin-top: 1%;
			margin-left: 1%;
			border-radius: 10px;
		}

		#imagen-xperto{
			border-radius: 10px; 
			width: 80%
		}

		#titulo-xperto{
			width: 98%;
			background-color: orange;
			float: center;
			margin-top: 1%;
			margin-left: 1%;
			height: 100px;
			border-radius: 10px;
		}

		#titulo-exper{
			margin-top: 10%; 
			margin-left: 5%
		}

		#parrafo-xper{
			text-align: left; 
			margin-top: 3%; 
			text-align: justify;
		}

		#lista-xperto{
			width: 98%;
			background-color: orange;
			float: left;
			margin-top: 1%;
			height: 180px;
			border-radius: 10px;
		}

		#boton-xperto{
			width: 98%;
			background-color: orange;
			float: left;
			margin-top: 1%;
			margin-right: 1%;
			height: 100px;
			border-radius: 10px;
		}

		#div-equipo{
			margin-top: 1%;
			margin-left: 1%;
			margin-right: 1%;
			width: 98%;
			/*background-color: yellow;*/
			background-color: orange;
			color: white;
			height: 800px;
			border-radius: 10px;
			}

			#titulo-equipo{
				margin-left: 1%;
				margin-right: 1%;
				margin-top: 1%;
				text-align: center;
				/*background-color: pink;*/
				background-color: orange;
				color: white;
				font-size: 1em;
				border-radius: 10px 0px 10px 0px; 
				}

				.equipo-1{
					margin-top: 1%;
					width: 100%;
					/*background-color: orange;*/
					background-color: orange;
					color: #ff4040;
					float: left;
					height: 450px;
				}
		
					.foto-miembro{
					background-color: #172B4D;
					margin-top: 1%;
					margin-left: 1%;
					width: 95%;
					float: left;
					height: 100px;
					border-radius: 10px;
				}	
		
				#imagen-diego{
					border-radius: 10px; 
					height: 80%; 
					margin-top: 1%; 
					float: right; 
					margin-right: 4%;
				}
					.info-miembro{
						width: 73%;
						float: left;
						border-radius: 0px 10px 10px 0px;
						background-color: #172B4D;
						font-size: 18px;
						margin-top: 2%;
						margin-right: 1%;
						text-align: center;
					}
		
				#imagen-hanz{
					border-radius: 10px; 
					height: 80%; 
					float: right; 
					margin-right: 1%; 
					margin-top: 1%
				}
		
				#imagen-david{
					border-radius: 10px; 
					height: 80%; 
					float: right; 
					margin-right: 1%; 
					margin-top: 1%
				}
		
				#imagen-jho{
					border-radius: 10px; 
					height: 80%; 
					float: right;
					 margin-right: 3%; 
					 margin-top: 1%;
				}
		
				#equipo-2{
				width: 90%;
				margin-top: 2%;
				/*background-color: white;*/
				background-color: #172B4D;
				float: center;
				border-radius: 10px;
				}
		
			#imagen-todos{
				border-radius: 10px; 
				width: 98%; 
				margin-top: 1%;
				margin-right: 1%;
				margin-left: 1%;
				border-radius: 10px;
			}
}


































@media screen and (max-width: 330px){

	#wrapper
	{
		width: 100%;
		margin: 0 auto;
		background-color: gray;
		/*background-color: white;*/
		height: 2900px;
	}
	
		header{
			margin-left: 1%;
			margin-right: 1%;
			height: 120px;
			text-align: center;
			background-color: white;
			/*background-color: cadetblue;*/
			color: white;
			border-radius: 10px;
		}
	
			#logoExperto{
			margin-left: 1%;
			background-color: white;
			/*background-color: teal;*/
			float:left;
			display: inline-block;
			border-radius: 10px;
			width: 50%;
			}
	
				#imagen-logo{
					background-color: white; 
					width:70%
				}
				#pro-de-valor{
					width: 98%;
					margin-left: 2%;
					margin-right: 1%;
					/*background-color: green;*/
					background-color: orange;
					height: 400px;
					border-radius: 10px;
					font-size: 17px;
				}

				#titulo1{
					margin-top: 3%;
					margin-left: 1%;
					margin-right: 1%;
					margin-bottom: 3%;
					text-align: center;
					/*background-color: kaki;*/
					background-color: orange;
					color: white;
				}

				#parrafo1{
					width:95%; 
					text-align: center;
					/*background-color: pink;*/
					background-color: orange;
					color: white;
					margin-left: 1%;
					border-radius: 10px;
					font-size: 1em;
				}
}
}
}

/* Layout responsive para la pagina de inicio. */
:root {
	--ink: #172b4d;
	--ink-light: #26436f;
	--accent: #f59e0b;
	--accent-dark: #d97706;
	--paper: #f5f7fb;
	--white: #ffffff;
	--line: #dce3ef;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font-family: "Poppins", sans-serif;
	line-height: 1.55;
}

#wrapper {
	width: min(1180px, calc(100% - 32px));
	height: auto;
	min-height: 100vh;
	margin: 0 auto;
	padding: 20px 0 36px;
	background: transparent;
}

header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	margin: 0 0 28px;
	padding: 0;
	background: transparent;
	border-radius: 0;
}

header ul {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
}

header li {
	display: contents;
}

#logoExperto {
	width: 148px;
	margin: 0;
	float: none;
	background: transparent;
}

#imagen-logo {
	display: block;
	width: 100%;
	background: transparent;
}

header .active {
	position: absolute;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid var(--ink);
	border-radius: 6px;
	color: var(--ink);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}

header .active:hover {
	background: var(--ink);
	color: var(--white);
}

section {
	display: flow-root;
}

section:first-of-type {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(260px, .8fr);
	gap: 20px;
}

section:first-of-type #div-pasos {
	grid-column: 1 / -1;
}

#pro-de-valor,
#div-logos {
	min-height: 240px;
	margin: 0;
	border-radius: 8px;
}

#pro-de-valor {
	display: block;
	width: 100%;
	padding: 30px 36px;
	vertical-align: top;
	background: var(--accent);
	box-shadow: 0 10px 24px rgba(217, 119, 6, .16);
}

#titulo1,
#parrafo1 {
	width: auto;
	margin: 0;
	background: transparent;
	color: var(--white);
	text-align: left;
}

#titulo1,
#titulo-pasos,
#titulo-registro,
#titulo-equipo {
	font-family: "Cambo", Georgia, serif;
	letter-spacing: 0;
}

#titulo1 {
	margin-bottom: 12px;
	font-size: 30px;
}

#parrafo1 {
	font-size: 15px;
	text-align: left;
}

#div-logos {
	display: grid;
	width: 100%;
	margin-left: 0;
	padding: 22px;
	float: none;
	vertical-align: top;
	place-items: center;
	background: var(--ink);
	box-shadow: 0 10px 24px rgba(23, 43, 77, .14);
}

#primer-logo,
#segundo-logo {
	display: grid;
	width: 100%;
	height: auto;
	place-items: center;
	background: transparent;
}

#imagen-appsco,
#imagen-synappsys {
	display: block;
	width: min(160px, 78%);
	max-height: 74px;
	margin: 0;
	background: transparent;
	border-radius: 0;
	object-fit: contain;
}

#div-pasos,
#registro,
#div-equipo {
	height: auto;
	margin: 28px 0 0;
	padding: 30px;
	border-radius: 8px;
}

#div-pasos,
#registro {
	background: var(--accent);
	color: var(--white);
}

#div-pasos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

#titulo-listas {
	grid-column: 1 / -1;
	margin-bottom: 20px;
}

#titulo-pasos,
#titulo-registro {
	margin: 0;
	background: transparent;
	color: var(--white);
	font-size: 28px;
}

#paso-1,
#paso-2 {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 24px;
	float: none;
	vertical-align: top;
	border-radius: 7px;
	background: var(--ink-light);
	color: var(--white);
}

#paso-2 {
	margin-left: 0;
	text-align: center;
}

#titulo-paso-1,
#titulo-paso-2,
#parrafo-paso-2,
#form-listas {
	width: auto;
	margin: 0;
	float: none;
	background: transparent;
	color: var(--white);
}

#titulo-paso-1,
#titulo-paso-2 {
	margin-bottom: 20px;
	text-align: left;
}

#titulo-paso-1 h1,
#titulo-paso-2 h1 {
	margin: 0 0 2px;
	font-size: 22px;
}

#titulo-paso-1 h3,
#titulo-paso-2 h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 400;
}

#form-listas form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
}

.campo-formulario {
	display: grid;
	gap: 7px;
	min-width: 0;
	margin: 0 !important;
}

.campo-completo {
	grid-column: 1 / -1;
}

#form-listas label,
#label-nombre {
	display: block;
	width: auto;
	background: transparent;
	color: var(--white);
	font-size: 14px;
	font-weight: 600;
}

#form-listas input,
#form-listas select,
#form-listas textarea {
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: 6px;
	background: var(--white);
	color: var(--ink);
	font: inherit;
	margin: 0;
}

#form-listas #especialidad,
#form-listas #prioridad,
#form-listas #descripcion {
	width: 100%;
}

#form-listas textarea {
	min-height: 112px;
	resize: vertical;
}

#form-listas input:focus,
#form-listas select:focus,
#form-listas textarea:focus {
	outline: 3px solid rgba(245, 158, 11, .4);
	border-color: var(--accent);
}

#form-listas .error {
	min-height: 0;
	color: #ffd2d2;
	font-size: 12px;
}

.acciones-formulario {
	margin-top: 4px;
	text-align: right;
}

#id_solicitar,
.botonjhonathan {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 16px;
	border: 0;
	border-radius: 5px;
	background: var(--accent);
	color: var(--white);
	font: 600 14px "Poppins", sans-serif;
	text-decoration: none;
	cursor: pointer;
}

#id_solicitar:disabled {
	cursor: not-allowed;
	opacity: .55;
}

#parrafo-paso-2 {
	font-size: 15px;
}

#imagen-operador {
	display: block;
	width: min(100%, 285px);
	margin: 20px auto 0;
	border-radius: 7px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

#titulo-registro {
	margin-bottom: 20px;
}

#registro-solicitante,
#registro-xperto {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr) minmax(210px, .9fr) auto;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px;
	float: none;
	gap: 22px;
	border-radius: 7px;
	background: var(--ink-light);
	box-shadow: 0 8px 18px rgba(23, 43, 77, .18);
}

#registro-xperto {
	margin-top: 16px;
}

#foto-solicitante,
#foto-xperto,
#titulo-solicitante,
#titulo-xperto,
#lista-solicitante,
#lista-xperto,
#boton-solicitante,
#boton-xperto {
	width: auto;
	height: auto;
	margin: 0;
	float: none;
	background: transparent;
}

#imagen-solicitante,
#imagen-xperto {
	display: block;
	width: 100%;
	height: 128px;
	border-radius: 6px;
	object-fit: cover;
}

#titulo-solici,
#titulo-xper {
	margin: 0 0 8px;
	color: var(--white);
	font-size: 21px;
	line-height: 1.25;
}

#parrafo-solici,
#parrafo-xper,
#titulo-lista {
	margin: 0;
	background: transparent;
	text-align: left;
	font-size: 13px;
}

#titulo-lista {
	margin-bottom: 8px;
	font-size: 14px;
}

#lista-solicitante ul,
#lista-xperto ul {
	margin: 0;
	padding-left: 18px;
	font-size: 13px;
}

.boton {
	margin: 0;
	background: transparent;
	text-align: center;
}

#div-equipo {
	background: var(--accent);
	color: var(--ink);
	box-shadow: 0 10px 26px rgba(23, 43, 77, .08);
}

#titulo-equipo {
	margin: 0 0 20px;
	background: transparent;
	color: var(--white);
	font-size: 28px;
}

.equipo-1 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
	height: auto;
	margin: 0;
	float: none;
	gap: 12px;
	background: transparent;
	color: var(--ink);
}

.foto-miembro {
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
	min-height: 108px;
	margin: 0;
	padding: 14px;
	float: none;
	gap: 14px;
	border: 1px solid var(--line);
	border-radius: 7px;
	background: var(--ink);
}

.foto-miembro img {
	width: 78px;
	height: 78px;
	margin: 0 !important;
	float: none !important;
	border-radius: 50% !important;
	object-fit: cover;
}

.info-miembro {
	width: auto;
	margin: 0;
	float: none;
	background: transparent;
	color: var(--white);
	font-size: 13px;
	text-align: left;
}

.info-miembro p {
	margin: 0 0 2px;
}

.info-miembro p:first-child {
	font-weight: 600;
}

#equipo-2 {
	width: 100%;
	margin: 20px 0 0;
	float: none;
	background: transparent;
	text-align: center;
}

#imagen-todos {
	display: block;
	width: min(100%, 700px);
	margin: 0 auto;
	border-radius: 7px;
}

footer {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	padding: 20px 4px 0;
}

#logoFacebook,
#logoWhatsapp {
	margin: 0;
	float: none;
	background: transparent;
}

footer p {
	margin: 0;
}

footer a {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid var(--line);
	border-radius: 50%;
	background: var(--white);
}

@media screen and (max-width: 820px) {
	section:first-of-type {
		display: block;
	}

	#pro-de-valor,
	#div-logos,
	#paso-1,
	#paso-2 {
		display: block;
		width: 100%;
		margin-left: 0;
	}

	#div-pasos {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	#div-logos,
	#paso-2 {
		margin-top: 16px;
	}

	#div-logos {
		min-height: 126px;
		grid-template-columns: 1fr 1fr;
	}

	#registro-solicitante,
	#registro-xperto {
		grid-template-columns: 150px minmax(0, 1fr);
	}

	#lista-solicitante,
	#lista-xperto,
	#boton-solicitante,
	#boton-xperto {
		grid-column: 1 / -1;
	}

	#boton-solicitante,
	#boton-xperto {
		text-align: left;
	}
}

@media screen and (max-width: 560px) {
	#wrapper {
		width: min(100% - 24px, 1180px);
		padding-top: 14px;
	}

	header {
		margin-bottom: 20px;
	}

	#logoExperto {
		width: 118px;
	}

	header .active {
		min-height: 38px;
		padding: 0 12px;
		font-size: 13px;
	}

	#pro-de-valor,
	#div-pasos,
	#registro,
	#div-equipo {
		padding: 22px 18px;
	}

	#pro-de-valor {
		min-height: auto;
	}

	#titulo1,
	#titulo-pasos,
	#titulo-registro,
	#titulo-equipo {
		font-size: 24px;
	}

	#parrafo1 {
		font-size: 14px;
	}

	#paso-1,
	#paso-2 {
		padding: 18px;
	}

	#form-listas form {
		grid-template-columns: 1fr;
	}

	#form-listas .campo-completo {
		grid-column: auto;
	}

	#form-listas form > div,
	#div-direccion {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	#form-listas .error {
		grid-column: auto;
	}

	#form-listas form > div:last-child {
		text-align: stretch !important;
	}

	#id_solicitar {
		width: 100%;
	}

	#registro-solicitante,
	#registro-xperto {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 16px;
	}

	#imagen-solicitante,
	#imagen-xperto {
		height: 180px;
	}

	.equipo-1 {
		grid-template-columns: 1fr;
	}
}