/*Animações dos Banners*/

/* Banner entra suavemente quando aparece na tela */
.banner-cafe, 
.banner-sobrenos {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeSlideUp 1.2s ease forwards;
}

/* delay para que um apareça depois do outro */
.banner-sobrenos {
  animation-delay: 0.5s;
}

/* sobe e aparece */
@keyframes fadeSlideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.banner-cafe__texto { animation-delay: 0.3s; }
.banner-cafe__botao { animation-delay: 0.6s; }

@keyframes fadeSlideRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Imagem do banner vem da direita */
.banner-cafe__imagem {
  opacity: 0;
  transform: translateX(50px);
  animation: fadeSlideLeft 1.2s ease forwards;
  animation-delay: 0.8s;
}

@keyframes fadeSlideLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Grãos de café flutuando */
.grao {
  animation: float 4s ease-in-out infinite;
}

.conteudo__home--graocafedeitado{
  animation: float 4s ease-in-out infinite;
}

.conteudo__img--fundo{
  animation: float 4s ease-in-out infinite;
}

.conteudo__img--cel{
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}