@charset "UTF-8";
/* ============================================================
   UTILIDADES
   Classes que substituem os antigos atributos style="" do HTML.
   Carregado por último de propósito: em empate de especificidade
   com base.css, obsidian-dark.css e animacoes.css, estas vencem,
   reproduzindo o comportamento que o estilo inline tinha.
   ============================================================ */

/* Texto */
.txt-suave{color:var(--ink-soft)}
.txt-15{font-size:15px}
.centro{text-align:center}

/* Medida de linha */
.limite-60{max-width:60ch}
.limite-62{max-width:62ch}
.limite-64{max-width:64ch}

/* Espaçamento inferior */
.mb-0{margin-bottom:0}
.mb-8{margin-bottom:8px}
.mb-16{margin-bottom:16px}
.mb-30{margin-bottom:30px}
.mb-34{margin-bottom:34px}
.mb-38{margin-bottom:38px}

/* Espaçamento superior */
.mt-22{margin-top:22px}
.mt-24{margin-top:24px}
.mt-26{margin-top:26px}
.mt-secao{margin-top:clamp(38px,6vw,64px)}
.mt-titulo{margin-top:clamp(34px,5vw,54px)}

/* Chamada final */
.cta-titulo{max-width:20ch;margin:0 auto 18px}
.cta-texto{margin:0 auto 30px}
.btn-row-centro{justify-content:center}

/* Rodapé: precisa de dois níveis para vencer footer .fbrand span */
.fbrand .fsub{color:#77738A}

/* Fora da tela sem sumir do DOM: usado na armadilha de robô do formulário.
   display:none não serve, porque muito robô ignora campo escondido assim. */
.fora-tela{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}