/* ============================================================
   Pagina leve (white) - falabrasil.online
   ------------------------------------------------------------
   Proposito oposto ao da VSL: sobria, arejada, sem urgencia.
   Sem barra vermelha, sem contador, sem animacao, sem pulso.
   ============================================================ */

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

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

body{
  margin:0;
  background:#fff;
  color:#2e3338;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; height:auto; display:block; }

a{ color:var(--destaque,#1f4e79); }

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

.topo{
  border-bottom:1px solid #ececf0;
  padding:20px 24px;
}
.marca{
  font-size:17px;
  font-weight:600;
  letter-spacing:-.01em;
  color:#1a1d21;
}

/* ---------------------------- conteudo ---------------------------- */

.conteudo{
  max-width:680px;
  margin:0 auto;
  padding:48px 24px 24px;
}

h1{
  font-size:clamp(26px,4.6vw,36px);
  line-height:1.3;
  font-weight:700;
  letter-spacing:-.02em;
  margin:0 0 16px;
  color:#16191d;
}

.sub{
  font-size:clamp(17px,2.4vw,19px);
  color:#5b6167;
  margin:0 0 34px;
  font-weight:400;
}

.figura{ margin:0 0 34px; }
.figura img{ border-radius:6px; width:100%; }

.corpo{ font-size:17px; }
.corpo p{ margin:0 0 20px; }
.corpo h2{
  font-size:23px; font-weight:650; margin:38px 0 14px;
  letter-spacing:-.01em; color:#16191d;
}
.corpo h3{ font-size:19px; font-weight:650; margin:30px 0 10px; color:#16191d; }
.corpo ul,.corpo ol{ margin:0 0 20px; padding-left:24px; }
.corpo li{ margin-bottom:9px; }
.corpo strong,.corpo b{ font-weight:650; }
.corpo blockquote{
  margin:24px 0; padding:4px 0 4px 20px;
  border-left:3px solid #e4e6ea; color:#5b6167;
}
.corpo img{ border-radius:6px; margin:24px 0; }

/* ----------------------------- acao ------------------------------- */

.acao{ margin:38px 0 8px; }

.botao{
  display:inline-block;
  padding:13px 26px;
  background:var(--destaque,#1f4e79);
  color:#fff !important;
  border-radius:6px;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  transition:opacity .15s ease;
}
.botao:hover{ opacity:.9; }

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

.rodape{
  max-width:680px;
  margin:56px auto 0;
  padding:24px 24px 56px;
  border-top:1px solid #ececf0;
  font-size:13px;
  line-height:1.65;
  color:#8b9096;
}
.rodape p{ margin:0 0 10px; }
.rodape a{ color:#8b9096; }
.rodape .aviso{ color:#9aa0a6; }

@media (max-width:520px){
  .conteudo{ padding:34px 20px 20px; }
  .rodape{ padding:20px 20px 44px; }
}