/* tela de entrada do app nativo, nas cores do 4share */
#entrar { position: fixed; inset: 0; z-index: 55; background: radial-gradient(120% 90% at 85% 20%, #c9a24a 0%, #1d4275 45%, #081a36 100%); color: #fff; overflow-y: auto;
  padding: calc(env(safe-area-inset-top, 0px) + 24px) 20px calc(env(safe-area-inset-bottom, 0px) + 24px); font-family: "Plus Jakarta Sans", system-ui, sans-serif }
#entrar .ent { max-width: 440px; margin: 0 auto; display: flex; flex-direction: column; gap: 22px }
#entrar .ent-logo { font-size: 46px; font-weight: 800; letter-spacing: -.03em; color: #f1dca6; text-align: center; margin-top: 7vh }
#entrar .ent-logo small { display: block; font-size: 14px; font-weight: 500; letter-spacing: 0; color: #fff; opacity: .85; margin-top: 4px }
#entrar .ent-card { background: #fff; color: #0f1b2d; border-radius: 20px; padding: 22px 18px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 20px 40px -20px rgba(0,0,0,.5) }
#entrar h2 { margin: 0; font-size: 22px; color: #0b2347 }
#entrar p { margin: 0; color: #6b778a; font-size: 14px; line-height: 1.5 }
#entrar label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 700; color: #33415c }
#entrar input { font: inherit; font-size: 16px; border: 1.5px solid #d5dce6; border-radius: 12px; padding: 12px; color: #0f1b2d }
#entrar input:focus { outline: 2px solid #c9a24a; border-color: transparent }
#entrar .ent-btn { border: 0; border-radius: 999px; padding: 14px; font: inherit; font-weight: 800; font-size: 15px; background: linear-gradient(160deg, #b8913f, #e3c47c); color: #0b2347; cursor: pointer }
#entrar .ent-btn.ghost { background: #fff; border: 1.5px solid #13366b; color: #13366b }
#entrar .ent-btn:disabled { opacity: .6 }
#entrar .ent-link { border: 0; background: none; color: #13366b; font: inherit; font-weight: 700; cursor: pointer }
#entrar .ent-erro { background: #fde7e7; color: #8f1d1d; border-radius: 10px; padding: 8px 10px; font-size: 13px }
#entrar .ent-erro.ok { background: #ddf5e7; color: #13703f }
#entrar .ent-check { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 500; font-size: 13px; color: #33415c; line-height: 1.45 }
#entrar .ent-check input { width: 20px; height: 20px; flex: none; margin: 1px 0 0; accent-color: #13366b }
#entrar .ent-check a { color: #13366b; font-weight: 700 }
#entrar .ent-plano { display: grid; gap: 4px; text-align: left; border: 1.5px solid #d5dce6; background: #fff; border-radius: 16px; padding: 14px; font: inherit; color: #0f1b2d; cursor: pointer }
#entrar .ent-plano b { font-size: 16px; color: #0b2347 }
#entrar .ent-plano span { font-size: 13px; color: #6b778a; line-height: 1.4 }
#entrar .ent-plano em { font-style: normal; font-weight: 800; color: #13366b }
#entrar .ent-plano.on { border-color: #c9a24a; box-shadow: 0 0 0 3px rgba(201,162,74,.25) }
#entrar #entOpc { display: flex; flex-direction: column; gap: 12px }
#entrar #entOpc[hidden] { display: none }
#entrar .ent-num { display: flex; align-items: center; gap: 14px }
#entrar .ent-num button { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid #13366b; background: #fff; color: #13366b; font-size: 20px; font-weight: 800; cursor: pointer }
#entrar .ent-num output { font-size: 22px; font-weight: 800; color: #0b2347; min-width: 28px; text-align: center }
#entrar .ent-total { background: #f3f5f8; border-radius: 12px; padding: 10px 12px; font-size: 13px; color: #33415c }
/* até a tela de entrada aparecer, nada do app pisca por baixo */
html.fs-wait, html.fs-wait body { background: #081a36 }
html.fs-wait body > :not(#entrar) { visibility: hidden !important }