/* Logo Cifrali: as letras sobem, os pingos dos "i" caem como moedas e o "ali" acende em verde. */
.cf-logo{--cf-verde:var(--l-accent,var(--green,#22c55e));display:inline-flex!important;align-items:baseline;font-family:'Inter',system-ui,sans-serif;font-weight:600;line-height:1;letter-spacing:-.045em;white-space:nowrap;color:inherit}
.cf-logo .cf-l{position:relative;display:inline-block!important}
.cf-logo .cf-v{color:var(--cf-verde)}
.cf-logo .cf-i::after{content:"";position:absolute;left:50%;top:.035em;width:.2em;height:.2em;margin-left:-.1em;border-radius:50%;background:currentColor}
.cf-logo .cf-v.cf-i::before{content:"";position:absolute;left:50%;top:.035em;width:.2em;height:.2em;margin-left:-.1em;border-radius:50%;border:.03em solid var(--cf-verde);box-sizing:border-box;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  .cf-logo:not(.cf-espera) .cf-l{animation:cf-sobe .55s cubic-bezier(.2,.9,.25,1.25) calc(var(--n)*60ms) both}
  .cf-logo:not(.cf-espera) .cf-v{animation:cf-sobe .55s cubic-bezier(.2,.9,.25,1.25) calc(var(--n)*60ms) both,cf-acende .45s ease calc(1.05s + (var(--n) - 4)*70ms) both}
  .cf-logo:not(.cf-espera) .cf-i::after{animation:cf-moeda .7s cubic-bezier(.3,0,.4,1) .55s both}
  .cf-logo:not(.cf-espera) .cf-v.cf-i::after{animation-delay:.82s}
  .cf-logo:not(.cf-espera) .cf-v.cf-i::before{animation:cf-onda .8s ease-out 1.2s both}
  .cf-logo:hover .cf-v.cf-i::after,a:hover>.cf-logo .cf-v.cf-i::after{animation:cf-gira .7s ease-in-out both}
  html.js .cf-logo.cf-espera .cf-l{opacity:0}
}
@keyframes cf-sobe{from{opacity:0;transform:translateY(.55em)}to{opacity:1;transform:none}}
@keyframes cf-acende{from{color:inherit}to{color:var(--cf-verde)}}
@keyframes cf-moeda{0%{opacity:0;transform:translateY(-1.7em)}45%{opacity:1;transform:translateY(0) scale(1.3,.7)}62%{transform:translateY(-.32em) scale(.92,1.1)}78%{transform:translateY(0) scale(1.12,.86)}88%{transform:translateY(-.06em)}100%{transform:none}}
@keyframes cf-onda{0%{opacity:0;transform:scale(1)}2%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
@keyframes cf-gira{0%{transform:none}50%{transform:translateY(-.35em) scaleX(.1)}100%{transform:none}}
.site-brand .cf-logo{font-size:25px}
.mobile-app-brand .cf-logo{font-size:23px}
.north-login-brand .cf-logo{font-size:40px}
.nl-brand .cf-logo,.land-brand .cf-logo{font-size:23px}
.nl-marca .cf-logo{--cf-verde:color-mix(in srgb,var(--l-accent) 40%,var(--l-surface-2));letter-spacing:-.06em}