  <!-- ─────────────────────────────────────────────
       SLIDE 11 — TIMELINE HORIZONTAL (3-5 passos)
       Placeholders: {{EYE}} {{H2}}
       Passos: {{P1_N}} {{P1_LABEL}} {{P1_DESC}} ... P5
       N_PASSOS: 3, 4 ou 5 (vai no style --tl-n)
       Default 4 passos. P1_LABEL pode ter <em>...</em>
       ───────────────────────────────────────────── -->
  <section class="s-paper s-timeline" data-label="{{SLIDE_LABEL}}">
    <div class="eye a av-in a-1">{{EYE}}</div>
    <h2 class="a av-up a-2">{{H2}}</h2>
    <div class="tl-grid" style="--tl-n:{{N_PASSOS}};">
      <div class="tl-step a av-up a-3">
        <div class="tl-n">{{P1_N}}</div>
        <div class="tl-label">{{P1_LABEL}}</div>
        <div class="tl-desc">{{P1_DESC}}</div>
      </div>
      <div class="tl-step a av-up a-4">
        <div class="tl-n">{{P2_N}}</div>
        <div class="tl-label">{{P2_LABEL}}</div>
        <div class="tl-desc">{{P2_DESC}}</div>
      </div>
      <div class="tl-step a av-up a-5">
        <div class="tl-n">{{P3_N}}</div>
        <div class="tl-label">{{P3_LABEL}}</div>
        <div class="tl-desc">{{P3_DESC}}</div>
      </div>
      <div class="tl-step a av-up a-6">
        <div class="tl-n">{{P4_N}}</div>
        <div class="tl-label">{{P4_LABEL}}</div>
        <div class="tl-desc">{{P4_DESC}}</div>
      </div>
      <div class="tl-step a av-up a-7">
        <div class="tl-n">{{P5_N}}</div>
        <div class="tl-label">{{P5_LABEL}}</div>
        <div class="tl-desc">{{P5_DESC}}</div>
      </div>
    </div>
    <div class="wm a av-in a-8">tatá<span class="dot">.</span></div>
  </section>
