/* Portal Kit — Jornal Digital (v14) */
.pk-jd{ --pkjd-h: 760px; --pkjd-bg:#f0f3f7; --pkjd-ink:#0b7f23; --pkjd-rail:#d7dbe1; --pkjd-ui:#c9ccd2; }
.pk-jd__menu{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.pk-jd__tab{ border:0; background:#f1f5f9; color:#111; padding:8px 12px; border-radius:999px; font-weight:700; cursor:pointer; }
.pk-jd__tab.is-active{ background:#dff7e3; color:#0b7f23; box-shadow:inset 0 0 0 2px #0b7f23; }
.pk-jd__toolbar{ display:flex; align-items:center; justify-content:center; gap:10px; padding:8px 14px; background:#bfc3c9; border-radius:999px; width:max-content; margin:6px auto 10px; box-shadow:inset 0 2px 0 rgba(255,255,255,.6); }
.pk-jd__iconbtn{ width:30px; height:30px; border-radius:50%; background:#fff; border:0; display:inline-grid; place-items:center; cursor:pointer; }
.pk-jd__iconbtn svg{ width:16px; height:16px; }
.pk-jd__iconbtn:disabled{ opacity:.5; cursor:not-allowed; }
.pk-jd__viewer{ background:#e7edf3; border-radius:14px; overflow:hidden; }
.pk-jd__stage{ position:relative; height:var(--pkjd-h); background:linear-gradient(135deg,#f6f9fb,#dfeaf5); display:flex; align-items:center; justify-content:center; user-select:none; perspective: 1800px; }
.pk-jd__flip{ width:min(1180px, 98%); height:calc(var(--pkjd-h) - 26px); position:relative; transition:transform .2s ease; }
.pkjd-book{ position:absolute; inset:18px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.pkjd-page{ position:relative; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 20px 46px rgba(0,0,0,.25); }
.pkjd-page img{ width:100%; height:100%; object-fit:contain; display:block; }

.pkjd-turn{ position:absolute; inset:18px; transform-style:preserve-3d; pointer-events:none; }
.pkjd-sheet{ position:absolute; top:0; bottom:0; width:calc(50% - 9px); background:#fff; border-radius:10px; overflow:hidden; backface-visibility:hidden; box-shadow:0 24px 54px rgba(0,0,0,.35); }
.pkjd-sheet.is-left{ left:0; transform-origin:left center; }
.pkjd-sheet.is-right{ right:0; transform-origin:right center; }
.pkjd-sheet img{ width:100%; height:100%; object-fit:contain; display:block; }
.pkjd-shadow{ position:absolute; inset:0; pointer-events:none; opacity:.0; transition:opacity .25s ease; }
.pkjd-sheet.is-flipping .pkjd-shadow{ opacity:.55; }
.pkjd-shadow::before{ content:''; position:absolute; inset:0; background:radial-gradient(120% 140% at var(--x,50%) var(--y,50%), rgba(0,0,0,.0) 10%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.65) 85%); filter:blur(8px); }
.pkjd-clip{ position:absolute; inset:0; background:#fff; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.pk-jd__stage .pkjd-hot-left, .pk-jd__stage .pkjd-hot-right{ position:absolute; top:0; bottom:0; width:22%; z-index:20; pointer-events:auto; }
.pk-jd__stage .pkjd-hot-left{ left:0; cursor: grab; }
.pk-jd__stage .pkjd-hot-right{ right:0; cursor: grab; }
.pkjd-dragging{ cursor: grabbing !important; }

.pk-jd__loader{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#333; gap:12px; background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(230,240,255,.85)); z-index:30; }
.pk-jd__spinner{ width:34px; height:34px; border:3px solid rgba(0,0,0,.2); border-top-color:#333; border-radius:50%; animation:pkspin 1s linear infinite; }
@keyframes pkspin{ to{ transform:rotate(360deg); } }
.pk-jd__progress{ width:220px; height:6px; border-radius:6px; background:rgba(0,0,0,.15); overflow:hidden; }
.pk-jd__progress-bar{ display:block; width:0%; height:100%; background:#333; }

.pkjd-scrub{ display:flex; align-items:center; gap:14px; justify-content:center; margin:8px 0 0; }
.pkjd-scrub-rail{ height:14px; background:#cfd4da; border-radius:999px; display:flex; align-items:center; padding:0 8px; gap:6px; overflow:auto; max-width:min(1100px, 96%); }
.pkjd-dot{ width:10px; height:10px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 2px rgba(0,0,0,.15); cursor:pointer; opacity:.8; }
.pkjd-dot.is-on{ background:#0b7f23; box-shadow:none; opacity:1; }
.pkjd-scrub-num{ background:#cfd4da; color:#333; width:64px; text-align:center; border-radius:999px; padding:2px 0; font-weight:700; }

.pk-jd__thumbs{display:flex;gap:6px;overflow:auto;padding:6px 2px;margin-top:8px}
.pk-jd__thumbs img{height:70px;border-radius:6px;border:2px solid transparent;cursor:pointer;display:block;background:#fff}
.pk-jd__thumbs img.is-active{border-color:#0b7f23}

.pk-jd__foot{ display:flex; align-items:center; justify-content:space-between; padding:10px 6px; color:#111; }
.pk-jd__download{ text-decoration:none; font-weight:700; }