.container-cards .inner-container-cards .titulo-tres-cards{
  text-align: center;
}

.container-cards .inner-container-cards .cards-tres-cards{
  display: flex;
  justify-content: space-around;
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards{
  margin: 20px;
  border-radius: 25px;
  box-shadow: 0 10px 15px 0 rgb(77 77 77 / 20%); 
  position: relative;
  overflow: hidden;
  max-width: 320px;
  cursor: pointer;
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards img{
  width: 50%;
  margin-top: 60px;
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards .card-first-content{
  padding: 25px;
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards .cards-icon,
.container-cards .inner-container-cards .cards-tres-cards .card-cards .cards-title{
  text-align: center; 
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards .cards-title{
  margin-bottom: 80px;
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards .item-placeholder{
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards .item-placeholder span:before{
  content: '\f077';
  font-family: "FontAwesome";
}




.container-cards .inner-container-cards .cards-tres-cards .card-cards .cards-content{
  position: absolute;
  top: 100%;
  transition: all ease 0.8s;
  padding: 40px;
  height: 100%; 
}

.container-cards .inner-container-cards .cards-tres-cards .card-cards .cards-content.show{
  position: absolute;
  top: 0;
}

@media (max-width: 767px){
  .container-cards .inner-container-cards .cards-tres-cards{
    flex-direction: column;
    align-items: center;
  }
  

  

  .container-cards .inner-container-cards .cards-tres-cards .card-cards .cards-content{
    z-index: -1;
    top: 0;
    opacity: 0;
    max-height: 0px;
    transition: ease all 0s;
    position: absolute;
    padding-top: 0;
    background-color: #ffffff;
    color: inherit;
    text-align: center;
  }

  .container-cards .inner-container-cards .cards-tres-cards .card-cards .cards-content.show{
    position: relative;
    z-index: 1;
    opacity: 1;
    max-height: 2000px;
    transition: ease all 1.5s;

  }
}

@media (max-width: 400px){
  .container-cards .inner-container-cards .cards-tres-cards .card-cards{
    margin: 20px auto;
    max-width: 280px;
  }
  .container-cards .inner-container-cards .cards-tres-cards .card-cards .card-first-content{
    padding: 15px;
  }
  
}