/* ============================================================
   LP-B · LIVRO 3D na oferta (livro-abre: gira reto + abre no clique nas 2 páginas)
   + toques do diagnóstico C2 (shimmer + selo "caso sensível").
   Tudo escopado em #oferta #voBook e #metodo .hib-triage. Isolado.
   Linkado PRIMEIRO só na lp-b-PREVIEW.html para validação.
   ============================================================ */

/* zera o tratamento antigo da imagem, caso reste */
#oferta #voBook.vo-book3d::before,
#oferta #voBook.vo-book3d::after { display: none !important; }

#oferta #voBook {
  --bw: 202px; --bh: 290px; --bd: 38px;
  --bhw: calc(var(--bw)/2); --bhh: calc(var(--bh)/2); --bhd: calc(var(--bd)/2);
  position: relative; width: var(--bw); height: var(--bh);
  perspective: 1700px; perspective-origin: 50% 50%;
  opacity: 1 !important; filter: drop-shadow(0 28px 42px rgba(0,0,0,0.5)) !important;
  transform: none !important; transition: transform .6s cubic-bezier(.2,.8,.2,1);
  cursor: pointer; animation: bkFloat 6s ease-in-out infinite;
}
@keyframes bkFloat { 0%,100%{ translate: 0 -5px; } 50%{ translate: 0 7px; } }
#oferta #voBook.is-open { transform: scale(1.18) !important; z-index: 6; animation: none; }

#oferta #voBook .bk-book {
  position: relative; width: var(--bw); height: var(--bh);
  transform-style: preserve-3d; transform: rotateX(0deg) rotateY(-22deg); will-change: transform;
}
#oferta #voBook .bk-face { position: absolute; left: 0; top: 0; overflow: hidden; backface-visibility: hidden; background-size: 100% 100%; }
#oferta #voBook .bk-back { width: var(--bw); height: var(--bh); transform: rotateY(180deg) translateZ(var(--bhd)); background-image: url('assets/book/face-back.png'); border-radius: 6px 3px 3px 6px; }
#oferta #voBook .bk-spine { width: var(--bd); height: var(--bh); left: calc(var(--bhw) - var(--bhd)); transform: rotateY(-90deg) translateZ(var(--bhw)); background-image: url('assets/book/face-spine.png'); border-radius: 7px 3px 3px 7px; }
#oferta #voBook .bk-pages { width: var(--bd); height: var(--bh); left: calc(var(--bhw) - var(--bhd)); transform: rotateY(90deg) translateZ(var(--bhw));
  background: repeating-linear-gradient(90deg, rgba(52,37,16,.35) 0 1px, rgba(255,244,208,.45) 1px 2px, transparent 2px 4px),
    linear-gradient(90deg,#071820 0 8%,#9b7840 8% 11%,#ecd9aa 12% 50%,#caa565 50% 56%,#ecd9aa 56% 88%,#9b7840 89% 92%,#071820 92% 100%);
  border-radius: 3px 8px 8px 3px; }
#oferta #voBook .bk-top, #oferta #voBook .bk-bottom { width: var(--bw); height: var(--bd); top: calc(var(--bhh) - var(--bhd));
  background: repeating-linear-gradient(0deg, rgba(52,37,16,.27) 0 1px, rgba(255,244,208,.35) 1px 2px, transparent 2px 4px),
    linear-gradient(180deg,#071820 0 9%,#a57f43 9% 12%,#ecd9aa 13% 86%,#a57f43 88% 91%,#071820 91% 100%); }
#oferta #voBook .bk-top { transform: rotateX(90deg) translateZ(var(--bhh)); }
#oferta #voBook .bk-bottom { transform: rotateX(-90deg) translateZ(var(--bhh)); }

/* página direita (juridiquês) */
#oferta #voBook .bk-leaf { position: absolute; left: 0; top: 0; width: var(--bw); height: var(--bh);
  background: linear-gradient(180deg,#f3ead4,#e8dcbf); border-radius: 3px 6px 6px 3px; overflow: hidden; color: #241f14; }
#oferta #voBook .bk-right { transform: translateZ(calc(var(--bhd) - 2px)); z-index: 1; box-shadow: inset 22px 0 28px rgba(120,98,55,.16), inset 0 0 0 1px rgba(120,98,55,.16); }

/* capa dobra pela lombada (2 lados) */
#oferta #voBook .bk-cover { position: absolute; left: 0; top: 0; width: var(--bw); height: var(--bh);
  transform-style: preserve-3d; transform-origin: left center; transform: translateZ(var(--bhd));
  transition: transform 1.05s cubic-bezier(.2,.8,.2,1); z-index: 5; }
#oferta #voBook.is-open .bk-cover { transform: translateZ(var(--bhd)) rotateY(-164deg); }
#oferta #voBook .bk-cover-face { position: absolute; inset: 0; backface-visibility: hidden; border-radius: 3px 6px 6px 3px; overflow: hidden; }
#oferta #voBook .bk-cover-out { background: url('assets/book/face-front.png') center/100% 100% no-repeat; }
#oferta #voBook .bk-cover-out::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(110deg, transparent 36%, rgba(255,255,255,.16) 48%, rgba(255,242,197,.14) 52%, transparent 66%);
  mix-blend-mode: screen; opacity: .6; transform: translateX(-75%); animation: bkSheen 7.5s ease-in-out infinite; }
