/* Efeito hover nos cards de serviços */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    z-index: 1; 
}

.card:hover {
    transform: scale(1.05); /* aumenta a partir do centro */
    box-shadow: 0 25px 45px rgba(0,0,0,0.3); /* sombra mais intensa */
    z-index: 10; 
}

/* Pequeno efeito de zoom na imagem dentro do card */
.card img {
    transition: transform 0.3s ease;
}

.card img:hover {
    transform: scale(1.1); /* aumenta a imagem suavemente */
}


/* Início: Prestação de Serviços Masculino e Feminino */
.service-card {
    perspective: 1000px;
}

/* Cria uma sensação de "maximizando o card pra frente"*/
.service-card:hover {
    transform: scale(1.06) translateZ(15px);
}

/* Imagem circular e elegante */
.service-img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
    transition: transform 0.3s ease;
}

/* Zoom suave na imagem */
.service-card:hover .service-img {
    transform: scale(1.08);
}
/* Fim: Prestação de Serviços Masculino e Feminino */