/* =========================================================
   Print / PDF export — one 1920×1080 page per slide.
   Linked with media="print", so it NEVER affects the on-screen
   deck — it only kicks in when printing / exporting to PDF.
   Chrome UI is hidden; the hero gradient is painted per page.
   ========================================================= */

@page {
  size: 1920px 1080px;
  margin: 0;
}

@media print {

  /* Keep every gradient / color exactly as designed */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html, body {
    width: 1920px;
    height: auto;
    margin: 0;
    padding: 0;
    background: #08080f !important;
  }

  /* Hide all chrome and overlays */
  .topbar,
  .navbar,
  .progress,
  .dot-reveal,
  .overlay,
  .lightbox,
  .ambient { display: none !important; }

  /* Stage flows top-to-bottom instead of being a fixed frame */
  .stage {
    position: static !important;
    inset: auto !important;
    width: 1920px !important;
    height: auto !important;
    border-radius: 0 !important;
    overflow: visible !important;
    z-index: auto !important;
  }

  /* Each slide becomes one full page, with its own gradient */
  .slide {
    position: relative !important;
    inset: auto !important;
    width: 1920px !important;
    height: 1080px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    overflow: hidden !important;
    background: var(--grad-hero) !important;
    display: flex !important;
    break-after: page;
    page-break-after: always;
  }
  .slide:last-child {
    break-after: auto;
    page-break-after: auto;
  }

  /* Freeze any entrance animation at its final (visible) state */
  .slide [data-reveal],
  .slide.is-active [data-reveal] {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .meli-coin--left,
  .meli-coin--right {
    animation: none !important;
  }
}