@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";:root{--marca-500:#0066b1;--marca-600:#049;--marca-050:#eef6fc;--link:#0044e2;--tinta:#111;--tinta-60:#5a6069;--tinta-40:#878d96;--linea:#e3e7ec;--fondo:#f6f8fa;--superficie:#fff;--normal:oklch(62% .02 250);--preventivo:oklch(72% .15 75);--preventivo-suave:oklch(96% .04 85);--critico:oklch(55% .2 25);--critico-suave:oklch(96% .04 25);--positivo:oklch(58% .14 155);--positivo-suave:oklch(96% .04 155);--r:12px;--r-sm:8px;--sombra:0 1px 2px #1111110d, 0 4px 14px #1111110d;--ease:cubic-bezier(.23, 1, .32, 1)}@media (prefers-color-scheme:dark){:root{--marca-500:oklch(68% .15 245);--marca-600:oklch(75% .13 245);--marca-050:oklch(30% .05 245);--link:oklch(75% .15 260);--tinta:#f2f4f7;--tinta-60:#a4abb5;--tinta-40:#767d87;--linea:#2a3038;--fondo:#14171b;--superficie:#1c2027;--preventivo:oklch(80% .15 80);--preventivo-suave:oklch(32% .06 85);--critico:oklch(70% .17 25);--critico-suave:oklch(32% .07 25);--positivo:oklch(72% .14 155);--positivo-suave:oklch(32% .06 155);--sombra:0 1px 2px #0000004d, 0 4px 14px #00000040}}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.2}h1{font-size:21px;font-weight:700}h2{font-size:17px;font-weight:600}h3{font-size:15px;font-weight:600}.app{flex-direction:column;min-height:100%;padding-bottom:76px;display:flex}.barra{z-index:20;background:var(--superficie);border-bottom:1px solid var(--linea);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.barra img{object-fit:contain;width:30px;height:30px}.barra .titulo{letter-spacing:-.02em;font-size:16px;font-weight:700}.barra .sub{color:var(--tinta-40);font-size:12px}.barra .der{align-items:center;gap:8px;margin-left:auto;display:flex}.contenido{flex:1;width:100%;max-width:940px;margin:0 auto;padding:16px}.nav{z-index:30;background:var(--superficie);border-top:1px solid var(--linea);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{cursor:pointer;min-height:56px;color:var(--tinta-40);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 11px;font-size:11px;font-weight:600;transition:color .15s;display:flex}.nav button.on{color:var(--marca-500)}.nav button:active{transform:scale(.96)}.nav svg{width:21px;height:21px}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);padding:14px}.tarjeta+.tarjeta{margin-top:10px}.seccion-tit{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-40);margin:22px 0 8px;font-size:12px;font-weight:700}.seccion-tit:first-child{margin-top:0}.btn{border-radius:var(--r-sm);background:var(--marca-500);color:#fff;cursor:pointer;min-height:44px;transition:transform .12s var(--ease), background .15s;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn.fantasma{color:var(--tinta);border-color:var(--linea);background:0 0}.btn.peligro{background:var(--critico)}.btn.ancho{width:100%}.btn-hero{z-index:25;max-width:908px;margin:0 auto;position:fixed;bottom:72px;left:16px;right:16px;box-shadow:0 8px 24px #00449940}.campo{margin-bottom:12px;display:block}.campo span{color:var(--tinta-60);margin-bottom:5px;font-size:13px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--linea);border-radius:var(--r-sm);background:var(--superficie);width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{outline:2px solid var(--link);outline-offset:-1px;border-color:#0000}.alumnos{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.alumno{border:1px solid var(--linea);border-radius:var(--r);background:var(--superficie);cursor:pointer;text-align:center;min-height:106px;transition:transform .12s var(--ease), border-color .15s, background .15s;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;display:flex}.alumno:active{transform:scale(.96)}.alumno.sel{border-color:var(--marca-500);background:var(--marca-050);box-shadow:inset 0 0 0 1px var(--marca-500)}.alumno.bloqueado{opacity:.45;cursor:not-allowed}.avatar{color:#fff;letter-spacing:.01em;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:grid}.alumno .nom{font-size:12px;font-weight:600;line-height:1.25}.chip{letter-spacing:.01em;background:var(--fondo);color:var(--tinta-60);border:1px solid var(--linea);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.chip.preventivo{background:var(--preventivo-suave);color:var(--preventivo);border-color:#0000}.chip.critico{background:var(--critico-suave);color:var(--critico);border-color:#0000}.chip.positivo{background:var(--positivo-suave);color:var(--positivo);border-color:#0000}.chip.marca{background:var(--marca-050);color:var(--marca-500);border-color:#0000}.fila{border-bottom:1px solid var(--linea);align-items:flex-start;gap:11px;padding:12px 0;display:flex}.fila:last-child{border-bottom:0}.fila .cuerpo{flex:1;min-width:0}.fila .meta{color:var(--tinta-40);margin-top:2px;font-size:12.5px}.fila .titulo{font-size:14.5px;font-weight:600}.cifra{letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.05}.cifra-etq{color:var(--tinta-40);font-size:12px;font-weight:600}.cifras{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;display:grid}.medidor{background:var(--linea);border-radius:999px;height:9px;margin:10px 0 6px;overflow:hidden}.medidor i{background:var(--normal);height:100%;transition:width .5s var(--ease);border-radius:999px;display:block}.medidor i.preventiva{background:var(--preventivo)}.medidor i.critica{background:var(--critico)}.tabla-wrap{margin:0 -14px;padding:0 14px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13.5px}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-40);border-bottom:1px solid var(--linea);padding:8px 10px 8px 0;font-size:11.5px}td{border-bottom:1px solid var(--linea);padding:10px 10px 10px 0}tr.alerta td{background:var(--critico-suave)}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login .caja{text-align:center;width:100%;max-width:380px}.login img{object-fit:contain;width:84px;height:84px;margin-bottom:14px}.login .lema{color:var(--tinta-40);margin:2px 0 22px;font-size:13px}.login form{text-align:left}.error{background:var(--critico-suave);color:var(--critico);border-radius:var(--r-sm);margin-bottom:12px;padding:9px 12px;font-size:13.5px;font-weight:600}.vacio{text-align:center;color:var(--tinta-40);padding:40px 20px;font-size:14px}.velo{z-index:60;animation:fade .18s var(--ease);background:#11111173;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja{background:var(--superficie);width:100%;max-width:560px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:88vh;animation:subir .24s var(--ease);border-radius:18px 18px 0 0;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes subir{0%{opacity:0;transform:translateY(16px)}}.conducta-op{text-align:left;cursor:pointer;border:1px solid var(--linea);border-radius:var(--r-sm);background:var(--superficie);width:100%;transition:transform .12s var(--ease), border-color .15s;align-items:center;gap:10px;margin-bottom:6px;padding:12px;display:flex}.conducta-op:active{transform:scale(.98)}.conducta-op.on{border-color:var(--marca-500);background:var(--marca-050)}.conducta-op .txt{flex:1;font-size:14px;font-weight:600;line-height:1.3}.copiar{background:var(--fondo);border:1px solid var(--linea);border-radius:var(--r-sm);white-space:pre-wrap;color:var(--tinta-60);max-height:190px;padding:12px;font-size:13.5px;line-height:1.5;overflow-y:auto}.reveal>*{animation:aparecer .34s var(--ease) backwards}.reveal>:first-child{animation-delay:20ms}.reveal>:nth-child(2){animation-delay:70ms}.reveal>:nth-child(3){animation-delay:.12s}.reveal>:nth-child(4){animation-delay:.17s}.reveal>:nth-child(5){animation-delay:.22s}@keyframes aparecer{0%{opacity:0;transform:translateY(7px)}}@media (hover:hover){.btn:hover{background:var(--marca-600)}.btn.fantasma:hover{background:var(--fondo)}.alumno:hover,.conducta-op:hover{border-color:var(--marca-500)}}