.titulo{
	width: 100%;
	height: 100%;
	text-align: center;
	margin-bottom:8rem;
}
.titulo h2{
	font-size: 2.5rem;
	font-family: text-light;
	color:white;
	line-height: 5rem;
}
.titulo h2 span{
	font-size: 3.5rem;
	font-family: titulos02;
	color:var(--orange);
}

.encuesta{
	width:100%;
	height:100%;
}
.encuesta .preguntas{
	width: 100%;
	height: 100%;
}
.encuesta .preguntas .renglon-1,
.encuesta .preguntas .renglon-1-1{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
	margin-bottom:2rem;
}
.encuesta .preguntas .renglon-1 .dato,
.encuesta .preguntas .renglon-1-1 .dato{
	display: flex;
}
.encuesta .preguntas .renglon-1 .nombre{
	width: 50%;
	height: 100%;
	padding-right: 3rem;
	display:flex;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-1 .apellido{
	width: 50%;
	height: 100%;
	display:flex;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-1 .nombre label{
	color:white;
	font-family: text-light;
	margin-right:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.encuesta .preguntas .renglon-1 .nombre fieldset,
.encuesta .preguntas .renglon-1 .nombre fieldset input{
	width: 100%;
	font-family: text-light;
}
.encuesta .preguntas .renglon-1 .apellido label{
	color:white;
	font-family: text-light;
	margin-right:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.encuesta .preguntas .renglon-1 .apellido fieldset input,
.encuesta .preguntas .renglon-1 .apellido fieldset{
	width: 100%;
	font-family: text-light;
}
.encuesta .preguntas .renglon-1 .nombre input:focus{
	box-shadow: none;
}
.encuesta .preguntas .renglon-1-1 .edad{
	width: 10%;
	height: 100%;
	display:flex;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-1-1 .correo{
	width: 50%;
	height: 100%;
	padding-right: 3rem;
	display:flex;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-1-1 .edad label{
	color:white;
	font-family: text-light;
	margin-right:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.encuesta .preguntas .renglon-1-1 .edad fieldset input,
.encuesta .preguntas .renglon-1-1 .edad fieldset{
	width: 100%;
	font-family: text-light;
}
.encuesta .preguntas .renglon-1-1 .correo label{
	color:white;
	font-family: text-light;
	margin-right:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.encuesta .preguntas .renglon-1-1 .correo fieldset input,
.encuesta .preguntas .renglon-1-1 .correo fieldset{
	width: 100%;
	font-family: text-light;
}

.encuesta .preguntas .renglon-2{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
	margin-bottom:2rem;
}
.encuesta .preguntas .renglon-2 .genero{
	width: 60%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-2 .genero .generos{
	display: flex;
	width: 100%;
}
.encuesta .preguntas .renglon-2 .genero .generos .cuadro{
	display: flex;
	width: 30%;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-2 .genero label{
	margin-bottom: 0;
	margin-right: 1rem;
	color:white;
	font-weight: 200 !important;
	font-family: text-light;
	font-size: 14px;
}
.encuesta .preguntas .renglon-2 .genero input{
	margin:0;
}
.encuesta .preguntas .renglon-2 .genero .formbox-field_UVE9V{
	color:white;
	font-family: text-light;
	margin-right:2rem !important;
	margin-left:1rem !important;
	font-weight: 200;
	margin-bottom: 0px;
}
.encuesta .preguntas .renglon-2 .ciudad{
	width: 40%;
	height: 100%;
	display:flex;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-2 .ciudad label{
	color:white;
	font-family: text-light;
	margin-right:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.encuesta .preguntas .renglon-2 .ciudad fieldset{
	width: 64%;
	font-family: text-light;
}
.encuesta .preguntas .renglon-2 .ciudad fieldset input{
	width: 100%;
}

.frecuencia{
	width: 100%;
	height: 100%;
	margin-top: 4rem;
}
.frecuencia .preguntas{
	width: 100%;
	height: 100%;
}
.frecuencia .preguntas .renglon-1{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
	margin-bottom:2rem;
}
.frecuencia .preguntas .renglon-1 .dato{
	display: flex;
}
.frecuencia .preguntas .renglon-1 .dias{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
}
.frecuencia .preguntas .renglon-1 .dias label{
	margin-bottom: 0;
	margin-right: 1rem;
	color:white;
	font-weight: 200 !important;
	font-family: text-light;
	font-size: 14px;
	width: 35%;
	text-align: start;
	display: flex;
}
.frecuencia .preguntas .renglon-1 .dias .dias-semana{
	display: flex;
	width: 100%;
}
.frecuencia .preguntas .renglon-1 .dias .dias-semana .cuadro{
	display: flex;
	width: 16.66%;
	justify-content: start;
	align-items: center;
}
.frecuencia .preguntas .renglon-1 .dias input{
	margin:0;
}
.frecuencia .preguntas .renglon-1 .dias .formbox-field_UVE9V{
	color:white;
	font-family: text-light;
	margin-right:2rem;
	margin-left:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.frecuencia .preguntas .renglon-2{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
}
.frecuencia .preguntas .renglon-2 .horario{
	display: flex;
}
.frecuencia .preguntas .renglon-2 .horario{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
}
.frecuencia .preguntas .renglon-2 .horario .tipo-horario{
	display: flex;
	width: 100%;
}
.frecuencia .preguntas .renglon-2 .horario .tipo-horario .cuadro{
	width: 25%;
	display: flex;
	justify-content: start;
	align-items: center;
}
.frecuencia .preguntas .renglon-2 .horario label{
	margin-bottom: 0;
	margin-right: 1rem;
	color:white;
	font-weight: 200 !important;
	font-family: text-light;
	font-size: 14px;
	width: 35%;
	text-align: start;
	display: flex;
}
.frecuencia .preguntas .renglon-2 .horario input{
	margin:0;
}
.frecuencia .preguntas .renglon-2 .horario .formbox-field_UVE9V{
	color:white;
	font-family: text-light;
	margin-right:2rem;
	margin-left:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}

.mood{
	width: 100%;
	height: 100%;
	margin-top: 4rem;
}
.mood .preguntas{
	width: 100%;
	height: 100%;
}
.mood .preguntas .renglon-1{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
	margin-bottom:2rem;
}
.mood .preguntas .renglon-1 .mood-dato{
	display: flex;
}
.mood .preguntas .renglon-1 .mood-dato{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	margin-top: 0;
}
.mood .preguntas .renglon-1 .mood-dato .tipo-mood{
	display: flex;
	width: 100%;
}
.mood .preguntas .renglon-1 .mood-dato .tipo-mood .cuadro{
	width: 30%;
	display: flex;
	justify-content: start;
	align-items: center;
}
.mood .preguntas .renglon-1 .mood-dato label{
	margin-bottom: 0;
	margin-right: 1rem;
	color:white;
	font-weight: 200 !important;
	font-family: text-light;
	font-size: 14px;
	width: 35%;
	text-align: start;
	display: flex;
}
.mood .preguntas .renglon-1 .mood-dato input{
	margin:0;
}
.mood .preguntas .renglon-1 .mood-dato .formbox-label-wrap_UVE9V{
	margin-bottom: 0;
	margin-right: 1rem;
	color:white;
	font-weight: 200 !important;
	font-family: text-light;
	font-size: 14px;
	width: 70%;
	text-align: start;
	display: flex;
}
.mood .preguntas .renglon-1 .mood-dato .formbox-field_UVE9V{
	color:white;
	font-family: text-light;
	margin-right:2rem;
	margin-left:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}

.tipo-comida{
	width: 100%;
	height: 100%;
	margin-top: 4rem;
}
.tipo-comida .preguntas{
	width: 100%;
	height: 100%;
}
.tipo-comida .preguntas .renglon-1{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom:2rem;
}
.tipo-comida .preguntas .renglon-1 .comida{
	display: flex;
}
.tipo-comida .preguntas .renglon-1 .comida{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	margin-top: 0;
}
.tipo-comida .preguntas .renglon-1 .comida .tipo-comida-ingerir{
	display: flex;
	width: 100%;
}
.tipo-comida .preguntas .renglon-1 .comida .tipo-comida-ingerir .cuadro{
	width: 30%;
	display: flex;
	justify-content: start;
	align-items: center;
}
.tipo-comida .preguntas .renglon-1 .comida label{
	margin-bottom: 0;
	margin-right: 1rem;
	color:white;
	font-weight: 200 !important;
	font-family: text-light;
	font-size: 14px;
	width: 40%;
	text-align: start;
	display: flex;
}
.tipo-comida .preguntas .renglon-1 .comida input{
	margin:0;
}
.tipo-comida .preguntas .renglon-1 .comida .formbox-label-wrap_UVE9V{
	margin-bottom: 0;
	margin-right: 1rem;
	color:white;
	font-weight: 200 !important;
	font-family: text-light;
	font-size: 14px;
	width: 100%;
	text-align: start;
	display: flex;
}
.tipo-comida .preguntas .renglon-1 .comida .formbox-field_UVE9V{
	color:white;
	font-family: text-light;
	margin-right:2rem;
	margin-left:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.tipo-comida .preguntas .renglon-2{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
	display: flex;
}
.tipo-comida .preguntas .renglon-2 .plato-favorito{
	width: 100%;
	height: 100%;
	text-align: start;
	display: flex;
}
.tipo-comida .preguntas .renglon-2 .plato-favorito label{
	color:white;
	font-family: text-light;
	margin-right:2rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.tipo-comida .preguntas .renglon-2 .plato-favorito fieldset input{
	width: 100%;
	display: flex;
}
.tipo-comida .preguntas .renglon-2 .plato-favorito fieldset{
	width: 60%;
}

.evaluacion{
	width: 100%;
	height: 100%;
	margin-top: 4rem;
}
.evaluacion .sub-titulo h3{
	color:white;
	font-family: text-light;
	font-size: 15px;
	font-weight: 200;
	text-transform: none;
}
.evaluacion .preguntas{
	width: 100%;
	height: 100%;
}
.evaluacion .preguntas .renglon-1{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
}
.evaluacion .preguntas .renglon-1 .eva{
	width: 100%;
	height: 100%;
	text-align: start;
}
.evaluacion .preguntas .renglon-1 .eva label{
	color:white;
	font-family: text-light;
	margin-right:2rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.evaluacion .preguntas .renglon-1 .eva select{
	width: 15%;
	height: 100%;
}
.encuesta .preguntas .renglon-2 .musica{
	width: 100%;
	height: 100%;
	padding-right: 3rem;
	display:flex;
	justify-content: start;
	align-items: center;
}
.encuesta .preguntas .renglon-2 .musica label{
	color:white;
	font-family: text-light;
	margin-right:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.encuesta .preguntas .renglon-2 .musica fieldset input{
	width: 100%;
	font-family: text-light;
}
.encuesta .preguntas .renglon-2 .musica fieldset{
	width: 35%;
}
.encuesta .preguntas .renglon-2 .musica .primer-input{
	width: 100%;
}
.encuesta .preguntas .renglon-2 .musica .primer-field{
	margin-right: 4rem;
}

.comentarios{
	width: 100%;
	height: 100%;
	margin-top: 4rem;
}
.comentarios .preguntas{
	width: 100%;
	height: 100%;
}
.comentarios .preguntas .renglon-1{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: start;
}
.comentarios .preguntas .renglon-1 .comentario{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.comentarios .preguntas .renglon-1 .comentario label{
	color:white;
	font-family: text-light;
	margin-right:1rem;
	font-weight: 200;
	margin-bottom: 0px;
}
.comentarios .preguntas .renglon-1 .comentario fieldset{
	width: 100%;
	height: auto;
	margin-top:1rem;
}
.comentarios .preguntas .renglon-1 .comentario fieldset input{
	width: 100%;
	height: 100%;
}

.boton-enviar{
	width: 100%;
	height: 100%;
	margin-top: 5rem;
}
.boton-enviar .contenedor{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.boton-enviar .contenedor .boton-formulario{
	border: 1px solid var(--orange) !important;
  	padding: .5rem 4rem !important;
  	background-color: var(--orange) !important;
  	color: black !important;
  	text-decoration: none !important;
  	text-decoration: none !important;
  	display: flex !important;
  	justify-content: center !important;
  	align-items: center !important;
  	text-align: center !important;
  	height: 3.5rem !important;
  	font-family: titulos02;
  	transition: .5s;
}
.boton-enviar .contenedor .boton-formulario:hover{
	background-color: transparent !important;
	color:var(--orange) !important;
}

/* MOVIL */
@media only screen and (max-width: 600px){
	.encuesta .preguntas .renglon-1{
		flex-direction: column;
	}
	.encuesta .preguntas .renglon-1-1{
		flex-direction: column;
		align-items: start;
	}
	.encuesta .preguntas .renglon-1 .nombre,
	.encuesta .preguntas .renglon-1 .apellido,
	.encuesta .preguntas .renglon-1-1 .correo{
		width: 100%;
		padding-right: 0;
		margin-bottom:2rem;
	}
	.encuesta .preguntas .renglon-1-1 .edad{
		width: 50%;
		padding-right: 0;
	}
	.encuesta .preguntas .renglon-2{
		width: 100%;
		flex-direction: column;
	}
	.encuesta .preguntas .renglon-2 .genero{
		width: 100%;
		margin-bottom:2rem;
	}
	.encuesta .preguntas .renglon-2 .ciudad{
		width: 100%;
	}
	.frecuencia .preguntas .renglon-1 .dias label,
	.frecuencia .preguntas .renglon-2 .horario label{
		width: 100%;
	}
	.frecuencia .preguntas .renglon-1 .dias{
		flex-direction: column;
	}
	.frecuencia .preguntas .renglon-1 .dias .dias-semana .cuadro{
		width: 25%;
	}
	.frecuencia .preguntas .renglon-1 .dias .dias-semana,
	.encuesta .preguntas .renglon-2 .genero .generos{
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.encuesta .preguntas .renglon-2 .genero .generos .cuadro{
		width: 33.33%;
		text-align: start;
	}
	.frecuencia .preguntas .renglon-2 .horario{
		flex-direction: column;
	}
	.frecuencia .preguntas .renglon-2 .horario .tipo-horario{
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.frecuencia .preguntas .renglon-2 .horario .tipo-horario .cuadro{
		width: 50%;
	}
	.mood .preguntas .renglon-1 .mood-dato{
		flex-direction: column;
	}
	.mood .preguntas .renglon-1 .mood-dato .tipo-mood{
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.mood .preguntas .renglon-1 .mood-dato .tipo-mood .cuadro{
		width: 33.33%;
		text-align: start;
	}
	.mood .preguntas .renglon-1 .mood-dato label{
		width: 100%;
	}
	.tipo-comida .preguntas .renglon-1 .comida .tipo-comida-ingerir{
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.tipo-comida .preguntas .renglon-1 .comida .tipo-comida-ingerir .cuadro{
		width: 33.33%;
		display: flex;
		justify-content: start;
		align-items: center;
		text-align: start;
	}
	.tipo-comida .preguntas .renglon-1 .comida{
		flex-direction: column;
	}
	.tipo-comida .preguntas .renglon-1 .comida label{
		width: 100%;
	}
	.evaluacion .preguntas .renglon-1 .eva label{
		width: 40%;
		
	}
	.evaluacion .preguntas .renglon-1 .eva{
		margin-bottom:1.5rem;
	}
	.encuesta .preguntas .renglon-2 .musica{
		padding-right: 0;
		flex-direction: column;
		align-items: start;
	}
	.encuesta .preguntas .renglon-2 .musica input{
		width: 80%;
		margin-bottom:1.5rem;
		margin-right: 0 !important;
	}
	.encuesta .preguntas .renglon-2 .musica label{
		margin-right: 0rem;
	}
	.encuesta .preguntas .renglon-2 .musica select{
		width: 20%;
	}
	.encuesta .preguntas .renglon-1 .apellido label,
	.encuesta .preguntas .renglon-2 .ciudad label{
		text-align: start;
	}
	.encuesta .preguntas .renglon-1 .edad{
		width: 100%;
		text-align: start;
		align-items: start;
	}
	.encuesta .preguntas .renglon-1 .edad input{
		width: 20%;
	}
	.encuesta .preguntas .renglon-2 .musica fieldset{
		width: 90%;
		text-align: start;
	}
}
@media only screen and (max-width: 450px){
	.titulo h2{
		font-size: 2rem;
	}
}
@media only screen and (max-width: 350px){
	.frecuencia .preguntas .renglon-1 .dias .dias-semana .cuadro {
   		width: 50%;
  	}
  	.tipo-comida .preguntas .renglon-1 .comida .tipo-comida-ingerir .cuadro {
    	width: 50%;
  	}
  	.tipo-comida .preguntas .renglon-2 .plato-favorito select{
  		width: 100%;
  	}
  	.evaluacion .preguntas .renglon-1 .eva select{
  		width: 40%;
  	}
  	.encuesta .preguntas .renglon-2 .musica input{
  		width: 100%;
  	}
  	.encuesta .preguntas .renglon-2 .musica select{
  		width: 40%;
  	}
  	.encuesta .preguntas .renglon-2 .genero .generos .cuadro,
  	.mood .preguntas .renglon-1 .mood-dato .tipo-mood .cuadro{
  		width: 100%;
  	}
}