@keyframes bkSheen { 0%,55%{transform:translateX(-80%)} 82%,100%{transform:translateX(80%)} }
#oferta #voBook .bk-cover-in { transform: rotateY(180deg); background: linear-gradient(180deg,#f3ead4,#e8dcbf); color: #241f14; box-shadow: inset -22px 0 28px rgba(120,98,55,.16); }

/* tipografia das páginas (compacta — é miniatura; o livro cresce ao abrir) */
#oferta #voBook .bk-pg { position: absolute; inset: 0; padding: 15px 14px; display: flex; flex-direction: column; }
#oferta #voBook .bk-pg .eb { font-family: var(--vo-sans); font-size: .44rem; letter-spacing: .1em; text-transform: uppercase; color: #8a7338; font-weight: 900; }
#oferta #voBook .bk-pg h4 { font-family: var(--vo-serif); font-weight: 500; font-size: .76rem; line-height: 1.1; margin: 4px 0 5px; color: #1d1810; }
#oferta #voBook .bk-pg p { font-family: var(--vo-serif); font-size: .48rem; line-height: 1.42; color: #3c3422; margin: 0 0 5px; }
#oferta #voBook .bk-pg p strong { color: #1d1810; }
#oferta #voBook .bk-pull { margin: 3px 0; padding-left: 6px; border-left: 2px solid var(--vo-gold); font-family: var(--vo-serif); font-style: italic; font-size: .49rem; line-height: 1.36; color: #4a3f24; }
#oferta #voBook .bk-sign { margin-top: auto; }
#oferta #voBook .bk-sign .s1 { font-family: var(--vo-serif); font-size: .46rem; color: #5a4f30; margin: 0; }
#oferta #voBook .bk-sign .s2 { font-family: var(--vo-serif); font-size: .62rem; color: #1d1810; margin: 1px 0 0; }
#oferta #voBook .bk-gloss { display: grid; gap: 3px; margin-top: 2px; }
#oferta #voBook .bk-gloss div { font-family: var(--vo-serif); font-size: .47rem; line-height: 1.28; color: #3c3422; }
#oferta #voBook .bk-gloss strong { color: #1d1810; }
#oferta #voBook .bk-more { margin-top: auto; font-family: var(--vo-sans); font-size: .42rem; letter-spacing: .05em; text-transform: uppercase; color: #8a7338; font-weight: 800; }

#oferta .bk-hint { margin-top: 12px; text-align: center; font-size: .76rem; color: rgba(255,255,255,.52); }
#oferta .bk-hint b { color: var(--vo-goldsoft); }

@media (prefers-reduced-motion: reduce) {
  #oferta #voBook { animation: none !important; }
  #oferta #voBook .bk-cover-out::after { animation: none !important; }
}

/* ============================================================
   DIAGNÓSTICO C2 — shimmer dourado + selo "caso sensível" no caminho de análise
   ============================================================ */
#metodo .hib-triage .hib-path-analysis { position: relative; overflow: hidden; }
#metodo .hib-triage .hib-path-analysis::before { content: ""; position: absolute; top: 0; left: -60%; width: 55%; height: 100%;
  background: linear-gradient(110deg, transparent, rgba(217,212,195,0.18), transparent); transform: skewX(-18deg);
  animation: bkShimmer 4.2s ease-in-out infinite; pointer-events: none; }
@keyframes bkShimmer { 0%,72%{ left: -60%; } 100%{ left: 120%; } }
#metodo .hib-triage .hib-micro { position: absolute; top: 12px; right: 12px; z-index: 2; font-size: 0.56rem; font-weight: 900;
  letter-spacing: 0.08em; text-transform: uppercase; color: #09212C; background: #97927D; padding: 2px 8px; border-radius: 999px; }
@media (prefers-reduced-motion: reduce) { #metodo .hib-triage .hib-path-analysis::before { animation: none !important; } }

/* override: vencer o .lp-b p { font-size:1.03rem !important } da LP nas páginas do livro */
#oferta #voBook .bk-pg p { font-size: .48rem !important; line-height: 1.42 !important; }
#oferta #voBook .bk-pull { font-size: .49rem !important; line-height: 1.36 !important; }
#oferta #voBook .bk-sign .s1 { font-size: .46rem !important; line-height: 1.3 !important; }
#oferta #voBook .bk-sign .s2 { font-size: .62rem !important; line-height: 1.15 !important; }