@font-face{font-family:Technor;src:url(/fonts/Technor-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Technor;src:url(/fonts/Technor-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ranade;src:url(/fonts/Ranade-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ranade;src:url(/fonts/Ranade-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ranade;src:url(/fonts/Ranade-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--tinta:#100b00;--khaki-oscuro:#3b341f;--sage:#a5cbc3;--mint:#efffc8;--superficie:#f1f4ec;--blanco:#fff;--linea:#e1e6db;--verde-relleno:#85cb33;--verde-texto-sobre-relleno:#16250a;--verde-texto:#5e8c1b;--verde-chip-texto:#4f7a17;--ambar-chip-texto:#7a5800;--rojo-chip-texto:#a81f1f;--ambar:#e0a100;--ambar-suave:#fff6db;--ambar-suave-borde:#f0dda0;--rojo:#dc3b3b;--texto:var(--tinta);--texto-tenue:var(--khaki-oscuro);--fondo:var(--blanco);--borde:var(--linea);--acento:var(--verde-relleno);--error:var(--rojo);--ok:var(--verde-texto);--fuente-display:"Technor", sans-serif;--fuente-cuerpo:"Ranade", sans-serif;--texto-12:12px;--texto-14:14px;--texto-16:16px;--texto-20:20px;--texto-28:28px;--texto-32:32px;--espacio-1:4px;--espacio-2:8px;--espacio-3:12px;--espacio-4:16px;--espacio-5:24px;--espacio-6:32px;--espacio-7:48px;--altura-tab-bar:64px;--radio-chico:8px;--radio-grande:20px;--sombra-sheet:0 -2px 8px #100b0014;--sombra-flotante:0 2px 6px #100b0026;--duracion-rapida:.15s;--duracion-normal:.3s;--curva-standard:cubic-bezier(.4, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--fuente-cuerpo)}*{box-sizing:border-box}body{color:var(--texto);background:var(--fondo);margin:0}#root{min-height:100svh}h1{margin:0 0 16px;font-size:24px}h2{align-items:center;gap:6px;margin:0 0 8px;font-size:18px;display:flex}button{font:inherit;border-radius:var(--radio-chico);border:1px solid var(--linea);min-height:48px;color:var(--tinta);cursor:pointer;background:0 0;padding:0 20px}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--borde);background:var(--fondo);min-height:48px;color:var(--texto);border-radius:6px;width:100%;padding:12px}textarea{resize:vertical}.campo-contrasena{position:relative}.campo-contrasena input{padding-right:44px}.boton-mostrar-contrasena{min-width:36px;min-height:36px;color:var(--texto-tenue);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}label{color:var(--texto-tenue);flex-direction:column;gap:4px;margin-bottom:12px;font-size:14px;display:flex}.mensaje-error{color:var(--error)}.mensaje-ok{color:var(--ok)}.enlace-soporte{color:var(--verde-chip-texto);text-underline-offset:2px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.codigo-error{font-family:var(--fuente-display);font-size:var(--texto-20);letter-spacing:.08em;color:var(--texto-tenue);margin:0}.pantalla-cargando,.pantalla-simple{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:24px;display:flex}.pantalla-login{justify-content:center;align-items:center;gap:var(--espacio-6);max-width:360px;padding:var(--espacio-6) var(--espacio-4);background:var(--superficie);flex-direction:column;min-height:100svh;margin:0 auto;display:flex}.login-marca{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.login-marca img{margin-bottom:var(--espacio-3)}.login-marca h1{font-family:var(--fuente-display);font-size:var(--texto-32);color:var(--tinta);margin:0}.login-para{font-family:var(--fuente-cuerpo);font-size:var(--texto-12);letter-spacing:.08em;text-transform:uppercase;color:var(--khaki-oscuro);margin:var(--espacio-2) 0 0}.login-primera-vez{margin-top:var(--espacio-3);flex-direction:column;gap:2px;display:flex}.login-primera-vez p{margin:0}.login-primera-vez-pregunta{font-size:var(--texto-14);color:var(--tinta);font-weight:500}.login-primera-vez-respuesta{color:var(--khaki-oscuro);font-size:13px}.login-pie{align-items:center;gap:var(--espacio-2);flex-direction:column;display:flex}.login-soporte{align-items:center;gap:var(--espacio-1);min-height:44px;font-family:var(--fuente-cuerpo);color:var(--verde-chip-texto);text-underline-offset:2px;font-size:13px;text-decoration:underline;display:inline-flex}.login-firma{font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--khaki-oscuro);opacity:.7;margin:0}.pantalla-empleado-tab h1{font-family:var(--fuente-display);font-size:var(--texto-28);margin:0 0 var(--espacio-4)}.pantalla-legal{max-width:640px;padding:var(--espacio-6) var(--espacio-4) var(--espacio-8);background:var(--blanco);min-height:100svh;margin:0 auto}.pantalla-legal h1{font-family:var(--fuente-display);font-size:var(--texto-28);margin:var(--espacio-4) 0 var(--espacio-2)}.pantalla-legal h2{font-family:var(--fuente-display);font-size:var(--texto-20);margin:var(--espacio-6) 0 var(--espacio-2)}.pantalla-legal p,.pantalla-legal li{font-family:var(--fuente-cuerpo);font-size:var(--texto-16);color:var(--tinta);line-height:1.5}.pantalla-legal ul{margin:0 0 var(--espacio-3);padding-left:var(--espacio-5);gap:var(--espacio-2);flex-direction:column;display:flex}.pantalla-legal .login-unete-botones{margin-bottom:var(--espacio-5)}.pantalla-legal .login-firma{margin-top:var(--espacio-6);text-align:center}.login-privacidad{text-underline-offset:2px;text-decoration:underline}.ui-tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio-grande);padding:var(--espacio-4)}.ui-bottom-sheet{background:var(--blanco);border-radius:var(--radio-grande) var(--radio-grande) 0 0;padding:var(--espacio-4);box-shadow:var(--sombra-sheet);animation:sheet-desliza var(--duracion-normal) var(--curva-standard)}.ui-bottom-sheet-manija{width:36px;height:4px;min-height:0;margin:0 auto var(--espacio-3);background:var(--linea);cursor:grab;touch-action:none;border:none;border-radius:999px;padding:0;display:block}@keyframes sheet-desliza{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-bottom-sheet{animation:none}}.ui-tab-bar{height:var(--altura-tab-bar);border-top:1px solid var(--linea);background:var(--blanco);display:flex}.ui-tab-bar button{align-items:center;gap:var(--espacio-1);padding:var(--espacio-2);font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--khaki-oscuro);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;display:flex}.ui-tab-bar button.activo{color:var(--verde-texto)}.ui-avatar{background:var(--tinta);color:var(--blanco);font-family:var(--fuente-cuerpo);border-radius:999px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.ui-avatar-chico{width:40px;height:40px;font-size:var(--texto-14)}.ui-avatar-grande{width:56px;height:56px;font-size:var(--texto-16)}.ui-avatar-perfil{width:96px;height:96px;font-size:var(--texto-28)}img.ui-avatar{object-fit:cover;background:var(--superficie);box-shadow:inset 0 0 0 1px var(--linea)}.ui-skeleton{border-radius:var(--radio-chico);background:linear-gradient(90deg, var(--superficie) 25%, var(--linea) 50%, var(--superficie) 75%);background-size:200% 100%;width:100%;animation:1.4s ease-in-out infinite ui-skeleton-brillo}@keyframes ui-skeleton-brillo{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-chip{align-items:center;gap:var(--espacio-1);padding:var(--espacio-1) var(--espacio-3);font-family:var(--fuente-cuerpo);font-size:var(--texto-12);border-radius:999px;font-weight:500;display:inline-flex}.ui-chip-ok{color:var(--verde-chip-texto);background:#85cb3326}.ui-chip-ambar{color:var(--ambar-chip-texto);background:#e0a10026}.ui-chip-rojo{color:var(--rojo-chip-texto);background:#dc3b3b26}.ui-chip-neutro{background:var(--superficie);color:var(--khaki-oscuro)}.ui-segmented{gap:var(--espacio-1);padding:var(--espacio-1);background:var(--superficie);border-radius:var(--radio-chico);display:flex}.ui-segmented button{padding:var(--espacio-2) var(--espacio-3);border-radius:calc(var(--radio-chico) - var(--espacio-1));font-family:var(--fuente-cuerpo);font-size:var(--texto-14);color:var(--khaki-oscuro);cursor:pointer;background:0 0;border:none;flex:1}.ui-segmented button.activo{background:var(--blanco);color:var(--tinta);font-weight:500}.ui-boton-hero{background:var(--verde-relleno);color:var(--verde-texto-sobre-relleno);border-radius:var(--radio-chico);padding:var(--espacio-3) var(--espacio-5);font-family:var(--fuente-cuerpo);font-weight:700;font-size:var(--texto-16);cursor:pointer;border:none}.ui-boton-secundario{color:var(--tinta);border:1px solid var(--linea);border-radius:var(--radio-chico);padding:var(--espacio-3) var(--espacio-5);font-family:var(--fuente-cuerpo);font-weight:500;font-size:var(--texto-16);cursor:pointer;background:0 0}.ui-metric-card{gap:var(--espacio-1);flex-direction:column;display:flex}.ui-metric-card strong{font-family:var(--fuente-display);font-size:var(--texto-28);color:var(--tinta)}.ui-metric-card span{font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--khaki-oscuro)}.ui-barra-ranking{align-items:baseline;column-gap:var(--espacio-3);row-gap:var(--espacio-1);flex-wrap:wrap;display:flex}.ui-barra-ranking-nombre{min-width:0;font-family:var(--fuente-cuerpo);font-size:var(--texto-14);color:var(--tinta);overflow-wrap:anywhere;flex:1 1 0}.ui-barra-ranking-track{height:var(--espacio-2);background:var(--superficie);border-radius:var(--radio-chico);flex-basis:100%;order:3;overflow:hidden}.ui-barra-ranking-fill{background:var(--verde-relleno);border-radius:0 4px 4px 0;height:100%}.ui-barra-ranking-valor{font-family:var(--fuente-display);font-size:var(--texto-14);color:var(--tinta);flex:none;order:2}.ui-fila-persona{align-items:center;gap:var(--espacio-3);display:flex}.ui-fila-persona-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ui-fila-persona-info strong{font-family:var(--fuente-cuerpo);font-size:var(--texto-16);color:var(--tinta)}.ui-fila-persona-estado{font-family:var(--fuente-cuerpo);font-size:var(--texto-14)}.ui-fila-persona-estado-ok{color:var(--verde-chip-texto)}.ui-fila-persona-estado-ambar{color:var(--ambar-chip-texto)}.ui-fila-persona-estado-rojo{color:var(--rojo-chip-texto)}.ui-fila-persona-estado-neutro{color:var(--khaki-oscuro)}.ui-fila-persona-accesorio{flex:none}.ui-selector-pildora{display:inline-flex;position:relative}.ui-selector-pildora select{appearance:none;width:100%;padding:var(--espacio-1) var(--espacio-6) var(--espacio-1) var(--espacio-3);background:var(--blanco);min-height:36px;font-family:var(--fuente-cuerpo);font-size:var(--texto-14);color:var(--tinta);border:none;border-radius:999px}.ui-selector-pildora select:disabled{padding-right:var(--espacio-3);opacity:1}.ui-selector-pildora-flecha{right:var(--espacio-2);color:var(--khaki-oscuro);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ui-mapa-calor{grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(8px,1fr);grid-auto-flow:column;gap:3px;display:grid}.ui-mapa-calor-celda{aspect-ratio:1;background:var(--superficie);border-radius:2px}.ui-mapa-calor-nivel-1{background:#85cb3359}.ui-mapa-calor-nivel-2{background:#85cb33a6}.ui-mapa-calor-nivel-3{background:var(--verde-relleno)}.ui-insignias{gap:var(--espacio-3);display:flex}.ui-insignia{align-items:center;gap:var(--espacio-1);color:var(--khaki-oscuro);opacity:.35;flex-direction:column;flex:1;display:flex}.ui-insignia-lograda{color:var(--verde-texto);opacity:1}.ui-insignia span{font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--khaki-oscuro)}.ui-estado-vacio{align-items:center;gap:var(--espacio-2);padding:var(--espacio-6) var(--espacio-4);text-align:center;color:var(--khaki-oscuro);flex-direction:column;display:flex}.ui-estado-vacio-titulo{font-family:var(--fuente-cuerpo);font-size:var(--texto-16);color:var(--tinta);margin:0;font-weight:500}.ui-estado-vacio-ayuda{font-family:var(--fuente-cuerpo);font-size:var(--texto-14);color:var(--khaki-oscuro);max-width:32ch;margin:0}.cabecera-compacta{align-items:center;gap:var(--espacio-3);margin-bottom:var(--espacio-5);padding-bottom:var(--espacio-4);border-bottom:1px solid var(--linea);display:flex}.cabecera-compacta .ui-avatar{flex-shrink:0;width:44px;height:44px}.cabecera-compacta-identidad{flex:1;min-width:0}.cabecera-compacta-empresa{font-family:var(--fuente-display);font-size:var(--texto-20);color:var(--tinta);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.cabecera-compacta-rol{font-family:var(--fuente-cuerpo);color:var(--khaki-oscuro);margin:0;font-size:13px}.cabecera-compacta-salir{border:1px solid var(--linea);width:44px;height:44px;min-height:44px;color:var(--tinta);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-grafico{background:var(--blanco)}.ui-grafico-titulo{font-family:var(--fuente-cuerpo);font-size:var(--texto-14);color:var(--tinta);margin:0 0 var(--espacio-3);font-weight:500}.ui-barras-scroll{overflow-x:auto}.ui-barras-pista{align-items:flex-end;gap:var(--espacio-2);border-bottom:1px solid var(--linea);min-width:100%;height:132px;display:flex}.ui-barras-columna{justify-content:flex-end;align-items:center;gap:var(--espacio-1);flex-direction:column;flex:1 1 0;min-width:40px;height:100%;display:flex}.ui-barras-valor{font-family:var(--fuente-display);font-size:var(--texto-14);color:var(--tinta);white-space:nowrap;flex-shrink:0}.ui-barras-pista-barra{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex}.ui-barras-barra{background:var(--verde-relleno);border-radius:3px 3px 0 0;width:100%;max-width:40px}.ui-barras-etiqueta{font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--khaki-oscuro);flex-shrink:0}.ui-grafico-contexto{font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--khaki-oscuro);margin:var(--espacio-2) 0 0}.ui-dona{justify-content:center;align-items:center;gap:var(--espacio-4) var(--espacio-5);flex-wrap:wrap;display:flex}.ui-dona-anillo{flex:0 0 120px;height:120px;position:relative}.ui-dona-anillo svg{width:100%;height:100%;display:block}.ui-dona-total{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-dona-total strong{font-family:var(--fuente-display);font-size:var(--texto-28);color:var(--tinta);line-height:1}.ui-dona-total span{font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--khaki-oscuro)}.ui-dona-leyenda{gap:var(--espacio-2);flex-direction:column;flex:200px;margin:0;padding:0;list-style:none;display:flex}.ui-dona-leyenda li{align-items:center;gap:var(--espacio-2);font-family:var(--fuente-cuerpo);font-size:var(--texto-14);color:var(--tinta);display:flex}.ui-dona-muestra{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--linea);border-radius:3px;flex-shrink:0}.ui-dona-etiqueta{flex:1}.ui-dona-valor{font-family:var(--fuente-display)}.ui-dona-porcentaje{text-align:right;min-width:40px;font-size:var(--texto-12);color:var(--khaki-oscuro)}.selector-capa-fondo{z-index:15;background:#100b0040;align-items:flex-end;display:flex;position:fixed;inset:0}.selector-capa{width:100%;padding-bottom:calc(var(--espacio-5) + env(safe-area-inset-bottom))}.selector-capa-titulo{font-family:var(--fuente-cuerpo);font-size:var(--texto-14);color:var(--tinta);margin:0 0 var(--espacio-3);font-weight:500}.selector-capa-opciones{gap:var(--espacio-3);display:flex}.selector-capa-opcion{align-items:center;gap:var(--espacio-1);min-width:0;min-height:0;padding:var(--espacio-1);border-radius:var(--radio-chico);font-family:var(--fuente-cuerpo);font-size:var(--texto-12);color:var(--tinta);background:0 0;border:2px solid #0000;flex-direction:column;flex:1;display:flex}.selector-capa-opcion.activa{border-color:var(--verde-relleno)}.selector-capa-miniatura{aspect-ratio:1;object-fit:cover;border-radius:calc(var(--radio-chico) - 2px);background:var(--superficie);width:100%;display:block}.selector-capa-miniatura.monocromo{filter:grayscale()brightness(1.06)contrast(.9)}.tarjeta-pin{align-items:center;gap:var(--espacio-3);text-align:center;flex-direction:column;display:flex}.tarjeta-pin-titulo{font-family:var(--fuente-cuerpo);font-size:var(--texto-16);color:var(--tinta);margin:0;font-weight:500}.tarjeta-pin-numero{font-family:var(--fuente-display);font-size:var(--texto-28);font-variant-numeric:tabular-nums;letter-spacing:.3em;color:var(--tinta);margin:0;padding-left:.3em}.tarjeta-pin-numero-largo{font-size:var(--texto-20);letter-spacing:.08em;word-break:break-all;padding-left:.08em}.tarjeta-pin-aviso{font-family:var(--fuente-cuerpo);color:var(--khaki-oscuro);margin:0;font-size:13px}.tarjeta-pin .acciones-evento{width:100%}.tarjeta-pin .acciones-evento>*{flex:1}.ui-aviso-actualizacion{z-index:50;background:var(--texto);color:var(--fondo);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.ui-aviso-actualizacion button{flex:none;min-height:40px;padding:0 16px}
