/* ============ SEÇÃO 6 · PROVA "O Rheunion, em números" ============
   Split texto|mosaico 3×2 (rev4 2026-07-13). Escopado a #secao-6, classes pv-.
   Tokens do DS via :root do funil.css. */
:where(#secao-6, #secao-6 *){box-sizing:border-box}

#secao-6.pv-section{
  position:relative;
  background:var(--bg);
  padding:140px 0 120px;
}
#secao-6 .pv-wrap{
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:clamp(48px, 6vw, 112px);
  align-items:start;
}

/* ---------- coluna esquerda ---------- */
#secao-6 .pv-eyebrow{
  font-family:var(--font-mono);
  font-size:12px; font-weight:600;
  text-transform:uppercase;
  letter-spacing:var(--tracking-eyebrow);
  color:var(--primary-600);
  margin:0 0 16px;
}
#secao-6 .pv-headline{
  font-family:var(--font-sans);
  font-weight:800;
  font-size:clamp(30px, 3.2vw, 44px);
  line-height:1.12;
  letter-spacing:-0.01em;
  color:var(--neutral-900);
  margin:0 0 18px;
}
#secao-6 .pv-sub{
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.6;
  color:var(--neutral-600);
  max-width:380px;
  margin:0;
}
/* ---------- coluna direita: mosaico 3×2 ---------- */
#secao-6 .pv-mosaic{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1px;
  background:var(--neutral-200);
  border:1px solid var(--neutral-200);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
#secao-6 .pv-cell{
  background:var(--neutral-0);
  padding:34px 28px 30px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
  min-height:190px;
}
#secao-6 .pv-num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(24px, 2vw, 30px);
  line-height:1;
  color:var(--primary-600);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#secao-6 .pv-val{ display:inline-block; text-align:right; }
#secao-6 .pv-uni{
  font-size:.42em;
  font-weight:600;
  margin-left:.42em;
  letter-spacing:0;
}
#secao-6 .pv-label{
  font-family:var(--font-sans);
  font-size:14px;
  line-height:1.4;
  font-weight:600;
  color:var(--neutral-600);
}

/* ---------- reveal ---------- */
@media (prefers-reduced-motion:no-preference){
  #secao-6 .pv-left,
  #secao-6 .pv-cell{
    opacity:0; transform:translateY(14px);
    transition:opacity 600ms var(--ease-out), transform 600ms var(--ease-out);
  }
  #secao-6.pv-in .pv-left,
  #secao-6.pv-in .pv-cell{ opacity:1; transform:translateY(0); }
  #secao-6.pv-in .pv-cell:nth-child(1){ transition-delay:80ms; }
  #secao-6.pv-in .pv-cell:nth-child(2){ transition-delay:160ms; }
  #secao-6.pv-in .pv-cell:nth-child(3){ transition-delay:240ms; }
  #secao-6.pv-in .pv-cell:nth-child(4){ transition-delay:320ms; }
  #secao-6.pv-in .pv-cell:nth-child(5){ transition-delay:400ms; }
  #secao-6.pv-in .pv-cell:nth-child(6){ transition-delay:480ms; }
}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  #secao-6 .pv-wrap{ grid-template-columns:1fr; gap:56px; }
  #secao-6 .pv-sub{ max-width:520px; }
  #secao-6 .pv-mosaic{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:700px){
  #secao-6.pv-section{ padding:88px 0 72px; }
  #secao-6 .pv-mosaic{ grid-template-columns:1fr; }
  #secao-6 .pv-cell{ min-height:0; padding:24px 22px; }
}