body{
    margin: 0;
}

.title-games{
    margin-bottom: 53px;
    text-align: center;
    font: normal normal bold 32px/42px 'Noto Sans';
    letter-spacing: -0.16px;
    color: #FFFFFF;
    opacity: 1;
}

.mb-card-game{
    margin-bottom: 95px;
}

.img-game{
    width: 344px; 
    height: 234px;
}

.game-container{
    margin-top: 82px;
}

.btn-play-game{
    width: 203px !important;
    height: 48px !important;
    text-align: center;
    font: normal normal 600 16px/35px 'Noto Sans' !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: transparent linear-gradient(108deg, #FC0441 0%, #F62DA8 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 24px !important;
    opacity: 1;
}

.btn-play-game:hover{
    color: #FFFFFF;
    background: transparent linear-gradient(108deg, #FC0441 0%, #F62DA8 100%) 0% 0% no-repeat padding-box !important;
}

.imagen-port {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  
  .imagen-port {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 154px;
    position: relative;
    cursor: pointer;
    border-radius: 45px;
  }
  
  .imagen-port>img {
    width: 70%;
    height: 95%;
    object-fit: inherit;
    display: block;
    border-radius: 45px;
  }
  
  .hover-galeria {
    position: absolute;
    width: 70%;
    height: 95%;
    top: 0;
    /*transform: scale(0);*/
    /*background: hsla(306, 82%, 46%, 0.62);*/
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    /*transition: transform .5s;*/
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    border-radius: 45px;
    padding: 5px;
    opacity: 1;
  }

@media screen and (min-width: 1441px) { 
    .padding-games{
        padding-left: 120px;
        padding-right: 120px;
    }
}


@media screen and (max-width: 767px) { 
    .title-games{
        font: normal normal bold 20px/27px 'Noto Sans';
        letter-spacing: -0.1px;
        margin-bottom: 35px;
    }

    .imagen-port {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    
    .imagen-port {
        margin-top: 10px;
        margin-bottom: 10px;
        height: 95px;
        position: relative;
        cursor: pointer;
        border-radius: 420px;
    }
    
    .imagen-port>img {
        width: 90%;
        height: 95%;
        object-fit: inherit;
        display: block;
        border-radius: 20px;
    }
    
    .hover-galeria {
        position: absolute;
        width: 90%;
        height: 95%;
        top: 0;
        /*transform: scale(0);*/
        /*background: hsla(306, 82%, 46%, 0.62);*/
        background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
        /*transition: transform .5s;*/
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        border-radius: 20px;
        padding: 5px;
        opacity: 1;
    }

    .title-game{
        margin-top: auto;
        margin-bottom: auto;
        text-align: center;
        font: normal normal 600 16px/22px 'Noto Sans';
        letter-spacing: 0px;
        color: #FFFFFF;
        /*text-shadow: 0px 3px 6px #00000029;*/
        opacity: 1;
    }

    .description-game{
        font: normal normal 500 16px/26px 'Noto Sans';
    }

    .mb-card-game{
        margin-bottom: 33px;
    }
}