@font-face{font-family:'BIE Pase Display';font-weight:900;font-style:normal;font-display:swap;src:url('bie_pase_display_v1.woff?v=f244d4c30bc8') format('woff')}
@font-face{font-family:'BIE Pase Sans';font-weight:100 900;font-style:normal;font-display:swap;src:url('bie_pase_sans_v1.woff?v=62dff44a92bd') format('woff')}
/* BIE_LOGIN_PASE_V1 — tono sobrio. Todo queda dentro de #auth.bie-pase */
#auth.bie-pase{--bp-night:#06080a!important;--bp-paper:#efe9db!important;--bp-paper-2:#e4dccb;--bp-ink:#10161a!important;--bp-soft:#56605f!important;--bp-rule:#c9bfab!important;--bp-brand:#8cf33e!important;--bp-green:#2f8a17!important;--bp-stamp:#8f3b33!important;--bp-display:'BIE Pase Display','Arial Narrow',sans-serif!important;--bp-sans:'BIE Pase Sans',Arial,sans-serif!important;
}
#auth.bie-pase.auth-screen{position:fixed!important;inset:0!important;padding:0!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:radial-gradient(60% 55% at 18% -8%,rgba(255,250,232,.12),transparent 62%),radial-gradient(60% 55% at 82% -8%,rgba(255,250,232,.10),transparent 62%),var(--bp-night)!important;color:var(--bp-paper)!important;font:400 16px/1.45 var(--bp-sans)!important;-webkit-font-smoothing:antialiased!important}
#auth.bie-pase.auth-screen:not(.hidden){display:block!important}
#auth.bie-pase *{box-sizing:border-box!important}
#auth.bie-pase .bp-stadium{min-height:100%!important;display:grid!important;place-items:center!important;padding:48px 24px!important}
#auth.bie-pase .bp-scene{perspective:1400px!important;width:min(960px,100%)!important}
#auth.bie-pase .bp-ticket{position:relative!important;display:grid!important;grid-template-columns:1fr 300px!important;min-height:420px!important;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important;transition:transform .25s ease-out!important;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6)) drop-shadow(0 8px 14px rgba(0,0,0,.4))!important}
#auth.bie-pase .bp-part{position:relative!important;background:var(--bp-paper)!important;color:var(--bp-ink)!important}
#auth.bie-pase .bp-main{border-radius:18px 0 0 18px!important;padding:34px 40px 28px 64px!important;overflow:hidden!important;-webkit-mask:radial-gradient(circle at 100% 0,#0000 15px,#000 16px) top/100% 51% no-repeat,radial-gradient(circle at 100% 100%,#0000 15px,#000 16px) bottom/100% 51% no-repeat!important;mask:radial-gradient(circle at 100% 0,#0000 15px,#000 16px) top/100% 51% no-repeat,radial-gradient(circle at 100% 100%,#0000 15px,#000 16px) bottom/100% 51% no-repeat!important}
#auth.bie-pase .bp-stub{border-radius:0 18px 18px 0!important;padding:30px 30px 26px!important;background:var(--bp-paper-2)!important;display:flex!important;flex-direction:column!important;-webkit-mask:radial-gradient(circle at 0 0,#0000 15px,#000 16px) top/100% 51% no-repeat,radial-gradient(circle at 0 100%,#0000 15px,#000 16px) bottom/100% 51% no-repeat!important;mask:radial-gradient(circle at 0 0,#0000 15px,#000 16px) top/100% 51% no-repeat,radial-gradient(circle at 0 100%,#0000 15px,#000 16px) bottom/100% 51% no-repeat!important}
#auth.bie-pase .bp-stub::before{content:""!important;position:absolute!important;left:0!important;top:22px!important;bottom:22px!important;border-left:2px dashed #a99f8a!important}
#auth.bie-pase .bp-foil{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:30px!important;background:linear-gradient(180deg,#111 0%,#2b261b 38%,#c9a54a 50%,#2b261b 62%,#111 100%)!important}
#auth.bie-pase .bp-foil::after{content:"BLACK LABEL"!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-90deg)!important;font:900 15px/1 var(--bp-display)!important;letter-spacing:.42em!important;color:rgba(239,233,219,.82)!important;white-space:nowrap!important}
#auth.bie-pase .bp-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:22px!important}
#auth.bie-pase .bp-logo{font:900 36px/1 var(--bp-display)!important}
#auth.bie-pase .bp-logo b{color:var(--bp-green)!important}
#auth.bie-pase .bp-serial{font:700 13px/1 var(--bp-sans)!important;color:var(--bp-soft)!important;font-variant-numeric:tabular-nums!important}
#auth.bie-pase .bp-title{margin:0 0 8px!important;font:900 76px/.86 var(--bp-display)!important;text-transform:uppercase!important;letter-spacing:-.005em!important;color:var(--bp-ink)!important}
#auth.bie-pase .bp-lead{margin:0 0 24px!important;color:var(--bp-soft)!important}

