/* Pantallas de login — fondo3.png a pantalla completa, semitransparente */
.login-wrap.login-fondo {
	position: relative;
	background-color: #f7faf5;
	min-height: 100vh;
	overflow: hidden;
	align-items: flex-start !important;
	padding-top: 10vh;
	--login-sombra: 0 2px 10px rgba(35, 48, 30, 0.1), 0 1px 4px rgba(35, 48, 30, 0.06);
	--login-box-sombra:
		0 22px 56px rgba(22, 35, 18, 0.26),
		0 10px 28px rgba(35, 48, 30, 0.18),
		0 2px 8px rgba(35, 48, 30, 0.12);
}

.login-wrap.login-fondo::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('../images/fondo3.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.39;
	z-index: 0;
}

.login-wrap.login-fondo::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(217, 235, 211, 0.22) 0%,
		rgba(155, 181, 146, 0.32) 100%
	);
	z-index: 0;
	pointer-events: none;
}

.login-wrap.login-fondo > * {
	position: relative;
	z-index: 1;
}

/* Evita la línea del scrollbar custom (por si queda la clase customscroll) */
.login-wrap.login-fondo .mCSB_scrollTools,
.login-wrap.login-fondo .mCSB_draggerRail {
	display: none !important;
}

.login-wrap.login-fondo .mCustomScrollBox,
.login-wrap.login-fondo .mCSB_container {
	overflow: visible !important;
}

.login-wrap.login-fondo .login-box {
	background: #ffffff !important;
	border: 1px solid rgb(227,171,8, 0.28) !important;
	border-radius: 12px !important;
	box-shadow:
		var(--login-box-sombra),
		0 0 0 1px rgba(227,171,8, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

.login-stack {
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
}

.login-brand-header {
	margin-bottom: 1rem;
	padding: 0 0.5rem;
}

.login-brand-title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.4rem;
	font-weight: 780;
	color: #3a6021;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 0 0 0.45rem;
	line-height: 1.25;
	-webkit-font-smoothing: antialiased;
	text-shadow: var(--login-sombra);
}

.login-brand-subtitle {
	font-family: 'Work Sans', sans-serif;
	font-size: 1rem;
	color: #2e382a;
	margin: 0;
	font-weight: 600;
	line-height: 1.35;
	text-shadow: var(--login-sombra);
}

.login-box .login-img {
	max-width: 70px;
	margin-bottom: 12px;
}

.login-title {
	font-size: 1.15rem;
	font-weight: 550;
	color: #487729;
	letter-spacing: 0.02em;
}