/* Dirección V7: objeto editorial técnico, sin carril persistente.
   Se conservan tipografía, tokens, grilla y estados del portafolio. */
.system-art{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;align-self:center}
.system-index{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}
#system-stage{position:relative;width:100%;aspect-ratio:1;max-height:650px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#15373c70,transparent 65%)}
#system-stage canvas,#system-stage img{width:100%;height:100%;object-fit:contain;display:block}
#system-stage [hidden],#system-stage[data-state=ready] img{display:none}
.system-art figcaption{position:static;display:flex;justify-content:center;gap:18px;font:10px/1.6 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted);padding:24px 0;border-top:1px solid var(--line)}
.system-art figcaption i{color:var(--gold);font-style:normal}
.static-profile{flex:none;width:64px;display:block}.static-profile img{width:64px;height:86px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.hero-evidence{align-items:center;gap:24px}.hero-evidence>span{min-width:0}
.portrait img{border:0;border-radius:2px;box-shadow:none}
@media(max-width:800px){.system-art{margin-block:48px 24px}.system-index{font-size:9px}.system-art figcaption{gap:12px;font-size:9px}.hero-evidence{gap:14px}}
@media(max-width:380px){.static-profile,.static-profile img{width:48px}.static-profile img{height:64px}.hero-evidence{font-size:11px;gap:12px}}