.html {
	--fuente-normal: "IntercamMuseoSans" !important;
	--fuente-negrita: "IntercamMuseoSansBold" !important;
}
.section-otp {
	display: flex;
	width: 95%;
	margin: 0 auto;
	min-height: 450px;
	flex-direction: column;
	gap: 5px;
}

.form-regresa {	
	justify-content: center;	
	height: 30px;
}

.btnAtras {
	height: 14px;
	align-self: center;
}

.otp__titulo {
	height: 9vh;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 28.8px;
	color: #658d3d;
	font-family: var(--fuente-negrita);
	text-align: center;
	justify-content: center;
}

.otp__texto {
	width: 90%;
	margin: 0 auto;
	height: 15vh;
	text-align: center;	
}

.otp_font {
	font-size: 1.6rem;
	font-family: var(--fuente-normal);
	font-weight: 600;
	line-height: 20px;
}

.otp__inputs {

	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.otp__input {
	width: 35px;
	height: 45px;
	text-align: center;
	outline: none;
	border-radius: 5px;
	border: 2px solid #FFF;
	color: #005DA6;
	font-size: 1.5em;
	margin-bottom: 10px;
	caret-color: #005DA6;
}

.otp__input:focus {
	border: 2px solid #005DA6;
	color: #005DA6;
}

.otp__input::placeholder {
	color: #005DA6;
}

.otp__error {
	color: #D80027;
	text-align: center;
	font-family: "IntercamMuseoSans" !important;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.otp__tiempo {
	color: #005DA6;
	text-align: center;
	font-family: "IntercamMuseoSans" !important;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top: 5px;
}

.tiempoRestanteOtp {
	color: #005DA6;
	text-align: center;
	font-family: "IntercamMuseoSansBold" !important;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.otp-Button {
	display: flex;
	justify-content: center;
	height: 12vh;
	align-items: end;
}

#btnConinuar_otp {
	cursor: pointer;
	background: #005DA6;
	color: #FFF;
	width: 75%;
	height: 48px;
	font-size: 2rem;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	font-family: "IntercamMuseoSans" !important;
	border-radius: 10px;
}

@media screen and (min-width: 300px) {
	.form-regresa {
		justify-content: center;
	}
}

@media screen and (min-width: 700px) {
	.form-regresa {
		justify-content: center;
	}
} 

@media screen and (min-width: 900px) {
	.form-regresa {
		justify-content: right;
	}
}