/* Biblioteca virtual (v2): a estante é uma foto (render do Blender) que se funde ao fundo da seção.
   Sem manchas de luz desfocadas: a luz vem da própria foto (abajur à esquerda, sombra real na parede). */
.reflexoes.bib2{--bib-bg:#170e15;background:linear-gradient(180deg,#22141c 0%,#170e15 55%,#0b060a 100%);box-shadow:none}   /* mesmas cores das bordas do render */
.reflexoes.bib2::before{display:none}

/* palco da foto */
.estante-scene.is-photo{height:auto !important;aspect-ratio:16/10;perspective:none;border-radius:0}
.estante-scene.is-photo .estante-scale{display:none}
.bib-foto{position:absolute;inset:0;overflow:hidden;
  -webkit-mask-image:radial-gradient(ellipse 52% 58% at 50% 44%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 52% 58% at 50% 44%,#000 55%,transparent 100%)}
.bib-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0;transition:opacity .9s ease}
.bib-foto img.is-on{opacity:1}
.bib-spots{position:absolute;inset:0}
.bib-spot{position:absolute;padding:0;border:0;border-radius:3px;background:none;cursor:pointer}
.bib-spot::after{content:'';position:absolute;left:12%;right:12%;bottom:-10px;height:2px;border-radius:2px;background:#f59e0b;opacity:0;transform:scaleX(.4);
  transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.bib-spot:hover::after,.bib-spot.is-on::after{opacity:1;transform:scaleX(1)}
.bib-spot:focus-visible{outline:2px solid #f59e0b;outline-offset:3px}

/* cartão do texto: ficha de livro, com um fio na cor do livro escolhido */
.bib2 .estante-info{position:relative;padding:4px 0 4px clamp(18px,2vw,26px)}
.bib2 .estante-info::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--bc,#f59e0b);transition:background .6s ease}
.bib2 .ei-count{color:rgba(250,243,224,.55)}
.bib2 .ei-bar{background:rgba(250,243,224,.12)}
.bib2 .ei-bar i{background:var(--bc,#f59e0b);transition:width .6s cubic-bezier(.16,1,.3,1),background .6s ease}
.bib2 .ei-tag{letter-spacing:.12em;color:#f5b545}
.bib2 .ei-title{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.06;letter-spacing:-.025em;max-width:18ch}
.bib2 .ei-dek{color:rgba(250,243,224,.72)}
.bib2 .ei-hint{opacity:.6}

@media (max-width:899px){
  .estante-scene.is-photo{aspect-ratio:1/1}   /* celular: enquadra mais perto, livros maiores e mais fáceis de tocar */
  .bib2 .estante-info{padding-left:16px}
}
/* sai o fundo antigo: luzes desfocadas animadas e a "alcova" atrás da estante */
.bib2 .bgfx{display:none}
.estante-scene.is-photo::before,.estante-scene.is-photo::after{display:none}

/* celular: a prateleira aparece inteira e as bordas da foto se desfazem no fundo (sem a linha reta das pontas da tábua) */
@media (max-width:899px){
  .estante-scene.is-photo{aspect-ratio:5/4;margin-left:-16px;margin-right:-16px}
  .bib-foto{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%,#000 74%,transparent 100%);
    -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%,#000 74%,transparent 100%);mask-composite:intersect}
}