/* Tokens extraídos de vincisociety.com.br (si-02.css, style.css, footer.css).
   Escala em vw, como no original: 1vw = 16,8px na tela de referência de 1680px. */
:root {
  /* cores */
  --tyk-noite: #100a05;      /* fundo da página */
  --tyk-rodape: #1f1208;     /* rodapé */
  --tyk-terra: #322112;      /* superfície: cards, blocos, faq */
  --tyk-sepia: #4a2f16;      /* superfície 2, texto sobre rosa, destaque em hero */
  --tyk-rosa: #ed6ea1;       /* cor de ação e títulos */
  --tyk-pergaminho: #f1ebda; /* título do hero */
  --tyk-branco: #ffffff;     /* texto principal */
  --tyk-menta: #a0d1ca;      /* acento raro (3ª linha de produto) */
  --tyk-grafite: #202020;    /* texto do botão rosa */
  --tyk-whatsapp: #1faf38;   /* exclusivo do botão de WhatsApp */
  --tyk-sombra: 0 0.89vw 2.81vw 0 rgb(0 0 0 / 25%);

  /* fontes: o Vinci usa Awesome Serif (títulos) e Denostill (texto), ambas pagas.
     Substitutas livres até a licença: Melodrama (Fontshare, peso 400) e Archivo Expanded. */
  --tyk-serif: "Awesome-Serif", "Melodrama", serif;
  --tyk-sans: "Denostill", "Archivo", sans-serif;
  --tyk-sans-largura: 125%;

  /* tipografia */
  --fs-display: 10.83vw;  /* h1 do hero */
  --fs-cta: 5.95vw;       /* título do bloco de conversão */
  --fs-numero: 6.88vw;    /* 01 / 02 / 03 */
  --fs-produto: 4.83vw;   /* nome de produto */
  --fs-h2: 3.39vw;        /* título de seção */
  --fs-lead: 2.29vw;      /* subtítulo do hero */
  --fs-corpo-l: 2.02vw;
  --fs-btn: 1.79vw;
  --fs-corpo-m: 1.7vw;
  --fs-faq: 1.67vw;
  --fs-h3: 1.49vw;
  --fs-corpo-s: 1.37vw;
  --fs-legenda: 1.2vw;
  --fs-resposta: 1.1vw;

  /* espaçamento */
  --esp-1: 0.6vw;
  --esp-2: 0.95vw;
  --esp-3: 1.19vw;
  --esp-4: 1.79vw;
  --esp-5: 2.26vw;
  --esp-6: 2.98vw;
  --esp-7: 3.87vw;
  --esp-8: 5.48vw;
  --esp-9: 9.52vw;
  --container: 84.29vw;
  --container-largo: 85.12vw;

  /* forma */
  --raio-0: 0;
  --raio-faq: 1.3vw;
  --raio-pilula: 10rem;
  --borda: 0.14vw;
  --borda-foto: 0.28vw;
}

html { font-size: 62.5%; box-sizing: border-box; scroll-behavior: smooth; overflow-x: hidden; }
*, *::before, *::after { box-sizing: inherit; }
body {
  margin: 0;
  font-family: var(--tyk-sans);
  font-stretch: var(--tyk-sans-largura);
  font-size: 1.6rem;
  line-height: 1.2;
  color: var(--tyk-branco);
  background-color: var(--tyk-noite);
  overflow-x: hidden;
}
h1, h2, h3, h4, p, ul, li, figure { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; vertical-align: middle; user-select: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; border: 0; background: none; cursor: pointer; }

@media screen and (max-width: 600px) {
  :root {
    --fs-display: 19.58vw;
    --fs-cta: 10.83vw;
    --fs-numero: 17.5vw;
    --fs-produto: 8.75vw;
    --fs-h2: 6.67vw;
    --fs-lead: 4.5vw;
    --fs-corpo-l: 4.17vw;
    --fs-btn: 4.54vw;
    --fs-corpo-m: 4.17vw;
    --fs-faq: 3.75vw;
    --fs-h3: 3.54vw;
    --fs-corpo-s: 3.33vw;
    --fs-legenda: 3.33vw;
    --fs-resposta: 3.54vw;
    --esp-1: 1.5vw;
    --esp-2: 2.17vw;
    --esp-3: 3vw;
    --esp-4: 4.17vw;
    --esp-5: 5.42vw;
    --esp-6: 7.29vw;
    --esp-7: 8.33vw;
    --esp-8: 11.67vw;
    --esp-9: 14.58vw;
    --container: 91.67vw;
    --container-largo: 91.67vw;
    --raio-faq: 3vw;
    --borda: 0.42vw;
    --borda-foto: 0.42vw;
  }
}