@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@500;600;700&display=swap";*{box-sizing:border-box}body{color:#fff;-webkit-font-smoothing:antialiased;background:#010214;margin:0;font-family:DM Sans,system-ui,sans-serif}#root>.box-login{background:#010214;grid-template-columns:minmax(0,1.48fr) minmax(360px,1fr);min-height:100svh;display:grid}#root>.box-login>div{min-width:0}.box-login-izquierdo{flex-direction:column;display:flex}.box-login-derecho{border-left:1px solid #1a1d29}@media (width<=900px){#root>.box-login{display:block}#root>.box-login>.box-login-izquierdo{display:none}.box-login-derecho{border-left:0;min-height:100svh}}.box-login-derecho{background:radial-gradient(at 100% 0,#5e42e829,#0000 50%),radial-gradient(at 0 100%,#00a9f017,#0000 45%),#030615;justify-content:center;align-items:center;min-height:100svh;padding:clamp(16px,3svh,32px) 28px;display:flex}.box-login-derecho>div{background:linear-gradient(145deg,#081b30,#070e20 45%,#100c24) padding-box padding-box,linear-gradient(135deg,#249edb,#273a62 40%,#7953b5) border-box;border:1px solid #0000;border-radius:24px;width:min(100%,420px);min-width:0;padding:26px 30px 28px;box-shadow:0 24px 64px #00000059,inset 0 1px #ffffff0a}.box-login-derecho>div>div{text-align:center;border-bottom:1px solid #88a6dc29;margin-bottom:22px;padding-bottom:20px}.box-login-derecho>div>div>img{object-fit:contain;filter:drop-shadow(0 8px 18px #358cff29);width:148px;height:132px;margin:0 auto 14px;display:block}.box-login-derecho>div>div>p{color:#fff;letter-spacing:2px;margin:0;font-size:12px;font-weight:700;line-height:1.6}.box-login-derecho>div>div>p span{color:#94b9e9;letter-spacing:2.3px;margin-top:4px;font-size:11px;display:block}.box-login-derecho h3{color:#f6f8ff;letter-spacing:-.8px;text-align:center;margin:0 0 8px;font-size:clamp(26px,2.2vw,32px);font-weight:700;line-height:1.2}.box-login-derecho>div>p{color:#9caec9;text-align:center;margin:0 0 24px;font-size:14px;line-height:1.5}.box-login-derecho form{flex-direction:column;gap:18px;display:flex}.box-login-derecho form>div{flex-direction:column;min-width:0;display:flex;position:relative}.box-login-derecho form label{color:#a6b8d6;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:700;line-height:1.4}.box-login-derecho form>div:first-of-type label:empty:after{content:"Usuario"}.box-login-derecho form>div:nth-of-type(2) label:empty:after{content:"Contraseña"}.box-login-derecho form input{color:#f4f7ff;width:100%;min-width:0;height:48px;font:inherit;background:#090f1e;border:1px solid #2b3b56;border-radius:11px;outline:none;padding:12px 15px 12px 44px;font-size:15px;transition:border-color .2s,box-shadow .2s}.box-login-derecho form>div>img{object-fit:contain;filter:brightness(0)invert(.7);pointer-events:none;width:18px;height:18px;position:absolute;bottom:15px;left:15px}.box-login-derecho form>div:nth-of-type(2) input{padding-right:48px}.box-login-derecho form>div:nth-of-type(2):after{content:"";pointer-events:none;background:#adbbd3;width:18px;height:18px;position:absolute;bottom:15px;left:15px;-webkit-mask:url(/static/ingresar/assets/lock-cancel-BYLyJIbN.png) 50%/contain no-repeat;mask:url(/static/ingresar/assets/lock-cancel-BYLyJIbN.png) 50%/contain no-repeat}.box-login-derecho form input:focus-visible{border-color:#38a2ff;box-shadow:0 0 0 3px #38a2ff24}.box-login-derecho form button{font:inherit;cursor:pointer;border:0}.box-login-derecho form>div>button{background:0 0;border-radius:9px;place-items:center;width:44px;height:44px;padding:12px;transition:background-color .2s;display:grid;position:absolute;bottom:2px;right:2px}.box-login-derecho form>div>button img{object-fit:contain;filter:brightness(0)invert(.7);width:19px;height:19px;display:block}.box-login-derecho form>div>button:hover{background:#6495e61f}.box-login-derecho form>button{color:#fff;background:linear-gradient(105deg,#00a9df,#176cf0 50%,#7950e6);border-radius:11px;min-height:48px;margin-top:2px;padding:13px 20px;font-size:14px;font-weight:700;transition:filter .2s,transform .2s;box-shadow:0 8px 22px #1a68ec3b}.box-login-derecho form>button:hover{filter:brightness(1.12);transform:translateY(-1px)}.box-login-derecho form>button:active{transform:translateY(0)}.box-login-derecho form button:focus-visible{outline-offset:2px;outline:2px solid #8dceff}.box-login-derecho form>p{color:#ffadbf;text-align:center;overflow-wrap:anywhere;background:#ff4d6d17;border:1px solid #ff6f8c59;border-radius:10px;margin:-4px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.box-login-derecho>div>form+p{color:#9caec9;text-align:center;border-top:1px solid #88a6dc29;margin:20px 0 0;padding-top:16px;font-size:12px;line-height:1.6}.box-login-derecho>div>form+p a{color:#83c7ff;text-underline-offset:3px;overflow-wrap:anywhere;border-radius:3px;width:fit-content;max-width:100%;margin:4px auto 0;font-weight:600;-webkit-text-decoration:underline #83c7ff59;text-decoration:underline #83c7ff59;display:block}.box-login-derecho>div>form+p a:hover{color:#c4e5ff;text-decoration-color:currentColor}.box-login-derecho>div>form+p a:focus-visible{outline-offset:4px;outline:2px solid #8dceff}@media (width<=550px){.box-login-derecho{padding:20px 16px}.box-login-derecho>div{border-radius:20px;padding:22px}}@media (height<=820px){.box-login-derecho{padding-block:12px}.box-login-derecho>div{padding-block:16px}.box-login-derecho>div>div{margin-bottom:16px;padding-bottom:14px}.box-login-derecho>div>div>img{height:90px;margin-bottom:8px}.box-login-derecho h3{font-size:28px}.box-login-derecho>div>p{margin-bottom:16px}.box-login-derecho form{gap:12px}.box-login-derecho form label{margin-bottom:7px}.box-login-derecho>div>form+p{margin:12px 0 0;padding-top:10px}}@media (prefers-reduced-motion:reduce){.box-login-derecho input,.box-login-derecho button{transition:none}}.box-login-derecho form>button:disabled{cursor:wait;filter:saturate(.6);opacity:.75;transform:none}.box-izq{isolation:isolate;color:#fff;background-color:#010214;background-image:linear-gradient(#010214e0 0%,#010214b8 32%,#01021433 65%,#010214d9 100%),radial-gradient(at 90% 82%,#9130db38,#0000 48%),linear-gradient(90deg,#01021480,#0102142e),url(/static/ingresar/assets/fondoizq-CTplMntb.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;min-height:100svh;padding:clamp(72px,15vh,160px) clamp(48px,7vw,110px) 100px;display:flex;position:relative;overflow:hidden}.box-izq:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#4c8bdd0b 1px,#0000 1px),linear-gradient(90deg,#4c8bdd0b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000,#000);mask-image:linear-gradient(135deg,#0000,#000)}.box-izq h2{letter-spacing:-1.25px;text-wrap:balance;text-shadow:0 2px 12px #000000bf;max-width:790px;margin:0 0 22px;font-family:Fredoka,sans-serif;font-size:clamp(36px,3.25vw,56px);font-weight:600;line-height:1.08}.box-izq>p{color:#eef3ff;text-wrap:balance;text-shadow:0 2px 12px #000000bf;max-width:min(100%,44ch);margin:0;font-size:clamp(15px,1.1vw,18px);line-height:1.65}.box-izq>footer{color:#c9d5ee;font-size:13px;line-height:1.5;position:absolute;bottom:28px;left:clamp(48px,7vw,110px);right:32px}