.banner-carousel .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }

  .banner-carousel {
    width: 100%;
    max-height: auto;
    overflow: hidden;
  }
  
  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: contain; /* mantém a proporção */
    max-width: 100%;
    opacity: 0;
    transform: translateY(-60px);
    animation: slideDownFade 2s ease forwards;
}

@keyframes slideDownFade {
  from {
      opacity: 0;
      transform: translateY(-30px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}