/**
 * Estilos de la pantalla de acceso (interstitial) del SSO de AEDAF.
 * Marca de la intranet: navy #142E51, grises #5b6b82 / #9aa7b8, fuente Suisse Int'l.
 * Cargado por aedaf-sso-bridge.php (mu-plugin) en la página de login.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body.aedaf-login {
	margin: 0;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	overflow-x: hidden;
	font-family: "Suisse Int'l", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #142E51;
	background-color: #0a1d35;
	background-image: radial-gradient(ellipse at 50% 30%, #1b3a63 0%, #11294a 55%, #0a1d35 100%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.aedaf-login__wrap {
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
}

.aedaf-login__card {
	width: 100%;
	max-width: 468px;
	background: #ffffff;
	border-radius: 24px;
	padding: 56px 48px 40px;
	box-shadow:
		0 40px 80px -20px rgba(4, 16, 33, 0.55),
		0 8px 24px -12px rgba(4, 16, 33, 0.35);
	text-align: center;
}

.aedaf-login__logo {
	margin: 0 0 28px;
	line-height: 0;
}

.aedaf-login__logo svg {
	height: 46px;
	width: auto;
	color: #142E51;
}

.aedaf-login__title {
	margin: 0 0 14px;
	color: #142E51;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 700;
}

.aedaf-login__text {
	margin: 0 auto 32px;
	max-width: 330px;
	color: #5b6b82;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}

.aedaf-login__btn {
	display: block;
	width: 100%;
	padding: 18px 24px;
	background: #142E51;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 12px;
	transition: background-color 0.15s ease, transform 0.1s ease;
}

.aedaf-login__btn:hover {
	background: #1b3a64;
}

.aedaf-login__btn:active {
	transform: translateY(1px);
}

.aedaf-login__btn:focus-visible {
	outline: 3px solid #31B5E3;
	outline-offset: 2px;
}

.aedaf-login__footer {
	margin: 26px 0 0;
	color: #9aa7b8;
	font-size: 13px;
	font-weight: 400;
}

.aedaf-login__footer-link {
	color: #9aa7b8;
	text-decoration: none;
}

.aedaf-login__footer-link:hover {
	color: #5b6b82;
	text-decoration: underline;
}

@media (max-width: 520px) {
	.aedaf-login__card {
		padding: 40px 24px 32px;
		border-radius: 20px;
	}

	.aedaf-login__title {
		font-size: 24px;
	}
}