/* LOGIN-LAYOUT-v3 */

#V-Login.LoginView {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	transform: translate(-50%, -62%) !important;
}

#V-Login.LoginView::before {
	content: "" !important;
	display: block !important;
	order: 0 !important;
	width: 280px !important;
	height: 100px !important;
	flex-shrink: 0 !important;
	margin: -64px auto 28px !important;
	background: url("/assets/branding/tecnonube/logo.png") center / contain no-repeat !important;
}

#V-Login.LoginView .descWrapper {
	order: 1 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-shadow: none !important;
	color: transparent !important;
	background: none !important;
	padding: 0 !important;
	padding-top: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 auto 24px !important;
	max-width: 420px !important;
}

#V-Login.LoginView .descWrapper::after {
	content: "Acceso seguro a tu buzón · solo cuentas @tecnonube.com" !important;
	display: block !important;
	font-size: 0.92rem !important;
	line-height: 1.45 !important;
	color: rgba(255, 255, 255, 0.92) !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 400 !important;
	letter-spacing: 0.02em !important;
}

#V-Login.LoginView form {
	order: 2 !important;
	width: 100% !important;
}

/* Mostrar / ocultar contraseña */
#V-Login.LoginView .controls.tn-password-wrap {
	position: relative !important;
}

#V-Login.LoginView .controls.tn-password-wrap input {
	padding-right: 46px !important;
}

#V-Login.LoginView .tn-password-toggle {
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	border: none !important;
	background: transparent !important;
	color: #64748b !important;
	cursor: pointer !important;
	padding: 4px !important;
	line-height: 0 !important;
	border-radius: 6px !important;
}

#V-Login.LoginView .tn-password-toggle:hover,
#V-Login.LoginView .tn-password-toggle.is-visible {
	color: #3498db !important;
}

#V-Login.LoginView .tn-password-toggle:focus {
	outline: 2px solid rgba(52, 152, 219, 0.35) !important;
	outline-offset: 2px !important;
}