.au-page,.au-layer,.au-form{--au-canvas:#f6f5f3;--au-surface:#fff;--au-surface-2:#fafaf9;--au-sunken:#efeeeb;--au-ink:#141414;--au-ink-2:#3d3d3d;--au-ink-3:#6b6b6b;--au-line:#e8e6e2;--au-line-strong:#d5d2cd;--au-primary:#ff6820;--au-primary-hover:#e85a14;--au-primary-ink:#c94a0c;--au-success:#127a55;--au-success-bg:#e8f5ef;--au-danger:#c0341d;--au-danger-bg:#fbecea;--au-shadow-card:0 1px 2px #1414140a, 0 4px 16px #1414140a;--au-shadow-float:0 2px 6px #1414140f, 0 16px 40px #1414141a;--au-shadow-hover:0 2px 4px #1414140d, 0 10px 28px #14141414;--au-shadow-overlay:0 24px 64px #1414142e;--au-ease:cubic-bezier(.2, 0, 0, 1);color:var(--au-ink);-webkit-font-smoothing:antialiased;font-family:InterV3,Inter,system-ui,-apple-system,Segoe UI,sans-serif}.au-page *,.au-layer *,.au-form *{box-sizing:border-box}.au-form button,.au-form input{font:inherit;color:inherit}.au-form :focus-visible,.au-page :focus-visible{outline:2px solid var(--au-primary);outline-offset:2px}.au-page{background:var(--au-canvas);flex-wrap:wrap;gap:8px;min-height:100vh;padding:8px;display:flex}.au-photo{background:#2a2a2a url("/images/auth/magnops-operacion-almacen.jpg") 50%/cover no-repeat;border-radius:32px;flex:520px;min-height:min(520px,60vh);position:relative;overflow:hidden}.au-photo__tab{background:var(--au-canvas);cursor:pointer;border:0;border-bottom-right-radius:32px;padding:22px 28px 22px 24px;position:absolute;top:0;left:0}.au-photo__logo{aspect-ratio:1920/620;background:url("/logo_magnops_negro.png") 50%/100% no-repeat;width:148px;display:block}.au-photo__copy{background:var(--au-surface);max-width:540px;box-shadow:var(--au-shadow-float);border-radius:24px;flex-direction:column;gap:10px;padding:28px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.au-photo__copy h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.12}.au-photo__copy p{color:var(--au-ink-3);margin:0;font-size:15px;line-height:1.55}.au-side{flex-direction:column;flex:440px;justify-content:center;align-items:center;padding:clamp(32px,6vw,72px) clamp(20px,5vw,64px);display:flex}.au-side>.au-form{max-width:420px}.au-form{border:1px solid var(--au-line);background:var(--au-surface);width:100%;max-width:460px;box-shadow:var(--au-shadow-card);text-align:left;border-radius:24px;flex-direction:column;gap:22px;margin:0 auto;padding:clamp(22px,4vw,32px);display:flex;position:relative}.au-form--card{box-shadow:var(--au-shadow-overlay)}.au-form--bare{box-shadow:none;border:0}.au-form__logo{aspect-ratio:1920/620;background:url("/logo_magnops_negro.png") 50%/100% no-repeat;width:120px;display:block}.au-form__close{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:14px;right:14px}.au-form__close:hover{background:var(--au-sunken)}.au-form__head{flex-direction:column;gap:6px;display:flex}.au-form__head h1{letter-spacing:-.025em;margin:0;font-size:clamp(30px,3vw,40px);font-weight:600;line-height:1.1}.au-form--card .au-form__head h1{font-size:28px}.au-form__head p{color:var(--au-ink-3);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.55}.au-form__body{flex-direction:column;gap:16px;margin:0;display:flex}.au-google{border:1px solid var(--au-line-strong);background:var(--au-surface);cursor:pointer;height:52px;transition:box-shadow .15s var(--au-ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.au-google:hover:not(:disabled){box-shadow:var(--au-shadow-hover)}.au-google:disabled{cursor:not-allowed;opacity:.6}.au-divider{color:var(--au-ink-3);align-items:center;gap:12px;font-size:13px;display:flex}.au-divider span{background:var(--au-line);flex:1;height:1px}.au-field{flex-direction:column;gap:6px;display:flex}.au-field__label{font-size:14px;font-weight:500}.au-field__row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.au-input{border:1px solid var(--au-line);background:var(--au-surface);width:100%;min-width:0;height:52px;transition:border-color .15s var(--au-ease), box-shadow .15s var(--au-ease);border-radius:999px;outline:none;padding:0 20px;font-size:15px!important}.au-input::placeholder{color:var(--au-ink-3)}.au-input:focus{border-color:var(--au-primary);box-shadow:0 0 0 4px #ff682047}.au-input.is-invalid{border-color:var(--au-danger)}.au-input--code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;height:60px;font-weight:600;font-size:26px!important}.au-password{display:flex;position:relative}.au-password .au-input{padding-right:56px}.au-password__toggle{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:6px;right:6px;color:var(--au-ink-3)!important}.au-password__toggle:hover{background:var(--au-sunken);color:var(--au-ink)!important}.au-link{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline;color:var(--au-ink-2)!important}.au-link:hover:not(:disabled){color:var(--au-primary-ink)!important}.au-link:disabled{cursor:not-allowed;opacity:.55;text-decoration:none}.au-check{color:var(--au-ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.au-check input{width:18px;height:18px;accent-color:var(--au-primary);flex-shrink:0;margin:1px 0 0}.au-check a{color:var(--au-ink);text-underline-offset:3px;text-decoration:underline}.au-alert,.au-success{border-radius:16px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;line-height:1.45;display:flex}.au-alert{background:var(--au-danger-bg);color:var(--au-danger)}.au-alert svg,.au-success svg{flex-shrink:0;margin-top:1px}.au-success{background:var(--au-success-bg);color:var(--au-success);padding:16px;font-size:15px;line-height:1.5}.au-success strong{overflow-wrap:anywhere;font-weight:600}.au-hint{color:var(--au-ink-3);margin:0;font-size:14px}.au-hint--center{text-align:center}.au-coderow{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.au-btn{white-space:nowrap;cursor:pointer;height:44px;transition:background .15s var(--au-ease), box-shadow .15s var(--au-ease), transform .15s var(--au-ease);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;display:inline-flex}.au-btn:active:not(:disabled){transform:scale(.98)}.au-btn:disabled{cursor:not-allowed;opacity:.6}.au-btn--lg{width:100%;height:52px;font-size:16px}.au-btn--sm{height:36px;padding:0 16px;font-size:14px}.au-btn--primary{background:var(--au-primary);color:#fff!important}.au-btn--primary:hover:not(:disabled){background:var(--au-primary-hover)}.au-btn--secondary{border-color:var(--au-ink);background:var(--au-surface)}.au-btn--secondary:hover:not(:disabled){box-shadow:var(--au-shadow-card)}.au-btn--ghost{width:100%}.au-btn--ghost:hover:not(:disabled){background:var(--au-sunken)}.au-btn--dark{background:var(--au-ink);color:#fff!important}.au-btn--dark:hover:not(:disabled){background:#2b2b2b}.au-callout{border:1px solid var(--au-line);background:var(--au-surface-2);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.au-callout>div{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.au-callout strong{font-size:15px;font-weight:600}.au-callout span{color:var(--au-ink-3);font-size:14px;line-height:1.45}.au-layer{z-index:1400;animation:au-fade .18s var(--au-ease);background:#14141452;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.au-layer__dialog{width:min(460px,100%);animation:au-pop .22s var(--au-ease)}@keyframes au-fade{0%{opacity:0}}@keyframes au-pop{0%{opacity:0;transform:translateY(8px)}}@media (width<=560px){.au-photo{flex-basis:100%;min-height:320px}.au-photo__copy{padding:20px}}@media (prefers-reduced-motion:reduce){.au-layer,.au-layer__dialog{animation:none}}