.credencial-escenario{width:100%;height:calc(min(78svh, 760px) + var(--ld-barra,64px));background:#000;position:relative;overflow:hidden}.credencial-escenario canvas{touch-action:none;opacity:0;transition:opacity .25s var(--in-ease,ease-out);position:relative}.credencial-escenario[data-cargado] canvas{opacity:1}.fondos{z-index:2;opacity:0;pointer-events:none;transition:opacity .5s var(--in-ease,ease-out);display:flex;position:absolute;top:62%;transform:translateY(-50%)}.fondos[data-visible]{opacity:1;pointer-events:auto}.credencial-escenario{--tarjeta-media:min(26vw, 170px)}.fondos[data-lado=izq]{left:calc(50% - var(--tarjeta-media) - 60px)}.fondos[data-lado=der]{left:calc(50% + var(--tarjeta-media) + 16px)}@media (max-width:899px){.fondos[data-lado=izq]{left:8px}.fondos[data-lado=der]{left:auto;right:8px}}.flecha{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:0;place-items:center;width:44px;height:44px;padding:0;transition:border-color .2s,background-color .2s;display:grid}.flecha svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:square;width:20px;height:20px}.flecha:hover{border-color:#fff}.flecha:active{background:#ffffff1f}.flecha:focus-visible{outline-offset:3px;outline:2px solid #fff}.credencial-estatica{justify-content:center;align-items:center;display:flex}.credencial-estatica img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:14px;width:auto;max-width:calc(100vw - 120px);height:auto;max-height:94%}.credencial-envoltura{position:relative}.calidad-envoltura{z-index:4;position:absolute;top:10px;right:10px}.calidad-engranaje{color:#6b6b6b;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.calidad-engranaje:hover{color:#a3a3a3}.calidad-engranaje svg{fill:currentColor;width:16px;height:16px}.calidad-popup{color:#d4d4d4;width:200px;font:11px/1.2 var(--f-misc,ui-monospace, monospace);background:#101012f0;border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px 8px;position:absolute;top:36px;right:0}.calidad-titulo{letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a;margin-bottom:8px}.calidad-popup input[type=range]{accent-color:#fff;width:100%;margin:0}.calidad-puntos{justify-content:space-between;margin-top:6px;display:flex}.calidad-puntos button{color:#8a8a8a;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0}.calidad-puntos button[data-activo]{color:#fff}