:root{--p:#F4F1EA;--t:#1A1A1A;--r:#C8321C;--o:#E8B41A;--f:#D8D2C4;--a:#6B6962}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--p);color:var(--t);font:15px/1.4 Georgia,serif;display:flex;flex-direction:column;overflow:hidden}
.m{font:11px/1.3 ui-monospace,Menlo,monospace;color:var(--a)}a{color:var(--r)}
header{display:flex;align-items:flex-end;gap:30px;padding:10px 20px 8px;border-bottom:3px solid var(--t);flex:none}
h1{font-size:50px;line-height:.85;margin:0;letter-spacing:-.035em}h1 i{color:var(--r)}header p{margin:0 0 0 auto;font-style:italic;text-align:right;max-width:330px;font-size:13px}
nav{display:flex;gap:4px}nav button{background:none;color:var(--t);font-size:16px;padding:3px 10px 4px}nav button.act{background:var(--t);color:var(--p)}
.vista{display:none;flex:1;min-height:0}.vista.act{display:grid;grid-template-columns:minmax(0,1fr) 420px}
footer{padding:4px 20px;border-top:1px solid var(--t);flex:none}
.tabla{border-right:1px solid var(--t);display:flex;flex-direction:column;min-width:0;min-height:0}
.fil{display:flex;gap:8px;padding:7px 12px;border-bottom:1px solid var(--f);align-items:center;flex:none;flex-wrap:wrap}
.fil>input{flex:1;min-width:180px;border:0;border-bottom:1px solid var(--t);background:none;font:15px Georgia,serif;padding:3px 2px;outline:0}
.chip{background:var(--t);color:var(--p);font-size:12px;padding:2px 8px}.chip.l{background:none;color:var(--t);border:1px solid var(--f)}.chip.l.act{background:var(--o);border-color:var(--o)}.chip.f{background:var(--r)}
.scroll{overflow:auto;flex:1}table{border-collapse:collapse;width:100%;font-size:13px}
th{position:sticky;top:0;background:var(--t);color:var(--p);font:11px ui-monospace,Menlo,monospace;text-align:left;padding:6px 8px;cursor:pointer;white-space:nowrap;z-index:1}th.ord{color:var(--o)}
td{padding:4px 8px;border-bottom:1px solid var(--f);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td img{height:30px;width:21px;object-fit:cover;display:block;background:var(--f)}td.c{padding:2px 4px;width:29px}
tbody tr{cursor:pointer}#cue tr:hover{background:#ebe6d9}tr.sel{background:var(--o)!important}td.t{font-weight:bold}.mu{color:var(--r);font-weight:bold}
.ln:hover{text-decoration:underline;color:var(--r)}
form{padding:10px 14px;overflow:auto;min-height:0}
h2{font-size:12px;font-family:ui-monospace,Menlo,monospace;font-weight:normal;margin:0 0 7px;color:var(--r);text-transform:uppercase;letter-spacing:.07em}
label{display:block;font:10px ui-monospace,Menlo,monospace;color:var(--a);margin-top:5px;position:relative}
label input[type=text],textarea{display:block;width:100%;border:0;border-bottom:1px solid #9b968a;background:none;font:14px Georgia,serif;color:var(--t);padding:2px 1px;outline:0}
input:focus,textarea:focus{border-color:var(--r)!important}.dos{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.sug{position:absolute;right:0;bottom:3px;color:var(--r);font:italic 13px Georgia,serif;pointer-events:none;background:var(--p);padding-left:6px}
.si{display:flex;gap:12px;margin-top:7px;font-size:12px;align-items:center}.si label{margin:0;font:12px Georgia,serif;color:var(--t)}
.imgs{display:grid;grid-template-columns:1.3fr repeat(4,minmax(0,1fr));gap:5px;margin-top:8px;align-items:start}.ranura{margin:0;aspect-ratio:2/3;border:1px dashed var(--a);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background-size:cover;background-position:center;padding:2px}.ranura.ll{border:0;color:transparent}.ranura.sobre{outline:3px solid var(--r)}
button,.boton{font:13px Georgia,serif;background:var(--t);color:var(--p);border:0;padding:6px 10px;cursor:pointer;display:inline-block;margin:0}.alt{background:none!important;color:var(--t)!important;border:1px solid var(--t)!important}button.r{background:var(--r)}.pe{font-size:12px;padding:3px 8px}
.bot{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.cot{background:#fff9e3;border:1px solid var(--o);padding:8px;margin-top:9px;font-size:13px}
.d{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-top:1px solid var(--f);align-items:baseline}.d button{padding:1px 6px;font-size:11px;background:none;color:var(--r);border:1px solid var(--r);flex:none}.d i{font-size:10px;font-family:ui-monospace,Menlo,monospace;font-style:normal;color:var(--a)}
.cuad{margin-top:12px;border-top:2px solid var(--t);padding-top:8px}.nota{border-left:3px solid var(--o);padding:2px 8px;margin:6px 0;font-size:13px;white-space:pre-wrap}.nota small{display:block;color:var(--a);font:10px ui-monospace,Menlo,monospace}
.mas{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.mas figure{margin:0;font-size:11px}.mas img{width:100%;height:70px;object-fit:cover;display:block}.mas figcaption input{width:100%;border:0;background:none;font:italic 11px Georgia,serif;outline:0}
.gota{border:1px dashed var(--a);padding:8px;text-align:center;font-size:12px;cursor:pointer;display:block;color:var(--a);font-family:Georgia,serif}.gota.sobre{background:var(--o)}
.hilo{font-size:13px;padding:3px 0;border-top:1px dashed var(--f)}.hilo em{color:var(--r)}
#eco{position:fixed;right:24px;bottom:150px;width:400px;background:var(--t);color:var(--p);padding:14px 18px;font-size:18px;opacity:0;transform:translateY(10px);transition:.35s;pointer-events:none;z-index:9;border-left:6px solid var(--r)}#eco.ver{opacity:1;transform:none}#eco em{color:var(--o)}
.cons,.aus{padding:10px 14px;min-width:0;border-right:1px solid var(--t);overflow:auto}svg{display:block}#g{width:100%;height:calc(100% - 26px)}.lado{padding:10px 14px;overflow:auto;min-height:0}
.n{cursor:pointer}.n text{font:12px Georgia,serif;paint-order:stroke;stroke:var(--p);stroke-width:3px}.apag{opacity:.13}.ruta line{stroke:var(--r)!important;stroke-opacity:1!important;stroke-width:4!important}
#pers h3{font-size:28px;line-height:1;margin:14px 0 3px}.li{margin:6px 0;font-size:13px}.fant{display:flex;justify-content:space-between;gap:6px;padding:3px 0;border-top:1px dashed var(--f);font-size:13px;color:var(--a)}.fant button{font-size:11px;padding:1px 6px;flex:none}
.pas{font-size:14px;margin-top:7px;line-height:1.55}.pas b{color:var(--r)}.vacio{color:var(--a);font-style:italic}
.barra{display:grid;grid-template-columns:44px 1fr 62px;gap:6px;align-items:center;font:11px ui-monospace,Menlo,monospace;margin:3px 0;max-width:620px}.barra div{height:13px;background:var(--f)}.barra b{display:block;height:100%;background:var(--r)}
#matriz table{font:12px ui-monospace,Menlo,monospace;width:auto}#matriz th{position:static;background:none;color:var(--a);cursor:default;font-weight:normal}#matriz td{width:62px;height:30px;text-align:center;border:1px solid var(--p);cursor:pointer;padding:0}#matriz td.h{font-family:Georgia,serif;background:none;border:0;text-align:right;padding-right:8px;width:auto;cursor:default}#matriz td.v{background:repeating-linear-gradient(135deg,var(--f) 0 2px,transparent 2px 7px)}#matriz td.v:hover,#matriz td.s{outline:2px solid var(--r)}
#v-atlas.act{grid-template-columns:230px minmax(0,1fr)}.tira{border-right:1px solid var(--t);padding:10px;overflow:auto}.tira input{width:100%;border:0;border-bottom:1px solid var(--t);background:none;font:14px Georgia,serif;outline:0;margin-bottom:8px}#a-imgs{display:grid;grid-template-columns:1fr 1fr;gap:5px}#a-imgs img{width:100%;height:112px;object-fit:cover;cursor:pointer;display:block}#a-imgs img:hover{outline:3px solid var(--r)}
.mesa-z{display:flex;flex-direction:column;min-width:0;min-height:0}.atl .sep{flex:1}#a-pan{display:flex;gap:5px;flex-wrap:wrap;align-items:center}#a-pan input{border:0;border-bottom:1px solid var(--t);background:none;font:13px Georgia,serif;outline:0}.on{background:var(--r)!important;color:var(--p)!important;border-color:var(--r)!important}
#mesa{flex:1;position:relative;overflow:hidden;background:#1d1c1a}#m-lazos{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tj{position:absolute;touch-action:none;cursor:grab;box-shadow:0 4px 14px #0007;background:#fff}.tj img{display:block;width:100%;pointer-events:none}.tj figcaption{font:italic 11px Georgia,serif;padding:2px 5px;background:var(--p)}.tj.sel{outline:3px solid var(--o)}.tj .q{position:absolute;right:-7px;top:-7px;width:18px;height:18px;padding:0;background:var(--r);border-radius:50%;font-size:11px;display:none;line-height:1}.tj:hover .q{display:block}.tj .z{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--r) 50%);display:none}.tj:hover .z{display:block}
.tj.nt{background:var(--o);padding:8px}.tj.nt textarea{border:0;font:15px/1.3 Georgia,serif;height:100%;min-height:62px;resize:none}
body.proy header,body.proy footer,body.proy .tira,body.proy .atl{display:none}body.proy #v-atlas.act{grid-template-columns:1fr}
#repaso{position:fixed;right:24px;bottom:42px;width:290px;background:var(--p);border:2px solid var(--t);padding:10px;z-index:8;box-shadow:6px 6px 0 var(--r)}#repaso[hidden]{display:none}#repaso img{width:100%;height:330px;object-fit:cover;display:block;filter:none}#repaso h2{margin-bottom:6px}#repaso .bot{margin-top:7px}#repaso b{display:block;font-size:17px;margin-top:6px}
@media print{header,footer,.tira,.atl,#eco,#repaso{display:none!important}body{overflow:visible}#mesa{background:#fff}.tj{box-shadow:none}.tj .q,.tj .z{display:none!important}}