/* Copia para la Biblioteca de la web (21-10-2026), sacada de prototipos-biblioteca. Si cambia allí, se vuelve a copiar. */
/* El cielo aprobado (los estilos de b-cielo.html), para los tres prototipos de «entrar en una página» (20-10-2026, noche). */
.recorrido { height: 1400vh; }
.ficha { position: fixed; z-index: 4; left: max(16px, 4vw); top: 50%; translate: 0 -50%; width: min(370px, calc(100vw - 32px)); box-sizing: border-box; padding: 24px; border-radius: 22px;
  background: rgba(10,11,7,.94); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c, #efd295) 70%, transparent), 0 20px 60px rgba(0,0,0,.6); display: none; }
.ficha.ver { display: block; }
.ficha .x { position: absolute; top: 8px; right: 10px; background: none; border: 0; color: #b9b29a; font-size: 1.6rem; cursor: pointer; min-width: 44px; min-height: 44px; }
.ficha img { width: 56px; height: 56px; display: block; margin-bottom: 8px; }
.ficha h3 { font-family: "Aboreto", serif; font-weight: 400; font-size: 1.15rem; letter-spacing: .08em; text-transform: uppercase; color: #f6ead0; margin: 0 0 8px; }
.ficha .nota-int { font-size: .95rem; color: #b9b29a; margin: -6px 0 12px; }
button.btn { border: 0; cursor: pointer; }
/* «Entrar» junto a la estrella tocada (Migue, 21-10): no hay que ir hasta la ficha */
.entrar-aqui { position: fixed; left: 0; top: 0; z-index: 4; min-height: 44px; padding: 11px 20px; font-size: .75rem; box-shadow: 0 8px 24px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 240, 200, .35); }
.entrar-aqui[hidden] { display: none; }
.entrar-aqui:focus-visible { outline: 2px solid #efd295; outline-offset: 3px; }
html.leyendo .entrar-aqui { display: none; }
body.con-ficha #capas .capa { visibility: hidden !important; }
#capas .capa.izq { width: min(370px, calc(100vw - 32px)); left: max(16px, 4vw); }
#capas .tit { font-size: clamp(1.6rem, 3vw, 2.5rem); }
#capas .preg { font-size: 1.2rem; }
.capa .sim-sala { width: 60px; height: 60px; display: block; margin-bottom: 10px; filter: drop-shadow(0 0 12px color-mix(in srgb, var(--c) 60%, transparent)); }
#capas .capa.abajo { bottom: 12px; }
#capas .capa.abajo .sim-sala, #capas .capa.abajo .pista { display: none; }
#capas .capa.abajo .rot { margin-bottom: 4px; }
#capas .capa.abajo .tit { font-size: 1.35rem; margin-bottom: 6px; }
#capas .capa.abajo .preg { font-size: 1rem; margin: 2px 0 6px; }
#capas .capa.abajo .cuenta { margin-bottom: 0; }
@media (max-width: 760px) {
  .ficha { top: auto; bottom: 10px; translate: 0 0; left: 10px; right: 10px; width: auto; padding: 14px 16px 16px; background: #0b0c08; }
  .ficha img { display: none; }
  .ficha .rot { font-size: .75rem; margin-bottom: 6px; padding-right: 40px; }
  .ficha h3 { font-size: 1rem; margin-bottom: 4px; padding-right: 40px; }
  .ficha .preg { font-size: 1.02rem !important; margin: 0 0 8px; }
  .ficha .cuenta { margin-bottom: 10px; font-size: .9rem; }
  .ficha .btn { padding: 12px 18px; min-height: 44px; box-sizing: border-box; }
  .nota-pr { display: none; }
}
#nombre-est { position: fixed; z-index: 4; pointer-events: none; display: none; font-family: "Aboreto", serif; font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: #f6ead0; background: rgba(7,8,6,.85); padding: 7px 11px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(239,210,149,.4); }
/* mientras se lee una página, el cielo se queda quieto debajo y no se toca */
html.leyendo, html.leyendo body { overflow: hidden; }
html.leyendo .pr-barra, html.leyendo .nota-pr, html.leyendo #nombre-est { display: none; }
html.leyendo .capa, html.leyendo .ficha { pointer-events: none !important; }