:root{--bg:#f6f7f9;--panel:#fff;--txt:#1b2129;--suave:#5b6673;--borde:#dde2e8;--acento:#9a6b12;--ok:#1d7a46;--mal:#b3261e;--aviso:#8a5a00;--chip:#eef1f4}
@media (prefers-color-scheme:dark){:root{--bg:#0e1217;--panel:#161b22;--txt:#e7ebf0;--suave:#98a3af;--borde:#2a313a;--acento:#e3b866;--ok:#4cc38a;--mal:#ff7b72;--aviso:#e3b866;--chip:#1f262f}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--acento)}header{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--borde);background:var(--panel);position:sticky;top:0;z-index:2}
header .marca{font-weight:700;text-decoration:none;color:var(--txt)}header nav{margin-left:auto;display:flex;gap:14px;font-size:14px}
main{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:22px;margin:8px 0 4px}h2{font-size:17px;margin:24px 0 8px}h3{font-size:15px;margin:16px 0 6px}
.caja{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:14px 16px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.chip{display:inline-block;padding:2px 9px;border-radius:99px;background:var(--chip);font-size:12.5px;white-space:nowrap}
.chip.esperando_aprobacion{background:var(--acento);color:#111}.chip.error,.chip.bloqueado{background:var(--mal);color:#fff}.chip.listo{background:var(--ok);color:#fff}
.suave{color:var(--suave)}.peq{font-size:13px}.mal{color:var(--mal)}.ok{color:var(--ok)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--borde);vertical-align:top}
.tabla{overflow-x:auto}
form.fila{display:flex;flex-wrap:wrap;gap:8px;align-items:end}label{display:block;font-size:13px;color:var(--suave);margin:8px 0 3px}
input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--borde);border-radius:8px;background:var(--bg);color:var(--txt);font:inherit}
textarea{min-height:90px}button,.boton{display:inline-block;padding:8px 14px;border-radius:8px;border:1px solid var(--borde);background:var(--panel);color:var(--txt);font:inherit;cursor:pointer;text-decoration:none}
button.primario{background:var(--acento);border-color:var(--acento);color:#111;font-weight:600}button.peligro{border-color:var(--mal);color:var(--mal)}
.msg{padding:10px 14px;border-radius:8px;margin:10px 0;background:var(--chip)}.msg.error{background:var(--mal);color:#fff}
.pasos{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.pasos span{flex:1;min-width:90px;text-align:center;padding:6px 4px;border-radius:6px;background:var(--chip);font-size:12.5px}
.pasos span.hecho{background:var(--ok);color:#fff}.pasos span.actual{background:var(--acento);color:#111;font-weight:600}
.bloqueos{border-left:4px solid var(--mal);padding:8px 12px;background:var(--chip);border-radius:6px}
video,img.prev{max-width:100%;border-radius:8px;background:#000}pre{white-space:pre-wrap;word-break:break-word;background:var(--chip);padding:10px;border-radius:8px;font-size:13px}
.beat{border-left:3px solid var(--borde);padding:4px 12px;margin:8px 0}.cap{font-weight:600;margin-top:14px}
details summary{cursor:pointer;color:var(--acento)}.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.miniimg{width:120px;height:68px;object-fit:cover;border-radius:4px}
@media (max-width:700px){.dos{grid-template-columns:1fr}header nav{gap:10px}main{padding:12px}}
.sin-margen{margin-top:0}.alto-m{min-height:150px}.alto-l{min-height:220px}.aviso{border-color:var(--aviso)}.arriba{margin-top:12px}
.enlace-caja{text-decoration:none;color:inherit}.login{max-width:380px;margin:60px auto}