/* ==========================================================================
   BÍBLIA 3D — Ministério Manassés
   Substitui a roleta: a capa aparece fechada, abre, as páginas foleiam
   rápido e o livro para aberto no versículo escolhido.
   Paleta neon do site (verde #2ee87f / dourado #ffd479) sobre #02120b.
   Carregado DEPOIS de style.css — as regras daqui têm prioridade.
   ========================================================================== */

.biblia-card{
  position:relative;overflow:hidden;
  border:1px solid rgba(46,232,127,.22);border-radius:28px;
  background:
    radial-gradient(ellipse at 50% -12%,rgba(28,158,92,.26),transparent 60%),
    linear-gradient(152deg,#05190f 0%,#03110a 55%,#02120b 100%);
  box-shadow:0 26px 70px rgba(1,26,14,.45),0 0 42px rgba(46,232,127,.10),inset 0 1px 0 rgba(140,255,190,.10);
  padding:22px 22px 18px;
}
.biblia-card:before{content:"";position:absolute;left:0;right:0;top:0;height:34%;pointer-events:none;
  background:linear-gradient(180deg,rgba(140,255,190,.07),transparent)}

/* ---------- palco ---------- */
.biblia-stage{position:relative;display:grid;place-items:center;min-height:322px;padding:16px 0 14px}
.biblia-halo{position:absolute;left:50%;top:48%;width:520px;height:400px;transform:translate(-50%,-50%);
  pointer-events:none;opacity:0;transition:opacity 1.1s ease;
  background:radial-gradient(ellipse at center,rgba(46,232,127,.26) 0%,rgba(46,232,127,.08) 42%,transparent 70%)}
.biblia-halo.on{opacity:1}
.biblia-floor{position:absolute;left:50%;bottom:4px;width:430px;height:58px;transform:translateX(-50%);
  pointer-events:none;filter:blur(13px);
  background:radial-gradient(ellipse at center,rgba(0,0,0,.68) 0%,rgba(0,0,0,.28) 46%,transparent 74%)}

.biblia-persp{position:relative;width:520px;height:360px;perspective:2000px;perspective-origin:50% 44%;
  transform-style:preserve-3d}
.biblia-scale{position:relative;width:520px;height:360px;transform-style:preserve-3d;
  transform:scale(var(--bs,1));transform-origin:50% 50%;
  margin-block:calc(180px * (var(--bs,1) - 1))}
.biblia{position:absolute;left:0;top:0;width:520px;height:360px;transform-style:preserve-3d}
.biblia-wrap{position:relative;width:520px;height:360px;transform-style:preserve-3d;
  transform:translateX(-130px);transition:transform 1.15s cubic-bezier(.22,.68,.24,1)}
.biblia-wrap.open{transform:translateX(0)}

/* ---------- miolo / pilha de páginas ---------- */
.biblia-block{position:absolute;left:260px;top:-5px;width:266px;height:370px;
  transform:translateZ(-3px);border-radius:0 7px 7px 0;
  background:linear-gradient(180deg,#0b2418,#061710);
  border:1px solid rgba(46,232,127,.16);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.biblia-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:22px;
  background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.biblia-block:after{content:"";position:absolute;right:-7px;top:6px;bottom:6px;width:8px;border-radius:0 4px 4px 0;
  background:repeating-linear-gradient(180deg,#e8f6ec 0 1px,#bcd6c4 1px 3px);opacity:.7}

/* ---------- folhas que foleiam ---------- */
.leaf{position:absolute;top:0;left:260px;width:260px;height:360px;
  transform-origin:0% 50%;transform-style:preserve-3d;will-change:transform;
  transition:transform .62s cubic-bezier(.42,.06,.24,1)}
.leaf-face{position:absolute;inset:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.leaf-face.is-back{transform:rotateY(180deg)}
.page{background:radial-gradient(120% 90% at 6% 0%,#fffdf7 0%,#fdf8ea 44%,#f2e9d4 100%);
  border:1px solid rgba(122,104,68,.30);box-shadow:inset 0 0 44px rgba(150,130,88,.20)}
.page-gutter{position:absolute;top:0;bottom:0;left:0;width:58px;pointer-events:none;
  background:linear-gradient(90deg,rgba(92,74,44,.30),rgba(92,74,44,0))}
.page-gutter.right{left:auto;right:0;background:linear-gradient(270deg,rgba(92,74,44,.30),rgba(92,74,44,0))}
.pg{padding:16px 18px 14px;height:100%;display:flex;flex-direction:column}
.pg.rg{padding-left:32px}
.pg.lg{padding-right:32px}
.pg-head{font-size:7px;letter-spacing:.2em;text-transform:uppercase;text-align:center;flex:none;
  color:#7d8c7f;border-bottom:1px solid rgba(122,104,68,.32);padding-bottom:6px}
.pg-chap{font-family:var(--serif);font-size:13px;text-align:center;color:#4a3d24;margin:12px 0 10px;flex:none;letter-spacing:.03em}
.pg-lines{flex:1;min-height:0;
  background-image:repeating-linear-gradient(180deg,rgba(60,48,28,.24) 0 1px,transparent 1px 12px);
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.pg-foot{font-size:7.6px;color:#93a094;text-align:center;letter-spacing:.12em;padding-top:7px;flex:none}

/* ---------- páginas fixas (as que ficam à vista) ---------- */
.biblia-base{position:absolute;top:0;width:260px;height:360px}
.biblia-base.left{left:0;transform:translateZ(-2.5px)}
.biblia-base.right{left:260px;transform:translateZ(-1px)}
.biblia-base .page{position:absolute;inset:0;display:flex;flex-direction:column}
.pg-verse{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.pg-text{position:relative}
.pg-text .pg-num{float:left;font-family:var(--serif);font-size:29px;line-height:.84;
  color:#a8802f;padding:2px 7px 0 0}
.pg-text p{margin:0;color:#2d2418;line-height:1.54;text-align:justify;text-justify:inter-word;font-size:13px}
.pg-mark{position:absolute;left:-6px;right:-6px;top:-9px;bottom:-11px;border-radius:5px;pointer-events:none;
  background:linear-gradient(90deg,rgba(46,232,127,0) 0%,rgba(46,232,127,.26) 9%,rgba(46,232,127,.26) 91%,rgba(46,232,127,0) 100%);
  box-shadow:0 0 26px rgba(46,232,127,.35);opacity:0;transform:scaleX(.03);transform-origin:0% 50%;
  transition:opacity .4s ease,transform 1s cubic-bezier(.3,.7,.2,1)}
.biblia-card.is-lit .pg-mark{opacity:1;transform:scaleX(1)}
.biblia-card .biblia-base.left .pg-head,
.biblia-card .biblia-base.left .pg-chap,
.biblia-card .pg-text p,
.biblia-card .pg-text .pg-num{opacity:.22;transition:opacity .7s ease}
.biblia-card.is-lit .biblia-base.left .pg-head,
.biblia-card.is-lit .biblia-base.left .pg-chap,
.biblia-card.is-lit .pg-text p,
.biblia-card.is-lit .pg-text .pg-num{opacity:1}

/* ---------- capa ---------- */
.biblia-cover{position:absolute;top:-7px;left:260px;width:268px;height:374px;
  transform-origin:0% 50%;transform-style:preserve-3d;will-change:transform;
  transform:rotateY(0deg) translateZ(7px);
  transition:transform 1.15s cubic-bezier(.42,.02,.2,1)}
.biblia-cover.open{transform:rotateY(-177deg) translateZ(2px)}
.cover-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  border-radius:3px 11px 11px 4px;overflow:hidden;
  background:
    linear-gradient(118deg,rgba(180,255,214,.10) 0%,rgba(180,255,214,0) 40%),
    repeating-linear-gradient(112deg,rgba(0,0,0,.16) 0 3px,rgba(255,255,255,.028) 3px 7px),
    radial-gradient(126% 122% at 16% 4%,#0d5533 0%,#072f1e 44%,#02150d 100%);
  box-shadow:0 30px 66px rgba(0,0,0,.62),0 0 0 1px rgba(255,213,128,.22),
             0 0 34px rgba(46,232,127,.22),inset 0 0 0 1px rgba(140,255,190,.12)}
.cover-face.is-back{border-radius:11px 3px 4px 11px;transform:rotateY(180deg);
  background:radial-gradient(126% 106% at 84% 0%,#0b4a2c 0%,#062c1b 54%,#02150d 100%);
  box-shadow:inset 0 0 56px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,213,128,.14)}
.cover-spine{position:absolute;left:0;top:0;bottom:0;width:26px;
  background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.22) 56%,rgba(0,0,0,0));
  border-right:1px solid rgba(255,213,128,.16)}
.cover-frame{position:absolute;inset:17px;z-index:2;border:2.5px solid rgba(255,213,128,.86);
  border-radius:3px 9px 9px 4px;padding:22px 16px;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 5px rgba(255,213,128,.13),0 0 22px rgba(0,0,0,.30)}
.cover-frame:before{content:"";position:absolute;inset:23px;border:1px solid rgba(255,213,128,.40);border-radius:2px 7px 7px 3px}
.cover-cross{position:relative;width:24px;height:32px;margin-bottom:12px}
.cover-cross:before,.cover-cross:after{content:"";position:absolute;border-radius:2px;
  background:linear-gradient(180deg,#fff3d2,#e0b25c);box-shadow:0 0 12px rgba(255,213,128,.55)}
.cover-cross:before{left:10px;top:0;width:4px;height:32px}
.cover-cross:after{left:2px;top:8px;width:20px;height:4px}
.cover-title{position:relative;font-family:var(--serif);font-size:28px;line-height:1.16;letter-spacing:.13em;
  color:#ffe9b5;text-shadow:0 1px 0 #02150d,0 0 16px rgba(255,213,128,.55),0 0 3px rgba(255,248,226,.5)}
.cover-rule{position:relative;display:flex;align-items:center;gap:9px;margin:14px 0 12px}
.cover-rule span{display:block;width:42px;height:1px;background:linear-gradient(90deg,transparent,#ffd479,transparent)}
.cover-rule i{display:block;width:7px;height:7px;background:#ffd479;transform:rotate(45deg);box-shadow:0 0 9px rgba(255,213,128,.85)}
.cover-sub{position:relative;font-size:7.4px;letter-spacing:.26em;color:rgba(214,255,232,.82)}
.cover-sub2{position:relative;margin-top:8px;font-size:9px;letter-spacing:.22em;color:#8affc2;
  text-shadow:0 0 12px rgba(46,232,127,.6)}
.cover-ribbon{position:absolute;right:34px;bottom:-9px;width:16px;height:5px;border-radius:2px;z-index:3;
  background:linear-gradient(180deg,#7dffb6,#1aa85a);box-shadow:0 2px 10px rgba(0,0,0,.5)}
.biblia-card.is-idle .cover-face:first-child{animation:coverBreath 4.4s ease-in-out infinite}
@keyframes coverBreath{
  0%,100%{box-shadow:0 30px 66px rgba(0,0,0,.62),0 0 0 1px rgba(255,213,128,.22),0 0 26px rgba(46,232,127,.18),inset 0 0 0 1px rgba(140,255,190,.12)}
  50%{box-shadow:0 30px 66px rgba(0,0,0,.62),0 0 0 1px rgba(255,213,128,.38),0 0 48px rgba(46,232,127,.36),inset 0 0 0 1px rgba(140,255,190,.2)}
}

/* ---------- controles ---------- */
.biblia-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 10px}
.biblia-card .button-neon{background:linear-gradient(180deg,#8affc2,#20c96d);color:#03150e;
  border-color:rgba(140,255,190,.6);box-shadow:0 10px 26px rgba(24,190,102,.30),0 0 22px rgba(46,232,127,.24)}
.biblia-card .button-neon:hover{background:linear-gradient(180deg,#a5ffd0,#2ee87f)}
.biblia-card .button-outline-neon{background:rgba(46,232,127,.07);color:#8affc2;border:1px solid rgba(46,232,127,.45)}
.biblia-card .button-outline-neon:hover{background:rgba(46,232,127,.15)}
.biblia-card .button[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.biblia-hint{text-align:center;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#6f8a7c;margin:0 0 6px}

@media(max-width:1050px){
  .biblia-card{padding:18px 14px 14px}
}
@media(max-width:430px){
  .biblia-card{padding:16px 12px 12px}
  .biblia-card .theme-picker-v7{gap:6px}
}

/* ---------- links compartilhados ---------- */
.verse-share-link{font-size:10px!important;word-break:break-all;color:#8affc2!important;
  border:1px dashed rgba(46,232,127,.35);border-radius:8px;padding:8px 10px;margin-top:10px}

/* Ajustes finais: preservar o layout original (texto à esquerda, Bíblia à direita) e
   manter o livro inteiro visível em desktop, tablet e celular. */
.devotional-v7-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4.5vw,70px);align-items:center}
.devotional-v7-intro{min-width:0}
.biblia-card{min-width:0;overflow:hidden}
.biblia-stage{width:100%;min-width:0;overflow:hidden;min-height:clamp(300px,34vw,410px)}
.biblia-persp{flex:none;transform:scale(var(--bs,1));transform-origin:center center}
.biblia-scale{margin:0}
.biblia-wrap:not(.open) .biblia-base.left,.biblia-wrap:not(.open) .biblia-base.right,.biblia-wrap:not(.open) .leaf{visibility:hidden}
.biblia-wrap.open .biblia-base.left,.biblia-wrap.open .biblia-base.right,.biblia-wrap.open .leaf{visibility:visible}
.biblia-card .pg-text p{overflow-wrap:anywhere;word-break:normal}
.verse-result-v7[hidden],#devotional-flip[hidden],#devotional-share[hidden]{display:none!important}
@media(max-width:1050px){.devotional-v7-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.devotional-v7 h2{font-size:clamp(36px,4.5vw,52px)}}
@media(max-width:760px){.devotional-v7-grid{grid-template-columns:minmax(0,1fr);gap:26px}.devotional-v7-intro{max-width:650px}.devotional-v7-card{width:100%;box-sizing:border-box;padding:clamp(12px,3vw,22px)}.biblia-stage{min-height:clamp(240px,65vw,340px);padding:8px 0}.biblia-actions{gap:8px}.biblia-actions .button{font-size:11px;padding:12px 18px}}
@media(max-width:420px){.theme-picker-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.biblia-stage{min-height:238px}.biblia-hint{font-size:8px;letter-spacing:.07em}.verse-result-v7 p{font-size:clamp(18px,5vw,23px)}}

/* Correção de sequência e enquadramento da Bíblia 3D */
.biblia-persp{transform:none!important;width:520px;height:360px;flex:none}
.biblia-scale{transform:scale(var(--bs,1));transform-origin:50% 50%;margin:0!important}
.biblia-wrap:not(.spread-visible) .biblia-base,
.biblia-wrap:not(.spread-visible) .biblia-block,
.biblia-wrap:not(.spread-visible) .leaf{visibility:hidden!important}
.biblia-wrap:not(.open) .biblia-cover{visibility:visible!important}
.biblia-wrap.spread-visible .biblia-base,
.biblia-wrap.spread-visible .biblia-block,
.biblia-wrap.spread-visible .leaf{visibility:visible!important}
.biblia-stage{overflow:visible;}
.biblia-actions #devotional-flip{display:none!important}
@media(max-width:760px){
 .devotional-v7-grid{grid-template-columns:minmax(0,1fr)!important}
 .biblia-card{width:100%;}
 .biblia-stage{overflow:hidden;}
}


/* Correção definitiva de estados: livro fechado = somente capa; aberto = duas páginas inteiras. */
.biblia-wrap:not(.spread-visible) .biblia-base,
.biblia-wrap:not(.spread-visible) .biblia-block,
.biblia-wrap:not(.spread-visible) .leaf { visibility:hidden !important; }
.biblia-wrap:not(.open) .biblia-cover { visibility:visible !important; opacity:1 !important; }
.biblia-wrap.spread-visible .biblia-base,
.biblia-wrap.spread-visible .biblia-block { visibility:visible !important; }
.biblia-wrap.spread-visible .biblia-cover { visibility:hidden !important; pointer-events:none !important; }
.biblia-wrap.spread-visible:not(.finished) .leaf { visibility:visible !important; }
.biblia-wrap.finished .leaf { visibility:hidden !important; pointer-events:none !important; }
.biblia-wrap.finished .biblia-base.left,
.biblia-wrap.finished .biblia-base.right { visibility:visible !important; }
.biblia-wrap.finished .biblia-base.left { z-index:2 !important; }
.biblia-wrap.finished .biblia-base.right { z-index:2 !important; }
.biblia-wrap.finished .biblia-block { visibility:visible !important; }


/* Estados definitivos da animação: miolo oculto até o clique; páginas reveladas junto da capa. */
.biblia-wrap:not(.spread-visible) .biblia-base,
.biblia-wrap:not(.spread-visible) .biblia-block,
.biblia-wrap:not(.spread-visible) .leaf { visibility:hidden !important; opacity:0 !important; }
.biblia-wrap:not(.open) .biblia-cover { visibility:visible !important; opacity:1 !important; }
.biblia-wrap.spread-visible .biblia-base,
.biblia-wrap.spread-visible .biblia-block { visibility:visible !important; opacity:1 !important; }
/* A capa continua no topo durante a rotação; não é removida antes de terminar. */
.biblia-wrap.spread-visible:not(.cover-done) .biblia-cover { visibility:visible !important; opacity:1 !important; pointer-events:none; }
.biblia-wrap.cover-done .biblia-cover { visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }
.biblia-wrap:not(.foliating) .leaf,
.biblia-wrap.finished .leaf { visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }
.biblia-wrap.foliating:not(.finished) .leaf { visibility:visible !important; opacity:1 !important; }
.biblia-wrap.finished .biblia-base.left,
.biblia-wrap.finished .biblia-base.right,
.biblia-wrap.finished .biblia-block { visibility:visible !important; opacity:1 !important; }
.biblia-wrap.finished .biblia-base.left { z-index:2 !important; }
.biblia-wrap.finished .biblia-base.right { z-index:2 !important; }


/* Ajuste cirúrgico: não mostrar a página do versículo à esquerda antes do fim do folheamento.
   O miolo animado continua funcionando; a página final aparece inteira apenas no estado pronto. */
.biblia-wrap:not(.devotional-ready) .biblia-base.left {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.biblia-wrap.devotional-ready .biblia-base.left {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* Ajustes exclusivos para celular: card e Bíblia centralizados, sem a grade de temas. */
@media (max-width: 760px) {
  .devotional-v7-grid { grid-template-columns:minmax(0,1fr) !important; }
  .devotional-v7-intro { display:none !important; }
  .theme-picker-v7 { display:none !important; }
  .theme-hints { display:none !important; }
  .devotional-v7-card, .biblia-card { width:100%; max-width:100%; min-width:0; box-sizing:border-box; margin-inline:auto; }
  .biblia-stage { width:100%; min-width:0; display:grid; place-items:center; overflow:hidden !important; padding:8px 0 10px; }
  .biblia-persp { width:100% !important; max-width:100%; height:calc(360px * var(--bs, .38)) !important; display:block; position:relative; overflow:visible; }
  .biblia-scale { position:absolute; left:50%; top:50%; width:520px; height:360px; margin:0 !important; transform:translate(-50%,-50%) scale(var(--bs,.38)) !important; transform-origin:center center !important; }
  .biblia-wrap { transform:translateX(-130px); }
  .biblia-wrap.open { transform:translateX(0); }
  .biblia-actions { margin-top:12px; }
  .biblia-hint { max-width:100%; line-height:1.6; padding-inline:4px; }
}
@media (max-width: 420px) {
  .biblia-card { padding:14px 10px 12px !important; }
  .biblia-stage { min-height:calc(360px * var(--bs,.34) + 18px) !important; }
  .biblia-persp { height:calc(360px * var(--bs,.34)) !important; }
}

/* V34 — celular usa a mesma geometria/ordem da Bíblia do computador.
   Apenas a escala muda para caber na tela. */
@media(max-width:760px){
  .devotional-v7-intro{display:block!important}
  .theme-picker-v7{display:flex!important;flex-wrap:wrap;justify-content:center}
  .theme-hints{display:none!important}
  .biblia-card{width:100%;max-width:100%;min-width:0}
  .biblia-stage{width:100%;min-width:0;overflow:hidden!important;display:grid;place-items:center;padding:8px 0 10px}
  .biblia-persp{
    width:520px!important;height:360px!important;max-width:none!important;
    display:block!important;position:relative!important;overflow:visible!important;
    transform:scale(var(--bs,.5))!important;
    transform-origin:center center!important;
  }
  .biblia-scale{
    position:relative!important;left:auto!important;top:auto!important;
    width:520px!important;height:360px!important;margin:0!important;
    transform:scale(1)!important;transform-origin:50% 50%!important;
  }
  .biblia-wrap{width:520px;height:360px;transform:translateX(-130px)}
  .biblia-wrap.open{transform:translateX(0)}
}
@media(max-width:430px){
  .theme-picker-v7{gap:6px}
  .theme-picker-v7 button{font-size:9px;padding:8px 9px}
}
