/* =========================================================
   VISTA PREVIA · carrusel horizontal de páginas del ebook
   ========================================================= */

.preview { overflow: hidden; }
.pages {
  display: flex; gap: 28px; padding: 20px var(--gutter) 40px;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
  max-width: calc(var(--max-width) + 2 * var(--gutter)); margin: 0 auto;
}
.pages::-webkit-scrollbar { display: none; }
.page { flex: 0 0 min(300px, 72vw); scroll-snap-align: center; }
.page-photo {
  border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-page);
  transition: transform .5s var(--ease-out);
}
.page:hover .page-photo { transform: translateY(-6px) rotate(-.6deg); }
.page figcaption { margin-top: 18px; font-size: 14px; color: var(--color-text-muted); }
.page figcaption b { display: block; color: var(--color-text); font-weight: 600; font-size: 15px; margin-bottom: 2px; }
.pages-hint { text-align: center; font-size: 13px; color: var(--color-text-faint); }