@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,600;0,800;0,900;1,800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0e1630;--c:#162244;--t:#f2f5ff;--m:#8e9bc4;--sage:#2f6bff;--sage2:#1d2d5c;--ter:#d4ff3a;--l:#26355f;--f:"Archivo",sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--t);font:16px/1.45 Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}input{border:1.5px solid var(--l);width:100%;color:var(--t);background:#fff;border-radius:14px;padding:14px 16px;font:16px Inter}input:focus{outline:2px solid var(--sage);border-color:#0000}.carga{place-items:center;min-height:100svh;display:grid}.logo{font:600 20px var(--f);align-items:center;gap:10px;display:flex}.logo svg{fill:none;width:34px;height:34px;stroke:var(--ter);stroke-width:2.5px;stroke-linecap:round}.app{max-width:480px;min-height:100svh;margin:auto;padding:0 18px 110px}.top{padding:calc(18px + env(safe-area-inset-top)) 0 10px;justify-content:space-between;align-items:center;display:flex}.top small{color:var(--m)}.top h1{font:600 30px/1.1 var(--f)}.saldo{background:var(--t);color:#fff;text-align:center;border-radius:20px;min-width:86px;padding:10px 16px}.saldo b{font:700 28px/1 var(--f);display:block}.saldo span{opacity:.7;font-size:12px}.h{font:600 24px var(--f);margin:18px 0 12px}.sub{font:600 18px var(--f);margin:26px 0 8px}.dias{scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.dias button{background:var(--c);border:1px solid var(--l);border-radius:18px;flex-direction:column;flex:none;align-items:center;width:56px;padding:10px 0;display:flex;position:relative}.dias button small,.dias button b{z-index:1;position:relative}.dias b{font:700 20px var(--f)}.dias small{color:var(--m);font-size:12px}.dias .bg{background:var(--sage);border-radius:18px;position:absolute;inset:-1px}.lista{gap:12px;margin-top:14px;display:grid}.clase{background:var(--c);border:1px solid var(--l);border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex}.clase.mia{border-color:var(--sage);background:var(--sage2)}.hora{text-align:center;min-width:54px}.hora b{font:700 20px var(--f);display:block}.hora small{color:var(--m);font-size:11px}.info{flex:1;min-width:0}.info b{display:block}.info small{color:var(--m);font-size:13px}.cupos{align-items:center;gap:3px;margin-top:6px;display:flex}.cupos i{background:var(--sage2);border:1.5px solid var(--sage);border-radius:50%;width:9px;height:9px}.cupos i.x{background:var(--sage)}.cupos span{color:var(--m);margin-left:6px;font-size:12px}.clase>button{background:var(--t);color:#fff;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600}.clase>button:disabled{background:var(--l);color:var(--m)}.ok{color:var(--sage);font-size:13px;font-weight:700}.info .ok{margin-top:4px;display:block}.vacio{color:var(--m);text-align:center;padding:30px 0}.velo{z-index:50;background:#2b262259;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--c);width:100%;max-width:480px;padding:14px 22px calc(26px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0}.sheet .asa{background:var(--l);border-radius:5px;width:44px;height:5px;margin:0 auto 16px;display:block}.sheet small{color:var(--m)}.sheet h3{font:600 28px var(--f);margin:4px 0}.nota{color:var(--m);margin:12px 0 18px;font-size:13px}.cta{background:var(--ter);color:#fff;border-radius:999px;width:100%;margin-top:6px;padding:16px;font-size:16px;font-weight:700}.cta:disabled{background:var(--l);color:var(--m)}.cta.sec{border:1.5px solid var(--l);color:var(--t);background:0 0;margin-top:24px}.ticket{background:var(--c);border:1px solid var(--l);border-radius:22px;align-items:center;gap:14px;margin-bottom:12px;padding:14px;display:flex}.fecha{background:var(--sage2);text-align:center;border-radius:16px;min-width:62px;padding:8px 12px}.fecha b{font:700 24px/1 var(--f);display:block}.fecha small{color:var(--m);font-size:11px}.mini{border:1.5px solid var(--l);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.anillo{width:220px;margin:10px auto;position:relative}.anillo svg{width:100%;transform:rotate(-90deg)}.anillo circle{fill:none;stroke-width:14px;stroke-linecap:round}.anillo .fondo{stroke:var(--sage2)}.anillo .lleno{stroke:var(--ter)}.anillo div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.anillo b{font:700 52px/1 var(--f)}.anillo small{color:var(--m)}.centro{text-align:center;color:var(--m);margin:6px 0 16px;font-size:14px}.centro b{color:var(--t)}.movs div{border-bottom:1px solid var(--l);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.movs small{color:var(--m);font-size:12px;display:block}.perfil{text-align:center;background:var(--c);border:1px solid var(--l);border-radius:24px;padding:26px}.perfil i{background:var(--sage);color:#fff;width:72px;height:72px;font:700 30px var(--f);border-radius:50%;place-items:center;margin:0 auto 10px;font-style:normal;display:grid}.perfil b{font:600 20px var(--f);display:block}.perfil small{color:var(--m)}.paquetes>div{border-bottom:1px solid var(--l);justify-content:space-between;padding:12px 0;display:flex}.tabs{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#2b2622f0;border-radius:26px;width:min(452px,100% - 28px);padding:8px;display:flex;position:fixed;transform:translate(-50%)}.tabs button{color:#bdb5ab;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;font-size:11px;font-weight:600;display:flex;position:relative}.tabs svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;z-index:1;width:22px;height:22px;position:relative}.tabs span{z-index:1;position:relative}.tabs .pill{background:var(--ter);border-radius:18px;position:absolute;inset:0}.toast{top:calc(14px + env(safe-area-inset-top));background:var(--sage);color:#fff;text-align:center;z-index:60;border-radius:18px;width:320px;margin-left:-160px;padding:14px;font-weight:600;position:fixed;left:50%;box-shadow:0 14px 30px #00000026}.toast.mal{background:#b5452e}.esq i{background:linear-gradient(90deg,var(--l),#f3ece3,var(--l));background-size:200%;border-radius:22px;height:84px;margin-top:12px;animation:1.2s infinite b;display:block}@keyframes b{to{background-position:-200% 0}}.acceso{max-width:480px;min-height:100svh;padding:calc(28px + env(safe-area-inset-top)) 22px 28px;background:radial-gradient(120% 60% at 80% 0%,#efdccd,transparent),var(--bg);flex-direction:column;justify-content:space-between;margin:auto;display:flex}.hero h2{font:500 46px/1.02 var(--f);margin:40px 0 12px}.hero em{color:var(--ter)}.hero p{color:var(--m);max-width:30ch}.hoja{background:var(--c);border:1px solid var(--l);border-radius:28px;gap:12px;margin-top:28px;padding:18px;display:grid}.hoja label{color:var(--m);gap:6px;font-size:13px;font-weight:600;display:grid}.seg{background:var(--bg);border-radius:999px;padding:4px;display:flex}.seg button{color:var(--m);border-radius:999px;flex:1;padding:10px;font-weight:600}.seg .on{color:var(--t);background:#fff;box-shadow:0 2px 8px #0000000f}.err{color:#b5452e;font-size:14px;font-weight:600}.link{text-align:center;color:var(--m);font-size:13px}.estudio .bloque{background:var(--c);border:1px solid var(--l);border-radius:20px;margin-bottom:10px;padding:14px}.cab small{color:var(--m);font-size:13px;display:block}.fila{border-top:1px solid var(--l);justify-content:space-between;align-items:center;margin-top:8px;padding:8px 0;display:flex}.botones{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.buscar{margin-bottom:12px}input{color:var(--t);background:#0f1a38}.saldo{background:var(--ter);color:#0e1630}.cta{color:#0e1630}.tabs{background:#090f22f5}.tabs .on{color:#0e1630}.clase>button{background:var(--ter);color:#0e1630}.mini{color:var(--t);background:#1a2850}.seg .on{background:var(--c);color:var(--t)}.acceso{background:radial-gradient(120% 60% at 80% 0%,#1f3fa0,transparent),var(--bg)}.hero h2,.h,.top h1{letter-spacing:-.02em;font-weight:900}.hero em{font-style:italic}.toast{background:var(--ter);color:#0e1630}.dias .on small,.dias .on b{color:#fff}.fecha{background:#1d2d5c}.ok{color:var(--ter)}.esq i{background:linear-gradient(90deg,#1a2850,#22356a,#1a2850) 0 0/200%}