.login{grid-template-columns:minmax(0,1fr) minmax(280px,40%);min-height:100vh;display:grid}.login__principal{flex-direction:column;justify-content:space-between;padding:40px 24px 20px;display:flex}.login__tarjeta{flex-direction:column;gap:18px;width:100%;max-width:440px;margin:0 auto;display:flex}.login__logo{align-self:flex-start;width:180px;height:auto}.login__sistema{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin:-8px 0 0;font-size:12px}.login__equipo{background:var(--brand-050);border:1px solid var(--brand);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.login__pasos{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);align-items:center;gap:10px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.login__paso{align-items:center;gap:6px;display:inline-flex}.login__paso+.login__paso:before{content:"";background:var(--mist);width:24px;height:1px;margin-right:4px}.login__paso-num{border:1px solid var(--mist);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:inline-grid}.login__paso--actual{color:var(--ink);font-weight:600}.login__paso--actual .login__paso-num{background:var(--brand);border-color:var(--brand);color:var(--ink)}.login__paso--hecho .login__paso-num{background:var(--ink);border-color:var(--ink);color:var(--fondo)}.login__titulo{letter-spacing:-.01em;margin:4px 0 0;font-size:26px;font-weight:700}.login__contexto{color:var(--ink-500);margin:-10px 0 0;font-size:13px}.login__esperando{color:var(--ink-500);margin:0;font-size:13px}.login__opciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.login__opciones--usuarios{grid-template-columns:1fr;max-height:46vh;padding:2px;overflow-y:auto}.login__opcion{border:1px solid var(--mist);border-radius:var(--r-md);background:var(--fondo);text-align:left;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:64px;padding:14px 18px;font-size:18px;font-weight:600;transition:border-color .12s,background .12s;display:flex}.login__opcion:hover:not(:disabled){border-color:var(--brand);background:var(--brand-050)}.login__opcion:disabled{cursor:not-allowed;opacity:.6}.login__opcion--usuario{min-height:58px;padding:10px 16px;font-size:16px}.login__opcion-rol{color:var(--ink-500);letter-spacing:.04em;font-size:12px;font-weight:400}.login__pin{justify-content:center;gap:16px;padding:8px 0;display:flex}.login__punto{border:2px solid var(--ink-500);border-radius:50%;width:18px;height:18px;transition:background .1s,border-color .1s}.login__punto--lleno{background:var(--brand);border-color:var(--brand)}.login__teclado{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:320px;margin:0 auto;display:grid}.login__tecla{border:1px solid var(--mist);border-radius:var(--r-md);background:var(--fondo);cursor:pointer;height:60px;font-size:22px;font-weight:600}.login__tecla:hover:not(:disabled){border-color:var(--brand);background:var(--brand-050)}.login__tecla:active:not(:disabled){background:var(--brand)}.login__tecla:disabled{opacity:.5;cursor:wait}.login__tecla--accion{color:var(--ink-700);background:var(--mist-100);font-size:18px}.login__error{border-radius:var(--r-sm);background:var(--peligro-050);border:1px solid var(--peligro);color:var(--peligro);margin:0;padding:10px 14px;font-size:13px}.login__acciones{justify-content:space-between;align-items:center;min-height:24px;display:flex}.login__volver,.login__otro{color:var(--ink-500);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.login__volver:hover,.login__otro:hover{color:var(--ink);text-decoration:underline}.login__otro{margin-left:auto;font-size:12px}.login__pie{width:100%;max-width:440px;color:var(--ink-500);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:32px auto 0;font-size:12px;display:flex}.login__pie a{color:var(--ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.login__lado{background:var(--panel);border-left:1px solid var(--mist-100);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:40px;display:flex}.login__iconos{grid-template-columns:repeat(3,56px);gap:18px;display:grid}.login__iconos img{box-shadow:var(--sombra);border-radius:14px}.login__lado-texto{text-align:center;max-width:300px;color:var(--ink-700);margin:0;font-size:15px}@media (width<=860px){.login{grid-template-columns:1fr}.login__lado{display:none}}.encabezado{border-bottom:1px solid var(--mist-100);background:var(--fondo);align-items:center;gap:20px;padding:14px 32px;display:flex}.encabezado__logo-enlace{border-radius:var(--r-sm);display:inline-flex}.encabezado__logo{width:auto;height:36px;display:block}.encabezado__chip{border:1px solid var(--mist);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.encabezado__chip--selector{padding:2px 4px 2px 12px}.encabezado__chip-etiqueta{color:var(--ink-500);font-weight:400}.encabezado__chip select{font-family:var(--mono);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px;font-weight:600}.encabezado__derecha{align-items:center;gap:16px;margin-left:auto;display:flex}.encabezado__quien{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.encabezado__nombre{font-size:14px;font-weight:600}.encabezado__rol{color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;font-size:11px}@media (width<=720px){.encabezado{flex-wrap:wrap;gap:12px;padding:12px 16px}.encabezado__derecha{justify-content:space-between;width:100%;margin-left:0}.encabezado__quien{align-items:flex-start}}.encabezado__nombre--hueco{background:var(--mist);opacity:.6;border-radius:4px;width:120px;height:14px;display:inline-block}.hub{background:#f7f5f2;min-height:100vh}.hub__contenido{max-width:1120px;margin:0 auto;padding:40px 32px 64px}.hub__saludo{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:800}.hub__sub{color:var(--ink-500);margin:6px 0 28px;font-size:16px}.hub__error{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.hub__error p{margin:0}.hub__columnas{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:16px;display:grid}.hub__columna{flex-direction:column;gap:16px;min-width:0;display:flex}.hub__columna>.hub__panel{flex:auto}.hub__panel{background:var(--fondo);border:1px solid var(--mist);border-radius:var(--r-lg);flex-direction:column;padding:16px 12px;display:flex}.hub__panel-titulo{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);margin:0;padding:0 8px 10px;font-size:11px;font-weight:500}.hub__lista{flex-direction:column;flex:1;justify-content:space-around;gap:2px;margin:0;padding:0;list-style:none;display:flex}.hub__fila{color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:10px 8px;text-decoration:none;transition:background .12s;display:flex}.hub__fila:hover{background:#fdf3e3}.hub__fila img{object-fit:contain;border-radius:11px;flex:none}.hub__fila-texto{flex-direction:column;gap:1px;min-width:0;display:flex}.hub__fila-nombre{font-size:15px;font-weight:700}.hub__fila-desc{color:var(--ink-500);font-size:13px}@media (width<=720px){.hub__contenido{padding:24px 16px 48px}.hub__saludo{font-size:26px}}.equipos{min-height:100vh}.equipos__contenido{flex-direction:column;gap:20px;max-width:960px;margin:0 auto;padding:32px 32px 64px;display:flex}.equipos__migas{color:var(--ink-500);margin:0;font-size:12px}.equipos__migas a{color:var(--ink)}.equipos__titulo{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:800}.equipos__sub{color:var(--ink-500);max-width:680px;margin:-8px 0 0}.equipos__tenue{color:var(--ink-500);margin:0}.equipos__tarjeta{border:1px solid var(--mist);border-radius:var(--r-lg);padding:20px}.equipos__tarjeta h2{margin:0 0 14px;font-size:16px;font-weight:700}.equipos__tarjeta p{margin:0}.equipos__form{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.equipos__form label{flex-direction:column;gap:6px;display:flex}.equipos__form label span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-size:11px}.equipos__form select,.equipos__form input{border:1px solid var(--mist);border-radius:var(--r-sm);background:var(--fondo);min-width:200px;padding:9px 12px}.equipos__ok{border:1px solid var(--brand);background:var(--brand-050);border-radius:var(--r-md);margin:0;padding:12px 16px;font-size:14px}.equipos__tabla{border-collapse:collapse;width:100%;font-size:14px}.equipos__tabla th{text-align:left;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);border-bottom:1px solid var(--mist);padding:0 10px 10px;font-size:11px;font-weight:500}.equipos__tabla td{border-bottom:1px solid var(--mist-100);vertical-align:middle;padding:10px}.equipos__tabla td:last-child{text-align:right}.equipos__esta{background:var(--brand-050);border:1px solid var(--brand);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}@media (width<=720px){.equipos__contenido{padding:24px 16px 48px}.equipos__tabla th:nth-child(3),.equipos__tabla td:nth-child(3),.equipos__tabla th:nth-child(4),.equipos__tabla td:nth-child(4){display:none}}:root{--brand:#f0870f;--brand-hover:#d9760a;--brand-050:#fef3e6;--ink:#0f0f0f;--ink-700:#3a3a3a;--ink-500:#5c5c5c;--mist:#d2d2d2;--mist-100:#ededed;--panel:#f5f5f4;--fondo:#fff;--peligro:#b42318;--peligro-050:#fef3f2;--fuente:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm:8px;--r-md:12px;--r-lg:16px;--sombra:0 1px 2px #0f0f0f0f, 0 4px 16px #0f0f0f0f;--sombra-alta:0 2px 4px #0f0f0f0f, 0 12px 32px #0f0f0f1a;--foco:0 0 0 3px #f0870f73}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--ink);font-family:var(--fuente);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}button,input,select{font:inherit;color:inherit}.mono{font-family:var(--mono)}:focus-visible{box-shadow:var(--foco);border-radius:var(--r-sm);outline:none}.cargando,.aviso-config{min-height:100vh;color:var(--ink-500);letter-spacing:.04em;place-items:center;margin:0;font-size:14px;display:grid}.boton{border:1px solid var(--mist);background:var(--fondo);color:var(--ink);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.boton:hover:not(:disabled){border-color:var(--ink-500)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton--primario{background:var(--brand);border-color:var(--brand);color:var(--ink)}.boton--primario:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.boton--peligro{color:var(--peligro)}.boton--peligro:hover:not(:disabled){border-color:var(--peligro);background:var(--peligro-050)}.error-caja{border:1px solid var(--peligro);background:var(--peligro-050);color:var(--peligro);border-radius:var(--r-md);padding:14px 16px;font-size:14px}.candado{flex:none;width:14px;height:14px}