/**
 * IXPACIFICO — Estilo institucional de la pantalla de acceso (wp-login.php).
 *
 * Reemplaza la marca de WordPress por la de la Universidad IXPACIFICO:
 * fondo azul institucional, tarjeta blanca, botón verde y tipografía Poppins.
 * Scopeado a `body.login` (solo aplica en la pantalla de acceso).
 *
 * Paleta (theme.json):
 *   --ixp-navy       #1e2d49   --ixp-green      #3db166
 *   --ixp-navy-dark  #0f1830   --ixp-gray-100   #f4f6fa
 */

:root {
	--ixp-navy: #1e2d49;
	--ixp-navy-dark: #0f1830;
	--ixp-green: #3db166;
	--ixp-green-dark: #2f9354;
	--ixp-white: #ffffff;
	--ixp-gray-100: #f4f6fa;
	--ixp-gray-300: #d3d9e4;
	--ixp-text: #2b3243;
}

/* Fondo neutro por defecto (sin color de marca): solo se personaliza el recuadro. */
body.login {
	background: #f0f0f1;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Contenedor del formulario. */
body.login #login {
	width: 340px;
	max-width: 92vw;
	padding: 6% 0 5%;
}

/* Logo institucional (la imagen se inyecta inline desde PHP). */
body.login h1 a {
	width: 112px;
	height: 112px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	border-radius: 20px;
	background-color: var(--ixp-white);
	box-shadow: 0 10px 28px rgba( 15, 24, 48, 0.30 );
	padding: 8px;
	box-sizing: border-box;
}

/* Tarjeta del formulario. */
body.login form {
	background: var(--ixp-white);
	border: 1px solid var(--ixp-gray-300);
	border-top: 4px solid var(--ixp-green);
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba( 30, 45, 73, 0.14 );
	padding: 28px 26px;
	margin-top: 12px;
}

body.login form label {
	color: var(--ixp-text);
	font-size: 14px;
	font-weight: 500;
}

/* Campos de texto. */
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border-radius: 9px;
	border: 1px solid var(--ixp-gray-300);
	padding: 10px 12px;
	font-size: 15px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: var(--ixp-green);
	box-shadow: 0 0 0 2px rgba( 61, 177, 102, 0.25 );
	outline: none;
}

/* Botón primario "Acceder" en verde institucional. */
body.login .wp-core-ui .button-primary,
body.login #wp-submit {
	background: var(--ixp-green);
	border-color: var(--ixp-green-dark);
	border-radius: 9px;
	box-shadow: none;
	text-shadow: none;
	font-weight: 600;
	padding: 4px 18px;
	transition: background 0.15s ease, transform 0.05s ease;
}

body.login .wp-core-ui .button-primary:hover,
body.login #wp-submit:hover {
	background: var(--ixp-green-dark);
	border-color: var(--ixp-green-dark);
}

body.login .wp-core-ui .button-primary:active,
body.login #wp-submit:active {
	transform: translateY( 1px );
}

body.login .wp-core-ui .button-primary:focus,
body.login #wp-submit:focus {
	box-shadow: 0 0 0 2px rgba( 61, 177, 102, 0.5 );
}

/* Checkbox "Recuérdame". */
body.login input[type="checkbox"]:checked::before {
	color: var(--ixp-green);
}

/* Enlaces auxiliares (recuperar contraseña / volver al sitio) sobre fondo azul. */
body.login #nav a,
body.login #backtoblog a {
	color: var(--ixp-navy);
	transition: color 0.15s ease;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: var(--ixp-green-dark);
}

/* Mensajes de error/aviso: acento institucional en vez del rojo/naranja WP. */
body.login .login .message,
body.login #login .message {
	border-left-color: var(--ixp-green);
	border-radius: 8px;
}

body.login #login_error {
	border-radius: 8px;
}

/* Aviso institucional bajo el formulario (inyectado desde PHP). */
body.login .ixp-login-legal {
	margin-top: 18px;
	text-align: center;
	color: rgba( 30, 45, 73, 0.55 );
	font-size: 12px;
	line-height: 1.5;
}