:root{--papel:#F5F4EF;--superficie:#FFFFFF;--tinta:#1B1E24;--gris:#5D636B;--gris-suave:#9A9EA6;--verde:#14614E;--verde-suave:#E3EDE8;--azul:#2B4A8F;--azul-suave:#E6EBF5;--ambar:#9A6B15;--ambar-suave:#F6EDD9;--rojo:#8F2B2B;--rojo-suave:#F5E6E6;--neutro-suave:#ECEBE5;--borde:#DCDAD2;--borde-fuerte:#B9B6AC;--btn-texto:#FFFFFF;--sombra:0 1px 2px rgba(27,30,36,.07), 0 6px 18px rgba(27,30,36,.06)}@media (prefers-color-scheme: dark){:root{--papel:#14161A;--superficie:#1C1F25;--tinta:#ECEAE3;--gris:#A6AAB1;--gris-suave:#6E737C;--verde:#43B694;--verde-suave:#1D2E29;--azul:#8FA8DE;--azul-suave:#20283A;--ambar:#D9A84E;--ambar-suave:#302818;--rojo:#D98A8A;--rojo-suave:#361F1F;--neutro-suave:#242830;--borde:#2E323A;--borde-fuerte:#454A54;--btn-texto:#0F1512;--sombra:0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.3)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--papel);color:var(--tinta);font-family:Archivo,Arial,sans-serif;font-size:14px}a{color:var(--verde)}.app{display:flex;flex-direction:column;min-height:100vh;padding:18px 18px 8px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:10px}h1{font-weight:900;font-size:20px;letter-spacing:-.01em}.sub{color:var(--gris);font-size:12.5px;margin-top:3px}.modo{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris-suave)}.modo-ok{color:var(--verde)}.head-der{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tabs{display:flex;align-items:center;gap:4px;border-bottom:2px solid var(--borde);margin-bottom:14px;flex-wrap:wrap}.tab{background:none;border:none;padding:8px 12px;font-family:Archivo,sans-serif;font-weight:700;font-size:13px;color:var(--gris);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-activa{color:var(--tinta);border-bottom-color:var(--verde)}.filtros{display:flex;gap:6px;margin-left:auto;padding-bottom:6px}.chip{display:inline-flex;align-items:center;gap:4px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:3px 7px;border:1px solid transparent}.chip em{font-style:normal;opacity:.55;font-weight:400}.p-crear{background:var(--verde-suave);color:var(--verde)}.p-criterio{background:var(--azul-suave);color:var(--azul)}.p-humano{background:var(--ambar-suave);color:var(--ambar)}.p-venta{background:var(--rojo-suave);color:var(--rojo)}.p-reciclaje{background:var(--neutro-suave);color:var(--gris)}.chip.sel{cursor:pointer;opacity:.55}.chip.sel:hover{opacity:.85}.chip.sel.activo{opacity:1;border-color:currentColor}.mix{display:flex;align-items:center;gap:6px}.btn-primario{background:var(--verde);color:var(--btn-texto);border:none;border-radius:6px;padding:8px 14px;font-family:Archivo,sans-serif;font-weight:700;font-size:13px;cursor:pointer}.btn-primario:hover{filter:brightness(1.08)}.btn-peligro{background:none;border:1px solid var(--borde-fuerte);color:var(--rojo);border-radius:6px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer}.btn-x{background:none;border:none;color:var(--gris);font-size:16px;cursor:pointer}.btn-mini{background:var(--neutro-suave);border:1px solid var(--borde);border-radius:5px;padding:4px 10px;font-size:12px;font-weight:700;color:var(--tinta);cursor:pointer;margin-left:6px}.board{display:flex;gap:10px;overflow-x:auto;flex:1;padding-bottom:10px;align-items:flex-start}.col{flex:0 0 232px;display:flex;flex-direction:column;background:var(--neutro-suave);border-radius:10px;max-height:calc(100vh - 200px)}.col-over{outline:2px dashed var(--verde);outline-offset:-2px}.col-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px;font-weight:700;font-size:12.5px}.count{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris);background:var(--superficie);border-radius:10px;padding:1px 7px}.col-body{overflow-y:auto;padding:6px 8px 10px;display:flex;flex-direction:column;gap:8px}.vacio{border:1px dashed var(--borde-fuerte);border-radius:8px;padding:14px 10px;color:var(--gris-suave);font-size:11.5px;text-align:center}.vacio-msg{color:var(--gris);padding:20px 4px}.card{background:var(--superficie);border:1px solid var(--borde);border-radius:8px;padding:10px 11px;cursor:grab;box-shadow:var(--sombra)}.card:active{cursor:grabbing}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.fecha{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--gris)}.card-titulo{font-weight:700;font-size:13px;line-height:1.3}.card-meta{margin-top:5px;font-size:11px;color:var(--gris)}.flag{margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--verde)}.drawer-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161a73;display:flex;justify-content:flex-end;z-index:50}.drawer{width:min(460px,94vw);background:var(--papel);height:100%;overflow-y:auto;padding:20px 22px 30px;box-shadow:-8px 0 30px #0003}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lbl{display:block;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin:14px 0 4px}.picker{display:flex;gap:6px;flex-wrap:wrap}input,select,textarea{width:100%;background:var(--superficie);border:1px solid var(--borde);border-radius:6px;padding:8px 10px;color:var(--tinta);font-family:Archivo,sans-serif;font-size:13.5px}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid var(--verde);outline-offset:-1px}.acciones{display:flex;gap:10px;margin-top:20px}.lista{overflow-x:auto}.lista .intro,.sistema .intro{color:var(--gris);font-size:13px;max-width:70ch;margin-bottom:12px}table{border-collapse:collapse;width:100%;background:var(--superficie);border:1px solid var(--borde);border-radius:8px;overflow:hidden;font-size:13px;min-width:600px}th{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris-suave);text-align:left;padding:9px 12px;border-bottom:1px solid var(--borde)}td{padding:9px 12px;border-bottom:1px solid var(--borde);vertical-align:top}tbody tr{cursor:pointer}tbody tr:hover{background:var(--neutro-suave)}tr:last-child td{border-bottom:none}.mono{font-family:IBM Plex Mono,monospace;font-size:12px;white-space:nowrap}.fuerte{font-weight:700}.chico{font-size:12px;color:var(--gris)}.guiones{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.guion-card{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:16px;box-shadow:var(--sombra)}.guion-card h3{font-size:14.5px;margin:8px 0}.hook{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--verde);margin-bottom:8px}.texto{font-size:13px;line-height:1.55;color:var(--tinta);white-space:pre-wrap}.guion-pie{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--gris)}.sistema{max-width:900px}.sistema section{margin-bottom:28px}.sistema h2{font-size:16px;font-weight:900;margin-bottom:10px}.sistema h3{font-size:13.5px;margin:14px 0 6px}.sistema p,.sistema li{font-size:13.5px;line-height:1.6}.sistema ol,.sistema ul{padding-left:20px;display:grid;gap:6px}.destacado{font-size:16px;font-weight:700;background:var(--verde-suave);border-left:4px solid var(--verde);padding:12px 16px;border-radius:6px;margin-bottom:10px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cajita{background:var(--superficie);border:1px solid var(--borde);border-radius:8px;padding:14px}.cajita p{margin-top:8px;font-size:12.5px;color:var(--gris)}.pct{font-weight:900;font-size:20px;margin-left:8px}.sistema tbody tr{cursor:default}.in-num{width:70px}.in-notas{min-width:220px}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--papel)}.gate-caja{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:34px;width:min(380px,92vw);box-shadow:var(--sombra)}.gate-caja h1{font-size:18px;margin-bottom:6px}.gate-caja p{color:var(--gris);font-size:13px;margin-bottom:14px}.err{color:var(--rojo);margin-top:8px;font-size:12.5px}footer{padding:10px 2px 6px;font-size:11px;color:var(--gris-suave);font-family:IBM Plex Mono,monospace}@media (max-width:700px){.app{padding:12px 10px 6px}.col{flex-basis:200px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}