.card {
      position: relative;
      overflow: hidden;
      border: none;
      border-radius: 1px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .card:hover {
      box-shadow: 0 8px 20px rgba(24,46,53,0.25);
      transform: translateY(-5px);
    }
    .card img {
      transition: transform 0.3s ease;
    }
    .card:hover img {
      transform: scale(1.05);
    }

    /* Título fixo na parte inferior */
    .card-title-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(175,144,74,0.8);
      color: #fff;
      text-align: center;
      padding: 10px;
      font-weight: bolder;
      font-size: 1.1rem;
    }

    /* Overlay com botão (aparece no hover) */
    .card-img-overlay-custom {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(24,46,53,0.55);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }
    .card:hover .card-img-overlay-custom {
      opacity: 1;
    }

    .logo-slider {
  overflow: hidden;
  background: #b5954a; /* mesma cor da imagem */
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scrollLogos 25s linear infinite;
}

.logo-item {
  flex: 0 0 auto;
  padding: 0 50px;
}

.logo-item img {
  height: 60px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1); /* deixa branco se necessário */
}

/* ANIMAÇÃO */
@keyframes scrollLogos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}