/* =====================================================
   BENEFÍCIOS PREMIUM MOBILE
===================================================== */

.beneficios-premium-mobile{

    display:none;

    background:#050505;

    padding:50px 0;

    overflow:hidden;

}

.premium-mobile-container{

    width:100%;

    max-width:420px;

    margin:0 auto;

    padding:0 22px;

}

.beneficios-premium-mobile .section-title{

    text-align:center;

    margin-bottom:65px;


}

.beneficios-premium-mobile .section-title h2{

    margin-bottom:22px;

    font-size:44px;

}

.beneficios-premium-mobile .section-title p{

    font-size:16px;

    line-height:1.8;

    color:#bdbdbd;

}

/* =======================================
   CARD
======================================= */

.premium-mobile-card{

    background:linear-gradient(
        180deg,
        rgb(0, 0, 0),
        rgb(0, 0, 0)
    );

    border:1px solid rgba(0,218,0,.12);

    border-radius:28px;

    padding:32px 22px 36px;

    backdrop-filter:blur(8px);

    margin-bottom:45px;
    
}

/* =======================================
   TITULO
======================================= */

.premium-mobile-card h3{

    color:#ffffff;

    font-size:24px;

    font-weight:600;

    line-height:1.35;

    text-align:center;

    margin-bottom:28px;

}

/* =======================================
   IMAGEM
======================================= */

.premium-image-wrapper{

    margin-left:-22px;
    margin-right:-22px;
    margin-bottom:30px;

}

.premium-mobile-image{

    display:block;

    width:100%;
    
    height:auto;

    border-radius:18px;

    margin-bottom:30px;

}

/* =======================================
   TEXTO
======================================= */

.premium-mobile-card p{

    font-size:16px;

    line-height:1.9;

    color:#bdbdbd;

    text-align:center;

}

/* =======================================
   FRASE FINAL
======================================= */

.premium-mobile-highlight{

    display:block;

    margin-top:30px;

    text-align:center;

    font-size:18px;

    font-weight:600;

    color:#00DA00;

    line-height:1.6;

}

/*==========================================
    CTA MOBILE
==========================================*/

.cta-premium-mobile{

    margin-top:30px;

    display:flex;

    justify-content:center;

}

.cta-premium-mobile .btn-principal{

    width:100%;

    min-width:unset;

    height:60px;

    font-size:18px;

    border-radius:16px;

}

/* =======================================
   MOBILE
======================================= */

@media (max-width:768px){

    .beneficios-premium-mobile{

        display:block;

    }

}