/* flipbook.css — leitor de livro com virar de página */
.fb{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:22px 0 10px;
  --fb-ouro:#d8af3f;--fb-ouro-br:#ecca74;--fb-fundo:#0b0a07}
.fb-palco{position:relative;width:100%;min-height:420px;display:flex;justify-content:center;align-items:center;
  background:radial-gradient(60% 70% at 50% 45%,rgba(216,175,63,.07),transparent 70%)}
.fb-livro{width:100%;max-width:calc((100svh - 190px) * 1.414) !important;margin:0 auto;opacity:0;transition:opacity .6s ease}
.fb.is-pronto .fb-livro{opacity:1}
.fb-pg{background:#f6f2e8;overflow:hidden;position:relative}
.fb-pg canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s ease}
.fb-pg.is-ok canvas{opacity:1}
.fb-pg:not(.fb-pg--cta):not(.fb-pg--fim)::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#efe9da,#f8f5ec 30%,#efe9da);z-index:-1}
.fb-num{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:500 11px/1 'Jost',sans-serif;color:rgba(0,0,0,0)}
.fb-pg--fim{background:#100e09;display:flex;align-items:center;justify-content:center}
.fb-pg--fim img{width:22%;opacity:.35;filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg)}

/* página-convite no fim da prévia */
.fb-pg--cta{background:radial-gradient(90% 70% at 50% 30%,#2a2113,#0e0c08 75%);color:#f4f1ea;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9% 10%}
.fb-pg--cta .fb-cta__olho{font:600 11px/1.4 'Jost',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--fb-ouro)}
.fb-pg--cta h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(22px,3vw,34px);line-height:1.15;margin:14px 0 12px}
.fb-pg--cta p{font:300 15px/1.6 'Jost',sans-serif;color:#cfc8b6;max-width:30ch;margin:0 auto 22px}
.fb-pg--cta .fb-cta__preco{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--fb-ouro-br);margin-bottom:16px}
.fb-pg--cta .fb-cta__bt{display:inline-block;background:var(--fb-ouro);color:#140f06;font:600 14px/1 'Jost',sans-serif;
  letter-spacing:.06em;padding:15px 30px;border-radius:40px;text-decoration:none;cursor:pointer;border:0;transition:background .25s,transform .25s}
.fb-pg--cta .fb-cta__bt:hover{background:var(--fb-ouro-br);transform:translateY(-2px)}

/* barra de controle */
.fb-barra{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.fb-bt{width:46px;height:46px;border-radius:50%;border:1px solid rgba(216,175,63,.35);background:rgba(255,255,255,.02);
  color:var(--fb-ouro-br);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,border-color .25s,transform .2s}
.fb-bt:hover:not(:disabled){background:rgba(216,175,63,.12);border-color:var(--fb-ouro)}
.fb-bt:active:not(:disabled){transform:scale(.94)}
.fb-bt:disabled{opacity:.3;cursor:default}
.fb-cont{min-width:76px;text-align:center;font:500 14px/1 'Jost',sans-serif;color:#cfc8b6;letter-spacing:.06em}
.fb-dica{text-align:center;font:300 13px/1.5 'Jost',sans-serif;color:#8a8475;margin-top:10px}

.fb-carregando{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;
  font:400 15px/1.5 'Jost',sans-serif;color:#a49d8b;text-align:center;padding:20px}
.fb-carregando::before{content:"";width:34px;height:34px;border-radius:50%;border:2px solid rgba(216,175,63,.2);border-top-color:var(--fb-ouro);animation:fb-gira 1s linear infinite}
@keyframes fb-gira{to{transform:rotate(360deg)}}

/* tela cheia */
.fb.is-cheia{position:fixed;inset:0;z-index:9999;max-width:none;background:var(--fb-fundo);padding:16px;display:flex;flex-direction:column;justify-content:center}
.fb.is-cheia .fb-palco{flex:1;min-height:0}
.fb.is-cheia .fb-livro{max-width:calc((100vh - 110px) * 1.414) !important;margin:0 auto}
.fb.is-cheia .fb-dica{display:none}

@media (max-width:640px){
  .fb{padding-top:12px}
  .fb-livro{max-width:calc((100svh - 190px) * .707) !important}
  .fb-palco{min-height:360px}
  .fb-bt{width:44px;height:44px}
  .fb-cont{font-size:15px}
  .fb-dica{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.fb-livro,.fb-pg canvas{transition:none}}
