.card-marca {
    height: 350px;
    max-width: 230px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.marca-bg {
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease; 
}

.card-marca:hover .marca-bg {
    transform: scale(1.1);
}

.thumb-marca {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%); 
    width: 150px;
    height: 150px;
    background-color: #ffffff;
    border-radius: 50%; 
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}

.thumb-marca img {
    max-width: 75%;
    max-height: 75%;
    object-fit: contain;
}

@media (max-width: 767px) {
  .thumb-marca {
    width: 120px;
    height: 120px;
  }
  .card-marca {
    height: 300px;
    max-width: 200px;
  }
}