/* =====================================================================
   PLAYBCN - PÁGINA "CREAR CUENTA" (main_page=create_account) (31-10-2026)
   Solo diseño: no cambia campos ni validaciones. Para quitarlo, borrar el archivo.
===================================================================== */
#createaccountBody #navBreadCrumb { display: none; }
#createaccountBody #createAcctDefault { max-width: 600px !important; margin: 24px auto 40px !important; padding: 0 12px !important; box-sizing: border-box; font-family: 'Lato','Helvetica Neue',Arial,sans-serif; color: #111; float: none !important; }
#createaccountBody #createAcctDefaultHeading { font-size: 0 !important; margin: 0 0 6px !important; padding: 0 !important; text-align: left !important; }
#createaccountBody #createAcctDefaultHeading:before { content: "Crea tu cuenta"; font-size: 26px; font-weight: 900; color: #111; letter-spacing: 0; text-transform: none; }
#createaccountBody form[name=create_account] { display: flex !important; flex-direction: column; background: #fff; border: 1px solid #e7e5e0; border-radius: 12px; padding: 22px 20px; box-sizing: border-box; }
#createaccountBody form[name=create_account] #createAcctDefaultLoginLink { order: 0; margin: 0 0 6px !important; padding: 12px 14px !important; background: #f6f5f2; border-radius: 10px; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111 !important; text-align: left !important; }
#createaccountBody form[name=create_account] #createAcctDefaultLoginLink .note { font-size: 0; }
#createaccountBody form[name=create_account] #createAcctDefaultLoginLink .note:before { content: "¿Ya tienes cuenta?"; font-size: 14px; font-weight: 700; }
#createaccountBody form[name=create_account] #createAcctDefaultLoginLink a { color: #111 !important; font-weight: 700; text-decoration: underline; }
#createaccountBody form[name=create_account] br, #createaccountBody form[name=create_account] .alert.forward { display: none !important; }
#createaccountBody form[name=create_account] fieldset { order: 3; border: 0 !important; margin: 16px 0 0 !important; padding: 0 !important; min-width: 0; background: transparent !important; }
#createaccountBody form[name=create_account] fieldset fieldset { margin: 0 !important; }
#createaccountBody form[name=create_account] fieldset:has(#email-address) { order: 1; }
#createaccountBody form[name=create_account] fieldset:has(#firstname) { order: 2; }
#createaccountBody form[name=create_account] fieldset:has(#telephone) { order: 3; margin-top: 0 !important; }
#createaccountBody form[name=create_account] fieldset:has(.g-recaptcha) { order: 4; }
#createaccountBody form[name=create_account] .newsletterBox { order: 5; }
#createaccountBody form[name=create_account] .buttonRow { order: 6; }
#createaccountBody form[name=create_account] legend { font-size: 0 !important; padding: 0 !important; margin: 0 0 4px !important; border: 0 !important; width: 100%; }
#createaccountBody form[name=create_account] fieldset:has(#firstname) > legend, #createaccountBody form[name=create_account] fieldset:has(#telephone) > legend { display: none !important; }
#createaccountBody form[name=create_account] legend:before { font-size: 17px; font-weight: 900; color: #111; letter-spacing: 0; text-transform: none; }
#createaccountBody form[name=create_account] fieldset:has(#email-address) > legend:before { content: "1. Tus datos de acceso"; }
#createaccountBody form[name=create_account] fieldset fieldset:has(#firstname) > legend { display: block !important; }
#createaccountBody form[name=create_account] fieldset fieldset:has(#firstname) > legend:before { content: "2. Dirección de envío"; }
#createaccountBody form[name=create_account] fieldset fieldset:has(#firstname) > legend:after { content: "La usaremos para tus pedidos. Podrás cambiarla cuando quieras."; display: block; font-size: 13px; font-weight: 400; color: #5f5f5f; margin-top: 2px; text-transform: none; letter-spacing: 0; }
#createaccountBody form[name=create_account] label.inputLabel { display: block !important; float: none !important; width: auto !important; clear: both; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111 !important; margin: 14px 0 6px !important; padding: 0 !important; text-align: left !important; }
#createaccountBody form[name=create_account] label.inputLabel::first-letter { text-transform: uppercase; }
#createaccountBody form[name=create_account] label.inputLabel:has(+ #password-new):after { content: "  (mínimo 7 caracteres)"; font-weight: 400; color: #8a8780; }
#createaccountBody form[name=create_account] input[type=text], #createaccountBody form[name=create_account] input[type=password], #createaccountBody form[name=create_account] input[type=email], #createaccountBody form[name=create_account] input[type=tel], #createaccountBody form[name=create_account] select { display: block !important; float: none !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; margin: 0 !important; font-size: 16px !important; letter-spacing: 0 !important; color: #111 !important; box-shadow: none !important; }
#createaccountBody form[name=create_account] select { text-align: left !important; text-align-last: left !important; }
#createaccountBody form[name=create_account] input:focus, #createaccountBody form[name=create_account] select:focus { border-color: #111 !important; outline: none; }
#createaccountBody form[name=create_account] span.alert { display: none !important; }
#createaccountBody form[name=create_account] #CAAS, #createaccountBody form[name=create_account] label:has(+ #suburb), #createaccountBody form[name=create_account] label[for=suburb], #createaccountBody form[name=create_account] #suburb { display: none !important; }
#createaccountBody form[name=create_account] .g-recaptcha { margin-top: 6px; }
#createaccountBody form[name=create_account] .newsletterBox { display: flex !important; align-items: center; gap: 10px; margin: 18px 0 0 !important; padding: 14px !important; background: #f6f5f2; border-radius: 10px; border: 0 !important; float: none !important; width: auto !important; }
#createaccountBody form[name=create_account] .newsletterBox input[type=checkbox] { width: 20px; height: 20px; accent-color: #111; margin: 0 !important; flex: 0 0 20px; }
#createaccountBody form[name=create_account] .newsletterBox label.checkboxLabel { font-size: 0 !important; margin: 0 !important; float: none !important; letter-spacing: 0 !important; }
#createaccountBody form[name=create_account] .newsletterBox label.checkboxLabel:before { content: "Quiero recibir novedades y ofertas exclusivas por email"; font-size: 14px; color: #111; text-transform: none; letter-spacing: 0; font-weight: 400; }
#createaccountBody form[name=create_account] .buttonRow { float: none !important; width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; text-align: center !important; }
#createaccountBody form[name=create_account] .buttonRow input[type=submit], #createaccountBody form[name=create_account] .buttonRow button { display: block !important; width: 100% !important; height: 56px !important; margin: 0 !important; background: #111 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; box-shadow: 0 8px 20px rgba(0,0,0,.16) !important; cursor: pointer !important; padding: 0 !important; }
#createaccountBody form[name=create_account] .buttonRow input[type=submit]:hover { background: #333 !important; }
#createaccountBody form[name=create_account] .buttonRow.back, #createaccountBody form[name=create_account] .buttonRow:empty { display: none !important; }
@media only screen and (max-width: 767px) {
  #createaccountBody #createAcctDefault { margin-top: 12px !important; padding: 0 8px !important; }
  #createaccountBody form[name=create_account] { padding: 18px 14px; }
}
/* En esta página todos los bloques van dentro de "Detalles personales": se reordenan ahí */
#createaccountBody form[name=create_account] > fieldset:has(#firstname) { display: flex !important; flex-direction: column; margin-top: 10px !important; }
#createaccountBody form[name=create_account] > fieldset:has(#firstname) > fieldset:has(#email-address) { order: 1; }
#createaccountBody form[name=create_account] > fieldset:has(#firstname) > fieldset:has(#firstname) { order: 2; margin-top: 18px !important; }
#createaccountBody form[name=create_account] > fieldset:has(#firstname) > fieldset:has(#telephone) { order: 3; }
#createaccountBody form[name=create_account] > fieldset > legend { display: none !important; }
#createaccountBody form[name=create_account] > fieldset > fieldset:has(#email-address) > legend { display: block !important; }