/* Ajustes exclusivos do cabeçalho: logo vetorial e luz ambiente suave. */
.hero{
  isolation:isolate;
}

.hero:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-58% -24%;
  width:auto;
  height:auto;
  border-radius:0;
  background:
    radial-gradient(circle,rgba(248,241,105,.25) 0%,rgba(222,230,86,.16) 24%,rgba(137,207,104,.08) 46%,rgba(137,207,104,0) 72%) left center/52% 112% no-repeat,
    radial-gradient(circle,rgba(248,241,105,.27) 0%,rgba(222,230,86,.16) 24%,rgba(137,207,104,.08) 46%,rgba(137,207,104,0) 72%) right center/52% 112% no-repeat,
    radial-gradient(circle,rgba(246,241,130,.10) 0%,rgba(170,219,119,.05) 34%,rgba(170,219,119,0) 68%) center center/46% 90% no-repeat;
  filter:blur(31px);
  opacity:.78;
  pointer-events:none;
  will-change:background-position,opacity,filter;
  animation:trabalheHeroGlow 16s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}

.hero>*{
  position:relative;
  z-index:1;
}

.hero-logo{
  width:64px;
  height:auto;
  overflow:visible;
}

@keyframes trabalheHeroGlow{
  0%{
    background-position:-16% 50%,116% 50%,50% 58%;
    opacity:.72;
    filter:blur(33px);
  }
  48%{
    background-position:30% 50%,70% 50%,50% 50%;
    opacity:.86;
    filter:blur(29px);
  }
  62%{
    background-position:38% 50%,62% 50%,50% 48%;
    opacity:.90;
    filter:blur(28px);
  }
  100%{
    background-position:14% 50%,86% 50%,50% 56%;
    opacity:.76;
    filter:blur(32px);
  }
}

@media(max-width:680px){
  .hero:before{
    inset:-48% -34%;
    background-size:66% 108%,66% 108%,58% 88%;
    animation-duration:15s;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero:before{
    animation:none;
    background-position:18% 50%,82% 50%,50% 52%;
  }
}