/* ==========================
   MENU JR PLAY STREAM
========================== */

.menuCards{
    display:flex;
    justify-content:center;
    gap:18px;
    margin:20px 0 30px;
}

.cardMenu{
    flex:1;
    max-width:120px;
    height:120px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-decoration:none;
    color:#fff;

    background:#2b2b2b;
    border:2px solid #3c3c3c;
    border-radius:22px;

    transition:.25s;
}

.cardMenu:hover{
    transform:translateY(-5px);
    border-color:#ff7a00;
    box-shadow:0 0 20px rgba(255,122,0,.35);
}

.cardMenu:active{
    transform:scale(.96);
}

.cardMenu.ativo{
    background:#ff7a00;
    border-color:#ff7a00;
    box-shadow:0 0 20px rgba(255,122,0,.45);
}

.cardMenu .icone{
    font-size:42px;
    margin-bottom:10px;
}

.cardMenu .titulo{
    font-size:18px;
    font-weight:700;
    color:#fff;
}

/* RESPONSIVO */

@media (max-width:600px){

    .menuCards{
        gap:12px;
        margin:15px 0 25px;
    }

    .cardMenu{
        max-width:100px;
        height:100px;
        border-radius:18px;
    }

    .cardMenu .icone{
        font-size:34px;
    }

    .cardMenu .titulo{
        font-size:15px;
    }

}