/* Grifo de marca-texto em trechos de titulos (span.hl). Sem JS a faixa aparece cheia. */
.hl{
 display:inline;color:#1e9b59;font-weight:inherit;
 background-image:linear-gradient(rgba(36,182,107,.22),rgba(36,182,107,.22));
 background-repeat:no-repeat;background-position:0 88%;background-size:100% .35em;
 -webkit-box-decoration-break:clone;box-decoration-break:clone;
 padding:0 .06em;border-radius:.08em;
}
h1 .hl,h2 .hl,h3 .hl{display:inline;white-space:normal}
.js .hl{background-size:0% .35em;transition:background-size .6s cubic-bezier(.22,1,.36,1) .25s}
.js .hl.is-visible{background-size:100% .35em}
/* Sobre fundo escuro */
.hl-dark .hl,.ofi-erp .hl{color:#3ddc84;background-image:linear-gradient(rgba(61,220,132,.28),rgba(61,220,132,.28))}
@media(prefers-reduced-motion:reduce){.js .hl,.js .hl.is-visible{background-size:100% .35em;transition:none}}