.efectoCard .card {
  border-radius: 16px;
  
  box-shadow: 0px 3px 5px -1px rgba(75, 74, 74, 0.1); 
  
  transition: all .2s ease-in-out;
  /* display: inline-block; */
  position:relative;
  overflow: hidden;
}
.efectoCard .card img{
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.efectoCard .card:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 20px rgb(0 0 0 / 12%), 0 4px 8px rgb(0 0 0 / 6%);
}
.efectoCard .card:hover img{
  opacity: 0.0;
  
}
.efectoCard .card-title{
  transition: transform 0.5s ease-out;
}

.efectoCard .card-text{
  padding-top: 0.8rem;
  padding-right: 0.8rem;
  position: absolute;
  font-size: .9em;
  overflow: hidden;
  /* display: none; */
  transition: transform 0.5s ease-out;
 }

 .efectoCard .card:hover .card-text, .card:hover .card-title{
  transform: translateY(-5rem) translateZ(0);

   display: block;}