/* =====================================================================
   App instalable del cliente y vista de la pieza
   ===================================================================== */
.instcard{display:flex;gap:16px;align-items:flex-start;margin-top:18px}
.instcard .instico img{border-radius:14px;display:block;box-shadow:0 0 0 1px var(--line)}
.instcard .h2{font-size:18px;margin:0 0 4px}
.inststeps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-1)}
@media (max-width:640px){.instcard{flex-direction:column}}
.qrbox{display:flex;gap:14px;align-items:center;padding:12px;border-radius:14px;background:var(--glass-1);box-shadow:inset 0 0 0 1px var(--line)}
.qrbox img{border-radius:8px;background:#FFFFFF;padding:4px;flex:none}
.qrlogin{margin-top:18px}
@media (max-width:820px),(pointer:coarse){.qrlogin{display:none}}
.piece{padding:12px;border-radius:16px;background:var(--glass-1);box-shadow:inset 0 0 0 1px var(--line)}
.pieceframe{position:relative;width:100%;aspect-ratio:4/5;max-height:70vh;border-radius:12px;overflow:hidden;background:#111}
.pieceframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.piecef{margin-bottom:4px}