:root{color-scheme:light;--bg: #f5f5f7;--lateral: #ececf0;--superficie: #ffffff;--hoja: #ffffff;--texto: #1d1d1f;--texto2: #6a6a70;--texto3: #aeaeb2;--sep: #e5e5ea;--sep-fuerte: #c7c7cc;--relleno: #e3e3e8;--pulgar: #ffffff;--seleccion: #dcdce1;--fila-sel: #eaf2fd;--acento: #0071e3;--acento-texto: #0066cc;--entrada: #e3e3e8;--sombra: rgba(0, 0, 0, .06);--velo: rgba(0, 0, 0, .2);--toast-bg: #1d1d1f;--toast-fg: #f5f5f7;--peligro: #c9001a;--boton-peligro: #d70015;--aviso-fondo: rgba(255, 59, 48, .1);--verde: #34c759;--hover: rgba(0, 0, 0, .03);--suave: cubic-bezier(.32, .72, 0, 1);--amb: #8e8e93;--amb-tinte: rgba(142, 142, 147, .18);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root[data-tema=oscuro]{color-scheme:dark;--bg: #000000;--lateral: #141416;--superficie: #1c1c1e;--hoja: #2c2c2e;--texto: #f5f5f7;--texto2: #a1a1a6;--texto3: #636366;--sep: #2c2c2e;--sep-fuerte: #48484a;--relleno: #2c2c2e;--pulgar: #636366;--seleccion: #2c2c2e;--fila-sel: #0f2a47;--acento: #0071e3;--acento-texto: #2997ff;--entrada: #1c1c1e;--sombra: rgba(0, 0, 0, .5);--velo: rgba(0, 0, 0, .45);--toast-bg: #f5f5f7;--toast-fg: #1d1d1f;--peligro: #ff6961;--aviso-fondo: rgba(255, 105, 97, .14);--hover: rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--texto);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}button,input,select{font:inherit;color:inherit}h1,h2{margin:0}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.solo-lectores{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.arranque{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--texto2)}.mono{font-family:var(--mono);font-size:13px}.codigo{margin-left:6px;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--texto2)}.punto,.punto-estado{width:8px;height:8px;border-radius:50%;flex:none}.punto{background:var(--amb)}.punto-estado{background:var(--verde)}.punto-estado.inactivo{background:var(--texto3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{height:44px;padding:0 20px;white-space:nowrap;border:0;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .25s ease,background-color .4s ease,color .4s ease,transform .3s var(--suave)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-chico{height:34px;padding:0 14px;font-size:13px}.btn-ancho{flex:1}.btn-primario{background:var(--acento);color:#fff;font-weight:600}.btn-secundario{background:var(--relleno);color:var(--texto)}.btn-peligro{background:var(--boton-peligro);color:#fff;font-weight:600}.atenuado{opacity:.4}.boton-redondo{width:44px;height:44px;border-radius:50%;border:0;background:var(--acento);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--suave)}.boton-redondo:active{transform:scale(.94)}.icono-boton{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--texto2);cursor:pointer;display:flex;align-items:center;justify-content:center}.icono-boton:hover{background:var(--hover);color:var(--texto)}.segmentado{position:relative;display:flex;background:var(--relleno);border-radius:10px;padding:2px;transition:background-color .4s ease}.segmentado-pulgar{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background:var(--pulgar);border-radius:8px;box-shadow:0 1px 3px #00000026;transition:transform .35s var(--suave),background-color .4s ease}.segmentado-opcion{position:relative;flex:1;height:40px;border:0;background:transparent;cursor:pointer;color:var(--texto);display:flex;align-items:center;justify-content:center}.segmentado-opcion.texto{font-size:13px;font-weight:500}.segmentado-separado{margin-top:14px}@keyframes entrar{0%{opacity:0;transform:translateY(var(--desplazamiento))}to{opacity:1;transform:none}}@keyframes entrar-base{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}.app{--desplazamiento: 12px;display:grid;grid-template-columns:minmax(232px,256px) minmax(0,1fr);min-height:100vh;animation:entrar .6s var(--suave) both}.lateral{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 12px;background:var(--lateral);border-right:1px solid var(--sep);transition:background-color .4s ease,border-color .4s ease}.lateral-cab{display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 10px}.marca{font-weight:600;font-size:15px}.pildora-ambiente{display:flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:6px 12px;background:var(--amb-tinte);color:var(--texto);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .3s ease,color .4s ease}.pildora-ambiente.sin-base{background:var(--relleno)}.nav-grupo{display:flex;flex-direction:column;gap:1px}.nav-titulo{padding:0 10px 4px;font-size:11px;font-weight:600;color:var(--texto2)}.nav-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;color:var(--texto);font-size:13px;text-decoration:none;transition:background-color .25s ease,color .4s ease}.nav-item app-icono{color:var(--acento-texto)}.nav-item:hover{background:var(--hover)}.nav-item.activo{background:var(--seleccion)}.relleno{flex:1}.usuario{display:flex;align-items:center;gap:10px;padding:0 0 0 6px}.usuario-nombre{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--relleno);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:none;transition:background-color .4s ease}.avatar-grande{width:36px;height:36px;font-size:12px}.principal{min-width:0;border-top:3px solid var(--amb);transition:border-color .4s ease}.vista{--desplazamiento: 8px;padding:28px 32px 56px;animation:entrar .5s var(--suave) both}.cabecera{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cabecera-titulo{flex:1;min-width:160px}.cabecera h1{font-size:28px;font-weight:700;letter-spacing:-.02em}.sobretitulo{font-size:12px;color:var(--texto2);min-height:16px}.buscador{position:relative;display:flex;align-items:center;max-width:100%}.selector{min-width:0;max-width:100%}.buscador-icono{position:absolute;left:12px;color:var(--texto2);pointer-events:none}.buscador input{width:340px;max-width:100%;height:40px;border:0;border-radius:10px;padding:0 12px 0 34px;font-size:14px;background:var(--entrada);transition:background-color .4s ease,color .4s ease}.buscador input::placeholder{color:var(--texto2)}.selector select{height:40px;max-width:280px;border:0;border-radius:10px;padding:0 32px 0 12px;font-size:14px;background-color:var(--entrada);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--texto2) 50%),linear-gradient(135deg,var(--texto2) 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer;transition:background-color .4s ease,color .4s ease}.selector select option,select.campo-valor option{background:var(--superficie);color:var(--texto)}.panel{background:var(--superficie);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px var(--sombra);transition:background-color .4s ease}.panel-tabla{margin-top:24px}.vacio{padding:32px 16px;text-align:center;color:var(--texto2)}.maestro-detalle{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:24px}.maestro{flex:999 1 420px;min-width:0}.maestro-angosto{flex:1 1 260px;max-width:320px}.panel-lista-alta{max-height:calc(100vh - 170px);overflow-y:auto}.lista-fila{width:100%;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px;border:0;border-top:1px solid var(--sep);background:transparent;color:var(--texto);text-align:left;cursor:pointer;transition:background-color .25s ease,color .4s ease}.lista-fila:first-child{border-top:0}.lista-fila:hover{background:var(--hover)}.lista-fila.elegida{background:var(--fila-sel)}.lista-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lista-nombre{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-sub{font-size:12px;color:var(--texto2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-nota{font-size:13px;color:var(--texto2)}.lista-flecha{color:var(--texto3)}.detalle{flex:1 1 380px;max-width:520px;opacity:0;transform:translate(28px);pointer-events:none;transition:opacity .3s ease,transform .5s var(--suave)}.detalle.abierto{opacity:1;transform:none;pointer-events:auto}.detalle-ancho{max-width:580px}.permisos-detalle{flex:999 1 460px;min-width:0}.detalle-cab{padding:0 4px 14px}.detalle-sub{min-height:16px;font-family:var(--mono);font-size:12px;color:var(--texto2);overflow-wrap:anywhere}.detalle-titulo{margin-top:2px;min-height:28px;font-size:22px;font-weight:600;letter-spacing:-.01em}.campo{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border-top:1px solid var(--sep);transition:box-shadow .2s ease}.campos>.campo:first-child{border-top:0}.campo:focus-within{box-shadow:inset 0 0 0 2px var(--acento)}.campo-etiqueta{width:100px;flex:none}.campo-etiqueta-ancha{flex:1;width:auto}.campo-valor{flex:1;min-width:0;border:0;background:transparent;color:var(--texto2);text-align:right;text-align-last:right}.campo-valor:focus-visible{outline:none}.campo-valor::placeholder{color:var(--texto3)}select.campo-valor{cursor:pointer}.campo-fijo .campo-valor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detalle-error{margin-top:12px;font-size:13px;color:var(--peligro)}.detalle-botones{display:flex;gap:10px;margin-top:16px}.fila-admin{display:flex;align-items:center;gap:16px;min-height:56px;padding:0 16px}.fila-admin-texto{flex:1;font-size:15px;font-weight:500}.matriz-cab{display:flex;align-items:center;padding:20px 16px 6px}.matriz-espacio{flex:1}.matriz-columna{width:64px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--texto2)}.matriz-grupo{margin-bottom:18px}.matriz-grupo-titulo{padding:0 16px 6px;font-size:12px;font-weight:600;color:var(--texto2)}.matriz-fila{display:flex;align-items:center;min-height:48px;padding:0 16px;border-top:1px solid var(--sep)}.matriz-grupo .panel>.matriz-fila:first-child{border-top:0}.matriz-etiqueta{flex:1;font-size:14px}.matriz-celda{width:64px;display:flex;justify-content:center}.celda-boton{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.celda-circulo{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--sep-fuerte);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;transform:scale(.88);transition:background-color .25s ease,border-color .25s ease,transform .35s var(--suave)}.celda-circulo app-icono{opacity:0;transition:opacity .2s ease}.celda-circulo.activa{background:var(--acento);border-color:var(--acento);transform:scale(1)}.celda-circulo.activa app-icono{opacity:1}.permisos-botones{position:sticky;bottom:16px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s ease,transform .5s var(--suave)}.permisos-botones.visible{opacity:1;transform:none;pointer-events:auto}.hoja-velo{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--velo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.hoja-velo.abierta{opacity:1;visibility:visible}.hoja{width:400px;max-width:calc(100% - 32px);padding:24px 20px 16px;border-radius:16px;background:var(--hoja);text-align:center;box-shadow:0 24px 60px #00000040;transform:scale(.92);transition:transform .45s var(--suave),background-color .4s ease}.hoja-velo.abierta .hoja{transform:scale(1)}.hoja-icono{width:44px;height:44px;margin:0 auto;border-radius:50%;background:#ff3b3026;color:#ff3b30;display:flex;align-items:center;justify-content:center}.hoja-titulo{margin-top:14px;font-size:17px;font-weight:600;line-height:1.35}.hoja-botones{display:flex;gap:8px;margin-top:20px}.hoja-botones .btn{flex:1;padding:0 8px;font-size:14px}.hoja-buscador{width:480px;text-align:left}.hoja-buscador .hoja-titulo{margin-top:0}.hoja-buscador .buscador{margin-top:14px}.hoja-buscador .buscador input{width:100%}.hoja-buscador .vacio{padding:24px 16px}.panel-resultados{margin-top:12px;max-height:320px;overflow-y:auto;background:var(--bg)}.panel-resultados .lista-fila:disabled{opacity:.5;cursor:wait}.base{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:72px 24px 24px;background:var(--bg);animation:entrar-base .6s var(--suave) both;transition:background-color .4s ease}.base-barra{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.base-usuario{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--texto2)}.base-tema{width:120px}.base-titulo{font-size:34px;font-weight:700;letter-spacing:-.02em;text-align:center}.base-tarjetas{display:flex;flex-wrap:wrap;gap:16px;width:100%;max-width:820px}.tarjeta-base{flex:1 1 200px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border:0;border-radius:18px;background:var(--superficie);color:var(--texto);text-align:center;cursor:pointer;box-shadow:0 1px 2px var(--sombra),0 10px 30px var(--sombra);transition:transform .4s var(--suave),opacity .3s ease,background-color .4s ease,color .4s ease,box-shadow .4s ease}.tarjeta-base:hover:not(:disabled),.tarjeta-base:focus-visible{background:color-mix(in srgb,var(--amb) 16%,var(--superficie));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--amb) 55%,transparent),0 10px 30px var(--sombra)}.tarjeta-base:active:not(:disabled){transform:scale(.985)}.tarjeta-base:disabled{opacity:.45;cursor:not-allowed}.tarjeta-base.entrando{opacity:1}.tarjeta-base .punto{width:12px;height:12px}.tarjeta-nombre{font-size:28px;font-weight:600;letter-spacing:-.02em}.tarjeta-detalle{font-size:13px;color:var(--texto2)}.base-aviso{width:100%;max-width:820px;min-height:56px}.base-aviso app-aviso-error .aviso-error{margin-top:0}.sin-permisos-icono{background:var(--relleno);color:var(--texto2)}.pantalla-centro{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:520px;text-align:center}.aviso-titulo{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.25}.aviso-detalle{margin:0;color:var(--texto2)}.aviso-botones{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}@media (max-width: 900px){.app{grid-template-columns:minmax(0,1fr)}.lateral{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--sep)}.lateral-cab{flex:1 1 100%;padding:0}.nav-grupo{flex:1 1 100%;min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px}.nav-titulo{padding:0 6px 0 0}.relleno{display:none}.lateral .segmentado{width:120px;margin-left:auto}.usuario{flex:1 1 200px}.vista{padding:20px 16px 40px}.detalle,.detalle-ancho,.maestro-angosto{max-width:none}.selector,.buscador{flex:1 1 100%}.selector select,.buscador input{width:100%;max-width:none}.base-titulo{font-size:28px}}