.imp{border-bottom:1px solid var(--linea);grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);height:clamp(640px,92vh,940px);display:grid}.imp-info{border-right:1px solid var(--linea);flex-direction:column;gap:24px;min-height:0;padding:clamp(28px,4vw,64px) clamp(16px,3.5vw,56px);display:flex}.imp-info .imp-lista{scrollbar-width:thin;scrollbar-color:#333 transparent;min-height:0;overflow-y:auto}.imp-info .titulo{font-size:clamp(36px,4.2vw,68px)}.imp-lista{border-top:1px solid var(--linea);gap:0;margin:0;padding:0;list-style:none;display:grid}.imp-lista button{--p:0;border:0;border-bottom:1px solid var(--linea);text-align:left;color:#fafafa9e;background:0 0;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 4px;transition:color .2s,padding .25s;display:grid;position:relative}.imp-lista button:after{content:"";height:2px;width:calc(var(--p) * 100%);background:var(--lima);position:absolute;bottom:-1px;left:0}.imp-lista .n{font-family:var(--f-mono);color:var(--gris);font-size:11px}.imp-lista .nom{font-family:var(--f-display);letter-spacing:-.01em;font-size:17px;font-weight:700}.imp-lista .cat{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gris);font-size:10px}.imp-lista .real{font-style:normal;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lima);vertical-align:3px;border:1px solid #b9e64d73;margin-left:8px;padding:1px 5px;font-size:9px;font-weight:500}.imp-lista button:hover,.imp-lista button[aria-pressed=true]{color:var(--hueso);padding-left:10px}.imp-lista button[aria-pressed=true] .n{color:var(--lima)}.imp-stage{touch-action:pan-y;background:#0b0b0b;min-height:560px;position:relative;overflow:hidden}.imp-stage canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.imp-stage canvas:active{cursor:grabbing}.imp-stage:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#0000008c);position:absolute;inset:0}.hud{z-index:2;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;position:absolute}.hud-top{pointer-events:none;flex-direction:column;gap:6px;display:flex;top:20px;left:22px}.hud-nombre{font-family:var(--f-display);letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(22px,2.4vw,34px);font-weight:800}.hud-cat{color:var(--lima)}.hud-prog{border:1px solid var(--linea);pointer-events:none;background:#0b0b0bb3;grid-template-columns:auto 140px auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid;top:22px;right:22px}.hud-prog .bar{background:#fafafa1a;height:4px}.hud-prog .bar i{background:var(--lima);width:0;height:100%;display:block}#estado{color:var(--lima)}#capa,#pct{color:#fafafabf;min-width:7ch}.hud-ctrl{white-space:nowrap;border:1px solid var(--linea);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0bc7;flex-direction:column;align-items:center;gap:8px;padding:8px;display:flex;bottom:20px;left:50%;transform:translate(-50%)}.hud-ctrl .grupo{display:flex}.hud-ctrl .grupo .chip+.chip{border-left:0}.sw{gap:6px;padding:0 6px;display:flex}.sw button{border:1px solid #fafafa40;width:22px;height:22px;padding:0;position:relative}.sw button[aria-pressed=true]{outline:2px solid var(--lima);outline-offset:2px}.sw button.orig{background:conic-gradient(#c77f55,#eeeae0,#2f7dff,#ff5c9d,#c77f55)}.hint{z-index:2;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);font-size:10px;transition:opacity .4s;position:absolute;bottom:26px;right:22px}@media (max-width:900px){.imp{grid-template-columns:minmax(0,1fr);height:auto}.imp-info{border-right:0;order:2;gap:18px;min-width:0}.imp-stage{order:1;min-height:72vh}.imp-lista{scrollbar-width:none;border:0;gap:8px;display:flex;overflow-x:auto}.imp-lista li{flex:none}.imp-lista button{border:1px solid var(--linea);grid-template-columns:auto auto;padding:10px 12px}.imp-lista .cat{display:none}.imp-lista .nom{white-space:nowrap;font-size:14px}.hud-prog{grid-template-columns:auto 1fr auto;inset:auto 16px 86px}.hud-prog #capa{display:none}.hud-top{top:16px;left:16px}.hint{display:none}.hud-ctrl{flex-wrap:wrap;width:calc(100% - 24px);bottom:12px}}.hud-ctrl .fila{justify-content:center;align-items:center;gap:8px;display:flex}.hud-ctrl .acabados{gap:0}.hud-ctrl .acabados .chip+.chip{border-left:0}.hud-ctrl .acabados .chip{flex-direction:column;align-items:flex-start;gap:2px;padding:7px 11px;display:inline-flex}.hud-ctrl .acabados .chip small{letter-spacing:.12em;opacity:.6;font-size:8.5px}.hud-ctrl .acabados .chip .conf{color:#ffb86b}.hud-ctrl .acabados .chip[aria-pressed=true] .conf{color:#8a4b00}.hud-acab{color:#fafafab3}.sw[hidden]{display:none}.sw button.metal{background-image:linear-gradient(135deg,#ffffffa6,#0000 45%,#00000059)}.sw button.cristal{background-image:linear-gradient(135deg,#fffc,#ffffff26 50%,#ffffff80)}@media (max-width:900px){.hud-ctrl .acabados{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.hud-ctrl .acabados .chip{flex:none;padding:6px 8px}.hud-ctrl .fila:not(.acabados){flex-wrap:wrap}}.embed .imp{border-bottom:0;height:100vh}@media (max-width:900px){.embed .imp{grid-template-rows:62vh minmax(0,1fr);height:100vh}.embed .imp-stage{min-height:0}.embed .imp-info{overflow:hidden}}@media (min-width:901px){.embed .imp-info{padding-top:var(--top-web)}}.embed .hud-top{top:var(--top-web)}@media (min-width:901px){.embed .hud-prog{top:var(--top-web)}}.imp-stage{container-type:inline-size}@media (min-width:901px){@container (width<=760px){.hud.hud-prog,.embed .hud.hud-prog{inset:auto auto 128px 22px}}}
