*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:#000;overflow:hidden;color:#fff}
body.ocioso{cursor:none}
#escena{position:fixed;inset:0}
#espera{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#1b2150,#06070f 70%);transition:opacity .4s;font-family:'Archivo',sans-serif}
#espera.fuera{opacity:0;pointer-events:none}
.espera-in{text-align:center;padding:0 8%}
.marca{font-family:'Bricolage',sans-serif;font-weight:800;font-size:9vh;letter-spacing:-.03em;color:#ffd66e}
.esp-1{font-size:3.2vh;margin-top:2vh;color:#e9ebf8}
.esp-2{font-size:2.4vh;margin-top:1.2vh;color:#a9afd6;max-width:70ch;margin-inline:auto;line-height:1.45}
.esp-boton{margin-top:4vh;font:700 2.6vh/1 'Archivo',sans-serif;background:#ffd66e;color:#0c0e26;border:0;border-radius:1.2vh;padding:2vh 3.4vh;cursor:pointer}
kbd{font-family:inherit;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:.3em;padding:0 .35em}
#pista{position:fixed;left:50%;bottom:2vh;transform:translateX(-50%);font:500 14px/1 'Archivo',sans-serif;color:#cfd3ef;background:rgba(10,12,30,.82);z-index:21;
  border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:999px;transition:opacity .3s}
body.completa #pista,body.vista #pista,body.local #pista,body.vista #espera,body.local #espera,body.completa #espera{display:none}
body.vista .escena .contenido>.diapo{transition-duration:.2s}
[hidden]{display:none!important}
body.trans #pista{top:2vh;bottom:auto}