@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial,sans-serif;font-size:small;font-weight:600;color:#303030}body{font-weight:700;background-color:#f9f9f9}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:16px;overflow:hidden}.card-login{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background-color:#fff;border:2px solid #C2C2C2;box-shadow:0 4px 12px #9f9f9f26;border-radius:8px}.logo{max-width:140px;height:auto;margin-bottom:8px}.logo1{max-width:210px;height:auto;margin-bottom:8px}.info-title{font-size:16px;font-weight:900;color:#303030;text-align:center}.info-text{font-size:12px;font-weight:400;color:#606060;text-align:center;margin-bottom:8px}.container-form{display:flex;flex-direction:column;width:100%;gap:12px}.container-user-name,.container-password{position:relative;width:100%}.container-user-name input,.container-password input{width:100%;padding:12px;margin-bottom:8px;border:2px solid #C2C2C2;border-radius:4px;font-size:14px;font-weight:600;transition:border-color .3s}.container-user-name input:focus,.container-password input:focus{outline:none;border-color:var(--login-primary, #438cd1)}.container-user-name label:before,.container-password label:before{content:attr(title);position:absolute;left:15px;top:14px;font-size:16px;color:#606060;transition:.3s}.container-user-name input:focus+label:before,.container-user-name input:valid+label:before,.container-password input:focus+label:before,.container-password input:valid+label:before{font-size:12px;top:-10px;color:var(--login-primary, #438cd1)}.button-form{margin-top:10px;display:flex;justify-content:center;width:100%}.button-submit{background-color:var(--login-primary, #8f0505);border:none;border-radius:4px;padding:12px 16px;font-size:14px;color:#fff;cursor:pointer;width:100%;text-align:center;transition:background-color .3s}.button-submit:hover{background-color:var(--login-primary-dark, #7a0404)}.bar-1,.bar-2,.bar-3,.bar-4,.bar-5{height:16px;width:100%;position:fixed;left:0}.bar-1{background-color:var(--login-primary-bar-1, #f8b8b8);top:calc(100% - 80px)}.bar-2{background-color:var(--login-primary-bar-2, #eb2a2a);top:calc(100% - 64px)}.bar-3{background-color:var(--login-primary-bar-3, #b40909);top:calc(100% - 48px)}.bar-4{background-color:var(--login-primary-bar-4, #8f0505);top:calc(100% - 32px)}.bar-5{background-color:var(--login-primary-bar-5, #740000);top:calc(100% - 16px)}@media (max-width: 480px){.card-login{width:min(90%,calc(100vw - 24px));padding:12px}.logo1{max-width:180px}.logo{max-width:90px}.button-submit{font-size:12px;padding:8px 12px}}@media (max-width: 768px){.card-login{width:min(85%,calc(100vw - 24px))}.logo1{max-width:200px}.logo{max-width:100px}}@media (min-width: 1200px){.card-login{width:min(500px,calc(100vw - 32px))}.logo{max-width:200px;height:100px}.logo1{max-width:260px}.button-submit{font-size:16px}}img.filament-brand{max-height:80px;max-width:100%;object-fit:contain}.card-login{transition:box-shadow .25s ease,transform .15s ease;box-shadow:0 8px 24px #00000014}.card-login:hover{box-shadow:0 12px 32px #0000001f;transform:none}.header-container{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:4px}.info-title{letter-spacing:.2px}.container-user-name input,.container-password input{background-color:#fcfcfc;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.container-user-name input:hover,.container-password input:hover{border-color:#b9b9b9;background-color:#fff}.container-user-name input:focus,.container-password input:focus{box-shadow:0 0 0 3px var(--login-primary-soft, #438cd126)}.container-user-name input:focus+label:before,.container-user-name input:valid+label:before,.container-password input:focus+label:before,.container-password input:valid+label:before{letter-spacing:.1px}.button-submit{background-color:var(--login-primary, #8f0505);box-shadow:0 2px 8px var(--login-primary-glow, #8f050533);transition:background-color .2s ease,box-shadow .2s ease,transform .05s ease}.button-submit:hover{background-color:var(--login-primary-dark, #7a0404);box-shadow:0 4px 14px var(--login-primary-glow, #8f05054d)}.button-submit:active{transform:translateY(1px);box-shadow:0 2px 8px var(--login-primary-glow, #8f050540)}.button-submit:focus-visible{outline:none;box-shadow:0 0 0 3px var(--login-primary-ring, #8f05051f),0 4px 14px var(--login-primary-glow, #8f05054d)}.espaciador{height:6px}[x-cloak]{display:none!important}.login-form.is-login-submitting .login-form-fields{display:none!important;visibility:hidden!important}.login-form:not(.is-login-submitting) .login-loading-panel{display:none!important}.login-loading-panel{display:flex;min-height:156px;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 8px 10px;text-align:center}.login-loading-ring{width:42px;height:42px;border-radius:999px;border:4px solid #f1caca;border-top-color:var(--login-primary, #8f0505);animation:login-loading-spin .85s linear infinite}.login-loading-panel strong{font-size:16px;font-weight:900;color:#303030}.login-loading-text{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:18px;font-size:12px;font-weight:700;color:#606060}.login-loading-dots{display:inline-flex;align-items:center;gap:4px}.login-loading-dots span{width:5px;height:5px;border-radius:999px;background-color:var(--login-primary, #8f0505);animation:login-loading-dot 1s ease-in-out infinite}.login-loading-dots span:nth-child(2){animation-delay:.16s}.login-loading-dots span:nth-child(3){animation-delay:.32s}@keyframes login-loading-spin{to{transform:rotate(360deg)}}@keyframes login-loading-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
