:root{
	/* COLORS */
	--white:#ffffff;
	--grey:#e6e6e6;
	--accent:#959595;
	--blue:#2b2baa;
	/* FONTS */
	--input-font-size:1.2rem;
	--font-bold:600;
	/* SIZES */
	--border:2px;
	--border-rad:16px;
	--button-rad:4px;
	--container-size:80%;
	--container-max-width:500px;
	/* SPACES */
	--padding:28px 21px 21px;
	--small-space:4px;
	--element-space:21px;
	--button-space:9px 12px;
	/* TIMES */
	--anim-duration:.2s;
}
*{
	margin:unset;
	padding:unset;
	font-family:sans-serif;
}
.main{
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:100vh;
}
.main .container{
	background-color:var(--grey);
	border-radius:var(--border-rad);
	width:min(var(--container-max-width),var(--container-size));
}
.main .container form.form{
	padding:var(--padding);
}
/* FORM */
/*.main .container form.form.sended .form-container{display:none;}*/
.main .container form.form .form-container .form-row:not(.form-submit){
	padding-bottom:var(--small-space);
	border-bottom:var(--border) solid var(--accent);
}
.main .container form.form .form-container .form-row:not(:last-child){
	margin-bottom:var(--element-space);
}
.main .container form.form .form-container .form-row.form-whatsapp{
	padding-top: var(--small-space);
}
.main .container form.form .form-container .form-row label.form-label-container,
.main .container form.form .form-container .form-row label.form-label-container input{
	width:100%;
	position:relative;
	background-color:transparent;
	border:unset;
	outline:unset;
	font-size:var(--input-font-size);
}
.main .container form.form .form-container .form-row label.form-label-container input+span,
.main .container form.form .form-container .form-row label.form-label-container span.pre-active{
	position:absolute;
	left:0;
	top:0;
	transition:all var(--anim-duration);
	cursor:text;
	font-size:90%;
}
.main .container form.form .form-container .form-row label.form-label-container input:not(:placeholder-shown)+span{
	font-size:65%;
	top:-1em
}
.main .container form.form .form-container .form-row label.form-label-container span.pre-active{
	font-size:65%;
	top:-1.3em;
}
.main .container form.form .form-container .form-row label.form-label-container input[data-error],
.main .container form.form .form-container .form-row label.form-label-container input[data-error]+span{
	color:#ff5050;
}
.main .container form.form .form-container .form-row.form-submit input.input-submit{
	padding:var(--button-space);
	cursor:pointer;
	background-color:var(--blue);
	border:unset;
	outline:unset;
	border-radius:var(--button-rad);
	color:var(--white);
	font-weight:var(--font-bold);
	transition:all var(--anim-duration);
}
.main .container form.form .form-container .form-row.form-submit input.input-submit:hover,
.main .container form.form .form-container .form-row.form-submit input.input-submit[disabled]{
	opacity:.8;
}
/* MESSAGES */
.main .container form.form .messages-container{margin-top:1rem}
.main .container form.form:not(.sended) .messages-container{display:none;}