/* ============================================================
   RS-MATRIZ · CAMADA VISUAL DO DIAGNÓSTICO · v1.1 · 09/10/2026
   Carregada depois do CSS da página. Só troca aparência:
   títulos, assinatura, grade de papel e canto assinatura.
   Perguntas, cálculo, API e scripts não mudam.
   Para voltar ao visual v4: remover o <link> deste arquivo
   e apontar os tokens de volta para rs-tokens-v4.css.
   ============================================================ */

:root{
  --disp:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
}

/* papel com grade (temas claros) */
body:not([data-tema]), body[data-tema="claro"]{
  background-image:
    linear-gradient(rgba(14,14,14,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14,14,14,.055) 1px, transparent 1px);
  background-size:28px 28px;
}

/* títulos: Inter 900 + ênfase em serifa itálica */
.topo-titulo, .resultado-titulo, .upsell-bloco h3{
  font-family:var(--disp); font-weight:900; text-transform:none;
  letter-spacing:-.035em; line-height:1;
}
.topo-titulo{font-size:clamp(42px,7.5vw,84px); line-height:.98}
.topo-titulo em{
  font-family:var(--serif); font-style:italic; font-weight:400;
  letter-spacing:-.01em; padding-right:.04em;
}
.progresso-num{font-family:var(--disp); font-weight:900; letter-spacing:-.03em}

/* assinatura: Renato em serifa itálica + Sandes em Inter 700 */
.volta-brand, .rodape-nome{
  font-family:var(--sans,'Inter',system-ui,sans-serif); font-weight:700; font-size:15px;
  text-transform:none; letter-spacing:-.01em;
}
.volta-brand em, .rodape-nome em{
  font-family:var(--serif); font-style:italic; font-weight:400; font-size:1.14em;
  color:inherit; letter-spacing:0;
}

/* canto assinatura no inferior direito */
.diagnostico-card, .upsell-bloco{
  border-radius:var(--r); border-bottom-left-radius:var(--r); border-bottom-right-radius:var(--r-cut);
}