/* Panels de planos de assinatura */
.panelplans-group{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    margin:4rem 0;
}
.panelplan{
    display:grid;
    justify-content:center;
    flex-grow:1;
    flex-shrink:0;
    flex-basis:20rem;

    position:relative;
    align-self:top;
    text-align:center;

    margin:0;
    padding:4rem 2rem;
    border-radius:.4rem;
    border:1px solid #EEE;
    background-color:#F9F9F9;

    transition:all .1s ease-out;
}

.panelplan.selected,
.panelplan:hover{
    z-index:1;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);

    -moz-box-shadow:0px 5px 10px 5px rgba(0,0,0,.35);
    -webkit-box-shadow:0px 5px 10px 5px rgba(0,0,0,.35);
    box-shadow:0px 5px 10px 5px rgba(0,0,0,.35);

    background-color:#F0F0F0;
}
.panelplan:hover{ z-index:2; }

.panelplan input[type="radio"]{
    /*visibility:hidden;*/
    position:absolute;
    top:0;left:0;
    opacity:0;
    cursor:pointer;
}
.panelplan i.material-icons{ display:block;opacity:0.3; }
.panelplan h2{ margin:1rem 0; }

.panelplan ul{
    margin:0;
    padding:0;
    list-style:none;
}
.panelplan ul li{
    margin:0;
    padding:1rem 0;
    border-top:1px solid #DDD;

    font-size:1.4rem;
    font-weight:300;
}

.panelplan .price{ font-size:3.2rem;color:#0046AA; }
.panelplan .price.free{ font-size:2.4rem; }
.panelplan .price:not(.free)::before{ content:"R$ ";font-size:1.4rem; }
.panelplan .cents{ font-size:1.4rem;position:relative;top:-0.4rem; }

.panelplan .button-wrapper{ padding:2rem; }
.panelplan.selected .button{ background-color:rgba(0,70,170,0.85); }

@media (max-width:999px){
    .panelplans-group{
        max-width:90%;
        justify-content:center;
        flex-wrap: wrap;
    }
    .panelplan{
        flex-basis:100%;
        max-width:50rem;
    }
}