/* Estilo para as borboletas */
.butterfly-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 4;
}

.butterfly {
  position: absolute;
  width: 35px; /* Tamanho aumentado */
  height: 35px; /* Tamanho aumentado */
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transform-origin: center;
  animation-name: fly;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-iteration-count: infinite;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4)); /* Sombra mais visível */
}

.butterfly.type1 {
  background-image: url('../img/butterfly1.svg');
  opacity: 0.8; /* Mais visível */
}

.butterfly.type2 {
  background-image: url('../img/butterfly2.svg');
  opacity: 0.7; /* Mais visível */
}

.butterfly.type3 {
  background-image: url('../img/butterfly3.svg'); /* Usando borboleta tipo 3 */
  opacity: 0.75; /* Mais visível */
}

/* Apenas 4 borboletas em vez de 7 */
.butterfly:nth-child(1) {
  animation-duration: 25s; /* Mais lento */
  animation-delay: 0s;
}

.butterfly:nth-child(2) {
  animation-duration: 30s; /* Mais lento */
  animation-delay: 5s;
}

.butterfly:nth-child(3) {
  animation-duration: 28s; /* Mais lento */
  animation-delay: 10s;
}

.butterfly:nth-child(4) {
  animation-duration: 32s; /* Mais lento */
  animation-delay: 15s;
}

/* Escondendo as borboletas extras */
.butterfly:nth-child(n+5) {
  display: none;
}

@keyframes fly {
  0% {
    opacity: 0;
    transform: translate(90vw, 100vh) rotate(0deg) scale(0.7);
  }
  10% {
    opacity: 0.3; /* Mais transparente */
  }
  30% {
    transform: translate(75vw, 70vh) rotate(5deg) scale(0.8);
  }
  50% {
    transform: translate(60vw, 40vh) rotate(-5deg) scale(0.7);
  }
  70% {
    transform: translate(40vw, 20vh) rotate(5deg) scale(0.6);
  }
  90% {
    opacity: 0.2; /* Mais transparente */
  }
  100% {
    opacity: 0;
    transform: translate(20vw, 0) rotate(-5deg) scale(0.5);
  }
}

/* Animação de brilho para o texto - MUITO MAIS SUTIL */
.hero-text-glow {
  text-shadow: 0 2px 10px rgba(0,0,0,0.3); /* Sombra padrão apenas */
}

/* Removido o keyframe textGlow */

/* Animação para o divisor - mais sutil */
.divider-animation {
  position: relative;
  overflow: hidden;
}

.divider-animation::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); /* Mais sutil */
  animation: dividerShine 8s infinite; /* Mais lento */
}

@keyframes dividerShine {
  0% {
    left: -100%;
  }
  50%, 100% {
    left: 100%;
  }
}