:root{--fondo: #f8fafc;--superficie: #ffffff;--superficie-2: #f8fafc;--superficie-3: #f1f5f9;--borde: #e2e8f0;--borde-fuerte: #cbd5e1;--texto: #0f172a;--texto-sutil: #475569;--texto-tenue: #94a3b8;--primario: #1a5632;--primario-fuerte: #144026;--primario-suave: #eef3f0;--sobre-primario: #ffffff;--marca-tenue: #7b8a94;--exito: #16a34a;--exito-suave: #dcfce7;--exito-texto: #166534;--aviso: #f7c408;--aviso-suave: #fef8e4;--aviso-texto: #8a6a04;--peligro: #dc2626;--peligro-suave: #fee2e2;--peligro-texto: #991b1b;--fuente: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fuente-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-md: .875rem;--t-base: .9375rem;--t-lg: 1.125rem;--t-xl: 1.5rem;--t-2xl: 1.875rem;--peso-medio: 500;--peso-fuerte: 600;--peso-max: 700;--e1: .25rem;--e2: .5rem;--e3: .75rem;--e4: 1rem;--e5: 1.5rem;--e6: 2rem;--e7: 3rem;--r-sm: 6px;--r-md: 10px;--r-full: 999px;--sombra-sutil: 0 1px 2px rgb(15 23 42 / .04);--sombra: 0 1px 3px rgb(15 23 42 / .08), 0 1px 2px rgb(15 23 42 / .04);--sombra-panel: -8px 0 24px rgb(15 23 42 / .08);--transicion: .12s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:var(--t-base);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--primario);outline-offset:2px;border-radius:var(--r-sm)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.pantalla-login{min-height:100vh;display:grid;place-items:center;padding:var(--e5);background:radial-gradient(80rem 40rem at 50% -20%,rgb(26 86 50 / .07),transparent 70%),var(--fondo)}.tarjeta-login{width:100%;max-width:380px;padding:var(--e6);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-md);box-shadow:var(--sombra)}.tarjeta-login>header{margin-bottom:var(--e5);text-align:center}.tarjeta-login .marca{height:30px;width:auto;margin-bottom:var(--e4);opacity:.9}.tarjeta-login h1{font-size:var(--t-xl);font-weight:var(--peso-max);letter-spacing:-.02em}.tarjeta-login header p{margin-top:var(--e1);font-size:var(--t-md);color:var(--texto-tenue)}.tarjeta-login .login{display:grid;gap:var(--e4)}.tarjeta-login label{display:grid;gap:var(--e1)}.tarjeta-login label span{font-size:var(--t-sm);font-weight:var(--peso-medio);color:var(--texto-sutil)}.tarjeta-login input{width:100%;padding:var(--e3);font-size:var(--t-base);border:1px solid var(--borde-fuerte);border-radius:var(--r-sm);background:var(--superficie);transition:border-color var(--transicion),box-shadow var(--transicion)}.tarjeta-login input:hover{border-color:var(--texto-tenue)}.tarjeta-login input:focus-visible{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px #1a563226}.tarjeta-login .principal{width:100%;padding:var(--e3);font-size:var(--t-base);font-weight:var(--peso-fuerte);color:var(--sobre-primario);background:var(--primario);border:none;border-radius:var(--r-sm);transition:background var(--transicion)}.tarjeta-login .principal:hover:not(:disabled){background:var(--primario-fuerte)}.tarjeta-login .principal:disabled{background:var(--borde-fuerte);color:var(--texto-tenue)}.tarjeta-login .alerta{padding:var(--e2) var(--e3);font-size:var(--t-md);color:var(--peligro-texto);background:var(--peligro-suave);border-radius:var(--r-sm)}*{-webkit-tap-highlight-color:transparent}body{overflow:hidden;-webkit-user-select:none;user-select:none}.kiosco{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--e5);height:100vh;padding:5vh 6vw;max-width:900px;margin:0 auto}h1{font-size:40px;font-weight:var(--peso-max);text-align:center;letter-spacing:-.02em}.ayuda{font-size:22px;color:var(--texto-sutil);text-align:center}.documento{font-size:48px;font-weight:var(--peso-max);letter-spacing:.12em;min-height:60px;font-variant-numeric:tabular-nums}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e3);width:100%;max-width:420px}.tecla,.auxiliar{min-width:60px;min-height:60px;height:84px;font-size:32px;font-weight:var(--peso-fuerte);border:2px solid var(--borde-fuerte);border-radius:var(--r-md);background:var(--superficie);color:var(--texto)}.auxiliar{background:var(--superficie-3)}.tecla:active,.auxiliar:active,.servicio:active,.principal:active{transform:scale(.97)}.tecla:disabled,.servicio:disabled,.principal:disabled{transform:none}.principal{min-height:72px;width:100%;max-width:420px;font-size:26px;font-weight:var(--peso-max);border:none;border-radius:var(--r-md);background:var(--primario);color:var(--sobre-primario)}.principal:disabled{background:var(--borde-fuerte);color:var(--texto-sutil)}.servicios{display:grid;gap:var(--e4);width:100%;max-width:560px}.servicio{min-height:96px;font-size:30px;font-weight:var(--peso-fuerte);border:2px solid var(--primario);border-radius:var(--r-md);background:var(--superficie);color:var(--primario-fuerte)}.servicio:disabled{opacity:.5}.tenue{border-color:var(--borde-fuerte);color:var(--texto-sutil)}.listo{text-align:center;display:grid;gap:var(--e4);justify-items:center}.etiqueta{font-size:24px;color:var(--texto-sutil)}.codigo{font-size:140px;font-weight:800;line-height:1;margin:var(--e4) 0;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pie-dispositivo{position:fixed;bottom:2vh;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:var(--e3);font-size:16px;color:var(--texto-tenue)}.pie-dispositivo button{border:none;background:none;color:var(--texto-tenue);font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:var(--e2) var(--e3)}.kiosco .marca{height:46px;width:auto;opacity:.85;margin-bottom:var(--e2)}