/* ─────────────────────────────────────────────────────────────────────────────
   PRINT STYLES — Proposta Comercial · Capilano Creative
   Cada seção do site → uma página A4 paisagem dedicada.
───────────────────────────────────────────────────────────────────────────── */

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

@media print {

  /* ── Impressão colorida fiel ──────────────────────────────────────────── */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html { scroll-behavior: auto; }

  /* ── Revela tudo que é animado ────────────────────────────────────────── */
  .reveal,
  .hero-sequence,
  .sequence-1, .sequence-2, .sequence-3,
  .sequence-4, .sequence-5, .sequence-6 {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  /* ── Oculta cromo de navegação e ações de tela ────────────────────────── */
  .scroll-progress,
  .chapter-dots,
  .plan-modal,
  .secondary-cta {
    display: none !important;
  }

  /* ── Cada seção = uma página A4 paisagem (297 × 210 mm) ───────────────── */
  .chapter {
    width: 297mm;
    height: 210mm;
    margin: 0;
    padding: 0;
    overflow: hidden;
    break-after: page;
    break-inside: avoid;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #finalizacao { break-after: avoid; }

  .chapter-frame {
    width: 100%;
    max-width: none;
    padding: 0 22mm;
  }

  /* Respiro entre o eyebrow dourado e o título */
  .chapter-kicker { margin-bottom: 22px; }

  /* Reset de min-heights variáveis do site */
  .cover, .about, .plans, .process, .closing {
    min-height: 0;
    padding: 0;
  }

  /* ════════════════════════════════ CAPA ════════════════════════════════ */
  .cover-inner {
    min-height: 0;
    height: 210mm;
    padding: 16mm 22mm 18mm;
  }
  .cover-title  { font-size: 4.6rem; }
  .cover-lead   { font-size: 1.15rem; max-width: 42rem; }
  .cover-copy   { padding-bottom: 6mm; width: min(100%, 760px); }
  .brand-logo   { width: 240px; }

  /* ═════════════════════════════ A CAPILANO ═════════════════════════════ */
  .about-layout {
    grid-template-columns: 1.05fr 0.95fr;
    gap: 48px;
    align-items: start;
    padding-top: 18px;
  }
  .about h2,
  .section-header h2,
  .closing h2 { font-size: 2.5rem; }
  .about-copy  { font-size: 1rem; gap: 14px; }
  .pillars {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 26px;
    border-bottom: 1px solid var(--line);
  }
  .pillar {
    grid-template-columns: 1fr;
    padding: 16px 18px 18px;
    border-right: 1px solid var(--line);
    border-bottom: 0;
    break-inside: avoid;
  }
  .pillar:first-child { padding-left: 0; }
  .pillar:last-child  { border-right: 0; padding-right: 0; }
  .pillar p { grid-column: auto; font-size: 0.9rem; }
  .pillar h3 { font-size: 1.2rem; }
  .about-watermark { width: 300px; top: 8mm; right: 8mm; }

  /* ══════════════════════════════ PLANOS ════════════════════════════════ */
  /* Ancora no topo para o título nunca ser cortado */
  #planos {
    justify-content: flex-start;
    padding-top: 4mm;
  }
  .section-header { padding-top: 0; max-width: 760px; }
  #planos .section-header h2 { font-size: 2.2rem; }
  .section-header > p:last-child { font-size: 0.92rem; }
  .plan-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-top: 10px;
    align-items: stretch !important;
  }
  /* Esquerda → Centro → Direita: Essencial · Estratégico · Completo */
  [aria-labelledby="plan-essential-title"]   { order: 1; }
  [aria-labelledby="plan-estrategico-title"] { order: 2; }
  [aria-labelledby="plan-complete-title"]    { order: 3; }

  /* Numeração desktop nos superscripts */
  .fn-m { display: none !important; }
  .fn-d { display: inline !important; }
  .fn-list-m { display: none !important; }
  .fn-list-d { display: grid !important; }

  .plan-card {
    min-height: 0 !important;
    padding: 16px 16px 14px !important;
    break-inside: avoid;
  }
  .plan-card-featured {
    transform: none !important;
  }
  .plan-highlights { gap: 4px; margin-top: 10px; }
  .plan-highlights li { font-size: 0.78rem; }
  .plan-positioning { font-size: 0.86rem; }
  .plan-card h3 { font-size: 1.5rem; }
  .plan-card-top p { font-size: 0.7rem; }
  .investment strong { font-size: 1.25rem; }
  .recommended-badge { font-size: 0.55rem; white-space: nowrap; }

  .plan-footnotes { margin-top: 12px; padding-top: 12px; }
  .footnote-list {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 6px 18px !important;
  }
  .footnote-list li { font-size: 0.62rem; line-height: 1.4; }

  /* ═════════════════════════════ PROCESSO ═══════════════════════════════ */
  .timeline { margin-top: 26px; }
  .timeline-item {
    grid-template-columns: 92px 1fr;
    padding: 15px 0;
    break-inside: avoid;
  }
  .timeline-item h3 { font-size: 1.22rem; }
  .timeline-item p  { font-size: 0.9rem; margin-top: 5px; }

  /* ════════════════════════════ FINALIZAÇÃO ═════════════════════════════ */
  .closing-frame {
    min-height: 0;
    height: 210mm;
    padding: 18mm 0;
    justify-content: center;
    align-content: center;
  }
  .closing-copy { padding-top: 0; }

  /* CTA compacto — sem botão gigante */
  .closing-actions { margin-top: 24px; }
  .primary-cta {
    display: inline-flex;
    width: auto;
    height: auto;
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 0.82rem;
    justify-self: start;
  }

  /* Rodapé final: logo, frase, site/email e data */
  .proposal-footer { margin-top: 38px; }
  .print-only { display: block !important; }
  .footer-date {
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.5);
    font-family: "Area Extended", sans-serif;
    font-size: 0.68rem;
    letter-spacing: 0.04em;
  }
}