/* el formulario original, presentado sobre el boleto */
#auth.bie-pase .bp-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 28px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
#auth.bie-pase .black-auth-field{margin:0!important;padding:0!important}
#auth.bie-pase .black-auth-field label{display:block!important;margin:0 0 2px!important;font:700 13px/1.3 var(--bp-sans)!important;color:var(--bp-soft)!important;text-transform:none!important;letter-spacing:0!important}
#auth.bie-pase .bp-form input[type=email],#auth.bie-pase .bp-form input[type=password],#auth.bie-pase .bp-form input[type=text]{width:100%!important;min-width:0!important;height:auto!important;margin:0!important;border:0!important;border-bottom:2px solid var(--bp-ink)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--bp-ink)!important;font:700 20px/1 var(--bp-sans)!important;padding:10px 0 9px!important;outline:none!important}
#auth.bie-pase .bp-form input:focus{border-bottom-color:var(--bp-green)!important}
#auth.bie-pase .bp-form input[type=email],#auth.bie-pase .bp-form input[type=password],#auth.bie-pase .bp-form input[type=text]{-webkit-text-fill-color:var(--bp-ink)!important;caret-color:var(--bp-ink)!important}
#auth.bie-pase .bp-form input::placeholder{-webkit-text-fill-color:#a59c88!important}
#auth.bie-pase #authMfaField small{display:none!important}
#auth.bie-pase .bp-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--bp-paper) inset!important;-webkit-text-fill-color:var(--bp-ink)!important}
#auth.bie-pase .bp-form input::placeholder{color:#a59c88!important;font-weight:400!important}
#auth.bie-pase .black-password-wrap{position:relative!important;display:flex!important;align-items:center!important;border:0!important;background:none!important;padding:0!important}
#auth.bie-pase .black-password-wrap input{padding-right:80px!important}
#auth.bie-pase #togglePassword{position:absolute!important;right:0!important;bottom:8px!important;border:0!important;background:none!important;padding:6px 0 6px 10px!important;color:var(--bp-soft)!important;font:700 13px var(--bp-sans)!important;letter-spacing:0!important;cursor:pointer!important;min-height:0!important;width:auto!important}
#auth.bie-pase #togglePassword:hover{color:var(--bp-ink)!important}
#auth.bie-pase .bp-caps{display:none!important;margin:6px 0 0!important;font-size:13px!important;color:#9a6a00!important}
#auth.bie-pase .bp-caps.on{display:block!important}
#auth.bie-pase .black-auth-options{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:4px 0 0!important;font-size:14px!important;color:var(--bp-ink)!important;white-space:nowrap!important}
#auth.bie-pase .black-auth-options label{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;color:var(--bp-ink)!important;font:500 14px var(--bp-sans)!important;margin:0!important}
#auth.bie-pase .black-auth-options input{width:18px!important;height:18px!important;accent-color:var(--bp-green)!important;margin:0!important}
#auth.bie-pase .bp-link{background:none!important;border:0!important;padding:0!important;font:600 14px var(--bp-sans)!important;color:var(--bp-ink)!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important}
#auth.bie-pase .bp-link:hover{color:var(--bp-green)!important}
#auth.bie-pase .bp-msg{grid-column:1/-1!important;display:block!important;min-height:0!important;margin:0!important;font:600 14px/1.4 var(--bp-sans)!important;color:var(--bp-soft)!important;background:none!important;border:0!important;padding:0!important}
#auth.bie-pase .bp-msg:empty{display:none!important}
#auth.bie-pase .bp-msg.bp-error{color:#b3362c!important}
#auth.bie-pase .bp-fine{margin:20px 0 0!important;padding-top:14px!important;border-top:1px solid var(--bp-rule)!important;font-size:13px!important;color:var(--bp-soft)!important}
#auth.bie-pase .bp-fine .bp-link{font-size:13px!important}
#auth.bie-pase .bp-back{display:none!important;margin-top:18px!important}

