/**
 * preview.css — Container visual das páginas A4.
 *
 * Define APENAS o container externo e a caixa da página.
 * A formatação tipográfica (fonte, tamanho, alinhamento, cor) é 100% inline
 * no HTML gerado por preview.js — isola o preview do cascade do body.
 */

/* ── Container de páginas ────────────────────────────────── */
#prev-pages {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ── Slot lazy ───────────────────────────────────────────── */
/*
 * Reserva a altura A4 antes de o conteúdo ser renderizado,
 * evitando layout shift ao fazer scroll.
 */
.page-slot {
  display: block;
  width: 100%;
}

/* ── Caixa A4 ─────────────────────────────────────────────
 * A4: 210mm × 297mm ≈ 794px × 1123px @ 96dpi
 * Margens ABNT NBR 14724: sup 3cm, esq 3cm, dir 2cm, inf 2cm
 * (1cm ≈ 37.8px @ 96dpi)
 ─────────────────────────────────────────────────────────── */
.page {
  width: 794px;
  height: 1123px;
  background: #fff;     /* papel sempre branco independente do tema */
  color: #000;
  font-family: 'Times New Roman', Times, serif;
  font-size: 12pt;

  /* Sombra de folha — mais suave em light, mais contrastante em dark */
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 4px 20px rgba(0, 0, 0, 0.22);

  box-sizing: border-box;
  padding: 114px 76px 76px 114px;
  position: relative;

  /* Separação visual entre papel e fundo */
  outline: 1px solid rgba(0, 0, 0, 0.06);
}

/* ── Rótulo entre páginas ─────────────────────────────────── */
.pg-label {
  width: 794px;
  padding: 7px 0 18px;
  text-align: center;
  font-size: 10px;
  font-family: var(--font);
  color: var(--muted-2);
  letter-spacing: .08em;
  text-transform: uppercase;
  user-select: none;
}

/* ── Impressão ────────────────────────────────────────────── */
@media print {
  /* Fallback para Ctrl+P.
   * O método recomendado é o botão "Exportar PDF" (pdf.js). */
  .pg-label   { display: none; }
  #prev-pages { background: none; padding: 0; }
  .page {
    box-shadow: none;
    outline: none;
    page-break-after: always;
    break-after: page;
  }
}

@page {
  size: A4 portrait;
  margin: 0;
}