/* Logo animado do cabeçalho. Cor preta original; cabeçalhos escuros e o tema escuro invertem pelo filtro --lii-h-logo já existente. */
.lii-header .lii-logo--animado{height:auto;color:#000;overflow:visible}
.cl-logo{--cl-whistle:#FEBD0E;--cl-text:#000;--cl-line:#FF0070}
.cl-logo.cl-mono{--cl-whistle:currentColor;--cl-text:currentColor;--cl-line:currentColor}
.cl-whistle{fill:var(--cl-whistle)}
.cl-text{fill:var(--cl-text)}
.cl-line{fill:var(--cl-line)}
.cl-animate .cl-whistle{transform-box:fill-box;transform-origin:50% 100%;animation:cl-toot .5s ease-in-out both}
.cl-animate .cl-casa,.cl-animate .cl-loco{animation:cl-out 1.1s cubic-bezier(.22,1.15,.36,1) both}
.cl-animate .cl-casa{animation-delay:.35s}
.cl-animate .cl-loco{animation-delay:.5s}
.cl-animate .cl-line{transform-box:fill-box;transform-origin:0 50%;animation:cl-draw .6s cubic-bezier(.6,0,.2,1) 1.35s both}
@keyframes cl-toot{0%,100%{transform:none}15%{transform:scale(1.04,.94)}35%{transform:rotate(-3deg) scale(.98,1.05)}55%{transform:rotate(2.5deg)}75%{transform:rotate(-1.2deg)}}
@keyframes cl-out{from{transform:translateX(-1680px)}to{transform:none}}
@keyframes cl-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Navegação interna mostra o logo pronto; o script marca o html antes da pintura. */
.cl-logo-static .cl-animate *{animation:none!important}
/* Menu aberto: o mesmo logo sobe por cima e só troca de cor; a imagem do menu fica invisível, mantendo o alinhamento. */
.lii-header-inner .lii-brand.cl-on-top{position:relative;z-index:100001}
.lii-overlay.cl-logo-single .lii-overlay-top .lii-brand{visibility:hidden}
@media (prefers-reduced-motion:reduce){.cl-animate *{animation:none!important}}