/* paso del codigo: el mismo formulario, solo se muestra el campo 2FA */
#auth.bie-pase .bp-verify .black-auth-field:not(#authMfaField),#auth.bie-pase .bp-verify .black-auth-options{display:none!important}
#auth.bie-pase .bp-verify #authMfaField{grid-column:1/-1!important}
#auth.bie-pase #authMfaField.hidden{display:none!important}
#auth.bie-pase .bp-verify #authMfaCode{font:900 44px/1 var(--bp-display)!important;letter-spacing:.32em!important;text-align:center!important;padding:12px 0!important;background:rgba(16,22,26,.04)!important;border-radius:6px 6px 0 0!important}
#auth.bie-pase .bp-verify .bp-fine{display:none!important}
#auth.bie-pase .bp-verify .bp-back{display:inline-block!important}

/* talon */
#auth.bie-pase .bp-stub small{font-size:13px!important;font-weight:700!important;color:var(--bp-soft)!important}
#auth.bie-pase .bp-stub-title{margin:10px 0 6px!important;font:900 44px/.9 var(--bp-display)!important;text-transform:uppercase!important}
#auth.bie-pase .bp-stub-copy{margin:0!important;padding-bottom:12px!important;border-bottom:1px solid var(--bp-rule)!important;font-size:14px!important;color:var(--bp-soft)!important}
#auth.bie-pase .bp-bars{display:block!important;width:100%!important;height:58px!important;margin:16px 0 4px!important;fill:var(--bp-ink)!important}
#auth.bie-pase .bp-code{margin:0 0 14px!important;font:700 11px/1 var(--bp-sans)!important;letter-spacing:.18em!important;color:var(--bp-soft)!important;text-align:center!important}
#auth.bie-pase .bp-go{margin-top:auto!important;width:100%!important;min-height:58px!important;border:0!important;border-radius:10px!important;background:var(--bp-ink)!important;color:var(--bp-paper)!important;font:900 24px/1 var(--bp-display)!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:17px!important;cursor:pointer!important;box-shadow:none!important}
#auth.bie-pase .bp-go:hover{background:#000!important}
#auth.bie-pase .bp-go:disabled{opacity:.75!important;cursor:progress!important}
#auth.bie-pase .bp-dot{display:inline-block!important;width:9px!important;height:9px!important;border-radius:50%!important;background:var(--bp-brand)!important;margin-right:10px!important;vertical-align:.18em!important}

/* sello de error, sobrio */
#auth.bie-pase .bp-stamp{position:absolute!important;right:40px!important;top:30px!important;opacity:0!important;pointer-events:none!important;border:2px solid var(--bp-stamp)!important;color:var(--bp-stamp)!important;border-radius:8px!important;padding:6px 10px 4px!important;font:900 19px/1 var(--bp-display)!important;text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important;mix-blend-mode:multiply!important;transition:opacity .2s!important}
#auth.bie-pase .bp-stamp.on{opacity:.9!important}
#auth.bie-pase .bp-main:has(.bp-stamp.on) .bp-serial{visibility:hidden!important}

