@import url('/assets/libs/sweetalert2/sweetalert2.min.css');
@import url('/assets/css2/css2-6.css');
@import url('/assets/css2/css2-11.css');
:root{--er1-login-card-bg:rgba(255,255,255,.96);--er1-login-border:rgba(255,255,255,.34);--er1-login-shadow:0 24px 70px rgba(15,23,42,.24)}
[data-bs-theme=dark]{--er1-login-card-bg:rgba(30,33,38,.96);--er1-login-border:rgba(255,255,255,.09);--er1-login-shadow:0 24px 70px rgba(0,0,0,.48)}
.er1-login-body{background:var(--vz-body-bg);min-height:100vh}.er1-login-content{min-height:100vh;opacity:0;transition:opacity .45s ease}.er1-login-content.show{opacity:1}.er1-login-content .auth-one-bg{background-image:url('/assets/images/auth-one-bg.jpg')!important;background-position:center;background-size:cover;height:100%;inset:0;position:fixed}.er1-login-content .auth-one-bg .bg-overlay{background:linear-gradient(135deg,rgba(21,57,91,.9),rgba(27,30,47,.78));opacity:1}.er1-login-content .auth-one-bg .shape{opacity:.14}.er1-login-main{align-items:center;display:flex;min-height:calc(100vh - 58px);padding:76px 0 64px;position:relative;z-index:2}.er1-login-brand{color:rgba(255,255,255,.82);margin-bottom:22px}.er1-login-brand span{display:block;font-size:.75rem;font-weight:600;letter-spacing:.16em;margin-top:10px;text-transform:uppercase}.er1-login-logo{height:auto;max-height:56px;max-width:210px;object-fit:contain}.er1-login-card{backdrop-filter:blur(18px);background:var(--er1-login-card-bg);border:1px solid var(--er1-login-border);border-radius:18px;box-shadow:var(--er1-login-shadow);overflow:hidden}.er1-login-security-icon{align-items:center;background:rgba(var(--vz-primary-rgb),.12);border-radius:50%;color:var(--vz-primary);display:inline-flex;font-size:26px;height:54px;justify-content:center;width:54px}.er1-login-input .input-group-text,.er1-login-input .form-control,.er1-login-input .btn{min-height:46px}.er1-login-input .input-group-text{background:var(--vz-tertiary-bg);border-right:0;color:var(--vz-secondary-color);padding-inline:14px}.er1-login-input .input-group-text+.form-control{border-left:0}.er1-login-input:focus-within .input-group-text,.er1-login-input:focus-within .form-control,.er1-login-input:focus-within .btn{border-color:rgba(var(--vz-primary-rgb),.65)}.er1-login-input:focus-within{border-radius:var(--vz-border-radius);box-shadow:0 0 0 .2rem rgba(var(--vz-primary-rgb),.12)}.er1-login-submit{border-radius:10px;font-weight:600;min-height:48px}.er1-login-security-note{align-items:flex-start;color:var(--vz-secondary-color);display:flex;font-size:.75rem;gap:7px;justify-content:center;line-height:1.45;text-align:center}.er1-login-footer{bottom:0;color:rgba(255,255,255,.68);font-size:.78rem;left:0;padding:18px;position:absolute;right:0;text-align:center;z-index:3}.er1-login-theme{background:rgba(255,255,255,.86);position:fixed;right:18px;top:18px;z-index:10000}[data-bs-theme=dark] .er1-login-theme{background:rgba(33,37,41,.88)}
.loader-overlay{align-items:center;background:rgba(var(--vz-body-bg-rgb),.74);backdrop-filter:blur(8px);display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:11000}.loader-overlay[hidden]{display:none}.loader-text{color:var(--vz-body-color);font-size:1rem;font-weight:600;position:absolute;z-index:2}.blind{animation:er1BlindOpen .7s ease-in-out forwards;background:rgba(var(--vz-secondary-bg-rgb),.72);border-top:1px solid rgba(var(--vz-body-color-rgb),.06);height:12.5%;transform-origin:top;width:100%}.blind:nth-of-type(2){animation-delay:.04s}.blind:nth-of-type(3){animation-delay:.08s}.blind:nth-of-type(4){animation-delay:.12s}.blind:nth-of-type(5){animation-delay:.16s}.blind:nth-of-type(6){animation-delay:.20s}.blind:nth-of-type(7){animation-delay:.24s}.blind:nth-of-type(8){animation-delay:.28s}.blind:nth-of-type(9){animation-delay:.32s}@keyframes er1BlindOpen{to{transform:scaleY(0)}}
#loadingOverlay{align-items:center;background:rgba(var(--vz-body-bg-rgb),.34);backdrop-filter:blur(7px);display:flex;inset:0;justify-content:center;position:fixed;z-index:12000}#loadingOverlay[hidden]{display:none}.er1-login-processing{align-items:center;background:var(--vz-secondary-bg);border:1px solid var(--vz-border-color);border-radius:16px;box-shadow:var(--vz-box-shadow-lg);display:flex;flex-direction:column;gap:10px;max-width:310px;padding:28px 34px;text-align:center}.er1-login-processing small{color:var(--vz-secondary-color)}
.er1-login-brand>span:last-child{display:block;font-size:.75rem;font-weight:600;letter-spacing:.16em;margin-top:10px;text-transform:uppercase}.er1-login-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(10,31,54,.22);display:inline-flex!important;margin:0!important;overflow:hidden;padding:7px 12px}.er1-login-logo-box .er1-login-logo{display:block;height:auto;margin:0;max-height:52px;max-width:168px;object-fit:contain}.er1-login-logo-dark{display:none!important}[data-bs-theme=dark] .er1-login-logo-box{background:rgba(10,22,38,.42);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.24)}[data-bs-theme=dark] .er1-login-logo-light{display:none!important}[data-bs-theme=dark] .er1-login-logo-dark{display:block!important}
.er1-login-content .auth-one-bg{background-image:url('/assets/images/erp/login-er1pro-erp-bg-watermark.png')!important}.er1-login-content .auth-one-bg .bg-overlay{background:linear-gradient(135deg,rgba(0,34,58,.62),rgba(8,19,38,.52));opacity:1}
.er1-login-main{min-height:calc(100svh - 42px);padding:34px 0 46px}.er1-login-brand{margin-bottom:12px}.er1-login-brand>span:last-child{font-size:.67rem;letter-spacing:.13em;margin-top:6px}.er1-login-logo-box{border-radius:10px;padding:5px 10px}.er1-login-logo-box .er1-login-logo{max-height:42px;max-width:148px}.er1-login-card .card-body{padding:1.5rem 1.75rem!important}.er1-login-card .card-body>.text-center.mb-4{margin-bottom:1.15rem!important}.er1-login-security-icon{font-size:21px;height:44px;width:44px}.er1-login-card #loginTitle{font-size:1.18rem;margin-top:.65rem!important;margin-bottom:.25rem!important}.er1-login-card .form-label{font-size:.82rem;margin-bottom:.35rem}.er1-login-card form>.mb-3{margin-bottom:.85rem!important}.er1-login-input .input-group-text,.er1-login-input .form-control,.er1-login-input .btn{min-height:42px}.er1-login-card form>.d-flex.mb-4{margin-bottom:1rem!important}.er1-login-submit{min-height:44px}.er1-login-security-note{margin-top:1rem!important}.er1-login-footer{padding:10px 18px}
@media(max-width:575.98px){.er1-login-main{min-height:calc(100svh - 36px);padding:58px 12px 44px}.er1-login-card{border-radius:14px}.er1-login-card .card-body{padding:1.25rem!important}.er1-login-theme{right:10px;top:10px}}
@media(max-height:760px) and (min-width:576px){.er1-login-main{padding:18px 0 34px}.er1-login-brand{margin-bottom:8px}.er1-login-brand>span:last-child{margin-top:4px}.er1-login-logo-box .er1-login-logo{max-height:36px;max-width:136px}.er1-login-card .card-body{padding:1.15rem 1.5rem!important}.er1-login-card .card-body>.text-center.mb-4{margin-bottom:.85rem!important}.er1-login-security-icon{font-size:19px;height:38px;width:38px}.er1-login-card #loginTitle{margin-top:.45rem!important}.er1-login-card form>.mb-3{margin-bottom:.65rem!important}.er1-login-card form>.d-flex.mb-4{margin-bottom:.75rem!important}.er1-login-security-note{margin-top:.75rem!important}.er1-login-footer{font-size:.7rem;padding:7px 14px}}
.er1-login-feedback{align-items:center;display:flex;gap:.75rem;left:50%;margin:0;max-width:min(92vw,520px);padding:.8rem 2.75rem .8rem 1rem;position:fixed;top:18px;transform:translateX(-50%);width:max-content;z-index:13000;box-shadow:0 14px 38px rgba(15,23,42,.24)}.er1-login-feedback[hidden]{display:none!important}.er1-login-feedback-icon{flex:0 0 auto;font-size:1.25rem}.er1-login-feedback-content{display:flex;flex-direction:column;font-size:.82rem;line-height:1.35;min-width:0}.er1-login-feedback-content strong{font-size:.86rem}.er1-login-feedback .btn-close{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}@media(min-width:576px) and (min-height:560px){.er1-login-body{height:100dvh;min-height:0;overflow:hidden}.er1-login-content{height:100dvh;min-height:0;overflow:hidden}.er1-login-main{height:calc(100dvh - 32px);min-height:0}}@media(max-width:575.98px),(max-height:559.98px){.er1-login-body{min-height:100dvh;overflow-x:hidden;overflow-y:auto}.er1-login-content{min-height:100dvh;overflow:visible}.er1-login-feedback{top:10px;width:calc(100vw - 20px)}}
.er1-login-main>.container{transform:translateY(12px)}.er1-login-brand{display:block;opacity:1;visibility:visible}.er1-login-logo-box{position:relative;z-index:1}@media(max-height:760px){.er1-login-main>.container{transform:translateY(6px)}}@media(max-width:575.98px){.er1-login-main>.container{transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.blind{animation-delay:0s!important;animation-duration:.01ms}.er1-login-content{transition:none}#auth-particles canvas{display:none!important}}

.er1-login-swal {
    border: 1px solid rgba(148, 163, 184, .24) !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 28px 75px rgba(15, 23, 42, .32) !important;
    padding: 1.8rem 1.8rem 1.55rem !important;
}

.er1-login-swal-icon {
    margin: .4rem auto 1rem !important;
}

.er1-login-swal-title {
    color: var(--vz-heading-color) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    padding: 0 !important;
}

.er1-login-swal-message {
    color: var(--vz-secondary-color) !important;
    font-size: .92rem !important;
    line-height: 1.55 !important;
    margin-top: .55rem !important;
}

.er1-login-swal-confirm {
    border-radius: 999px !important;
    font-weight: 600 !important;
    min-width: 8rem;
    padding: .65rem 1.5rem !important;
}

[data-bs-theme="dark"] .er1-login-swal {
    background: #172033 !important;
}

/* Identidad visual ER1PRO */
.er1-login-body {
    --er1-brand-blue: #38b6ff;
    --er1-brand-dark: #003d60;
    --er1-brand-white: #fff;
    color: var(--er1-brand-dark);
    font-family: "DM Sans", "Open Sans", Arial, sans-serif;
}

.er1-login-content .auth-one-bg .bg-overlay {
    background: linear-gradient(135deg, rgba(0, 61, 96, .78), rgba(0, 61, 96, .48));
}

.er1-login-card {
    background: rgba(255, 255, 255, .97);
    border-color: rgba(56, 182, 255, .34);
    box-shadow: 0 24px 70px rgba(0, 61, 96, .28);
}

.er1-login-card h1 {
    color: var(--er1-brand-dark);
    font-family: "Open Sans", Arial, sans-serif;
}

.er1-login-card h2 {
    color: var(--er1-brand-dark);
    font-family: "Source Sans 3", "Open Sans", Arial, sans-serif;
}

.er1-login-card h3 {
    color: var(--er1-brand-dark);
    font-family: "DM Sans", "Open Sans", Arial, sans-serif;
}

.er1-login-card h4 {
    color: var(--er1-brand-dark);
    font-family: "Poppins", "Open Sans", Arial, sans-serif;
}

.er1-login-brand > span:last-child {
    color: var(--er1-brand-white);
    font-family: Univers, "Poppins", Arial, sans-serif;
}

.er1-login-security-icon {
    background: rgba(56, 182, 255, .16);
    color: var(--er1-brand-dark);
}

.er1-login-input:focus-within .input-group-text,
.er1-login-input:focus-within .form-control,
.er1-login-input:focus-within .btn {
    border-color: var(--er1-brand-blue);
}

.er1-login-input:focus-within {
    box-shadow: 0 0 0 .2rem rgba(56, 182, 255, .2);
}

.er1-login-submit,
.er1-login-swal-confirm {
    background: var(--er1-brand-blue) !important;
    border-color: var(--er1-brand-blue) !important;
    color: var(--er1-brand-dark) !important;
}

.er1-login-submit:hover,
.er1-login-submit:focus,
.er1-login-swal-confirm:hover,
.er1-login-swal-confirm:focus {
    background: #21a8f6 !important;
    border-color: #21a8f6 !important;
    color: var(--er1-brand-dark) !important;
}

.er1-login-card .form-label,
.er1-login-card .form-check-label {
    color: var(--er1-brand-dark);
}

.er1-login-card .form-check-input:checked {
    background-color: var(--er1-brand-blue);
    border-color: var(--er1-brand-blue);
}

.er1-login-theme {
    color: var(--er1-brand-dark);
}

.er1-login-swal-title {
    color: var(--er1-brand-dark) !important;
    font-family: "Open Sans", Arial, sans-serif;
}

[data-bs-theme="dark"] .er1-login-card,
[data-bs-theme="dark"] .er1-login-swal {
    background: rgba(0, 61, 96, .96) !important;
    border-color: rgba(56, 182, 255, .35) !important;
}

[data-bs-theme="dark"] .er1-login-card h1,
[data-bs-theme="dark"] .er1-login-card h2,
[data-bs-theme="dark"] .er1-login-card h3,
[data-bs-theme="dark"] .er1-login-card h4,
[data-bs-theme="dark"] .er1-login-card .form-label,
[data-bs-theme="dark"] .er1-login-card .form-check-label,
[data-bs-theme="dark"] .er1-login-swal-title {
    color: var(--er1-brand-white) !important;
}

[data-bs-theme="dark"] .er1-login-security-icon {
    background: rgba(56, 182, 255, .2);
    color: var(--er1-brand-blue);
}
