/* ibexGo PLUS - publico.css
   Extraido do prototipo aprovado em 01/09/2026.
   Manual completo v2.0, capitulo 16 (design system).
   Cartao do passageiro, regularizacao e login. */

/* ---------- CARTÃO DO PASSAGEIRO ---------- */
.pub{min-height:100vh;background:var(--azul-esc);display:flex;align-items:center;justify-content:center;padding:18px}
.cartao{background:#fff;border-radius:18px;width:100%;max-width:388px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.cartao .top{background:var(--azul);color:#fff;padding:18px 20px}
.cartao .top .ag{font-size:12px;opacity:.75;font-weight:500}
.cartao .top h2{font-size:20px;font-weight:700;letter-spacing:-.4px;margin-top:2px}
.cartao .top .de{font-size:13.5px;opacity:.88;margin-top:1px}
.cartao .corpo{padding:20px}
.cartao .qr{width:186px;height:186px;margin:0 auto;background:#fff;border:1px solid var(--borda);border-radius:12px;display:grid;place-items:center;padding:9px}
.cartao .cod{text-align:center;font-family:"IBM Plex Mono",monospace;font-size:23px;font-weight:600;letter-spacing:3px;margin:13px 0 4px}
.cartao .cod-r{text-align:center;font-size:11.5px;color:var(--tinta-3);margin-bottom:18px}
.cartao .info{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid var(--borda);padding-top:16px}
.cartao .info .i .r{font-size:11px;color:var(--tinta-3);font-weight:600}
.cartao .info .i .v{font-weight:600;font-size:14.5px;margin-top:1px}
.cartao .nota{background:var(--amb-cl);border-radius:var(--r-sm);padding:11px 13px;font-size:12.5px;color:#8A4A02;margin-top:16px;line-height:1.45}
.cartao .pe{padding:13px 20px;border-top:1px solid var(--borda);font-size:12px;color:var(--tinta-3);display:flex;gap:11px;align-items:center}

/* ---------- REGULARIZAÇÃO ---------- */
.reg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;background:var(--fundo)}
.reg .cx{max-width:452px;padding:34px;text-align:center}
.reg .ic{width:60px;height:60px;border-radius:16px;background:var(--verm-cl);color:var(--verm);display:grid;place-items:center;margin:0 auto 18px}
.reg .ic svg{width:29px;height:29px}
.reg h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin-bottom:9px}
.reg p{color:var(--tinta-2);margin-bottom:7px;font-size:14px}
.reg .ok-nota{background:var(--verde-cl);color:#067A48;border-radius:var(--r-sm);padding:11px;font-size:13px;font-weight:500;margin:18px 0}
.reg .b{width:100%;margin-bottom:9px}

/* ---------- LOGIN ---------- */
.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.login .lado{background:var(--azul-esc);color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:space-between}
.login .lado .fr{font-size:30px;font-weight:600;letter-spacing:-.8px;line-height:1.25;max-width:400px}
.login .lado .fr em{font-style:normal;color:#8FBBEA}
.login .lado .pe{font-size:13px;opacity:.6}
.login .form{display:flex;align-items:center;justify-content:center;padding:34px}
.login .form .in{width:100%;max-width:352px}
.login .form h1{font-size:23px;font-weight:600;letter-spacing:-.5px;margin-bottom:5px}
.login .form .sb{color:var(--tinta-3);margin-bottom:26px;font-size:14px}