/* BIE arranca cerrado: sin sesion confirmada no se ve ni responde nada de la app */
html.bie-locked,html.bie-locked body{overflow:hidden!important}
html.bie-locked body>*:not(#auth){visibility:hidden!important}
html.bie-locked #auth{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;z-index:2147483000!important;background:#06080a!important;pointer-events:auto!important}
html.bie-locked #auth:not(.bie-pase)>*{visibility:hidden!important}
#auth.bie-pase .bp-checking .bp-form,#auth.bie-pase .bp-checking .bp-fine,#auth.bie-pase .bp-checking .bp-back{display:none!important}
#auth.bie-pase .bp-checking .bp-go{visibility:hidden!important}
#auth.bie-pase :focus-visible{outline:3px solid var(--bp-green)!important;outline-offset:3px!important}
#auth.bie-pase .bp-form input:focus-visible{outline:none!important}

@media (max-width:820px){
  #auth.bie-pase .bp-stadium{padding:14px 14px 24px!important;align-items:start!important}
  #auth.bie-pase .bp-ticket{grid-template-columns:1fr!important;min-height:0!important}
  #auth.bie-pase .bp-main{border-radius:16px 16px 0 0!important;padding:36px 22px 14px!important;text-align:center!important;-webkit-mask:radial-gradient(circle at 0 100%,#0000 14px,#000 15px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,#0000 14px,#000 15px) right/51% 100% no-repeat!important;mask:radial-gradient(circle at 0 100%,#0000 14px,#000 15px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,#0000 14px,#000 15px) right/51% 100% no-repeat!important}
  #auth.bie-pase .bp-stub{border-radius:0 0 16px 16px!important;padding:18px 22px!important;align-items:center!important;text-align:center!important;-webkit-mask:radial-gradient(circle at 0 0,#0000 14px,#000 15px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 14px,#000 15px) right/51% 100% no-repeat!important;mask:radial-gradient(circle at 0 0,#0000 14px,#000 15px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 14px,#000 15px) right/51% 100% no-repeat!important}
  #auth.bie-pase .bp-stub::before{left:20px!important;right:20px!important;top:0!important;bottom:auto!important;border-left:0!important;border-top:2px dashed #a99f8a!important}
  #auth.bie-pase .bp-foil{right:0!important;bottom:auto!important;width:auto!important;height:22px!important;border-radius:16px 16px 0 0!important}
  #auth.bie-pase .bp-foil::after{transform:translate(-50%,-50%)!important;font-size:11px!important;letter-spacing:.5em!important}
  #auth.bie-pase .bp-head{margin-bottom:12px!important}
  #auth.bie-pase .bp-logo{font-size:28px!important}
  #auth.bie-pase .bp-title{font-size:46px!important}
  #auth.bie-pase .bp-lead{font-size:14px!important;margin-bottom:14px!important}
  #auth.bie-pase .bp-form{grid-template-columns:1fr!important;gap:12px!important}
  #auth.bie-pase .black-auth-field label{text-align:left!important}
  #auth.bie-pase .bp-msg{text-align:center!important}
  #auth.bie-pase .bp-fine{margin-top:12px!important;padding-top:10px!important;font-size:12px!important}
  #auth.bie-pase .bp-stub-title{font-size:30px!important;margin:4px 0!important}
  #auth.bie-pase .bp-stub-copy{align-self:stretch!important;padding-bottom:8px!important}
  #auth.bie-pase .bp-bars{height:34px!important;margin:10px 0 12px!important}
  #auth.bie-pase .bp-code{display:none!important}
  #auth.bie-pase .bp-go{padding:15px!important;font-size:22px!important}
  #auth.bie-pase .bp-stamp{left:50%!important;right:auto!important;top:34px!important;translate:-50% 0!important;font-size:18px!important}
  #auth.bie-pase .bp-back{display:none!important}
  #auth.bie-pase .bp-verify .bp-back{display:block!important;width:max-content!important;margin:16px auto 0!important}
  #auth.bie-pase .bp-verify #authMfaCode{font-size:36px!important}
}
@media (prefers-reduced-motion:reduce){#auth.bie-pase *{transition:none!important}#auth.bie-pase .bp-ticket{transform:none!important}}