@font-face {
	font-family: Comfortaa;
	font-weight: normal;
	src: url("../../fonts/Comfortaa-Regular.ttf") format("truetype");
}
@font-face {
	font-family: Comfortaa-bold;
	font-weight: normal;
	src: url("../../fonts/Comfortaa-Bold.ttf") format("truetype");
}
@font-face {
	font-family: Comfortaa-light;
	font-weight: normal;
	src: url("../../fonts/Comfortaa-Light.ttf") format("truetype");
}

.container-form {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-control-bg {
	border-radius: 0;
	box-shadow: inset 0px -1px 5px 2px #aaa;
	background: linear-gradient(180deg, #eee, #fff);
}
.form-control-bg:focus {
	border: 1px solid #ced4da;
	box-shadow: inset 0px -1px 5px 2px #aaa;
}

.register {
	position: relative;
	box-shadow: 0 7px 20px -3px rgba(0, 0, 0, 0.35);
	border-radius: 1em;
}
.register-img {
	z-index: 2;
	width: 45%;
	left: -50%;
	position: absolute;
	top: 310px;
}
@media (max-width: 940px) {
	.register-img {
		width: 40%;
		left: -43%;
		top: 308px;
	}
}
@media (max-width: 840px) {
	.register-img {
		width: 30%;
		left: -32%;
		top: 312px;
	}
}
@media (max-width: 760px) {
	.register-img {
		width: 30%;
		left: -32%;
		top: 310px;
	}
}
@media (max-width: 710px) {
	.register-img {
		display: none;
	}
}
.register-form {
	display: grid;
	justify-content: center;
	background: #fff;
	min-width: 100%;
	min-height: 400px;
	border-radius: 0 0 1em 1em;
	padding: 1em 0 2em;
}
.register-form .form-group,
.register-form-message {
	margin-bottom: 5px;
}
.register-form-h3 {
	margin-top: 1em;
}
.register-form-message {
	font-size: 12px;
}
.register-form-check {
	margin-top: 8px;
}
.register-form-check-message {
	font-size: 9px;
}
.register-title {
	border-radius: 1em 1em 0 0;
	padding-top: 1.6em;
	padding-left: 2em;
	padding-right: 2em;
	background: linear-gradient(180deg, #f3b634 0%, #ffbb00 35%);
}
@media (max-width: 336px) {
	.register-title {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}
.register-title-h1 {
	font-size: 25px;
	font-family: "Architects Daughter", cursive;
	color: #b8233a;
}
@media (max-width: 430px) {
	.register-title-h1 {
		padding-right: 0;
		padding-left: 0;
		font-size: 20px;
	}
}
.register-title-p {
	color: #9c5e4d;
	font-weight: 500;
}
@media (max-width: 430px) {
	.register-title-p {
		padding-right: 0;
		padding-left: 0;
	}
}

.login {
	position: relative;
	box-shadow: 0 7px 20px -3px rgba(0, 0, 0, 0.35);
	border-radius: 1em;
}
.login-img {
	z-index: 2;
	width: 60%;
	left: -54%;
	position: absolute;
	top: 190px;
}
.login h4 {
	font-size: 21px;
	padding-bottom: 5px;
}

@media (max-width: 940px) {
	.login-img {
		width: 40%;
		left: -36%;
		top: 280px;
	}
	.login h4 {
		font-size: 20px;
	}
}
@media (max-width: 780px) {
	.login-img {
		width: 30%;
		left: -28%;
		top: 315px;
	}
}
@media (max-width: 767px) {
	.login-img {
		width: 35%;
		left: -32%;
		top: 305px;
	}
}
@media (max-width: 720px) {
	.login-img {
		display: none;
	}
}
.login-form {
	display: block;
	justify-content: center;
	background: #fff;
	min-width: 100%;
	min-height: 400px;
	border-radius: 0 0 1em 1em;
}
.login-title {
	border-radius: 0em 0em 0 0;
	padding-top: 1.6em;
	padding-left: 2em;
	padding-right: 2em;
	background: #ffde77;
	background-image: url("../../img/fondo-header.png");
}
@media (max-width: 336px) {
	.login-title {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}
.login-title-h1 {
	font-size: 25px;
	font-family: "Architects Daughter", cursive;
	color: #b8233a;
}
@media (max-width: 430px) {
	.login-title-h1 {
		padding-right: 0;
		padding-left: 0;
		font-size: 20px;
	}
}
.login-title-p {
	color: #9c5e4d;
	font-weight: 500;
}
@media (max-width: 430px) {
	.login-title-p {
		padding-right: 0;
		padding-left: 0;
	}
}
.login-padding {
	padding: 25px 85px 25px 85px;
}
.login-logo {
	display: block;
	margin: auto;
	width: 250px;
	height: auto;
}
@media (max-width: 350px) {
	.login-logo {
		width: 80%;
	}
}
.login-info {
	font-size: 15px;
	min-width: 296px;
}
.login-texto {
	text-align: justify;
}

@media (max-width: 400px) {
	.login-texto {
		text-align: left;
	}
}

@media (max-width: 500px) {
	.login-padding {
		padding: 10px 40px 10px 40px;
	}
	.login-info {
		font-size: 13px;
		min-width: auto;
	}
	.login h4 {
		font-size: 18px;
	}
}
@media (max-width: 350px) {
	.login-padding {
		padding: 10px 10px 10px 10px;
	}
	.login h4 {
		font-size: 15px;
	}
}



.letra-titulo {
    font-family: Comfortaa-bold;
    color: #e84542;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 0
}

.letra-subTitulo {
    color: #863338;
    font-size: 16.5px;
    margin-top: 4px;
    margin-bottom: 0;
}



.gradiente-login {
	background: #ff9e00; /* Old browsers */
	background: -moz-linear-gradient(
		top,
		#ff9e00 0%,
		#ffbb00 45%,
		#ffbb00 89%,
		#ffb800 99%
	); /* FF3.6-15 */
	background: -webkit-linear-gradient(
		top,
		#ff9e00 0%,
		#ffbb00 45%,
		#ffbb00 89%,
		#ffb800 99%
	); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to bottom,
		#ff9e00 0%,
		#ffbb00 45%,
		#ffbb00 89%,
		#ffb800 99%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/*# sourceMappingURL=custom.css.map */