:root{
  --zz-logo-wm:56px;
  --zz-logo-hm:56px;
  --zz-logo-wd:84px;
  --zz-logo-hd:84px;
  --zz-logo-xm:0px; --zz-logo-ym:0px;
  --zz-logo-xd:0px; --zz-logo-yd:0px;
  --zz-name-sm:36px;
  --zz-name-sd:72px;
  --zz-name-sx:1;
  --zz-name-sy:1;
  --zz-name-y:0px;
  --zz-name-ls:-1px;
  --zz-slogan-text-sm:24px;
  --zz-slogan-text-sd:40px;
  --zz-slogan-wm:36px;
  --zz-slogan-hm:36px;
  --zz-slogan-wd:52px;
  --zz-slogan-hd:52px;
}

body.zz-has-custom-logo header .top > a.brand > .zix-brasil{
  display:none !important;
}

header .top > a.brand > #zzCustomBrandLogo{
  display:none;
  object-fit:contain;
  background:transparent;
  flex-shrink:0;
}

body.zz-has-custom-logo header .top > a.brand > #zzCustomBrandLogo{
  display:block !important;
}

header .top > a.brand > #siteBrand{
  transform-origin:left center;
}

#siteHero{
  position:relative;
}

.zz-siteHeroTitleWrap{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

#zzSloganIcon{
  display:none;
  object-fit:contain;
  border-radius:10px;
  flex-shrink:0;
}

body.zz-has-slogan-icon #zzSloganIcon{
  display:block;
}

@media(max-width:700px){
  body.zz-has-custom-logo header .top > a.brand > #zzCustomBrandLogo{
    width:var(--zz-logo-wm) !important;
    height:var(--zz-logo-hm) !important;
    transform:translate(var(--zz-logo-xm),var(--zz-logo-ym)) !important;
  }
  header .top > a.brand > #siteBrand{
    font-size:var(--zz-name-sm) !important;
    letter-spacing:var(--zz-name-ls) !important;
    transform:translateY(var(--zz-name-y)) scaleX(var(--zz-name-sx)) scaleY(var(--zz-name-sy)) !important;
  }
  #siteHero{font-size:var(--zz-slogan-text-sm) !important;line-height:1.2 !important;overflow-wrap:anywhere}
  body.zz-has-slogan-icon #zzSloganIcon{
    width:var(--zz-slogan-wm) !important;
    height:var(--zz-slogan-hm) !important;
  }
}

@media(min-width:701px){
  body.zz-has-custom-logo header .top > a.brand > #zzCustomBrandLogo{
    width:var(--zz-logo-wd) !important;
    height:var(--zz-logo-hd) !important;
    transform:translate(var(--zz-logo-xd),var(--zz-logo-yd)) !important;
  }
  header .top > a.brand > #siteBrand{
    font-size:var(--zz-name-sd) !important;
    letter-spacing:var(--zz-name-ls) !important;
    transform:translateY(var(--zz-name-y)) scaleX(var(--zz-name-sx)) scaleY(var(--zz-name-sy)) !important;
  }
  #siteHero{font-size:var(--zz-slogan-text-sd) !important;line-height:1.2 !important;overflow-wrap:anywhere}
  body.zz-has-slogan-icon #zzSloganIcon{
    width:var(--zz-slogan-wd) !important;
    height:var(--zz-slogan-hd) !important;
  }
}

/* previsualizacao v2: texto vazio sem ocupar area */
#siteBrand:empty,#siteHero:empty{display:none!important}
.zz-siteHeroTitleWrap{min-width:0;max-width:100%}
#siteHero{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;min-width:0}

/* Editor LED e posicao ZixLima. Respeita preferencia de movimento reduzido. */
:root{--zz-slogan-x:0px;--zz-slogan-y:0px;--zz-slogan-img-x:0px;--zz-slogan-img-y:0px}
#siteHero{transform:translate(var(--zz-slogan-x),var(--zz-slogan-y))!important}
#zzSloganIcon{transform:translate(var(--zz-slogan-img-x),var(--zz-slogan-img-y))!important}
#siteBrand.zz-led-steady,#siteHero.zz-led-steady,
#siteBrand.zz-led-pulse,#siteHero.zz-led-pulse,
#siteBrand.zz-led-cycle,#siteHero.zz-led-cycle{
 text-shadow:0 0 var(--zz-led-blur,6px) var(--zz-led-shine,#66ff77),0 0 13px var(--zz-led-shine,#66ff77)!important;
}
.zz-led-pulse{animation:zzLedPulse 2.6s ease-in-out infinite!important}
.zz-led-cycle{animation:zzLedCycle 5s linear infinite!important}
@keyframes zzLedPulse{0%,100%{filter:brightness(1);text-shadow:0 0 3px var(--zz-led-shine,#66ff77)}50%{filter:brightness(1.3);text-shadow:0 0 16px var(--zz-led-shine,#66ff77),0 0 26px var(--zz-led-shine,#66ff77)}}
@keyframes zzLedCycle{0%,100%{text-shadow:0 0 12px #41ff60,0 0 19px #41ff60}33%{text-shadow:0 0 12px #fbe34f,0 0 19px #fbe34f}66%{text-shadow:0 0 12px #dfe9f6,0 0 19px #dfe9f6}}
@media(prefers-reduced-motion:reduce){.zz-led-pulse,.zz-led-cycle{animation:none!important}}

@keyframes zzPulseGlow{
  0%,100%{opacity:1;filter:brightness(1)}
  50%{opacity:.85;filter:brightness(1.18)}
}
@keyframes zzMoveGlow{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
