/**
 * Login Mi cuenta — plantilla Bricks (formulario suelto en #brxe-ihyamb, sin .woocommerce wrapper).
 */

/* Footer pegado al final de la ventana cuando el contenido es corto */
body.cgce-account-guest {
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
	min-height: 100dvh !important;
}

body.cgce-account-guest #brx-header,
body.cgce-account-guest #brx-footer {
	flex-shrink: 0 !important;
}

body.cgce-account-guest #brx-footer {
	margin-top: auto !important;
}

body.cgce-account-guest #brx-content.woocommerce {
	flex: 1 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
}

body.cgce-account-guest #brx-content.woocommerce > .brxe-section,
body.cgce-account-guest #brxe-zfcuxl {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
}

/* Fondo de sección y centrado */
body.cgce-account-guest #brx-content.woocommerce #brxe-zfcuxl {
	padding: 2.5rem 1rem 2rem !important;
	background: linear-gradient(180deg, #f0f7ff 0%, #f8fafc 45%, #fff 100%) !important;
}

/* Tarjeta única: título + formulario */
body.cgce-account-guest #brx-content.woocommerce #brxe-ihyamb {
	width: 100% !important;
	max-width: 420px !important;
	margin: 0 auto !important;
	padding: 2rem 1.75rem 1.75rem !important;
	float: none !important;
	background: #fff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	box-shadow: 0 20px 50px rgba(10, 37, 64, 0.12) !important;
}

body.cgce-account-guest #brx-content.woocommerce > section h2,
body.cgce-account-guest #brxe-ihyamb > h2 {
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #0a2540 !important;
	text-align: center !important;
	letter-spacing: -0.02em;
}

body.cgce-account-guest #brx-content form.woocommerce-form-login.login {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.cgce-account-guest #brx-content form.woocommerce-form-login .form-row {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	width: 100% !important;
}

body.cgce-account-guest #brx-content form.woocommerce-form-login label {
	display: block !important;
	margin-bottom: 0.35rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #334155 !important;
}

body.cgce-account-guest #brx-content form.woocommerce-form-login .input-text,
body.cgce-account-guest #brx-content form.woocommerce-form-login input[type="password"],
body.cgce-account-guest #brx-content form.woocommerce-form-login input[type="text"] {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0.75rem 0.95rem !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 10px !important;
	font-size: 1rem !important;
	color: #0a2540 !important;
	background: #fff !important;
	box-shadow: none !important;
}

body.cgce-account-guest #brx-content form.woocommerce-form-login .input-text:focus,
body.cgce-account-guest #brx-content form.woocommerce-form-login input:focus {
	border-color: #3b82f6 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

body.cgce-account-guest #brx-content form.woocommerce-form-login .woocommerce-form-login__rememberme {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	margin: 0.25rem 0 1.15rem !important;
	font-size: 0.9rem !important;
	color: #64748b !important;
}

body.cgce-account-guest #brx-content form.woocommerce-form-login .woocommerce-form-login__rememberme input {
	width: auto !important;
	margin: 0 !important;
}

/* Botón — por encima de estilos Bricks / WooCommerce */
body.cgce-account-guest #brx-content button.woocommerce-form-login__submit,
body.cgce-account-guest #brx-content form.woocommerce-form-login .button {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0.9rem 1.25rem !important;
	border: none !important;
	border-radius: 10px !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #fff !important;
	background: linear-gradient(135deg, #1e3a8a 0%, #0a2540 100%) !important;
	box-shadow: 0 8px 22px rgba(30, 58, 138, 0.35) !important;
	cursor: pointer !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

body.cgce-account-guest #brx-content button.woocommerce-form-login__submit:hover,
body.cgce-account-guest #brx-content form.woocommerce-form-login .button:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #1e3a8a 0%, #0a2540 100%) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 12px 28px rgba(30, 58, 138, 0.42) !important;
}

body.cgce-account-guest #brx-content .woocommerce-LostPassword {
	margin: 1.15rem 0 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

body.cgce-account-guest #brx-content .woocommerce-LostPassword a {
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	color: #1e3a8a !important;
	text-decoration: none !important;
}

body.cgce-account-guest #brx-content .woocommerce-LostPassword a:hover {
	color: #0a2540 !important;
	text-decoration: underline !important;
}

/* Si en algún entorno sí existe el layout clásico de Mi cuenta */
body.cgce-account-guest.woocommerce-account .woocommerce {
	display: block !important;
	max-width: 420px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 2rem 1.25rem 3rem !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

body.cgce-account-guest.woocommerce-account .woocommerce-MyAccount-navigation {
	display: none !important;
}

body.cgce-account-guest.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	float: none !important;
}

body.cgce-account-guest.woocommerce-account .woocommerce-MyAccount-content::before {
	display: none !important;
}

@media (max-width: 480px) {
	body.cgce-account-guest #brx-content.woocommerce #brxe-zfcuxl {
		padding: 1.5rem 0.75rem 2.5rem !important;
	}

	body.cgce-account-guest #brx-content form.woocommerce-form-login.login {
		padding: 1.5rem 1.25rem 1.35rem !important;
	}
}