/* Portal Kit — Jornal Digital (v13) */
.pk-jd{ --pkjd-h: 720px; --pkjd-bg:#0aa92b; --pkjd-fg:#fff; --pkjd-persp: 1600px; }
.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;gap:8px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:6px 8px;}
.pk-jd__btn{appearance:none;border:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:700}
.pk-jd__btn:hover{background:#f1f5f9}
.pk-jd__status{display:flex;align-items:center;gap:4px;font-weight:700}
.pk-jd__goto{width:64px;border:1px solid #e2e8f0;border-radius:6px;padding:4px 6px}

.pk-jd__viewer{ background:#111; border-radius:14px; overflow:hidden; }
.pk-jd__stage{ position:relative; height:var(--pkjd-h); background:linear-gradient(135deg,#20bf55,#01baef); display:flex; align-items:center; justify-content:center; user-select:none; perspective: var(--pkjd-persp); }
.pk-jd__flip{ width:min(1100px, 96%); height:calc(var(--pkjd-h) - 20px); position:relative; }
.pkjd-book{ position:absolute; inset:14px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.pkjd-page{ position:relative; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.25); }
.pkjd-page img{ width:100%; height:100%; object-fit:contain; display:block; }

/* Curl layer */
.pkjd-curl{ position:absolute; inset:0; pointer-events:none; }
.pkjd-curl::before{ content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.18));
  opacity:0; transition:opacity .15s ease; border-radius:8px; }
.pkjd-curl.is-on::before{ opacity:1; }

/* Turning sheets */
.pkjd-turn{ position:absolute; inset:14px; transform-style:preserve-3d; }
.pkjd-sheet{ position:absolute; top:0; bottom:0; width:calc(50% - 7px); background:#fff; border-radius:8px;
  box-shadow:0 18px 40px rgba(0,0,0,.25); overflow:hidden; backface-visibility:hidden; transform-origin:right center; }
.pkjd-sheet img{ width:100%; height:100%; object-fit:contain; display:block; }
.pkjd-sheet.is-left{ left:14px; transform-origin:left center; }
.pkjd-sheet.is-right{ right:14px; transform-origin:right center; }

/* Hotspots */
.pk-jd__stage .pkjd-hot-left, .pk-jd__stage .pkjd-hot-right{
  position:absolute; top:0; bottom:0; width:24%; 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; }

/* Loader */
.pk-jd__loader{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; gap:12px; background:linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.35)); z-index:30; }
.pk-jd__spinner{ width:34px; height:34px; border:3px solid rgba(255,255,255,.35); border-top-color:#fff; 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(255,255,255,.25); overflow:hidden; }
.pk-jd__progress-bar{ display:block; width:0%; height:100%; background:#fff; }

/* Thumbs */
.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; }

/* Small screens single page */
@media (max-width: 860px){
  .pkjd-book{ grid-template-columns:1fr; }
}