/* ==========================================================================
   Páginas legais: termos de uso, política de privacidade, política de
   reembolso. Documento de texto corrido, sem oferta e sem botão.

   Prefixo `cpvl-`, exclusivo destas páginas. As outras folhas usam `cpv-`
   (venda), `cpvh-` (home) e `cpvv-` (VSL), e nenhuma classe é compartilhada.
   Ver a skill css-naming-guard.
   ========================================================================== */

:root{
  --cpvl-fundo:   #050505;
  --cpvl-fundo-2: #0d0d0d;
  --cpvl-borda:   rgba(255,255,255,.075);
  --cpvl-texto:   #f5f5f5;
  --cpvl-texto-2: #c4c4c4;
  --cpvl-texto-3: #838383;
  --cpvl-ciano:   #24f5d2;
  --cpvl-fonte: "Poppins", "Poppins Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
                "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
                "Segoe UI Emoji";
}

*,*::before,*::after{box-sizing:border-box}

html{ -webkit-text-size-adjust:100% }

body{
  margin:0;
  background:var(--cpvl-fundo);
  color:var(--cpvl-texto-2);
  font-family:var(--cpvl-fonte);
  font-size:16px;
  line-height:1.7;
}

/* ---------- topo ---------- */

.cpvl-topo{
  border-bottom:1px solid var(--cpvl-borda);
  background:var(--cpvl-fundo-2);
}

.cpvl-topo__interno{
  max-width:820px;
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.cpvl-topo__marca{ display:inline-flex; align-items:center }

.cpvl-topo__volta{
  color:var(--cpvl-texto-3);
  text-decoration:none;
  font-size:14px;
}

.cpvl-topo__volta:hover{ color:var(--cpvl-ciano) }

/* ---------- documento ---------- */

.cpvl-doc{
  max-width:820px;
  margin:0 auto;
  padding:36px 20px 56px;
}

.cpvl-doc__titulo{
  margin:0 0 6px;
  color:var(--cpvl-texto);
  font-size:clamp(26px, 5.4vw, 38px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.01em;
}

.cpvl-doc__data{
  margin:0 0 30px;
  color:var(--cpvl-texto-3);
  font-size:14px;
}

.cpvl-doc h2{
  margin:34px 0 12px;
  color:var(--cpvl-texto);
  font-size:clamp(18px, 3.6vw, 22px);
  line-height:1.3;
  font-weight:700;
}

.cpvl-doc h3{
  margin:26px 0 10px;
  color:var(--cpvl-texto);
  font-size:17px;
  font-weight:700;
}

.cpvl-doc p{ margin:0 0 14px }

.cpvl-doc ul{ margin:0 0 16px; padding-left:22px }

.cpvl-doc li{ margin:0 0 8px }

.cpvl-doc strong{ color:var(--cpvl-texto) }

.cpvl-doc a{ color:var(--cpvl-ciano) }

/* ---------- rodape ---------- */

/* Mesmo desenho do rodape da raiz (.cpv-rodape em estilo.css): centrado, sem
   fundo proprio, logo pequeno, links em linha e o aviso legal mais estreito.
   As regras sao copia, e nao importacao, porque esta pagina carrega so a
   legal.css de proposito: e documento, nao precisa dos 28 KB da venda. */
.cpvl-rodape{
  border-top:1px solid var(--cpvl-borda);
  padding:46px 0 40px;
  text-align:center;
  color:var(--cpvl-texto-3);
  font-size:13.5px;
  line-height:1.65;
}

.cpvl-rodape__interno{
  max-width:760px;
  margin:0 auto;
  padding:0 20px;
}

/* seletor com o rodape na frente para vencer o `.cpvl-rodape p`, que zera a
   margem de todo paragrafo daqui */
.cpvl-rodape .cpvl-rodape__marca{
  display:flex; justify-content:center;
  margin:0 0 22px;
}

.cpvl-rodape__marca img{ width:110px; height:auto }

.cpvl-rodape__links{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:10px 22px;
  margin:0 0 22px; padding:0;
  list-style:none;
}

.cpvl-rodape__links a{
  color:var(--cpvl-texto-2);
  text-decoration:none;
}

.cpvl-rodape__links a:hover{ color:var(--cpvl-ciano) }

.cpvl-rodape p{ margin:0 0 8px }

.cpvl-rodape a{ color:var(--cpvl-texto-2) }

.cpvl-rodape__aviso{
  max-width:640px;
  margin:20px auto 0;
  font-size:12.5px;
  line-height:1.6;
  color:var(--cpvl-texto-3);
}