@charset "UTF-8";

.form-input {
	position: relative;
}

.form-input:not(.adjunto):not(.envoltorio-select) label {
	position: absolute;
	padding-left: 1em;
	top: 50%;
	transform: translateY(-50%);
	color: var(--negro-80);
	transition: 0.15s ease-in-out;
}

.form-input:not(.adjunto) label.top {
	top: 1.5em;
}

.form-input:not(.adjunto) label.active, form .sombreado-azul p {
	color: var(--azul-100);
}

.form-input:not(.adjunto) label.active, .envoltorio-select label {
	top:0;
}

.form-input input[type="text"], .form-input input[type="tel"],
	.form-input input[type="email"], .form-input textarea, .form-input select
	{
	border: none;
	outline: none;
	padding: 1em;
	width: calc(100% - 2em);
}

.form-input.invalid label, .sombreado-rojo p {
	color: var(--rojo-100);
}

.form-input.invalid input, .form-input.invalid textarea, .sombreado-rojo {
	background-color: var(--rojo-10);
}

.form-input.adjunto input[type="file"]{
	display:none;
}

.form-input.adjunto label{
	padding-block: 1em;
}

.check-label {
	position: relative;
	transform: none;
}

.envoltorio-select {
	position: relative;
	width: 100%;
}

.envoltorio-select select {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
}

.envoltorio-select label{
	position: absolute;
	padding-left: 1em;
	top: 0;
	transform: translateY(-50%);
	color: var(--negro-80);
	transition: 0.15s ease-in-out;
}

.envoltorio-select::after {
	content: "";
	background-image: url(../svg/icono-flecha);
	right: 2em;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 1em;
	width: 1em;
	top: 50%;
	transform: translateY(-50%);
	pointer-events:none;
}

.mensaje-error{
	color: var(--rojo-100);
	margin: 1em 0 0 1em;
}