/* ===================================================
   DASHBOARD DA LIVE
=================================================== */

.agora-live-dashboard {

    display: flex;
    gap: 20px;
    margin: 25px 0;
    flex-wrap: wrap;

}


.agora-live-card {

    flex: 1;
    min-width: 280px;

    padding: 30px;

    border-radius: 18px;

    background: #111;

    color: #fff;

    text-align: center;

    box-shadow:
        0 15px 40px rgba(0,0,0,.25);

    transition: .3s;

}


.agora-live-card:hover {

    transform: translateY(-3px);

}


.agora-live-card h3 {

    margin: 0;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 1px;

    opacity: .85;

}


.agora-live-number {

    margin-top: 15px;

    font-size: 60px;

    font-weight: 700;

    line-height: 1;

}


/* Card de inscritos */

.agora-live-card.subscribers .agora-live-number {

    color: #00d4ff;

}


/* Card de espectadores */

.agora-live-card.viewers .agora-live-number {

    color: #ff3333;

}


.agora-live-card small {

    display: block;

    margin-top: 10px;

    opacity: .7;

    font-size: 13px;

}


/* Responsividade */

@media (max-width:768px) {

    .agora-live-dashboard {

        flex-direction: column;

    }

    .agora-live-number {

        font-size: 42px;

    }

}
/* ===================================================
   CONTADOR DE INSCRITOS - DASHBOARD
=================================================== */

#agora-subs {

    width:100%;

    max-width:600px;

    margin:40px auto;

    padding:50px 20px;

    box-sizing:border-box;

    text-align:center;

    font-size:90px;

    font-weight:800;

    line-height:1;

    color:#00d4ff;

    background:#111;

    border-radius:25px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.35);

}


/* Texto complementar */

#agora-subs::after {

    content:" inscritos no canal";

    display:block;

    margin-top:20px;

    font-size:22px;

    font-weight:400;

    color:#fff;

    opacity:.8;

}


/* Responsivo */

@media(max-width:768px){

    #agora-subs {

        font-size:55px;

        padding:35px 15px;

    }


    #agora-subs::after {

        font-size:18px;

    }

}