/* Lo propio del sistema de documentos (lo demás viene de estilo.css, igual que Galardones) */
.contenedor.ancho{max-width:1150px}
.menu{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center;background:#0f1f3d;padding:6px 10px}
.menu a{color:#dbe4f0;text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600;font-size:.95rem}
.menu a.act,.menu a:hover{background:#2c5aa0;color:#fff}.menu .quien{color:#93a4bf;font-size:.85rem;margin-left:auto;padding:0 6px}
.volver{display:inline-block;margin-bottom:6px;color:var(--brand-2);font-weight:600;text-decoration:none}
mark{background:#fde68a;padding:0 2px;border-radius:3px}
.frag{font-size:.85rem;color:#334155;max-width:420px}
.acciones-lista{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
th.ord{cursor:pointer;white-space:nowrap}th.ord:after{content:" ⇅";opacity:.4}th.ord.asc:after{content:" ▲";opacity:1}th.ord.desc:after{content:" ▼";opacity:1}
tr.sel{background:#eef4ff}td.chk{width:34px}td.chk input{width:22px;height:22px;min-height:0}
.nomarch{font-weight:600;overflow-wrap:anywhere}.carpeta{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.radios{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.radio{display:flex;gap:10px;align-items:flex-start;border:2px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff;flex:1 1 230px;font-weight:400;margin:0}
.radio input{width:20px;height:20px;min-height:0;margin:2px 0 0;flex:none}.radio b{display:block}.radio:has(input:checked){border-color:var(--brand-2);background:#eef4ff}
.ejemplo{display:block;margin-top:6px;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;background:#f8fafc;border:1px solid var(--line);border-radius:6px;padding:4px 6px;white-space:nowrap;overflow:hidden}
.ejemplo i{font-style:normal;outline:2px dashed #dc2626;background:#fff;color:transparent}
.ejemplo.todo{outline:2px dashed #dc2626;color:transparent;background:#fff}
.prog{margin:10px 0}.prog .barra{height:12px}
.res-lote{list-style:none;padding:0;margin:8px 0}.res-lote li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.res-lote .arch{flex:1 1 260px;overflow-wrap:anywhere}.ok-t{color:var(--green);font-weight:700}.err-t{color:var(--red);font-weight:700}
/* Editor */
.barra-editor{position:sticky;top:0;z-index:20}
.modos{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.modos button{border:2px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
.modos button.act{border-color:var(--brand-2);background:#2c5aa0;color:#fff}
.pagina{margin:0 auto 18px;max-width:900px}
.pagina .cab-p{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;font-weight:700;color:var(--brand)}
.hoja{position:relative;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);line-height:0;user-select:none}
.hoja img{width:100%;height:100%;display:block;background:#f1f5f9}
.capa{position:absolute;inset:0;cursor:crosshair}.capa.mover{cursor:default;pointer-events:none}.capa.dibuja{touch-action:none}
.caja{position:absolute;border:2px dashed #dc2626;background:rgba(255,255,255,.88);box-sizing:border-box}
.caja.negro{background:#000}.caja.temp{border-style:solid;background:rgba(220,38,38,.12)}
.caja .x{position:absolute;top:-13px;right:-13px;width:26px;height:26px;border-radius:50%;border:0;background:#dc2626;color:#fff;font:700 15px/26px system-ui;cursor:pointer;padding:0;pointer-events:auto}
.pie-editor{position:sticky;bottom:0;z-index:20;box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.vista img{width:100%;border:1px solid var(--line);margin:6px 0 12px;box-shadow:0 1px 6px rgba(0,0,0,.12)}
.velo .ventana{max-width:900px}
@media (max-width:600px){.menu .quien{display:none}.modos button{padding:8px 9px;font-size:.9rem}}
@media print{.menu,.encabezado,.acciones-lista,#lote,form,.btn,td.chk,th.chk,.herr{display:none!important}.tarjeta{border:0;box-shadow:none}
a[href^="http"]:after{content:" " attr(href);font-size:.7rem;color:#334155;overflow-wrap:anywhere}}
.modos .sep{width:1px;background:var(--line);margin:4px 2px}.modos button.principal{background:var(--green);border-color:var(--green);color:#fff}
.barra-editor .ayuda{margin:6px 0 0;font-size:.88rem}
@media (max-width:600px){.barra-editor{padding:8px 10px;border-radius:0;margin:0 -12px 12px}
.modos{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.modos button{flex:none;white-space:nowrap;min-height:42px}
.barra-editor .ayuda{font-size:.8rem}}
/* Guia de 4 pasos (arriba de la busqueda) */
.guia{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px;padding:0}
.guia li{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--muted)}
.guia li b{flex:none;width:30px;height:30px;border-radius:50%;background:#e5e7eb;color:#475569;display:flex;align-items:center;justify-content:center}
.guia li span{font-weight:700;line-height:1.25}.guia li small{display:block;font-weight:400;font-size:.8rem}
.guia li.actual{border-color:var(--brand-2);background:#eef4ff;color:var(--brand)}.guia li.actual b{background:var(--brand-2);color:#fff}
.guia li.hecho{border-color:#bbf7d0;color:#166534}.guia li.hecho b{background:var(--green);color:#fff}
.vacio{border:2px dashed #fbbf24;background:#fffbeb;border-radius:12px;padding:12px 16px;margin:8px 0}.vacio h3{margin:0 0 6px;color:#92400e}.vacio ul{margin:0;padding-left:20px}.vacio li{margin:4px 0}
.menu{padding-left:max(10px,calc((100% - 1150px)/2));padding-right:max(10px,calc((100% - 1150px)/2))}
@media (max-width:700px){.guia{grid-template-columns:repeat(2,1fr)}.guia li{padding:8px}.guia li small{font-size:.75rem}}