/* ════════════════════════════════════════════════════════════════════════════
   YZZ · Login/Registro de WordPress con identidad Yatezzitos.
   Brandea la plantilla nativa wp-login (/es/y-login/) sin tocar el core:
   fondo navy de marca, logo, tarjeta blanca premium, botón dorado, links claros.
   Marca: navy #0B1939 · navy2 #13244d · dorado #F6EA69 · azul #194395 · Barlow.
   ════════════════════════════════════════════════════════════════════════════ */
body.login {
	background: radial-gradient(120% 120% at 50% 0%, #13244d 0%, #0B1939 55%, #081225 100%) !important;
	font-family: "Barlow", "Inter", system-ui, -apple-system, sans-serif !important;
	min-height: 100vh;
}

/* Logo de marca (blanco, sobre el navy) */
.login h1 { margin-bottom: 4px; }
.login h1 a {
	/* Logo BLANCO de marca (el mismo del header sobre navy) para que resalte.
	   Para cambiarlo por otro: sube tu PNG/SVG a Medios y reemplaza esta URL. */
	background-image: url(https://yatezzitos.com/wp-content/uploads/2023/06/logomobile.webp) !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	width: 240px !important;
	height: 84px !important;
	margin: 0 auto !important;
}

/* Mensaje de bienvenida (propietario) */
.yzz-login-intro {
	max-width: 360px;
	margin: 0 auto 2px;
	text-align: center;
	color: #dbe4f0;
	font-size: 15px;
	line-height: 1.55;
}
.yzz-login-intro b { color: #F6EA69; }

/* Contenedor */
#login {
	width: 392px !important;
	max-width: 94vw !important;
	padding: 4% 0 0 !important;
}

/* Tarjeta del formulario */
.login form {
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 16px !important;
	box-shadow: 0 20px 55px rgba(0, 0, 0, .35) !important;
	padding: 26px 28px 22px !important;
	margin-top: 18px !important;
}
.login form .forgetmenot { font-weight: 500; }
.login label {
	color: #1a2433 !important;
	font-weight: 600 !important;
	font-size: 13.5px !important;
}

/* Inputs */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"],
.login input[type="number"] {
	background: #fbfcfd !important;
	border: 1px solid #e4e8ef !important;
	border-radius: 10px !important;
	color: #1a2433 !important;
	font-size: 15px !important;
	padding: 12px 14px !important;
	box-shadow: none !important;
}
.login input:focus {
	border-color: #194395 !important;
	box-shadow: 0 0 0 3px rgba(25, 67, 149, .14) !important;
	outline: 0 !important;
}
.login .wp-pwd .button.wp-hide-pw { color: #6b7c8f; }

/* Botón principal (Acceder / Registrarse) — dorado de marca */
.login .button-primary,
.login #wp-submit {
	background: #F6EA69 !important;
	border: 0 !important;
	color: #0B1939 !important;
	font-weight: 800 !important;
	font-size: 15px !important;
	border-radius: 999px !important;
	padding: 11px 26px !important;
	height: auto !important;
	line-height: 1.2 !important;
	width: 100% !important;
	float: none !important;
	text-align: center !important;
	text-shadow: none !important;
	box-shadow: 0 8px 20px rgba(246, 234, 105, .28) !important;
	transition: transform .15s, box-shadow .15s;
}
.login .button-primary:hover,
.login #wp-submit:hover { transform: translateY(-1px); background: #ffef62 !important; }
.login .submit { text-align: center; }

/* Captcha / reCAPTCHA centrados */
.login .g-recaptcha,
.login [class*="recaptcha"] { display: flex; justify-content: center; margin: 6px 0 12px; }

/* Links bajo la tarjeta (Registrarse · ¿Olvidaste tu contraseña? · Ir a Yatezzitos) */
.login #nav,
.login #backtoblog {
	text-align: center !important;
	padding: 0 !important;
	margin-top: 14px !important;
}
.login #nav a,
.login #backtoblog a {
	color: #cdd8e6 !important;
	font-weight: 600 !important;
	font-size: 13.5px !important;
	transition: color .15s;
}
.login #nav a:hover,
.login #backtoblog a:hover { color: #F6EA69 !important; }
.login .privacy-policy-page-link a { color: #9fb3c8 !important; }

/* Mensajes / errores */
.login .message,
.login .success,
.login #login_error {
	border-radius: 10px !important;
	border-left-width: 4px !important;
	font-family: "Barlow", sans-serif;
}
.login #login_error { border-left-color: #c0392b !important; }
.login .message { border-left-color: #194395 !important; }

/* Selector de idioma de WP (la caja blanca a todo el ancho al pie): se OCULTA.
   El login es en español para propietarios; no necesita cambiar el idioma del UI
   de WordPress, y se veía como una barra ancha rompiendo el diseño. */
.login .language-switcher,
body.login .language-switcher,
.login form.language-switcher { display: none !important; }