.escena-pieza{--escena-borde:color-mix(in srgb, var(--punto) 80%, var(--sup));--escena-tapa:var(--sup);--escena-frente:color-mix(in srgb, var(--velo-borde) 55%, var(--sup));--escena-costado:color-mix(in srgb, var(--velo-borde) 85%, var(--punto));--escena-pantalla:color-mix(in srgb, var(--velo-borde) 70%, var(--sup));--escena-ui:color-mix(in srgb, var(--punto) 45%, var(--sup));--escena-luz:color-mix(in srgb, var(--punto) 45%, var(--sup))}.escena-pieza--encendida{--escena-borde:var(--azul);--escena-tapa:color-mix(in srgb, var(--azul) 3%, var(--sup));--escena-frente:color-mix(in srgb, var(--azul) 14%, var(--sup));--escena-costado:color-mix(in srgb, var(--azul) 26%, var(--sup));--escena-pantalla:color-mix(in srgb, var(--resplandor) 70%, var(--sup));--escena-ui:color-mix(in srgb, var(--azul) 45%, var(--sup));--escena-luz:var(--exito)}.escena-pieza *{transition:fill .9s,stroke .9s,opacity .9s}.escena-cara{stroke:var(--escena-borde);stroke-width:1px;stroke-linejoin:round}.escena-tapa{fill:var(--escena-tapa)}.escena-frente{fill:var(--escena-frente)}.escena-costado{fill:var(--escena-costado)}.escena-marco{fill:var(--escena-frente);stroke:var(--escena-borde);stroke-width:.6px}.escena-hueco{fill:var(--escena-costado);stroke:var(--escena-borde);stroke-width:.6px}.escena-tecla{fill:var(--escena-costado)}.escena-pantalla{fill:var(--escena-pantalla);stroke:var(--escena-borde);stroke-width:.8px}.escena-ui{fill:var(--escena-ui)}.escena-ui-fuerte{fill:var(--escena-borde);opacity:.55}.escena-trazo{fill:none;stroke:var(--escena-borde);stroke-width:1px;stroke-linecap:round}.escena-luz{fill:var(--escena-luz)}.escena-sombra{fill:color-mix(in srgb, var(--texto-1) 7%, transparent)}.tarjeta-obra{justify-items:center;gap:var(--esp-3);box-sizing:border-box;width:min(calc(100vw - 2 * var(--esp-4)), 420px);max-width:100%;padding:var(--esp-5);text-align:center;background:var(--vidrio);border:1px solid var(--vidrio-borde);border-radius:var(--radio-4);box-shadow:var(--vidrio-sombra);-webkit-backdrop-filter:var(--vidrio-desenfoque);backdrop-filter:var(--vidrio-desenfoque);display:grid}.tarjeta-obra .arranque-texto{max-width:34ch}.tarjeta-obra-titulo{font-size:var(--letra-18);letter-spacing:-.01em;color:var(--texto-1);margin:0;font-weight:700}.arranque-obra{width:220px;max-width:100%;height:auto;margin-bottom:var(--esp-2);stroke-linejoin:round;stroke-linecap:round}.obra-escala *{vector-effect:non-scaling-stroke}.obra-reticula{fill:var(--punto);fill-opacity:.6}.obra-silueta{fill:none;stroke:var(--punto);stroke-width:1.4px;stroke-dasharray:4 4;stroke-linejoin:round}.obra-404{fill:var(--azul);stroke:none;letter-spacing:-.02em;font-size:30px;font-weight:700}.obra-candado-arco-filo{fill:none;stroke:var(--sup);stroke-width:6px}.obra-candado-arco{fill:none;stroke:var(--azul);stroke-width:3px}.obra-candado-cuerpo{fill:var(--azul);stroke:var(--sup);stroke-width:2px;stroke-linejoin:round}.obra-candado-ojo{fill:var(--sup);stroke:none}.obra-candado-ojo-trazo{stroke:var(--sup);stroke-width:2.2px}.obra-enlace-tramo{fill:none;stroke:var(--azul);stroke-width:1.4px;stroke-dasharray:3 5}.obra-enlace-tramo--resto{opacity:.35}.obra-enlace-equis{stroke:var(--azul);stroke-width:1.8px}@media (prefers-reduced-motion:no-preference){.obra-enlace{animation:2.4s ease-in-out infinite alternate obra-parpadeo}}@keyframes obra-parpadeo{0%{opacity:1}to{opacity:.4}}.pagina-obra{padding:var(--esp-5) 0;justify-items:center;display:grid}.tarjeta-obra .estado-texto{text-wrap:balance;max-width:34ch}