@charset "utf-8";
@font-face {font-family: "Poppins Regular"; src: url("/assets/fonts/Poppins-Regular.ttf"); format("truetype"); font-weight:normal; font-style:normal;}
@font-face {font-family: "Poppins Bold"; src: url("/assets/fonts/Poppins-Bold.ttf"); format("truetype"); font-weight:normal;font-style:normal;}

html {font-size:20px; background:#F1F1F1; font-family: "Poppins Regular", Arial;}
* {margin:0; padding:0;}
a {text-decoration:none;}
::placeholder {color:#C4C4C4;}

/* FORM */
.huntee-container {width:100%; height:100%; top:0; left:0; display:flex; align-items:center; font-size:0;}
.huntee-content {width:100%; min-height:100vh; margin:0 auto; background:#009FFF url(/assets/images/backHuntee.png) no-repeat;}
.huntee-image {padding:2rem 0; text-align: center;}
.huntee-image img {max-width:100%; max-height:100%; font-size:0; width: 15rem;}
.huntee-form {width:61vw; display:flex; align-items:center; margin: 0 auto;}
.huntee-form-item {width:50%; margin:0 auto;}
.huntee-form-item h1 {font-size:36px; line-height:47px; color:#FFF; font-family: "Poppins Bold", Arial; margin-bottom:3rem; text-align: center;}
.ht-items {display:flex; margin:1rem 0;}
.ht-item {width:50%;}
.ht-item h2 {color:#FFF; font-size:.8rem; margin-bottom:.3rem; text-transform:uppercase;}
.ht-item-cntrl {width:80%; background:#FFF; padding:.5rem .6rem; font-size:0;}
.ht-item-cntrl input {margin:0; width:100%; font-size:.8rem; outline:none; border:none;}
.ht-item-cntrl select {margin:0; width:100%; font-size:.8rem; outline:none; border:none;}
.ht-file h2 {color:#FFF; font-size:.8rem; margin-bottom:.3rem; text-transform:uppercase;}
.ht-submit {position:relative; display:inline-block;}
.ht-submit::before {display:flex; justify-content:center; align-items:center; border-radius:3px; content:attr(data-before); position:absolute; left:0; right:0; top:0; bottom:0; color:#333; font-size:.8rem;}
.ht-submit-line{border:1px #999 dashed;}
#subirArchivo {opacity:0; width:100%; height:80px; display:inline-block;}
.ht-legal {display:flex; margin:1rem 0;}
.ht-legal label {color:#FFF; font-size:.8rem; margin-left:.5rem; cursor:pointer;}
.ht-buttons {margin:2rem 0 0; text-align:center;}
.ht-buttons button {padding:1rem 3rem; background:#FFF; color:#009FFF; cursor:pointer; border:none; text-transform:uppercase; font-size:.8rem;}
.ht-buttons button:hover {background:#1184cd; color:#FFF;}
.ht-error {margin:1rem 0 0; text-align:center;}
.ht-error p {color:#FA5858; font-size:.8rem; display:none;}

.ht-submit {background:#FFF; padding:1rem; width:87.5%;}
.ht-submit p {font-size:.8rem; margin-bottom:.5rem;}

.return {font-size:1rem; color:#009FFF;}
.return:hover {color:#FFF;}

@media only screen and (max-width:1366px) {
	.huntee-container {position:inherit; height:auto;}
	.huntee-content {display:block;}
	.huntee-image {width:25%; margin:2rem auto;}
	.huntee-image img {display:block; -moz-box-sizing: border-box; box-sizing: border-box; background:url(/assets/images/huntee-logo.svg) no-repeat; width:200px; height:60px; padding-left:200px; margin:0 auto;}
	.huntee-form {width:90%; margin:2rem auto;}
	.huntee-form-item h1 {font-size:50px; line-height:64px; text-align:center;}
	.ht-buttons button {font-size:1rem;}
	.ht-submit::before {font-size:1rem;}
}

@media only screen and (min-width:820px) {
	.huntee-form-item {width:80% !important;}
}

@media only screen and (max-width:820px) {
	.ht-file h2 {font-size:.7rem;}
}

@media only screen and (max-width:450px) {
	.ht-file h2 {font-size:.7rem;}
}