:root{--tinta:#f4f1e8;--tinta-suave:#c9d6e4;--fondo:#12324f;--acento:#ffd166;--panel:#0a1a29b8;--borde:#f4f1e829;--fondo-hondo:#08192a;--panel-alto:#102b45;--borde-fuerte:#f4f1e847;--acento-tenue:#ffd16624;--peligro:#ff9d8a;--peligro-fondo:#b03f2c38;--exito:#8fe3b0}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% 0%, var(--fondo) 0%, var(--fondo-hondo) 68%);min-height:100%;color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}#root{min-height:100dvh}.espera{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100dvh;display:flex}.espera__caja{flex-direction:column;align-items:center;gap:.9rem;width:min(320px,70vw);display:flex}.espera__barra{background:#f4f1e824;border-radius:999px;width:100%;height:4px;overflow:hidden}.espera__relleno{background:var(--acento);border-radius:999px;height:100%;transition:width .4s;display:block}.espera__texto{letter-spacing:.02em;color:var(--tinta-suave);margin:0;font-size:.9rem}.espera__reintentar{border:1px solid var(--borde);width:44px;height:44px;color:var(--tinta);cursor:pointer;background:0 0;border-radius:50%;font-size:1.25rem}.puerta{justify-content:center;min-height:100dvh;padding:clamp(1.25rem,6vh,3.5rem) clamp(1rem,5vw,3rem);display:flex}.velo{z-index:10;background:#040e18c7;justify-content:center;align-items:flex-start;padding:clamp(1rem,5vh,3rem) clamp(.75rem,4vw,2.5rem);display:flex;position:fixed;inset:0;overflow-y:auto}.velo .panel{background:var(--panel-alto);box-shadow:0 24px 60px #02080e8c}.panel{border:1px solid var(--borde);background:var(--panel);border-radius:18px;flex-direction:column;width:min(560px,100%);margin:auto;padding:clamp(1.25rem,3.5vw,2.25rem);display:flex}.panel--ancho{width:min(760px,100%)}.panel__saludo{letter-spacing:.06em;text-transform:uppercase;color:var(--acento);margin:0 0 .35rem;font-size:.88rem}.panel__titulo{margin:0 0 .6rem;font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.2}.panel__seccion{letter-spacing:.02em;margin:1.6rem 0 .7rem;font-size:1.02rem}.panel__entrada{color:var(--tinta-suave);margin:0 0 1.4rem;line-height:1.6}.panel__etiqueta{margin-bottom:.35rem;font-size:.92rem;font-weight:600}.panel__campo{border:1px solid var(--borde);color:var(--tinta);font:inherit;background:#04101ca6;border-radius:12px;padding:.7rem .9rem}.panel__campo--codigo{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;max-width:12rem;font-size:1.6rem}.panel__campo:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.panel__campo:disabled{opacity:.6}.panel__pista{color:#c9d6e4c7;margin:.4rem 0 1.1rem;font-size:.82rem}.panel__pista--aviso{color:var(--acento)}.panel__nota{border:1px dashed var(--borde-fuerte);color:var(--tinta-suave);border-radius:12px;margin:0 0 1.1rem;padding:.8rem .9rem;font-size:.9rem;line-height:1.55}.panel__error{background:var(--peligro-fondo);color:#ffd9d1;border:1px solid #ff9d8a73;border-radius:12px;margin:0 0 1rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.5}.panel__boton{background:var(--acento);color:#1d1602;font:inherit;cursor:pointer;border:none;border-radius:999px;margin-top:.4rem;padding:.8rem 1.4rem;font-weight:650}.panel__boton:hover:not(:disabled){filter:brightness(1.06)}.panel__boton:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}.panel__boton:disabled{opacity:.55;cursor:not-allowed}.pasos{counter-reset:paso;margin:0;padding:0;list-style:none}.pasos__paso{counter-increment:paso;border-left:1px solid var(--borde);margin-left:1.05rem;padding:0 0 1.4rem 3rem;position:relative}.pasos__paso:last-child{border-left-color:#0000;padding-bottom:0}.pasos__paso:before{content:counter(paso);border:1px solid var(--borde-fuerte);background:var(--fondo-hondo);width:2.1rem;height:2.1rem;color:var(--acento);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;top:0;left:-1.05rem}.pasos__titulo{margin:0 0 .4rem;padding-top:.35rem;font-size:1.02rem;line-height:1.35}.pasos__texto{color:var(--tinta-suave);margin:0 0 .6rem;line-height:1.6}.pasos__texto--porque{border-left:2px solid var(--acento);color:var(--tinta);margin-top:.9rem;padding-left:.85rem}.pasos__texto--reutilizada{border:1px solid var(--acento-tenue);border-left:3px solid var(--acento);background:var(--acento-tenue);color:var(--tinta);border-radius:12px;margin:0 0 .7rem;padding:.75rem .9rem}.pasos__lista{color:var(--tinta-suave);margin:0 0 .6rem;padding-left:1.1rem;line-height:1.7}.pasos__formulario{border:1px solid var(--borde);background:var(--panel-alto);border-radius:14px;flex-direction:column;align-items:flex-start;gap:.55rem;margin:.9rem 0 0;padding:1rem;display:flex}.pasos__formulario .panel__etiqueta{margin-bottom:0}.pasos__formulario .panel__error{width:100%;margin:0}.qr{background:#fff;border-radius:12px;width:min(280px,70vw);height:auto;margin:.6rem 0;padding:.6rem;display:block}.uri{border:1px solid var(--borde);color:var(--tinta);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#04101ca6;border-radius:12px;margin:.4rem 0 .8rem;padding:.7rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;display:block}.aviso{background:var(--peligro-fondo);border:1px solid #ff9d8a73;border-left-width:4px;border-radius:14px;margin:0 0 1.4rem;padding:1rem 1.1rem}.aviso__titulo{color:#ffd9d1;margin:0 0 .5rem;font-size:1rem;font-weight:700}.aviso__lista{color:#ffe7e1;margin:0;padding-left:1.15rem;line-height:1.6}.codigos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem;margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.codigos__codigo{border:1px solid var(--borde);background:var(--panel-alto);border-radius:10px;align-items:center;gap:.7rem;padding:.55rem .75rem;display:flex}.codigos__numero{min-width:1.5rem;color:var(--acento);text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.codigos__texto{letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.recuperacion__acciones{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.recuperacion__estado{min-height:1.2rem;color:var(--peligro);flex-basis:100%;margin:0;font-size:.85rem}.recuperacion__acciones .panel__boton{margin-top:0}.panel__boton--secundario{border:1px solid var(--borde-fuerte);color:var(--tinta);background:0 0}.recuperacion__guarda{cursor:pointer;align-items:flex-start;gap:.6rem;margin:1.4rem 0 .9rem;line-height:1.5;display:flex}.recuperacion__guarda input{width:1.1rem;height:1.1rem;accent-color:var(--acento);cursor:pointer;margin-top:.2rem}.recuperacion__antes{background:var(--peligro-fondo);color:#ffe7e1;border:1px solid #ff9d8a73;border-left-width:4px;border-radius:12px;margin:0 0 .9rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;line-height:1.5}.pestanas{border:1px solid var(--borde);background:#04101c8c;border-radius:999px;gap:.4rem;margin:0 0 1.2rem;padding:.25rem;display:flex}.pestanas__pestana{color:var(--tinta-suave);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem .9rem;font-size:.9rem}.pestanas__pestana--activa{background:var(--acento-tenue);color:var(--tinta);font-weight:650}.pestanas__pestana:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.permisos{flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem;padding:0;list-style:none;display:flex}.permisos__permiso{border:1px solid var(--borde);background:var(--panel-alto);border-radius:10px;align-items:baseline;gap:.5rem;padding:.5rem .8rem;display:flex}.permisos__nombre{font-size:.92rem;font-weight:600}.permisos__tecnico{letter-spacing:.04em;color:#c9d6e4b3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.seccion{border-top:1px solid var(--borde);margin-top:2rem;padding-top:1.5rem}.personal{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.personal__ficha{border:1px solid var(--borde);background:var(--panel-alto);border-radius:14px;flex-direction:column;padding:.9rem 1rem;display:flex}.personal__cabecera{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.personal__nombre{font-size:1.05rem;font-weight:650}.personal__yo{background:var(--acento-tenue);color:var(--acento);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.personal__datos{grid-template-columns:auto 1fr;gap:.3rem .9rem;margin:0;display:grid}.personal__etiqueta{color:#c9d6e4c7;font-size:.82rem}.personal__valor{overflow-wrap:anywhere;margin:0;font-size:.92rem}.personal__sindato{color:#c9d6e4b3}.personal__categorias{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.personal__categoria{border:1px solid var(--borde);border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.personal__segundo{font-weight:600}.personal__segundo--si{color:var(--exito)}.personal__segundo--no{color:var(--peligro)}.personal__nota{color:var(--tinta-suave);margin:.8rem 0 0;font-size:.85rem;line-height:1.5}.personal__ficha>.panel__boton{align-self:flex-start;margin-top:.8rem}.personal__correo{overflow-wrap:anywhere;margin:0 0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.personal__botones{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.personal__botones .panel__boton{margin-top:0}.personal__fallo{margin:0}.panel__error .panel__boton{margin-top:.6rem}.panel__aviso{color:#d9f7e6;background:#297a4e33;border:1px solid #8fe3b066;border-left-width:4px;border-radius:12px;margin:0 0 1rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.5}.panel-admin{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.panel-admin__cuerpo{flex:1;grid-template-columns:16rem 1fr;min-height:0;display:grid}.barra{border-bottom:1px solid var(--borde);background:#08192ad9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:.6rem clamp(1rem,2.5vw,2rem);display:flex}.barra__marca{color:var(--acento);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.barra__cargando{color:var(--tinta-suave);margin:0;font-size:.85rem}.barra__quien{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.barra__yo{align-items:baseline;gap:.45rem;margin:0;display:flex}.barra__nombre{font-weight:650}.barra__etiqueta{letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave);font-size:.72rem}.barra__permisos{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.barra__permiso{border:1px solid var(--borde);letter-spacing:.02em;color:var(--tinta-suave);border-radius:999px;padding:.12rem .55rem;font-size:.74rem}.barra__permisos--vacio{color:var(--peligro);margin:0;font-size:.76rem}.menu{border-right:1px solid var(--borde);background:#0614228c;padding:1.1rem .75rem 2rem;overflow-y:auto}.menu__grupo{margin-bottom:1.5rem}.menu__titulo{letter-spacing:.14em;text-transform:uppercase;color:#c9d6e49e;margin:0 0 .4rem;padding:0 .6rem;font-size:.7rem;font-weight:700}.menu__lista{margin:0;padding:0;list-style:none}.menu__enlace{color:var(--tinta-suave);cursor:pointer;border-left:3px solid #0000;border-radius:0 8px 8px 0;padding:.5rem .6rem;font-size:.92rem;text-decoration:none;display:block}.menu__enlace:hover{color:var(--tinta);background:#f4f1e80f}.menu__enlace--activo{border-left-color:var(--acento);background:var(--acento-tenue);color:var(--tinta);font-weight:650}.menu__enlace:focus-visible{outline:2px solid var(--acento);outline-offset:-2px}.contenido{min-width:0;padding:clamp(1.1rem,2.5vw,2rem) clamp(1rem,2.5vw,2.25rem) 6rem;overflow:auto}.contenido:focus{outline:none}.cabecera-de-seccion{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.contenido__titulo{margin:0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2}.contenido__entrada{max-width:78ch;color:var(--tinta-suave);margin:.35rem 0 1.25rem;line-height:1.55}.saltar{clip-path:inset(50%);width:1px;height:1px;color:var(--tinta);position:absolute;overflow:hidden}.saltar:focus-visible{z-index:40;background:var(--acento);color:#1d1602;clip-path:none;outline:2px solid var(--tinta);outline-offset:2px;border-radius:10px;width:auto;height:auto;padding:.5rem .9rem;font-weight:650;position:fixed;top:.5rem;left:.5rem}.boton{color:var(--tinta);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.4rem .85rem;font-size:.86rem}.boton--principal{background:var(--acento);color:#1d1602;font-weight:650}.boton--secundario{border-color:var(--borde-fuerte)}.boton--peligro{color:var(--peligro);border-color:#ff9d8a73}.boton:hover:not(:disabled){filter:brightness(1.12)}.boton--secundario:hover:not(:disabled){border-color:var(--acento);color:var(--acento)}.boton--peligro:hover:not(:disabled){border-color:var(--peligro);background:var(--peligro-fondo);filter:none}.boton:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.boton--principal:focus-visible{outline-color:var(--tinta)}.boton:disabled{opacity:.5;cursor:not-allowed}.tabla__caja{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#f4f1e847 #04101c8c;border:1px solid var(--borde);background:#08192a73;border-radius:12px;min-width:0;overflow-x:auto}.tabla{border-collapse:separate;border-spacing:0;width:100%;min-width:72rem;font-size:.86rem}.tabla__caja::-webkit-scrollbar{height:10px}.tabla__caja::-webkit-scrollbar-track{background:#04101c8c}.tabla__caja::-webkit-scrollbar-thumb{background:#f4f1e847 padding-box padding-box;border:2px solid #0000;border-radius:999px}.tabla__caja::-webkit-scrollbar-thumb:hover{background:#ffd1668c padding-box padding-box}.tabla__celda{text-align:left;vertical-align:middle;border-bottom:1px solid #f4f1e814;padding:.5rem .7rem}.tabla__celda--cabecera{z-index:2;border-bottom:1px solid var(--borde-fuerte);background:var(--panel-alto);color:var(--tinta-suave);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:700;position:sticky;top:0}.tabla__fila:nth-child(2n) .tabla__celda{background:#f4f1e805}.tabla__fila:hover .tabla__celda{background:#f4f1e812}.tabla__fila--marcada .tabla__celda{background:var(--acento-tenue)}.tabla__fila:last-child .tabla__celda{border-bottom:none}.tabla__fila:focus-within .tabla__celda{background:var(--acento-tenue)}.tabla__fila:focus-within .tabla__celda:first-child{box-shadow:inset 3px 0 0 var(--acento)}.tabla__celda--marcar{text-align:center;width:2.6rem}.tabla__celda--nombre{min-width:11rem}.tabla__celda--dato{min-width:10rem}.tabla__celda--centro{text-align:center;min-width:4.5rem}.tabla__celda--fecha{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:9.5rem}.tabla__celda--acciones{min-width:20rem}.casilla{width:1.05rem;height:1.05rem;accent-color:var(--acento);cursor:pointer;margin:0}.casilla:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.sindato{color:#c9d6e499}.nombre{align-items:center;gap:.45rem;display:inline-flex}.nombre__texto{font-weight:600}.nombre__yo,.etiqueta{border:1px solid var(--borde);letter-spacing:.03em;color:var(--tinta-suave);border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.nombre__yo{background:var(--acento-tenue);color:var(--acento);text-transform:uppercase;border-color:#0000;font-weight:700}.etiquetas{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.segundo{font-weight:650}.segundo--si{color:var(--exito)}.segundo--no{color:var(--peligro)}.rango{border:1px solid var(--borde-fuerte);white-space:nowrap;border-radius:6px;padding:.1rem .55rem;font-size:.8rem;display:inline-block}.rango--jefe{border-color:var(--acento);color:var(--acento);font-weight:650}.fecha{flex-direction:column;line-height:1.25;display:flex}.fecha__relativa{color:#c9d6e4b3;font-size:.72rem}.fila-acciones{flex-wrap:nowrap;align-items:center;gap:.35rem;display:flex}.fila-acciones .boton{padding:.3rem .6rem;font-size:.8rem}.fila-acciones__nota{color:#c9d6e4b3;font-size:.78rem;line-height:1.3}.tabla__nota{color:#c9d6e4b8;max-width:92ch;margin:.6rem 0 0;font-size:.78rem;line-height:1.5}.acciones{z-index:20;border:1px solid var(--borde-fuerte);background:var(--panel-alto);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.9rem;padding:.6rem .9rem;display:flex;position:fixed;bottom:1.25rem;right:clamp(1rem,2.5vw,2.25rem);box-shadow:0 14px 32px #02080e73}.acciones__cuenta{color:var(--acento);font-variant-numeric:tabular-nums;margin:0;font-size:.86rem;font-weight:650}.acciones__campo{align-items:center;gap:.5rem;display:flex}.acciones__rotulo{color:var(--tinta-suave);font-size:.78rem}.campo__select{border:1px solid var(--borde-fuerte);color:var(--tinta);font:inherit;background:#04101cd9;border-radius:8px;padding:.35rem .5rem;font-size:.85rem}.campo__select:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.aviso-suelto{z-index:30;border:1px solid var(--acento);background:var(--panel-alto);border-left-width:4px;border-radius:12px;align-items:center;gap:.9rem;max-width:min(34rem,100vw - 2rem);padding:.7rem .9rem;display:flex;position:fixed;bottom:5.5rem;right:clamp(1rem,2.5vw,2.25rem);box-shadow:0 14px 32px #02080e73}.aviso-suelto__texto{margin:0;font-size:.88rem;line-height:1.45}.aviso-suelto__accion{margin-right:.25rem;font-weight:700}@media (max-width:520px){.pasos__paso{padding-left:2.5rem}.qr{width:100%}}@media (max-width:900px){.panel-admin{height:auto;min-height:100dvh;overflow:visible}.panel-admin__cuerpo{grid-template-columns:1fr}.menu{border-right:none;border-bottom:1px solid var(--borde);padding-bottom:.9rem;overflow:visible}.menu__lista{flex-wrap:wrap;gap:.4rem;display:flex}.menu__enlace{border-left:none;border:1px solid var(--borde);border-radius:999px;padding:.4rem .7rem}.menu__enlace--activo{border-color:var(--acento)}.contenido{padding-bottom:8rem;overflow:visible}.tabla__celda--cabecera{position:static}.acciones{left:1rem;right:1rem}.aviso-suelto{bottom:8.5rem;left:1rem;right:1rem}}