.book-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(239,31,97,.08),transparent 24%),linear-gradient(180deg,#071f18 0,#0a2d22 360px,#f8eee0 360px,#fff8ef 100%)}
.book-topbar{height:76px;display:flex;align-items:center;background:rgba(5,28,22,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.08)}
.book-topbar-inner{display:flex;align-items:center;justify-content:space-between}.book-top-actions{display:flex;gap:10px;align-items:center}.book-top-actions a{color:#fff;font-weight:800;font-size:13px;padding:10px 14px;border-radius:999px}.book-top-actions a:first-child{border:1px solid rgba(255,255,255,.17)}.book-top-actions .book-wa{background:#25D366}
.book-main{padding:64px 0 80px}.book-intro{text-align:center;color:#fff}.book-intro .section-label{color:#ff6a99}.book-intro h1{font-size:clamp(42px,6vw,78px);letter-spacing:-.045em;line-height:.98;margin:12px auto 18px;max-width:920px}.book-intro p{max-width:640px;margin:0 auto;color:rgba(255,255,255,.72);font-size:16px}
.book-tabs{display:flex;gap:8px;overflow:auto;padding-top:35px;padding-bottom:22px;scrollbar-width:none}.book-tabs::-webkit-scrollbar{display:none}.book-tabs button{white-space:nowrap;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 15px;font-weight:850}.book-tabs button.active{background:#ef1f61;border-color:#ef1f61}
.book-stage-wrap{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:14px;margin-top:4px}.book-nav{width:50px;height:50px;border-radius:50%;border:0;background:#fff;color:#0a3427;font-size:36px;line-height:1;box-shadow:0 12px 30px rgba(0,0,0,.18);z-index:4}.book-nav:disabled{opacity:.28;cursor:default}
.book-shell{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:18px;background:linear-gradient(145deg,#4b2c1b,#23150e);border-radius:26px;box-shadow:0 36px 90px rgba(18,10,4,.38),0 0 0 1px rgba(255,178,54,.22) inset;perspective:2200px;isolation:isolate}.book-cover-glow{position:absolute;inset:7px;border:1px solid rgba(255,179,57,.35);border-radius:20px;pointer-events:none}.book-spine{position:absolute;left:50%;top:15px;bottom:15px;width:22px;transform:translateX(-50%);z-index:5;background:linear-gradient(90deg,rgba(25,12,5,.36),rgba(255,255,255,.14),rgba(22,11,5,.36));filter:blur(.2px);box-shadow:0 0 22px rgba(0,0,0,.45)}
.book-leaf{position:relative;border:0;padding:0;background:#fff;overflow:hidden;cursor:zoom-in;min-width:0;box-shadow:0 8px 22px rgba(0,0,0,.23);transform-style:preserve-3d}.book-left{border-radius:12px 2px 2px 12px;transform-origin:right center}.book-right{border-radius:2px 12px 12px 2px;transform-origin:left center}.book-leaf img{width:100%;height:auto;display:block;aspect-ratio:900/1391;object-fit:contain;background:#fff8ef}.zoom-hint{position:absolute;right:10px;bottom:10px;border-radius:999px;padding:7px 10px;background:rgba(4,25,19,.78);color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:.2s}.book-leaf:hover .zoom-hint{opacity:1;transform:none}
.book-shell.turn-next .book-right{animation:pageNext .45s ease}.book-shell.turn-prev .book-left{animation:pagePrev .45s ease}@keyframes pageNext{0%{transform:rotateY(0)}50%{transform:rotateY(-10deg) translateX(-7px);filter:brightness(.78)}100%{transform:rotateY(0)}}@keyframes pagePrev{0%{transform:rotateY(0)}50%{transform:rotateY(10deg) translateX(7px);filter:brightness(.78)}100%{transform:rotateY(0)}}
.book-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:20px;color:#6d746e;font-size:12px;font-weight:800}.book-meta>span:last-child{text-align:right}.book-dots{display:flex;gap:6px}.book-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#d3c3b0}.book-dots button.active{background:#ef1f61;transform:scale(1.3)}
.book-bottom-cta{margin-top:64px;background:#0a3427;border-radius:28px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff}.book-bottom-cta h2{font-size:clamp(28px,4vw,44px);margin:8px 0 0;line-height:1}.btn-whatsapp{background:#25D366;color:#fff}.btn-whatsapp span{margin-left:12px}
.lightbox{position:fixed;inset:0;background:rgba(3,14,11,.94);z-index:100;display:none;place-items:center;padding:26px 70px}.lightbox.open{display:grid}.lightbox-scroll{max-width:min(780px,90vw);max-height:90vh;overflow:auto;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.5);background:#fff}.lightbox-scroll img{display:block;width:100%;height:auto}.lightbox-close{position:fixed;right:20px;top:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:30px}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:#0a3427;font-size:36px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-label{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800}.book-floating-wa{display:none}
@media(max-width:760px){
  .book-topbar{height:64px}.book-main{padding-top:38px}.book-intro h1{font-size:44px}.book-intro p{font-size:14px}.book-tabs{padding-top:25px}
  .book-stage-wrap{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.book-nav{width:40px;height:40px;font-size:29px}.book-shell{display:block;padding:10px;border-radius:18px}.book-spine{display:none}.book-leaf.mobile-single{width:100%;border-radius:10px;display:block}.book-right[hidden]{display:none}.zoom-hint{opacity:1;font-size:8px;padding:6px 8px}
  .book-meta{grid-template-columns:1fr;text-align:center;gap:10px}.book-meta>span:last-child{text-align:center}.book-dots{justify-content:center;order:-1}
  .book-bottom-cta{border-radius:0;width:100%;padding:30px 22px;flex-direction:column;align-items:flex-start}.book-floating-wa{display:flex}
  .lightbox{padding:60px 12px 54px}.lightbox-scroll{max-width:100%;max-height:calc(100vh - 118px)}.lightbox-nav{width:40px;height:40px;font-size:30px;top:auto;bottom:12px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-label{bottom:17px;max-width:calc(100% - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* V1.5 — carga visual suave: conserva la página anterior mientras llega la nueva */
.book-leaf::after{
  content:'CARGANDO MOOD…';
  position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(110deg,rgba(255,248,239,.12) 25%,rgba(255,255,255,.62) 42%,rgba(255,248,239,.12) 59%);
  background-size:220% 100%;
  color:#0a3427;font-size:11px;font-weight:950;letter-spacing:.12em;
  opacity:0;pointer-events:none;transition:opacity .15s ease;
  animation:moodLoad 1.15s linear infinite;
}
.book-leaf.is-loading::after{opacity:.82}
.book-leaf.is-loading img{filter:saturate(.9) brightness(.96)}
@keyframes moodLoad{to{background-position:-220% 0}}
.lightbox.image-loading .lightbox-scroll{opacity:.72}
.lightbox.image-loading::after{
  content:'CARGANDO CARTA…';position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:4;background:rgba(5,28,22,.84);color:#fff;border:1px solid rgba(255,255,255,.18);
  border-radius:999px;padding:10px 15px;font-size:11px;font-weight:900;letter-spacing:.1em;
}
@media (prefers-reduced-motion: reduce){.book-leaf::after{animation:none}}