body{ background-color: #f3f9fa;  position: fixed; width: 100%; font-size: 2em; height: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0; 
	display: flex; flex-direction: column; justify-content: center; align-items: center;  }
textarea{font-family: Arial, Helvetica, sans-serif; }
.container{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; justify-content: center;  }
.cont_section{ width: 95%; border-radius: 10px; padding: 1%; padding-top: 15%; padding-bottom: 15%; background-color: rgb(28, 147, 154, 0.2);  }


.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; }

.sub_cont_section{ width: 100%; margin-top: 2%; margin-bottom: 2%; }
.cont_title{ color: #1c939a; font-size: 1.2em; font-weight: bold; text-align:left; margin-bottom: 5%; }
.cont_sub_title{ color: #000000; font-size: 1em; font-weight: bold; text-align:left; margin-bottom: 5%; }
.cont_section_3{ color: #1c939a; font-style: italic; }

.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{ width: 94%; border: 2px solid #f3f9fa; border: 1px solid #1c939a; border-radius: 10px;
	padding: 2%; padding-top: 4%; padding-bottom: 4%; font-size: 0.8em; background: #f3f9fa; margin-bottom: 5%; }
.cont_input textarea{ resize: none; }

.button{ width: 75%; 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: 0.8em; }
.button_1{ background-color: #e30613; display: flex; flex-direction: row; align-items: center; justify-content: center;  }
.button_1 img{ width: 10%; }


.button_1:hover{
	background-color: #b9040e;
	box-shadow: 5px 5px 2px 0px #c7c6c6;

}

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: 800px) {
	body{ font-size: 2em; } 
	.sub_cont_section{ margin-top: 7%; }
	.cont_input textarea, .cont_input input{ font-size: 0.6em; }
	.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_section{ width: 80%; padding-left: 5%; padding-right: 5%; padding-top: 0; padding-bottom: 0; }

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

	.cont_input input, .cont_input textarea{ margin-bottom: 2%; padding: 2%; padding-top: 2%; padding-bottom: 2%; }

  	.button{ width: 50%; padding: 2%; font-size: 20px; margin-top: 2%;   }
	.button_1{ width: 50%; padding: 2%; }
	.button_1 img{ width: 10%; }

  	.cont_appicon{ width: 12%;}
  	.cont_appicon img{ width: 100%; }

}


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