:root{--fondo: #f4f6fa;--superficie: #ffffff;--tinta: #0e1b33;--tinta-2: #68758f;--acento: #1d4ed8;--acento-hondo: #1e3a8a;--borde: #e4e8f0;--error: #dc2626;--navy: #0a2a5e;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--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;background:radial-gradient(ellipse 45% 30% at 16% 10%,rgba(37,99,235,.07),transparent 70%),#fbfcfe}.auth__mar{position:absolute;left:0;right:0;bottom:0;height:54vh;pointer-events:none;transform:translate(calc(var(--px, 0) * .6),calc(var(--py, 0) * .6));opacity:0;animation:auth-florece 1.2s ease-out .2s forwards;will-change:transform}@keyframes auth-florece{to{opacity:1}}.auth__ola{position:absolute;left:-70vw;width:240vw;height:44vh;border-radius:44%;opacity:.55;will-change:transform}.auth__ola--1{bottom:-36vh;background:linear-gradient(180deg,#3b82f68c,#1d4ed8a6);animation:auth-gira 13s linear infinite}.auth__ola--2{bottom:-39vh;background:linear-gradient(180deg,#60a5fa66,#2563eb80);animation:auth-gira 19s linear infinite reverse}.auth__ola--3{bottom:-42vh;background:linear-gradient(180deg,#0a2a5e80,#1e3a8a99);animation:auth-gira 25s linear infinite}@keyframes auth-gira{to{transform:rotate(360deg)}}.auth__brillo{position:absolute;left:0;right:0;bottom:0;height:26vh;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(147,197,253,.35),transparent 70%);animation:auth-late 3.5s ease-in-out infinite}@keyframes auth-late{50%{opacity:.55}}.auth__cuerpo{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:440px;margin:0 auto;padding:calc(var(--sat) + 24px) clamp(20px,7vw,28px) calc(var(--sab) + 60px)}.auth__marca{position:relative}.auth__anillo{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(9.5rem,52vw,14rem);height:clamp(9.5rem,52vw,14rem);border-radius:50%;pointer-events:none;border:1.5px solid rgba(37,99,235,.22);opacity:0;animation:auth-expande 4s ease-out 1s infinite}.auth__anillo--2{animation-delay:3s}@keyframes auth-expande{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.9);opacity:0}}.auth__iso{position:relative;display:block;overflow:hidden;width:clamp(5.5rem,30vw,8.5rem);height:clamp(5.5rem,30vw,8.5rem);border-radius:26%;box-shadow:0 16px 34px #1e3a8a40;opacity:0;transform:scale(.7) translateY(-14px);filter:blur(8px);animation:auth-aterriza .7s cubic-bezier(.2,.9,.3,1.2) .05s forwards;z-index:1}.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.2s infinite}@keyframes auth-aterriza{to{opacity:1;transform:none;filter:none}}@keyframes auth-brillo{0%{left:-80%}30%{left:150%}to{left:150%}}.auth__ceja{margin-top:clamp(2.25rem,8vw,3rem);font:600 clamp(11px,3.4vw,13px)/1.4 var(--mono);letter-spacing:.2em;color:var(--acento);opacity:0;animation:auth-sube .5s ease-out .3s forwards}.auth__titulo{margin:.9rem 0 0;font-size:clamp(27px,8.5vw,34px);line-height:1.1;letter-spacing:-.03em;font-weight:800;text-wrap:balance;opacity:0;animation:auth-sube .55s ease-out .4s forwards}.auth__sub{margin:10px 0 0;color:var(--tinta-2);font-size:clamp(14px,4.1vw,16px);opacity:0;animation:auth-sube .5s ease-out .5s forwards}@keyframes auth-sube{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth__form{width:100%;display:flex;flex-direction:column;text-align:left;margin-top:10px}.auth__form>*{opacity:0;animation:auth-sube .45s ease-out forwards}.auth__form>*:nth-child(1){animation-delay:.6s}.auth__form>*:nth-child(2){animation-delay:.68s}.auth__form>*:nth-child(3){animation-delay:.76s}.auth__form>*:nth-child(4){animation-delay:.84s}.auth__form>*:nth-child(5){animation-delay:.92s}.auth__form>*:nth-child(6){animation-delay:1s}.auth__form label{display:block;margin-top:18px}.auth__form label span{display:block;font:600 clamp(11px,3.4vw,13px)/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#8a93a5;margin-bottom:7px}.auth__form input{width:100%;height:clamp(50px,14.5vw,58px);border:1.5px solid var(--borde);border-radius:16px;padding:0 16px;font:inherit;font-size:17px;background:var(--superficie);color:inherit;box-shadow:0 2px 8px #0a1b330d;-moz-appearance:none;appearance:none;-webkit-appearance:none;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__form input::placeholder{color:#a8b0bf;font-weight:400;letter-spacing:normal}.clave{position:relative;display:block}.clave input{padding-right:54px}.clave__ojo{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:none;border:0;padding:0;color:#8a93a5;cursor:pointer}.clave__ojo:active{color:var(--acento)}.auth__codigo{letter-spacing:.3em;font-weight:700;text-align:center}.auth__olvide{align-self:flex-end;font-size:clamp(13.5px,3.9vw,15px);color:var(--acento);font-weight:600;text-decoration:none;margin-top:12px}.auth__aviso{margin:14px 0 0;font-size:clamp(13.5px,3.9vw,15px);color:#059669}.error{margin:14px 0 0;font-size:clamp(13.5px,3.9vw,15px)}.auth__abajo{margin-top:24px;display:flex;flex-direction:column;gap:16px}.auth__liga{margin:0;text-align:center;font-size:clamp(14px,4.1vw,16px);color:var(--tinta-2)}.auth__liga a,.auth__liga button{color:var(--acento);font:inherit;font-weight:700;text-decoration:none;background:none;border:0;padding:0}.auth__pie{position:absolute;left:0;right:0;bottom:calc(var(--sab) + 16px);text-align:center;font:500 clamp(10px,3.1vw,12px)/1 var(--mono);letter-spacing:.18em;color:#ffffffd9;text-shadow:0 1px 6px rgba(10,42,94,.3)}.forja{position:relative;overflow:hidden;height:clamp(52px,15vw,60px);border:0;border-radius:17px;background:linear-gradient(120deg,#3b82f6,var(--acento));color:#fff;font:inherit;font-size:clamp(16px,4.6vw,18px);font-weight:700;box-shadow:0 14px 30px -10px #2563eb8c;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .25s,transform .15s}.forja:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);animation:forja-destello 3s ease-in-out 1.4s infinite}@keyframes forja-destello{0%,55%{left:-60%}85%,to{left:120%}}.forja:active{transform:scale(.97)}.forja--forjando{background:var(--acento-hondo)}.forja--forjando:after,.forja--logrado:after{display:none}.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__mar,.auth__ola,.auth__brillo{opacity:.45}.auth__anillo,.auth__iso:after,.forja:after,.forja--forjando i{display:none}}.hoja__velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a1b3373;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:flex-end;animation:velo-entra .25s ease-out}@keyframes velo-entra{0%{opacity:0}}.hoja{background:var(--superficie);border-radius:26px 26px 0 0;box-shadow:0 -18px 50px #0a1b3340;padding:14px clamp(20px,7vw,28px) calc(var(--sab) + 24px);display:flex;flex-direction:column;align-items:center;text-align:center;animation:hoja-entra .45s cubic-bezier(.2,.9,.3,1.08)}@keyframes hoja-entra{0%{transform:translateY(105%)}}.hoja__asita{width:38px;height:4px;border-radius:999px;background:var(--borde)}.hoja__icono{margin-top:20px;width:clamp(4rem,17vw,4.75rem);height:clamp(4rem,17vw,4.75rem);border-radius:26%;background:linear-gradient(140deg,#3b82f6,var(--acento-hondo));color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px #1e3a8a4d}.hoja__icono svg{width:54%;height:54%}.hoja h2{margin:16px 0 0;font-size:clamp(20px,5.6vw,23px);letter-spacing:-.02em}.hoja p{margin:8px 0 0;color:var(--tinta-2);font-size:clamp(14px,4vw,15.5px);max-width:36ch}.hoja .error{max-width:36ch}.hoja .forja{width:100%;margin-top:22px}.hoja__fantasma{margin-top:6px;width:100%;height:48px;border:0;background:none;color:var(--acento);font:inherit;font-weight:700;font-size:clamp(14px,4.1vw,16px)}@media(prefers-reduced-motion:reduce){.hoja__velo,.hoja{animation:none}}.bio{display:flex;flex-direction:column;align-items:center;margin-top:clamp(1.75rem,7.5vw,2.75rem)}.bio .auth__abajo{margin-top:clamp(1.5rem,6.5vw,2.25rem)}.bio__icono{position:relative;width:clamp(6rem,26vw,7.5rem);height:clamp(6rem,26vw,7.5rem);border:0;border-radius:26%;cursor:pointer;background:linear-gradient(140deg,#3b82f6,var(--acento-hondo));color:#fff;display:grid;place-items:center;box-shadow:0 18px 40px -8px #1e3a8a73;transition:transform .15s,background .3s,box-shadow .3s}.bio__icono:active{transform:scale(.93)}.bio__icono svg{width:52%;height:52%}.bio__anillo{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:32%;border:2.5px solid transparent}.bio__icono--forjando .bio__anillo{border-color:#3b82f640;border-top-color:var(--acento);animation:bio-gira .9s linear infinite}@keyframes bio-gira{to{transform:rotate(360deg)}}.bio__icono--logrado{background:#059669;box-shadow:0 18px 40px -8px #05966980;animation:forja-pop .4s cubic-bezier(.2,.9,.3,1.4)}.bio__texto{margin:18px 0 0;color:var(--tinta-2);font-size:clamp(15px,4.3vw,17px)}.bio .error{text-align:center;max-width:36ch}.bio .auth__abajo{width:100%}@media(prefers-reduced-motion:reduce){.bio__icono--forjando .bio__anillo{animation:none}}.concha{min-height:100%;display:flex;flex-direction:column;background:var(--fondo)}.concha__cuerpo{flex:1;padding-bottom:calc(var(--sab) + 76px)}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;padding:8px 6px calc(var(--sab) + 10px);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--borde)}.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#8a93a5;text-decoration:none;font-size:clamp(10px,2.9vw,11.5px);font-weight:600;transition:color .15s,transform .1s}.tabs a:active{transform:scale(.94)}.tabs a.activo{color:var(--acento)}.tabs svg{width:clamp(21px,6vw,24px);height:clamp(21px,6vw,24px)}.pagina{padding:calc(var(--sat) + 18px) clamp(16px,5vw,22px) 20px;display:flex;flex-direction:column;max-width:560px;margin:0 auto;width:100%}.saluda{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.saluda__ceja{display:block;font:600 clamp(10px,2.9vw,11.5px)/1.4 var(--mono);letter-spacing:.16em;color:var(--acento)}.saluda h1{margin:2px 0 0;font-size:clamp(24px,7vw,29px);letter-spacing:-.03em}.saluda__dato{font-size:clamp(11px,3.2vw,12.5px);color:var(--tinta-2)}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#3b82f6,var(--acento-hondo));color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;flex:0 0 auto}.avatar--grande{width:52px;height:52px;font-size:21px}.tarjeta{background:var(--superficie);border:1px solid #e8ecf4;border-radius:18px;box-shadow:0 3px 14px #0a1b330d}.rotulo-fila{display:flex;align-items:baseline;justify-content:space-between;margin:20px 2px 10px}.rotulo-fila b{font-size:clamp(14px,4vw,15.5px)}.rotulo-fila a{font-size:clamp(12px,3.4vw,13px);color:var(--acento);font-weight:700;text-decoration:none}.encurso{display:flex;align-items:center;gap:13px;padding:14px 15px;position:relative;overflow:hidden}.anillo{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.anillo i{width:40px;height:40px;border-radius:50%;background:var(--superficie);display:grid;place-items:center;font-style:normal;font:700 11px var(--mono);color:var(--acento)}.encurso__tx{flex:1;min-width:0}.encurso__tx b{display:block;font-size:clamp(14px,4vw,15.5px)}.encurso__tx small{display:block;margin-top:2px;font:500 clamp(10.5px,3vw,12px) var(--mono);color:var(--tinta-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.encalma{padding:16px;text-align:center}.encalma b{display:block;font-size:clamp(14px,4vw,15.5px)}.encalma small{color:var(--tinta-2);font-size:clamp(12px,3.4vw,13px)}.chipst{flex:0 0 auto;font-size:clamp(10px,2.9vw,11px);font-weight:700;padding:4px 9px;border-radius:999px}.chipst--ok{background:#dcfce7;color:#15803d}.chipst--run{background:#dbeafe;color:var(--acento)}.chipst--err{background:#fee2e2;color:#b91c1c}.chipst--off{background:#eef1f6;color:#68758f}.chipmini{margin-left:7px;font-size:10px;font-weight:700;color:var(--acento);background:#dbeafe;border-radius:99px;padding:2px 7px;vertical-align:1px}.carrusel{display:flex;gap:10px;overflow-x:auto;margin:0 -4px;padding:2px 4px 6px;scrollbar-width:none}.carrusel::-webkit-scrollbar{display:none}.cardapp{flex:0 0 124px;padding:13px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.cardapp b{font-size:clamp(12px,3.4vw,13px)}.cardapp small{font-size:10px;color:#8a93a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icoapp{border-radius:24%;object-fit:cover;flex:0 0 auto;display:block}.icoapp--letra{background:linear-gradient(140deg,#3b82f6,var(--acento-hondo));color:#fff;display:grid;place-items:center;font-weight:800}.icoapp--firma{width:42px;height:42px;background:#e8effc;color:var(--acento)}.icoapp--firma svg{width:20px;height:20px}.icoapp--salir{width:42px;height:42px;background:#fee2e2;color:#b91c1c}.icoapp--salir svg{width:20px;height:20px}.filas{display:flex;flex-direction:column;gap:9px}.filaapp{display:flex;align-items:center;gap:12px;padding:12px 14px}.filaapp--boton{width:100%;border:1px solid #e8ecf4;font:inherit;text-align:left;cursor:pointer}.filaapp__tx{flex:1;min-width:0}.filaapp__tx b{display:block;font-size:clamp(13.5px,3.9vw,15px)}.filaapp__tx small{display:block;font-size:clamp(10.5px,3vw,12px);color:var(--tinta-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filaapp__hace{margin-top:1px;color:#9aa3b2!important}.enlace-peligro{border:0;background:none;color:#b91c1c;font:inherit;font-size:clamp(12.5px,3.6vw,14px);font-weight:700;padding:6px 2px}.actividad{display:flex;flex-direction:column;padding:2px 0}.evento{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid #eef1f7}.evento:last-child{border-bottom:0}.evento__pico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.evento__pico svg{width:15px;height:15px}.evento__pico--ok{background:#dcfce7;color:#15803d}.evento__pico--err{background:#fee2e2;color:#b91c1c}.evento__tx{flex:1;min-width:0}.evento__tx b{display:block;font-size:clamp(12.5px,3.6vw,14px)}.evento__tx small{display:block;font-size:clamp(10.5px,3vw,12px);color:var(--tinta-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evento__hace{flex:0 0 auto;font-size:10.5px;color:#9aa3b2}.punto{width:11px;height:11px;border-radius:50%;flex:0 0 auto;margin:0 6px}.punto--ok{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.punto--run{background:var(--acento);box-shadow:0 0 0 4px #dbeafe;animation:late-punto 1.6s ease-in-out infinite}.punto--off{background:#cbd5e1;box-shadow:0 0 0 4px #eef1f6}@keyframes late-punto{50%{box-shadow:0 0 0 7px #dbeafe66}}.perfil{display:flex;align-items:center;gap:13px;padding:15px}.perfil__tx{flex:1;min-width:0}.perfil__tx b{display:block;font-size:clamp(15px,4.3vw,17px)}.perfil__tx small{display:block;font-size:clamp(11.5px,3.3vw,13px);color:var(--tinta-2);overflow:hidden;text-overflow:ellipsis}.nota-pie{margin:26px 0 0;text-align:center;color:#9aa3b2;font-size:clamp(10.5px,3vw,12px)}.cargando--zona{min-height:120px;height:auto}.mono{font-family:var(--mono)}