:root{--fondo: #f4f6fa;--superficie: #ffffff;--tinta: #0e1b33;--tinta-2: #68758f;--acento: #1d4ed8;--acento-hondo: #1e3a8a;--borde: #e4e8f0;--error: #dc2626;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.5 Geist,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.cargando{height:100%;display:grid;place-items:center}.cargando:after{content:"";width:30px;height:30px;border-radius:999px;border:3px solid var(--borde);border-top-color:var(--acento);animation:giro .8s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.pantalla{min-height:100%;display:flex;flex-direction:column;padding:calc(var(--sat) + 16px) 20px calc(var(--sab) + 24px)}.pantalla--centrada{justify-content:center;align-items:center;gap:26px;text-align:center}.marca{display:flex;flex-direction:column;align-items:center;gap:6px}.marca__logo{width:76px;height:76px;border-radius:20px;background:linear-gradient(140deg,#3b82f6,var(--acento-hondo));display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800;box-shadow:0 12px 26px #1e3a8a40}.marca__logo--mini{width:40px;height:40px;border-radius:12px;font-size:17px;box-shadow:none}.marca h1{margin:8px 0 0;font-size:26px;letter-spacing:-.02em}.marca p{margin:0;color:var(--tinta-2);font-size:15px;max-width:30ch}.tarjeta{width:100%;max-width:380px;background:var(--superficie);border-radius:18px;padding:20px;box-shadow:0 10px 30px #0e1b3314}.form{display:flex;flex-direction:column;gap:14px;text-align:left}.form label span{display:block;font-size:12.5px;font-weight:600;color:var(--tinta-2);margin-bottom:5px}.form input{width:100%;height:48px;border:1.5px solid var(--borde);border-radius:12px;padding:0 14px;font:inherit;background:#fbfcfe;color:inherit}.form input:focus{outline:0;border-color:var(--acento)}.form button[type=submit]{height:50px;border:0;border-radius:13px;background:var(--acento);color:#fff;font:inherit;font-weight:700}.form button[type=submit]:disabled{opacity:.6}.error{margin:0;color:var(--error);font-size:13.5px}.nota{margin:0;text-align:center;color:var(--tinta-2);font-size:12.5px}.secundario{border:1.5px solid var(--borde);background:var(--superficie);color:var(--tinta);border-radius:12px;padding:11px 22px;font:inherit;font-weight:600}.secundario.chico{padding:7px 14px;font-size:13.5px}.cabecera{display:flex;align-items:center;gap:12px}.cabecera__tx{flex:1;min-width:0}.cabecera__tx b{display:block;font-size:16px}.cabecera__tx span{display:block;font-size:12.5px;color:var(--tinta-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vacio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.vacio h2{margin:0;font-size:20px}.vacio p{margin:0;color:var(--tinta-2);font-size:14.5px;max-width:34ch}.auth{position:relative;min-height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(rgba(10,42,94,.07) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,rgba(10,42,94,.07) 1px,transparent 1px) 0 0 / 56px 56px,#fbfcfe}.auth__halo{position:absolute;border-radius:50%;filter:blur(46px);pointer-events:none;opacity:0;animation:auth-florece 1s ease-out .15s forwards;will-change:transform}.auth__halo--a{width:64vw;height:48vw;left:-16vw;top:8vh;background:#2563eb21;transform:translate(var(--px, 0),var(--py, 0))}.auth__halo--b{width:58vw;height:58vw;right:-18vw;top:34vh;background:#1d4ed81a;transform:translate(calc(var(--px, 0) * -.7),calc(var(--py, 0) * -.7));animation-delay:.3s}@keyframes auth-florece{to{opacity:1}}.auth__marca{position:absolute;top:0;left:0;right:0;bottom:55dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--tinta)}.auth__iso{position:relative;overflow:hidden;width:132px;height:132px;border-radius:32px;box-shadow:0 16px 34px #1e3a8a40;opacity:0;transform:scale(.7) translateY(-18px);filter:blur(8px);animation:auth-aterriza .8s cubic-bezier(.2,.9,.3,1.2) .1s forwards}.auth__iso img{display:block;width:100%;height:100%}.auth__iso:after{content:"";position:absolute;top:-30%;left:-80%;width:55%;height:160%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(12deg);animation:auth-brillo 3.6s ease-in-out 1.4s infinite}@keyframes auth-aterriza{to{opacity:1;transform:none;filter:none}}@keyframes auth-brillo{0%{left:-80%}30%{left:150%}to{left:150%}}.auth__marca b{font-size:40px;font-weight:800;letter-spacing:-.02em;margin-top:6px;opacity:0;animation:auth-sube .5s ease-out .5s forwards}.auth__marca>span:last-child{font-size:17px;color:var(--tinta-2);opacity:0;animation:auth-sube .5s ease-out .62s forwards}@keyframes auth-sube{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth__hoja{position:relative;background:var(--superficie);min-height:55dvh;display:flex;flex-direction:column;border-radius:30px 30px 0 0;box-shadow:0 -20px 56px #0a1b332e,0 -1px #ffffffe6;padding:18px 26px calc(var(--sab) + 28px);animation:auth-hoja 1s cubic-bezier(.2,.9,.25,1.1) .45s both}@keyframes auth-hoja{0%{transform:translateY(105%)}to{transform:none}}.auth__asita{display:block;width:38px;height:4px;border-radius:999px;background:var(--borde);margin:0 auto 12px}.auth__form{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.auth__form>*{opacity:0;animation:auth-sube .45s ease-out forwards}.auth__form>*:nth-child(1){animation-delay:1s}.auth__form>*:nth-child(2){animation-delay:1.08s}.auth__form>*:nth-child(3){animation-delay:1.16s}.auth__form>*:nth-child(4){animation-delay:1.24s}.auth__form>*:nth-child(5){animation-delay:1.32s}.auth__form>*:nth-child(6){animation-delay:1.4s}.auth__form label span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:7px}.auth__form input{width:100%;height:54px;border:1.5px solid var(--borde);border-radius:14px;padding:0 16px;font:inherit;font-size:17px;background:#fbfcfe;color:inherit;transition:border-color .15s,box-shadow .15s}.auth__form input:focus{outline:0;border-color:var(--acento);box-shadow:0 0 0 3px #1d4ed81f}.auth__form input:disabled{opacity:.6}.auth__codigo{letter-spacing:.3em;font-weight:700;text-align:center}.auth__olvide{align-self:flex-end;font-size:14.5px;color:var(--acento);font-weight:600;text-decoration:none;margin-top:-4px}.auth__aviso{margin:0;font-size:13px;color:#059669}.auth__dos{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.auth__fantasma{display:grid;place-items:center;height:58px;border:1.5px solid var(--borde);border-radius:15px;background:var(--superficie);color:var(--tinta);font:inherit;font-size:16px;font-weight:700;text-decoration:none}.forja{position:relative;overflow:hidden;height:58px;border:0;border-radius:15px;background:var(--acento);color:#fff;font:inherit;font-size:17px;font-weight:700;box-shadow:0 12px 26px -8px #1d4ed880;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .25s,transform .15s}.forja:active{transform:scale(.97)}.forja--forjando{background:var(--acento-hondo)}.forja--forjando i{position:absolute;left:0;top:0;bottom:0;width:55%;background:#ffffff38;animation:forja-corre 1.4s ease-in-out infinite}@keyframes forja-corre{0%{left:-55%}to{left:100%}}.forja--logrado{background:#059669;box-shadow:0 12px 26px -8px #05966980;animation:forja-pop .4s cubic-bezier(.2,.9,.3,1.4)}@keyframes forja-pop{40%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.auth__halo,.auth__iso,.auth__marca b,.auth__marca>span:last-child,.auth__hoja,.auth__form>*{animation:none;opacity:1;transform:none;filter:none}.auth__iso:after,.forja--forjando i{display:none}}