.card_transparencia{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #e2e0e0;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card{
    border-radius: 4px;
    /*background: #fff;*/
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    /*padding: 14px 80px 18px 36px;*/
    cursor: pointer;
}

.card:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.card2-columns{
    border-radius: 4px;
    /*background: #fff;*/
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    /*padding: 14px 80px 18px 36px;*/
    cursor: pointer;
}

  .card2-columns .card2 {
    margin-bottom: .75rem;
}

.card2{
    border-radius: 4px;
    /*background: #fff;*/
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    /*padding: 14px 80px 18px 36px;*/
    cursor: pointer;
}
  
.card2:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.list-group-item-transparencia {
    position: relative;
    display: block;
    /*padding: .5rem .25rem;*/
    background-color:#e2e0e0;
    /*border: 1px solid rgba(0,0,0,.125);*/
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    text-align: left;
    padding-left: 10px;
}

.fas.fa-calendar-alt{
    font-size: 10px;
    margin: 5px;
    color:black;
}

.carta-box {
    width: 128px;
    height: 128px;
    position: relative;
    perspective: 1000px;
}
.carta-box2 {
    width: 228px;
    height: 250px;
    position: relative;
    perspective: 1000px;
}      
.carta-box:hover .carta {
    transform: rotateY(180deg);
 }
.carta-box2:hover .carta {
    transform: rotateY(180deg);
 }      
.carta {
    transform-style: preserve-3d;
    transition: all 1s linear;
}
      
.cara {
    position: absolute;
    backface-visibility: hidden;
}
      
.cara.detras {
    transform: rotateY(180deg);
}

.container-box:hover .imagen {-webkit-transform:scale(1.3);transform:scale(1.3);}
.container-box {
    overflow:hidden;
}