/* ===== Animação do SVG ===== */
#logo path:nth-child(1) {
  stroke-dasharray: 102;
  stroke-dashoffset: 102;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-i-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(2) {
  stroke-dasharray: 92;
  stroke-dashoffset: 92;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-ii-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(3) {
  stroke-dasharray: 69;
  stroke-dashoffset: 69;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-iii-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(4) {
  /* ponto */
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-iv-delay),
    svg-fill-green var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(5) {
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-v-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(6) {
  stroke-dasharray: 49;
  stroke-dashoffset: 49;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-vi-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(7) {
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-vii-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(8) {
  stroke-dasharray: 91;
  stroke-dashoffset: 91;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-viii-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(9) {
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-ix-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(10) {
  stroke-dasharray: 73;
  stroke-dashoffset: 73;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-x-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(11) {
  stroke-dasharray: 92;
  stroke-dashoffset: 92;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-xi-delay),
    svg-fill-white var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

#logo path:nth-child(12) {
  /* cifrão */
  stroke-dasharray: 107;
  stroke-dashoffset: 107;
  animation: svg-animation var(--line-animation-delay)
      var(--line-timing-function) forwards var(--line-xii-delay),
    svg-fill-green var(--fill-animation-delay) var(--fill-timing-function)
      forwards var(--fill-delay);
}

@keyframes svg-animation {
  to {
    stroke-dashoffset: 0;
    stroke-width: 1;
  }
}

@keyframes svg-fill-white {
  to {
    fill: white;
    stroke-width: 0;
  }
}

@keyframes svg-fill-green {
  to {
    fill: #49aa26;
    stroke-width: 0;
  }
}