/* =====================================================================
   PLAYBCN - CUENTA (31-10-2026)
   Página de acceso (login), "Entrar sin contraseña" (pbcn_acceso) y
   el recuadro "Guarda tus datos" de la página de gracias.
   Solo diseño. Para quitarlo, basta con borrar el archivo.
===================================================================== */
/* ---------- Acceso sin contraseña ---------- */
.pbcnCuenta { max-width: 520px !important; margin: 24px auto 40px !important; padding: 0 12px !important; box-sizing: border-box; font-family: 'Lato','Helvetica Neue',Arial,sans-serif; color: #111; }
.pbcnCuentaCard { background: #fff; border: 1px solid #e7e5e0; border-radius: 12px; padding: 26px 22px; }
.pbcnCuenta h1 { font-size: 24px !important; font-weight: 900 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; margin: 0 0 8px !important; }
.pbcnCuentaSub { font-size: 14.5px; color: #5f5f5f; line-height: 1.5; margin: 0 0 14px; }
.pbcnCuenta label { display: block; font-size: 13px; font-weight: 700; margin: 14px 0 6px; text-transform: none; letter-spacing: 0; }
.pbcnCuenta input[type=email], .pbcnCuenta input[type=password] { display: block; width: 100%; height: 52px; box-sizing: border-box; border: 1px solid #cfccc6; border-radius: 8px; padding: 0 14px; font-size: 16px; background: #fff; }
.pbcnCuenta input:focus { border-color: #111; outline: none; }
.pbcnCuentaBtn, .pbcnCuenta button.pbcnCuentaBtn { display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; margin-top: 18px; background: #111; color: #fff !important; border: 0; border-radius: 8px; font-size: 15px; font-weight: 700; letter-spacing: 1px; text-decoration: none !important; cursor: pointer; box-shadow: 0 8px 20px rgba(0,0,0,.16); }
.pbcnCuentaBtn:hover { background: #333; }
.pbcnCuentaBtn2 { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; box-sizing: border-box; margin-top: 10px; border: 1px solid #111; border-radius: 8px; color: #111 !important; font-weight: 700; font-size: 14.5px; text-decoration: none !important; }
.pbcnCuentaLinks { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; font-size: 14px; }
.pbcnCuentaLinks a { color: #111 !important; text-decoration: underline; }
.pbcnCuentaIcono { width: 54px; height: 54px; border-radius: 50%; background: #f1f0ec; display: flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 12px; }
.pbcnCuentaIcono.pbcnOk { background: #1f6b2a; color: #fff; }
#pbcnaccesoBody #navBreadCrumb { display: none; }

/* ---------- Página de login ---------- */
#loginBody #loginDefault { max-width: 560px; margin: 0 auto; font-family: 'Lato','Helvetica Neue',Arial,sans-serif; }
#loginBody #loginDefault .loginBox { background: #fff; border: 1px solid #e7e5e0; border-radius: 12px; padding: 22px 20px !important; }
#loginBody #loginDefault .loginBox legend { font-size: 22px !important; font-weight: 900 !important; letter-spacing: 0 !important; text-transform: none !important; margin-bottom: 6px; }
#loginBody #loginDefault label.inputLabel { display: block !important; float: none !important; width: auto !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 14px 0 6px !important; }
#loginBody #loginDefault #login-email-address, #loginBody #loginDefault #login-password { display: block !important; width: 100% !important; max-width: none !important; height: 52px !important; box-sizing: border-box !important; border: 1px solid #cfccc6 !important; border-radius: 8px !important; background: #fff !important; padding: 0 14px !important; font-size: 16px !important; }
#loginBody #loginDefault .loginBox .buttonRow { float: none !important; width: 100% !important; margin: 16px 0 0 !important; text-align: right; }
#loginBody #loginDefault .loginBox .buttonRow.forward input[type=submit], #loginBody #loginDefault .loginButton { width: 100% !important; height: 54px !important; border-radius: 8px !important; font-size: 15px !important; letter-spacing: 1px !important; }
#loginBody #loginDefault .pbcnLoginEnlace { margin-top: 14px; background: #f6f5f2; border-radius: 12px; padding: 16px 18px; font-size: 14px; line-height: 1.5; color: #111; }
#loginBody #loginDefault .pbcnLoginEnlace b { display: block; font-size: 15px; margin-bottom: 4px; }
#loginBody #loginDefault .pbcnLoginEnlace a.pbcnCuentaBtn2 { background: #fff; }
#loginBody #loginDefault .pbcnNuevo { display: block; width: 100%; margin: 22px 0 10px; padding: 15px; border: 1px solid #111; border-radius: 8px; background: #fff; font-weight: 700; font-size: 14.5px; cursor: pointer; text-align: center; }

/* ---------- Página de gracias: Guarda tus datos ---------- */
.pbcnGuarda { max-width: 560px; margin: 24px auto; background: #fff; border: 1px solid #e7e5e0; border-radius: 12px; padding: 22px 20px; font-family: 'Lato','Helvetica Neue',Arial,sans-serif; color: #111; text-align: left; box-sizing: border-box; }
.pbcnGuarda h2 { font-size: 19px !important; font-weight: 900 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 0 6px !important; text-align: left !important; }
.pbcnGuarda p { font-size: 14px; color: #5f5f5f; margin: 0 0 10px; line-height: 1.5; }
.pbcnGuarda ul { list-style: none; margin: 0 0 12px; padding: 0; font-size: 14px; line-height: 1.9; }
.pbcnGuarda ul li:before { content: "\2713  "; color: #1f6b2a; font-weight: 700; }
.pbcnGuarda label { display: block; font-size: 13px; font-weight: 700; margin: 6px 0 6px; }
.pbcnGuarda input[type=password] { display: block; width: 100%; height: 52px; box-sizing: border-box; border: 1px solid #cfccc6; border-radius: 8px; padding: 0 14px; font-size: 16px; }
.pbcnGuarda button, .pbcnGuardaBtn { display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; margin-top: 14px; background: #111; color: #fff !important; border: 0; border-radius: 8px; font-size: 15px; font-weight: 700; letter-spacing: 1px; cursor: pointer; text-decoration: none !important; }
.pbcnGuarda small { display: block; text-align: center; color: #6b6b6b; margin-top: 8px; font-size: 12px; }