.cont{ width: 100%; display: flex; justify-content: center; 
	flex-direction: column; align-items: center; }
.cont_popUp{position: fixed; width: 100%; height: 100%; 
	background: rgba(0, 0, 0, 0.8); z-index: 100;
	display: none; justify-content: center; 
	align-items: center; }
.popUp{ width: 100%; height: 85%; background: #ffffff; }

.cont_closed{ width: 8%;
    position: fixed;
    top: 2%;
    z-index: 5000;
    margin-left: 90%; }
.cont_closed img{ width: 100%; cursor: pointer; }

.con_pop{ width: 80%; padding: 5%; background: #ffffff; border-radius: 25px; display: flex; 
	justify-content: center; flex-direction: column; align-items: center; }
.cont_btn_pop{ width: 100%; display: flex; flex-direction: row; margin-top: 2%; margin-bottom: 2%;
	justify-content: space-around; align-items:center; }
.btn_pop{ width: 35%; cursor: pointer; border-radius: 25px; border: 2px solid #1c939a; 
	padding: 2%; text-align: center; margin-top: 2%; margin-bottom: 2%; }
.btn_pop_1{ background: #1c939a; color: #ffffff; }

.cont_input_one{ text-align: justify; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sub_cont{ width: 100%; margin-top: 2%; margin-bottom: 2%; display: flex; justify-content: center; 
	flex-direction: column; align-items: center; }

.cont_input{ width: 100%; display: flex; justify-content: center; 
	flex-direction: column; align-items: center;}
.cont_input span{ padding: 1%; }
.cont_input input, .cont_input textarea{ font-family: 'Montserrat'; width: 94%; border: 2px solid #f3f9fa;
	padding: 2%; font-size: 20px; background: #f3f9fa; margin-bottom: 2%; }
.cont_input textarea{ height: 200px; resize: none; }

.button{ padding: 2%; padding-left: 5%; padding-right: 5%; margin-top: 5%; background: #1c939a; text-align: center; 
	color: #ffffff; font-weight: bold; border-radius: 50px; cursor: pointer; font-size: 14px; }

input:focus, textarea:focus {
    outline: 2px solid #f3f9fa; /* Cambia el borde a azul cuando recibe el foco */
    background: #f3f9fa; /* Cambia el color de fondo #b6e7ea*/ 
}
::placeholder {
    color: #000000;
    font-weight: 500;
}

.cont_appstore{ width: 100%; display: flex; margin-top: 5%; }
.cont_appicon{ width: 44%; margin-left: 4%; }
.cont_appicon img{ width: 100%; cursor: pointer; }

.cont_question{ margin-bottom: 2%; margin-bottom: 5%; }
.cont_sub_text{ text-align: justify;  }

@media (min-width: 1200px) {
	.cont_closed{ width: 3%; margin-left: 95%;  }
	.con_pop{ width: 50%; padding: 2%; }
  	.sub_cont{ width: 70%; }
  	.cont_input{ width: 80%; }
  	.cont_btn_pop{ margin-bottom: 0; }
  	.btn_pop{ padding: 1%; margin-top: 2%; margin-bottom: 2%; }

  	.cont_title{ margin-bottom: 1%; }
  	.cont_sub_title{ margin-bottom: 1%; }

  	.button{ padding: 1%; padding-left: 5%; padding-right: 5%; font-size: 16px;  }
  
  	.cont_appicon{ width: 12%;}
  	.cont_appicon img{ width: 100%; }

}


/* 1c939a */
/* ligth b6e7ea */