/*
 * Pricing SaaS V113
 * Ajustes da página de revisão/assinatura.
 */

/* "Você escolheu o Plano X" */
.subscription-added-bar{
    flex-wrap:wrap;
}

.subscription-choice-text{
    color:inherit;
}

.subscription-choice-plan{
    color:var(--sub-green) !important;
    font-size:16px;
    line-height:1.15;
    font-weight:900;
}

/*
 * No mensal, o bloco cinza de dica usava margem negativa até o final do corpo.
 * Agora a renovação ganha sua própria faixa branca logo abaixo.
 */
.subscription-tip{
    margin-bottom:0 !important;
}

.subscription-tip + .subscription-renewal{
    margin:0 -17px -19px !important;
    padding:11px 17px 0;
    min-height:38px;
    background:var(--sub-surface);
}

/* Garantia e links abaixo do CTA */
.subscription-action-panel{
    flex-wrap:wrap;
}

.subscription-assurance{
    flex:0 0 100%;
    width:100%;
    display:grid;
    justify-items:center;
    gap:6px;
    margin-top:-4px;
    text-align:center;
}

.subscription-guarantee{
    color:var(--sub-text);
    font-size:11px;
    line-height:1.4;
}

.subscription-guarantee strong{
    color:var(--sub-accent);
    font-weight:900;
}

.subscription-legal-links{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:5px;
    color:var(--sub-muted);
    font-size:10px;
    line-height:1.35;
}

.subscription-legal-links a{
    color:var(--sub-muted);
    text-decoration:none;
    transition:color .15s ease;
}

.subscription-legal-links a:hover{
    color:var(--sub-accent);
    text-decoration:underline;
}

.subscription-legal-links span{
    opacity:.55;
}

@media(max-width:760px){
    .subscription-added-bar{
        gap:5px;
    }

    .subscription-choice-plan{
        font-size:14px;
    }

    /*
     * A barra fixa passa a comportar o aviso e os termos sem cortar conteúdo.
     * A página recebe espaço inferior correspondente.
     */
    .subscription-main{
        padding-bottom:178px !important;
    }

    .subscription-action-panel{
        min-height:0 !important;
        gap:8px !important;
        padding-top:9px !important;
        padding-bottom:8px !important;
    }

    .subscription-assurance{
        gap:4px;
        margin-top:0;
    }

    .subscription-guarantee{
        font-size:9.5px;
        line-height:1.3;
    }

    .subscription-legal-links{
        gap:4px;
        font-size:8.5px;
        line-height:1.25;
    }

    .subscription-tip + .subscription-renewal{
        min-height:41px;
        padding-top:10px;
        font-size:11px !important;
    }
}