/* ── Recupera Pass / Código de Verificación ── */

.cv-main {
	padding:				32px 28px 16px 28px;
	display:				flex;
	flex-direction:			column;
	gap:					20px;
}
.cv-titulo {
	font-size:				24px;
	font-weight:			700;
	color:					#171618;
	line-height:			1.2;
	margin:					0;
}
.cv-seccion-challenge {
	display:				flex;
	flex-direction:			column;
	gap:					8px;
}
.cv-challenge-label {
	font-size:				13px;
	color:					#969696;
	margin:					0;
}
.cv-challenge-num {
	font-size:				40px;
	font-weight:			bold;
	color:					#171618;
	letter-spacing:			15px;
	line-height:			1.2;
	margin-top: 25px;
    display: inline-block; 
}
.cv-seccion-input {
	display:				flex;
	flex-direction:			column;
	gap:					6px;
}

.cv-digits-row:focus-within {
	border-bottom-color:	#171618;
}
.cv-digit {
	flex:					1;
	min-width:				0;
	border:					none;
	font-size:				22px;
	color:					#171618;
	background:				transparent;
	outline:				none;
	text-align:				center;
	padding:				0;
	font-family:			"Inter", sans-serif;
	border-bottom: 1.0px solid #d0d0d0;
	width: 37px ;
}
.cv-timer {
	font-size:				16px;
	color:					#969696;
	margin:					24px 0 0 0;
}
.cv-timer strong {
	color:					#171618;
	font-weight:			700;
}
.cv-footer {
	padding:				16px 28px 28px 28px;
	text-align:				center;
	flex-shrink:			0;
}
#cv-btn-continuar {
	width:					180px;
	height:					40px;
	border:					none;
	border-radius:			8px;
	background:				#d4d4d4;
	color:					#999999;
	font-family:			"Inter", sans-serif;
	font-size:				14px;
	font-weight:			600;
	cursor:					not-allowed;
	transition:				background .2s, color .2s;
}
#cv-btn-continuar.cv-activo {
	background:				#171618;
	color:					#ffffff;
	cursor:					pointer;
}
#cv-btn-continuar.cv-activo:hover {
	background:				#2e2c30;
}

.cv-input-section {
    display: flex;
    flex-direction: column;
    align-items: left;
}
.cv-input-label {
    margin-bottom: 10px;
    text-align: left;
    display: block;
    width: 100%;
	color: #969696;
}
.cv-digits-row {
    display: flex;
    gap: 8px;
    justify-content: center;
	width: 300px;
}

.fondo {
	height: 100%;
	width: 100%;
}

#OpcionDesbloqueo .cv-token {
	margin-top: 20px;
}

#OpcionDesbloqueo .titulo {
	color: #171618;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	display: block;
}

#OpcionDesbloqueo .token {
	margin-top: 10px;
	color: #969696;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.5px;
	display: block;
}

/*cambiaPassword*/

#gcp-panel, #gcp-panel * {
	box-sizing:				border-box;
	float:					none !important;
}
#gcp-panel {
	display:				flex;
	flex-direction:			column;
	width:					100%;
	height:					100%;
	min-height:				460px;
	background:				#ffffff;
	font-family:			"Inter", sans-serif;
}
.gcp-header {
	display:				flex;
	justify-content:		space-between;
	align-items:			center;
	padding:				28px 28px 0 28px;
	flex-shrink:			0;
}
.gcp-header a,
.gcp-header span {
	cursor:					pointer;
	padding:				6px;
	border-radius:			8px;
	font-size:				18px;
	color:					#171618;
	text-decoration:		none;
	display:				inline-flex;
	align-items:			center;
	justify-content:		center;
}
.gcp-header a:hover,
.gcp-header span:hover {
	background:				#f3f3f3;
}
.gcp-content {
	flex:					1;
	padding:				32px 28px 16px 28px;
	display:				flex;
	flex-direction:			column;
	gap:					20px;
}
.gcp-title {
	font-size:				24px;
	font-weight:			700;
	color:					#171618;
	line-height:			1.2;
	margin:					0;
}
.gcp-challenge-label {
	font-size:				13px;
	color:					#969696;
	margin:					0;
}
.gcp-challenge-number {
	font-size:				40px;
	font-weight:			400;
	color:					#171618;
	letter-spacing:			8px;
	line-height:			1.2;
}
.gcp-input-group {
	display:				flex;
	flex-direction:			column;
	gap:					6px;
	margin-top:				8px;
}
.gcp-input-label {
	font-size:				12px;
	color:					#969696;
}
.gcp-input-group input[type="password"] {
	width:					100%;
	height:					40px;
	border:					none;
	border-bottom:			1.5px solid #d0d0d0;
	font-size:				20px;
	color:					#171618;
	background:				transparent;
	outline:				none;
	letter-spacing:			4px;
	transition:				border-color .2s;
}
.gcp-input-group input[type="password"]:focus {
	border-bottom-color:	#171618;
}
.gcp-timer {
	font-size:				13px;
	color:					#969696;
}
.gcp-timer strong {
	color:					#171618;
	font-weight:			700;
}
.gcp-footer {
	padding:				16px 28px 28px 28px;
	text-align:				center;
	flex-shrink:			0;
}
#btn_Guardar_Recupera {
	width:					180px;
	height:					40px;
	border:					none;
	border-radius:			8px;
	background:				#d4d4d4;
	color:					#999999;
	font-family:			"Inter", sans-serif;
	font-size:				14px;
	font-weight:			600;
	cursor:					not-allowed;
	transition:				background .2s, color .2s;
}
#btn_Guardar_Recupera.gcp-activo {
	background:				#171618;
	color:					#ffffff;
	cursor:					pointer;
}
#btn_Guardar_Recupera.gcp-activo:hover {
	background:				#2e2c30;
}
#gcp-legacy {
	display:				none !important;
}

/* ── Recupera Pass / Código de Verificación ── */
#CodigoVerificacion,
#CodigoVerificacion * {
	box-sizing:				border-box;
	float:					none !important;
}
#CodigoVerificacion {
	display:				flex;
	flex-direction:			column;
	width:					100%;
	height:					100%;
	min-height:				460px;
	background:				#ffffff;
	font-family:			"Inter", sans-serif;
}
#CodigoVerificacion .header-desbloqueo {
	padding:				28px 28px 0 28px;
	flex-shrink:			0;
}
#CodigoVerificacion .header-desbloqueo div {
	display:				flex;
	justify-content:		space-between;
	align-items:			center;
}