.flip-card {
    perspective: 1000px;
    position: relative;
    width: 100%;
    height: 200px;
}

.flip-card-inner {
    transition: transform 0.6s;
    transform-style: preserve-3d;
    position: relative;
    height: 200px;
}

.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
}

.flip-card-front {
    background: #f0f0f0;
    height: 200px
}

.flip-card-back {
    background: #333;
    color: white;
    transform: rotateY(180deg);
    height: 200px
}


.imagem_curso {
    width: 100%; /* A imagem ocupa 100% da largura do pai */
    height: 100%; /* Ajusta a altura para preencher totalmente o pai */
    object-fit: cover; /* Garante o crop para preencher o espaço sem distorção */
    object-position: center; /* Centraliza o conteúdo da imagem */
    border-radius: inherit; /* Herda bordas arredondadas, se houver */
}