/* login-v3.css — 22/10/2026: telas de login 3.0 (cliente, parceiro, técnico). Só aparência, só com <html class="lv3">. */
html.lv3,html.lv3 body{background:#0b1438!important}
html.lv3 body{font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;word-spacing:.04em;
  min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;position:relative;overflow-x:hidden}
html.lv3 input,html.lv3 button{font-family:inherit!important}
html.lv3 .lv3-ceu{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
html.lv3 .lv3-ceu .fundo{position:absolute;inset:0;background:linear-gradient(180deg,#071038,#10205c 60%,#233a80)}
html.lv3 .lv3-ceu.p-madrugada .fundo{background:linear-gradient(180deg,#040820,#0b1440 70%,#14215a)}
html.lv3 .lv3-ceu.p-manha .fundo{background:linear-gradient(180deg,#1f4688,#4a7fc4 55%,#d9b07a)}
html.lv3 .lv3-ceu.p-tarde .fundo{background:linear-gradient(180deg,#173f84,#3f78c0 60%,#88b4e0)}
html.lv3 .lv3-ceu.p-por .fundo{background:linear-gradient(180deg,#1a2768,#86416f 55%,#e08a48)}
html.lv3 .lv3-ceu::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 55%,rgba(11,20,56,.15),rgba(11,20,56,.65))}
html.lv3 .lv3-ceu .est{position:absolute;width:2px;height:2px;border-radius:1px;background:#fff;opacity:0}
html.lv3 .lv3-ceu.p-noite .est,html.lv3 .lv3-ceu.p-madrugada .est{opacity:1;animation:lv3-pis 2.8s ease-in-out infinite alternate}
@keyframes lv3-pis{from{opacity:.3}to{opacity:1}}
html.lv3 .lv3-ceu .astro{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3b8,#f5c400 70%);box-shadow:0 0 50px 14px rgba(255,214,70,.45);animation:lv3-flu 6s ease-in-out infinite}
html.lv3 .lv3-ceu.lua .astro{background:radial-gradient(circle at 38% 34%,#fff,#c9d4ee 70%);box-shadow:0 0 40px 10px rgba(200,214,255,.3)}
@keyframes lv3-flu{0%,100%{translate:0 0}50%{translate:0 -6px}}
html.lv3 .lv3-ceu .nuv{position:absolute;left:-30%;height:26px;border-radius:16px;background:rgba(255,255,255,.55);animation:lv3-vai 40s linear infinite}
html.lv3 .lv3-ceu .nuv::before{content:"";position:absolute;width:46%;height:170%;left:18%;top:-70%;border-radius:50%;background:inherit}
html.lv3 .lv3-ceu.p-noite .nuv,html.lv3 .lv3-ceu.p-madrugada .nuv{background:rgba(150,165,205,.28)}
@keyframes lv3-vai{from{transform:translate3d(0,0,0)}to{transform:translate3d(160vw,0,0)}}
html.lv3 .lv3-ceu .morro{position:absolute;left:-20%;right:-20%;border-radius:50% 50% 0 0}
html.lv3 .lv3-ceu .m1{bottom:-120px;height:260px;background:#0d1a4a}
html.lv3 .lv3-ceu .m2{bottom:-170px;height:260px;left:10%;right:-40%;background:#091233}
html.lv3 #sm-boot{z-index:99999}
html.lv3 .box{position:relative;z-index:1;width:100%!important;max-width:400px!important;margin:0!important;padding:32px 26px 26px!important;border-radius:28px!important;
  border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(160deg,rgba(28,42,96,.72),rgba(12,20,58,.82))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 40px 80px -30px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.1)!important;
  animation:lv3-entra .8s cubic-bezier(.16,1,.3,1) both;box-sizing:border-box}
@keyframes lv3-entra{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
html.lv3 .box .logo-mark{width:64px!important;height:64px!important;border-radius:18px!important;margin:0 auto 16px!important;box-shadow:0 14px 30px -10px rgba(234,195,2,.55),0 0 0 1px rgba(255,255,255,.12)!important}
html.lv3 .box h1{font-size:24px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.02em!important;margin:0 0 4px!important}
html.lv3 .box .sub{color:#9fb0e6!important;font-size:13px!important;margin-bottom:12px!important}
html.lv3 .box label{text-transform:none!important;letter-spacing:.01em!important;font-size:13.5px!important;font-weight:700!important;color:#c3cbe8!important;margin:16px 0 7px!important}
html.lv3 .box input:not([type=hidden]){min-height:52px!important;font-size:16px!important;padding:13px 15px!important;border-radius:14px!important;background:rgba(5,10,34,.55)!important;
  border:1px solid rgba(255,255,255,.14)!important;color:#eef1fa!important;box-sizing:border-box;width:100%}
html.lv3 .box input:focus{outline:0!important;border-color:#eac302!important;box-shadow:0 0 0 3px rgba(234,195,2,.18)!important}
html.lv3 .box button[type=submit],html.lv3 .box form > button{min-height:54px!important;border-radius:16px!important;font-weight:800!important;font-size:16px!important;margin-top:22px!important;
  background:linear-gradient(145deg,#f5d33a,#c79f00)!important;color:#0b1438!important;border:0!important;box-shadow:0 14px 26px -14px rgba(234,195,2,.9)!important;transition:transform .18s cubic-bezier(.3,1.5,.5,1)!important}
html.lv3 .box button:active,html.lv3 .box a:active{transform:scale(.96)}
html.lv3 .box a[href$="primeiro-acesso"]{min-height:50px;display:flex!important;align-items:center;justify-content:center;border-radius:16px!important;background:rgba(234,195,2,.07)!important;box-sizing:border-box}
html.lv3 .box .flash{border-radius:14px!important}
@media (prefers-reduced-motion:reduce){html.lv3 .box,html.lv3 .lv3-ceu *{animation:none!important}}

/* 22/10/2026: tela de Acesso (escolha de entrada) no padrao 3.0 — so com html.lv3, mesmos links e textos */
html.lv3 .wrap{position:relative;z-index:1;max-width:420px!important;animation:lv3-entra .8s cubic-bezier(.16,1,.3,1) both}
html.lv3 .wrap .logo-mark{width:68px!important;height:68px!important;border-radius:19px!important;margin:0 auto 16px!important;box-shadow:0 14px 30px -10px rgba(234,195,2,.55),0 0 0 1px rgba(255,255,255,.12)}
html.lv3 .wrap h1{font-size:26px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.02em;margin:0 0 6px!important}
html.lv3 .wrap .sub{color:#c3cbe8!important;font-size:14px!important;margin:0 0 24px!important}
html.lv3 .wrap .cards{gap:12px!important}
html.lv3 .wrap .card{min-height:76px;padding:14px 16px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(160deg,rgba(28,42,96,.72),rgba(12,20,58,.82))!important;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:0 22px 44px -26px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.09);-webkit-tap-highlight-color:transparent;
  transition:transform .22s cubic-bezier(.3,1.5,.5,1),border-color .15s;animation:lv3-entra .7s cubic-bezier(.16,1,.3,1) both}
html.lv3 .wrap .c1{animation-delay:.12s}html.lv3 .wrap .c2{animation-delay:.2s}html.lv3 .wrap .c3{animation-delay:.28s}html.lv3 .wrap .c4{animation-delay:.36s}
html.lv3 .wrap .card:hover{border-color:rgba(234,195,2,.7)!important}
html.lv3 .wrap .card:active{transform:scale(.97)}
html.lv3 .wrap .card-icon{width:48px!important;height:48px!important;border-radius:15px!important;color:#fff!important;box-shadow:0 10px 20px -10px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.35)}
html.lv3 .wrap .c1 .card-icon{background:linear-gradient(145deg,#f5d33a,#b98f00)!important;color:#0b1438!important}
html.lv3 .wrap .c2 .card-icon{background:linear-gradient(145deg,#4f8cff,#2a4fd0)!important}
html.lv3 .wrap .c3 .card-icon{background:linear-gradient(145deg,#a06bff,#5b35c9)!important}
html.lv3 .wrap .c4 .card-icon{background:linear-gradient(145deg,#3ef07c,#15934a)!important;color:#08351c!important}
html.lv3 .wrap .card-title{font-size:16px!important;font-weight:800!important;color:#fff}
html.lv3 .wrap .card-desc{font-size:12.5px!important;color:#a9b6e2!important;line-height:1.35}
html.lv3 .wrap .card-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);color:#eac302!important}
html.lv3 .wrap footer{color:#9fb0e6!important;font-size:11px!important;line-height:1.5;margin-top:24px!important}
@media (prefers-reduced-motion:reduce){html.lv3 .wrap,html.lv3 .wrap .card{animation:none!important}}

/* 22/10/2026: login do sistema (login_seguro.html: senha, codigo 2FA, esqueci, redefinir) no padrao 3.0 */
html.lv3 .box .sub{margin-bottom:6px!important}
html.lv3 .box .btn2{display:flex!important;min-height:52px;border-radius:16px!important;margin-top:12px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;color:#eef1fa!important;font-weight:700!important;font-size:15px!important;gap:10px}
html.lv3 .box .btn2:hover{border-color:#eac302!important;color:#eac302!important}
html.lv3 .box .sep{color:#9fb0e6!important}html.lv3 .box .sep::before,html.lv3 .box .sep::after{background:rgba(255,255,255,.14)!important}
html.lv3 .box .links{margin-top:18px!important}
html.lv3 .box .links a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#c3cbe8!important;font-weight:600}
html.lv3 .box .links a:hover{color:#eac302!important}
html.lv3 .box .nota{color:#a9b6e2!important}html.lv3 .box .nota a{color:#eac302!important}
html.lv3 .box input.codigo{font-size:26px!important;letter-spacing:.35em!important;text-align:center!important}
html.lv3 .box .flash{background:rgba(255,84,104,.12)!important;border:1px solid rgba(255,84,104,.55)!important;color:#ffb0ba!important}
html.lv3 .box .flash.success,html.lv3 .box .flash.info{background:rgba(63,196,106,.12)!important;border-color:rgba(63,196,106,.55)!important;color:#9be8b3!important}