:root{--just-base:#f6f3ef;--just-primary:#fe1f19;--just-hover:#e6140d;--just-success:#0fb501;--just-warning:#ffb547;--just-error:#e31a1a;--just-light:#e9ecef;--just-dark:#344767;--border:220 14% 90%;--destructive:0 84% 60%;--primary:21 90% 100%}*{scrollbar-color:#fe1f19 #f6f3ef;scrollbar-width:thin;box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--just-base);margin:0;padding:0;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}img{border:0;outline:0;max-width:100%;height:auto}button,input,a,select{border:0;text-decoration:none;outline:0!important}button.button{cursor:pointer;background-color:var(--just-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;height:46px;padding:5px 30px;font-size:1rem;font-weight:700;transition:all .2s linear;display:flex}button.button:hover{background-color:var(--just-hover)}.box-principal{opacity:1;color:#333;align-items:center;width:100vw;max-width:100%;height:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.box-principal .box-right{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding-bottom:40px;display:flex}.axis-box-principal .axis-box-right .axis-box-right-content{flex-direction:column;justify-content:center;width:100%;height:100%;padding:40px 0 40px 80px;display:flex}.box-principal .box-right .box-right-content .box-right-content-form{width:450px;max-width:100%}.box-principal .box-right .box-right-content .box-right-content-form h1.title-form{color:#333;margin:0 0 5px;font-size:1.7rem;font-weight:700;line-height:1.375}.box-principal .box-right .box-right-content .box-right-content-form p.subtitle-form{color:#555;margin-bottom:22px;font-size:1rem;font-weight:400}.box-principal .box-right .box-right-content .box-right-content-form hr.divisor-form{opacity:.25;background-color:#0000;border:0 solid #00000014;border-bottom:none;height:.0625rem;background-image:linear-gradient(90deg,#0075ff00,#333,#fff0)!important}.input-area{margin-top:20px}label.label{color:#333;margin:0 0 4px 4px;font-size:.92rem;font-weight:600;display:block}label.label+a{margin-bottom:4px}input.input{pointer-events:auto;color:#333;background-color:#fff;border:.5px solid #ccc;border-radius:10px;width:100%;height:46px;padding:.5rem .75rem;font-size:.95rem}input.input.input-opt{text-align:center;font-size:1rem;font-weight:700}input.input:focus{border:1px solid var(--just-primary)}.eye-password-button{color:#555;cursor:pointer;background-color:#0000;transition:all .2s linear;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.eye-password-button svg{width:16px;height:16px}label.remember-label{cursor:pointer;align-items:center;gap:10px;display:flex}label.remember-label .switch{background-color:#ff90520d;border:.5px solid #ff665266;border-radius:50px;width:40px;height:20px;transition:all .2s linear;position:relative}input:checked+label.remember-label .switch{background-color:var(--just-primary)}label.remember-label .text{color:#555;font-size:.9rem}label.remember-label .switch span{background-color:#555;border-radius:50%;width:16px;height:16px;transition:all .2s linear;position:absolute;top:1px;left:1px}input:checked+label.remember-label .switch span{background-color:#fff;left:21px}.mt-6{margin-top:1.5rem}.logo-login-mobile{justify-content:center;align-items:center;margin:0 0 20px;display:flex}.h-1{height:.25rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-muted{background-color:#ffffff4d}.duration-1000{transition-duration:1s;animation-duration:1s}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.h-full{height:100%}.pt-1{padding-top:.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.rounded-xl{border-radius:.75rem}.flex-1{flex:1}.gap-1{gap:.25rem}.pt-0\.5{padding-top:.325rem}.text-center{text-align:center}.error-login-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:7px;padding:8px 12px;font-size:.85rem}.success-login-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:7px;padding:8px 12px;font-size:.85rem}@media (max-width:992px){html,body{font-size:.9rem}.box-right-content,.box-right-content-form{width:100%;max-width:100%}.box-right-content-form{margin:0 auto;padding:20px}.logo-login-mobile img{max-width:140px}.box-principal .box-right .box-right-content .box-right-content-form h1.title-form{font-size:1.5rem}.box-principal .box-right{padding:15px 0 25px}}
