.elementor-3965 .elementor-element.elementor-element-8c57453:not(.elementor-motion-effects-element-type-background), .elementor-3965 .elementor-element.elementor-element-8c57453 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3965 .elementor-element.elementor-element-8c57453{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:99;}.elementor-3965 .elementor-element.elementor-element-8c57453 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3965 .elementor-element.elementor-element-aeb9b39.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3965 .elementor-element.elementor-element-aeb9b39.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3965 .elementor-element.elementor-element-aeb9b39.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3965 .elementor-element.elementor-element-f8e119f .elementor-button{font-family:"Roboto", Sans-serif;font-weight:bold;letter-spacing:0.8px;fill:#FFFFFF;color:#FFFFFF;background-color:#FFA300;border-radius:133px 133px 133px 133px;padding:20px 20px 20px 20px;}.elementor-3965 .elementor-element.elementor-element-f8e119f > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3965 .elementor-element.elementor-element-103403c{--spacer-size:50px;}.elementor-3965 .elementor-element.elementor-element-6aa8ada:not(.elementor-motion-effects-element-type-background), .elementor-3965 .elementor-element.elementor-element-6aa8ada > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3965 .elementor-element.elementor-element-6aa8ada{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:99;}.elementor-3965 .elementor-element.elementor-element-6aa8ada > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3965 .elementor-element.elementor-element-3e2eed9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3965 .elementor-element.elementor-element-3e2eed9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3965 .elementor-element.elementor-element-3e2eed9.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3965 .elementor-element.elementor-element-33084fe .elementor-button{font-family:"Roboto", Sans-serif;font-weight:bold;letter-spacing:0.8px;fill:#FFFFFF;color:#FFFFFF;background-color:#FFA300;border-radius:133px 133px 133px 133px;padding:20px 20px 20px 20px;}.elementor-3965 .elementor-element.elementor-element-33084fe > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3965 .elementor-element.elementor-element-d487cf6{--spacer-size:50px;}.elementor-3965 .elementor-element.elementor-element-d132398:not(.elementor-motion-effects-element-type-background), .elementor-3965 .elementor-element.elementor-element-d132398 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3965 .elementor-element.elementor-element-d132398{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:99;}.elementor-3965 .elementor-element.elementor-element-d132398 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3965 .elementor-element.elementor-element-f24e5bd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3965 .elementor-element.elementor-element-f24e5bd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3965 .elementor-element.elementor-element-f24e5bd.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3965 .elementor-element.elementor-element-d34e3bf .elementor-button{font-family:"Roboto", Sans-serif;font-weight:bold;letter-spacing:0.8px;fill:#FFFFFF;color:#FFFFFF;background-color:#FFA300;border-radius:133px 133px 133px 133px;padding:20px 20px 20px 20px;}.elementor-3965 .elementor-element.elementor-element-d34e3bf > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3965 .elementor-element.elementor-element-053f50f{--spacer-size:50px;}.elementor-3965 .elementor-element.elementor-element-9968148:not(.elementor-motion-effects-element-type-background), .elementor-3965 .elementor-element.elementor-element-9968148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3965 .elementor-element.elementor-element-9968148{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:99;}.elementor-3965 .elementor-element.elementor-element-9968148 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3965 .elementor-element.elementor-element-ffd190d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3965 .elementor-element.elementor-element-ffd190d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3965 .elementor-element.elementor-element-ffd190d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3965 .elementor-element.elementor-element-9dc6d52 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:bold;letter-spacing:0.8px;fill:#FFFFFF;color:#FFFFFF;background-color:#FFA300;border-radius:133px 133px 133px 133px;padding:20px 20px 20px 20px;}.elementor-3965 .elementor-element.elementor-element-9dc6d52 > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3965 .elementor-element.elementor-element-53fcd1b{--spacer-size:50px;}.elementor-3965 .elementor-element.elementor-element-5b74aff:not(.elementor-motion-effects-element-type-background), .elementor-3965 .elementor-element.elementor-element-5b74aff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3965 .elementor-element.elementor-element-5b74aff{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3965 .elementor-element.elementor-element-5b74aff > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3965 .elementor-element.elementor-element-eb58ce6{--spacer-size:50px;}.elementor-3965 .elementor-element.elementor-element-15adaef{text-align:center;}.elementor-3965 .elementor-element.elementor-element-15adaef .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-weight:300;}@media(max-width:767px){.elementor-3965 .elementor-element.elementor-element-8c57453{padding:-15px -15px -15px -15px;}.elementor-3965 .elementor-element.elementor-element-1f8a80f > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-3965 .elementor-element.elementor-element-f8e119f .elementor-button{font-size:1em;border-radius:18px 18px 18px 18px;}.elementor-3965 .elementor-element.elementor-element-103403c{--spacer-size:10px;}.elementor-3965 .elementor-element.elementor-element-6aa8ada{padding:-15px -15px -15px -15px;}.elementor-3965 .elementor-element.elementor-element-5998e45 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-3965 .elementor-element.elementor-element-33084fe .elementor-button{font-size:1em;border-radius:18px 18px 18px 18px;}.elementor-3965 .elementor-element.elementor-element-d487cf6{--spacer-size:17px;}.elementor-3965 .elementor-element.elementor-element-d132398{padding:-15px -15px -15px -15px;}.elementor-3965 .elementor-element.elementor-element-dda647f > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-3965 .elementor-element.elementor-element-d34e3bf .elementor-button{font-size:1em;border-radius:18px 18px 18px 18px;}.elementor-3965 .elementor-element.elementor-element-053f50f{--spacer-size:10px;}.elementor-3965 .elementor-element.elementor-element-9968148{padding:-15px -15px -15px -15px;}.elementor-3965 .elementor-element.elementor-element-f166b12 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-3965 .elementor-element.elementor-element-9dc6d52 .elementor-button{font-size:1em;border-radius:18px 18px 18px 18px;}.elementor-3965 .elementor-element.elementor-element-15adaef .elementor-heading-title{font-size:7px;word-spacing:0.1em;}}/* Start custom CSS for button, class: .elementor-element-f8e119f */.elementor-button {
    background: linear-gradient(270deg, #54ff14, #0ca30b, #1dce52, #0d5c25, #7cfb00, #5b9226);
    background-size: 1200% 1200%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 3s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8c57453 *//* Adiciona o fundo branco e prepara a área para o efeito */
.fogo-container {
  position: relative;
  overflow: hidden;
  background-color: #ffffff; /* Fundo branco */
  height: 300px; /* Ajuste a altura conforme necessário */
}

/* Partículas de Fogo Laranja */
.fogo-container .particula-laranja {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 140, 0, 1); /* Cor laranja */
  border-radius: 50%;
  animation: particula-laranja 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-laranja:nth-child(odd) {
  animation-duration: 2s;
}

@keyframes particula-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(100px, -100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Laranja */
.fogo-container .faísca-laranja {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 140, 0, 1); /* Faíscas laranjas */
  border-radius: 50%;
  animation: faísca-laranja 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(150px, 150px) scale(0.5);
    opacity: 0;
  }
}

/* Partículas de Fogo Verde */
.fogo-container .particula-verde {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 255, 0, 1); /* Cor verde */
  border-radius: 50%;
  animation: particula-verde 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-verde:nth-child(odd) {
  animation-duration: 2.5s;
}

@keyframes particula-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-100px, 100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Verde */
.fogo-container .faísca-verde {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 255, 0, 1); /* Faíscas verdes */
  border-radius: 50%;
  animation: faísca-verde 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-150px, -150px) scale(0.5);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-33084fe */.elementor-button {
    background: linear-gradient(270deg, #54ff14, #0ca30b, #1dce52, #0d5c25, #7cfb00, #5b9226);
    background-size: 1200% 1200%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 3s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6aa8ada *//* Adiciona o fundo branco e prepara a área para o efeito */
.fogo-container {
  position: relative;
  overflow: hidden;
  background-color: #ffffff; /* Fundo branco */
  height: 300px; /* Ajuste a altura conforme necessário */
}

/* Partículas de Fogo Laranja */
.fogo-container .particula-laranja {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 140, 0, 1); /* Cor laranja */
  border-radius: 50%;
  animation: particula-laranja 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-laranja:nth-child(odd) {
  animation-duration: 2s;
}

@keyframes particula-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(100px, -100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Laranja */
.fogo-container .faísca-laranja {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 140, 0, 1); /* Faíscas laranjas */
  border-radius: 50%;
  animation: faísca-laranja 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(150px, 150px) scale(0.5);
    opacity: 0;
  }
}

/* Partículas de Fogo Verde */
.fogo-container .particula-verde {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 255, 0, 1); /* Cor verde */
  border-radius: 50%;
  animation: particula-verde 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-verde:nth-child(odd) {
  animation-duration: 2.5s;
}

@keyframes particula-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-100px, 100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Verde */
.fogo-container .faísca-verde {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 255, 0, 1); /* Faíscas verdes */
  border-radius: 50%;
  animation: faísca-verde 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-150px, -150px) scale(0.5);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d34e3bf */.elementor-button {
    background: linear-gradient(270deg, #54ff14, #0ca30b, #1dce52, #0d5c25, #7cfb00, #5b9226);
    background-size: 1200% 1200%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 3s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d132398 *//* Adiciona o fundo branco e prepara a área para o efeito */
.fogo-container {
  position: relative;
  overflow: hidden;
  background-color: #ffffff; /* Fundo branco */
  height: 300px; /* Ajuste a altura conforme necessário */
}

/* Partículas de Fogo Laranja */
.fogo-container .particula-laranja {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 140, 0, 1); /* Cor laranja */
  border-radius: 50%;
  animation: particula-laranja 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-laranja:nth-child(odd) {
  animation-duration: 2s;
}

@keyframes particula-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(100px, -100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Laranja */
.fogo-container .faísca-laranja {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 140, 0, 1); /* Faíscas laranjas */
  border-radius: 50%;
  animation: faísca-laranja 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(150px, 150px) scale(0.5);
    opacity: 0;
  }
}

/* Partículas de Fogo Verde */
.fogo-container .particula-verde {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 255, 0, 1); /* Cor verde */
  border-radius: 50%;
  animation: particula-verde 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-verde:nth-child(odd) {
  animation-duration: 2.5s;
}

@keyframes particula-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-100px, 100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Verde */
.fogo-container .faísca-verde {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 255, 0, 1); /* Faíscas verdes */
  border-radius: 50%;
  animation: faísca-verde 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-150px, -150px) scale(0.5);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9dc6d52 */.elementor-button {
    background: linear-gradient(270deg, #54ff14, #0ca30b, #1dce52, #0d5c25, #7cfb00, #5b9226);
    background-size: 1200% 1200%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 3s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9968148 *//* Adiciona o fundo branco e prepara a área para o efeito */
.fogo-container {
  position: relative;
  overflow: hidden;
  background-color: #ffffff; /* Fundo branco */
  height: 300px; /* Ajuste a altura conforme necessário */
}

/* Partículas de Fogo Laranja */
.fogo-container .particula-laranja {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 140, 0, 1); /* Cor laranja */
  border-radius: 50%;
  animation: particula-laranja 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-laranja:nth-child(odd) {
  animation-duration: 2s;
}

@keyframes particula-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(100px, -100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Laranja */
.fogo-container .faísca-laranja {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 140, 0, 1); /* Faíscas laranjas */
  border-radius: 50%;
  animation: faísca-laranja 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-laranja {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(150px, 150px) scale(0.5);
    opacity: 0;
  }
}

/* Partículas de Fogo Verde */
.fogo-container .particula-verde {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 255, 0, 1); /* Cor verde */
  border-radius: 50%;
  animation: particula-verde 3s infinite ease-in-out;
  opacity: 0.8;
  z-index: 1;
}

.fogo-container .particula-verde:nth-child(odd) {
  animation-duration: 2.5s;
}

@keyframes particula-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-100px, 100px) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

/* Faíscas de Fogo Verde */
.fogo-container .faísca-verde {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 255, 0, 1); /* Faíscas verdes */
  border-radius: 50%;
  animation: faísca-verde 4s infinite ease-in-out;
  opacity: 0.5;
  z-index: 2;
}

@keyframes faísca-verde {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-150px, -150px) scale(0.5);
    opacity: 0;
  }
}/* End custom CSS */