/* R6 · EXPERIMENT / USER-AUTHORIZED. B1 y una invitación de cuaderno.
   Papel, Caveat y flechas del hero R5; sin ilustraciones ni reloj nuevos. */
#libros{--lib-invitacion:1;--lib-seguir:1;--lib-escena-h:100svh}
#libros .escena-banda{height:var(--lib-escena-h);min-height:540px}
#libros .escena-titulo{padding-top:calc(var(--cab-h) + clamp(24px,4svh,44px));pointer-events:none}
#libros .escena-titulo h2{max-width:20em;margin-inline:auto;font-size:clamp(2.1rem,3.6vw,3.5rem);line-height:1.08;text-wrap:balance}
#libros .guia-acento{color:#eed4a1}
#libros .biblioteca-invitacion{position:absolute;z-index:4;left:50%;top:60%;width:max-content;max-width:calc(100% - 48px);text-align:center;transform:translate(-50%,-50%)}
#libros .biblioteca-invitacion .entrar-sala{position:static;margin:0;transform:none}
#libros .entrar{display:inline-block;min-height:64px;padding:13px 30px 15px;max-width:100%;border-radius:3px;font:600 clamp(1.85rem,2.7vw,2.4rem)/1.05 AstraCaveat,cursive;letter-spacing:-.02em;text-transform:none;white-space:normal;text-wrap:balance;transform:rotate(-2deg);color:#332313;background-color:#f7e5c9;box-shadow:0 4px 20px rgb(18 8 2/.3);transition:transform .2s ease,box-shadow .2s ease}
#libros .entrar::after{display:none}
#libros .entrar:hover,#libros .entrar:focus-visible{transform:rotate(0) translateY(-3px);box-shadow:0 7px 24px rgb(18 8 2/.45)}
#libros .entrar:focus-visible{outline:3px solid #f7e5c9;outline-offset:6px}
#libros .entrar:active{transform:rotate(0) translateY(1px)}
#libros .biblioteca-nota{margin:15px 0 0;color:#f7e5c9;font:500 clamp(1.5rem,2vw,1.9rem)/1.1 AstraCaveat,cursive;transform:rotate(-3deg);text-shadow:0 2px 4px #160b05,0 0 10px #160b05}
#libros .biblioteca-flecha{position:absolute;right:-28px;top:-104px;width:104px;height:104px;color:#eed4a1;transform:rotate(-115deg);filter:drop-shadow(0 2px 2px #160b05);opacity:var(--lib-invitacion);pointer-events:none}
#libros .biblioteca-flecha path,#libros .biblioteca-continuar path{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
#libros .trazo-eco{stroke-width:1.5;opacity:.5}
#libros .biblioteca-continuar{position:absolute;z-index:4;left:50%;bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:5px 14px;font:500 25px/1 AstraCaveat,cursive;color:#f7e5c9;text-decoration:none;text-shadow:0 2px 4px #160b05,0 0 10px #160b05;opacity:calc(.9 + .1 * var(--lib-seguir));white-space:nowrap}
#libros .biblioteca-continuar svg{width:21px;height:32px;flex:none}
#libros .biblioteca-continuar:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#libros .pista-biblioteca-r6{position:relative;height:calc(1.9 * 100svh)}
#libros.biblioteca-activa .pista-biblioteca-r6>.escena{position:sticky;top:0;height:var(--lib-escena-h);min-height:0;overflow:hidden;container-type:size}
#libros.biblioteca-activa .escena-banda{position:absolute;inset:0;height:auto;min-height:0}
#libros.biblioteca-activa .escena-banda::after{display:none}
@media(orientation:portrait){
  #libros .escena-titulo{padding:calc(var(--cab-h) + 24px) 25px 0}
  #libros .escena-titulo h2{font-size:clamp(2rem,6.9vw,3.25rem);max-width:12em}
  #libros .biblioteca-invitacion{top:63%;max-width:calc(100% - 50px)}
  #libros .entrar{padding:14px 22px 17px;font-size:clamp(1.85rem,7.4vw,2.7rem)}
  #libros .biblioteca-flecha{right:8px;top:-112px;width:100px;height:100px}
}
@media(orientation:landscape) and (max-height:559px){
  #libros .escena-banda{min-height:320px}
  #libros .escena-titulo{left:4%;right:auto;top:26%;width:43%;padding:0;text-align:left}
  #libros .escena-titulo h2{font-size:clamp(1.55rem,5.8svh,2rem);max-width:13em;margin:0}
  #libros .biblioteca-invitacion{left:73%;top:49%;width:42%;max-width:42%}
  #libros .entrar{min-height:52px;font-size:27px;padding:11px 20px 14px}
  #libros .biblioteca-flecha{right:10px;top:-70px;width:64px;height:64px}
  #libros .biblioteca-nota{font-size:22px;margin-top:12px}
  #libros .biblioteca-continuar{left:73%;bottom:66px;font-size:22px;min-height:44px;padding:2px 9px}
  #libros .biblioteca-continuar svg{width:18px;height:27px}
}
@media(prefers-reduced-motion:reduce){#libros .entrar{transition:none}#libros .biblioteca-invitacion,#libros .biblioteca-continuar,#libros .biblioteca-flecha{opacity:1}}
@media(forced-colors:active){#libros .entrar{border:2px solid ButtonText}#libros .biblioteca-nota,#libros .biblioteca-continuar{background:Canvas;color:CanvasText;text-shadow:none}}
@media print{#libros .pista-biblioteca-r6{height:auto!important}#libros.biblioteca-activa .escena{position:relative;height:700px}#libros .biblioteca-continuar{display:none}}