.best_deal{
    position: absolute;
    display: flex;
}

.margem-zero{

    margin: 0 !important;
}

.logo_pagina_inicial_tamanho{

    width: 25em;
}



.tipo-assinatura{

    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    
    /* background:#ffffff;
    border-radius: 1.5em; 
    box-shadow: 0px 1px 28px -3px rgba(0,0,0,0.3);*/

    width: 100%;
    height: 100%;

    margin-left: auto;
    margin-right: auto;
}


.titulo-modelos-assinatura{

    display: flex;
    justify-content: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
   
    padding: 0.8em 0;
    
    border-radius: 2em;
    width: 40%;
    color: #d83030;
}

.texto__titulo-modelos-assinatura{

    margin: 0;

    text-transform: uppercase;

    font-size: 1.5em;
    font-weight: 500;

    text-align: center;

    padding: 0 1em;

}

.periodo-assinatura{

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-content: center;

    margin-left: auto;
    margin-right: auto;

    width: 60%;

    color: #666666;

}

.texto-periodo-assinatura{

    margin: 0;

    text-transform: uppercase;

    font-size: 1em;
    font-weight: 500;

    text-align: center;


}

.secao_escolha_perido{

    display: flex;
    flex-direction: row;

    justify-content: center;
    align-content: center;

    align-self: center;

    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;

    width: 70%;

}


.botao-periodo{

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em 1em;
    background: #ffffff;
    border: 0.3em solid #d83030;
    border-radius: 2em;
    width: 100%;
    color: #d83030;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.2s;

}

.botao-periodo-ativo{

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em 1em;
    background: #d83030;
    border-radius: 2em;
    width: 100%;
    color: #ffffff;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.2s;
}

.botao-periodo:hover{

   
    background: #fc6767;

    color: #ffffff;
}



.modelos-assinatura{

    display: flex;
    flex-direction: column;
    align-content: flex-start;

    background: #f4f4f4;
    width: 100%;

    margin-top: 1em;
    margin-bottom: 2em;
}




.titulo-tipo-assinatura{

    display: flex;

    justify-content: center;
    align-content: center;

    margin: auto;

    text-transform: uppercase;
    text-align: center;

    font-size: 30px;
    font-weight: 500;

    padding: 0.8em 0;

    color: #ffffff;

    width: 100%;
   
}




.container-cards{

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    
    /*
    background: grey;
    */

    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;

}


.card-assinatura-unitario{

    display: flex;
    flex-direction: column;
    align-content: flex-start;

    background:#ffffff;
    border-radius: 1.5em;

    width: 95%;
    height: 90%;

    box-shadow: 0px 1px 28px -3px rgba(0,0,0,0.3);

    margin: 3em 0.5em;

}

.card-assinatura{

    display: flex;
    flex-direction: column;
    align-content: flex-start;

    background:#ffffff;
    border-radius: 1.5em;

    width: 22em;
    height: 53em;

    box-shadow: 0px 1px 28px -3px rgba(0,0,0,0.3);

    margin: 3em 2em;

}

.titulo-assinatura-card{

    border-radius: 1.5em 1.5em 0 0;
    padding-top: 6px;
    /*
    padding: 0.5em;
    */
    position: relative;
}

.texto__titulo_assinatura_card{

    margin: 0;

    text-transform: uppercase;

    font-size: 1.2em;
    font-weight: 600;

    text-align: center;

    color: #ffffff;
}

.conteudo-card-assinatura{

    display: flex;
    flex-direction: column;
    align-content: flex-start;

    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-right: auto;
    margin-left: auto;

    /* width: 95%; */
   

    justify-content: flex-start;
   
    /*
    background: whitesmoke;
    */
    
}

.conteudo-valor-assinatura{

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

    justify-content: center;

    padding: 0.5em;
    margin-top: 1em;

}

.cifrao-valor-assinatura{

    font-size: 15px;

    margin: 0;

}

.valor-assinatura{

    font-size: 2.5em;
    font-weight: 800;
    text-align: center;

    margin: 0;

}

.conteudo-valor-assinatura-unlimited{

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

    justify-content: center;

    padding: 0.5em;

    
    height: 10em;
    
    

}

.texto-valor-unlimited{

    font-size: 1.8em;
    font-weight: 800;
    text-align: center;
    line-height: 1em;

    margin: 0;

}


.conteudo-texto-complementar-assinatura{

    display: flex;
    flex-direction: column;
    width: 90%;
    height: auto;
   
    align-items: center;
    align-self: center;

}

.texto-complementar{

    font-size: 1em;
    font-weight: 300;
    text-align: center;
    padding-top: 8px;
    margin: 0;

}

.complemento-texto-beneficio-assinatura-premium{

    font-size: 1em;
    font-weight: 300;
    text-align: center;

    width: 85%;
    text-align: center;
    margin: auto;

    color: #666666;

}

.texto-desconto{

    font-size: 1em;
    font-weight: 500;
    text-align: center;

    margin: 0;

    padding: 0 2em;

    line-height: 30px;

}


.conteudo-botao-assinatura{

    display: flex;
    flex-wrap: wrap;

    justify-content: center;

    margin: 1em 0;
   
}


.conteudo-beneficios-assinatura{

    display: flex;
    flex-direction: column;

    align-self: center;

    justify-content: flex-start;
    align-items: center;

     /*
    background: grey;
     */

    width: 90%;

}

.linha-beneficio-assinatura{

    align-items: center;
    display: grid;
    grid-template-columns: 13% auto;

     /*
    background: purple;
    */

    width: 100%;
    
    margin: 0.3em 0;
}

.linha-beneficio-assinatura-sem-icone{

    display: grid;
    grid-template-columns: 100%;

    width: 100%;

    margin: 0.3em 0;

    text-align: center;

}

.conteudo-beneficios-assinatura-premium{

    display: flex;
    flex-direction: row;

    align-self: center;

    justify-content: flex-start;
    align-items: center;

    /*
    background: grey;
    */

    width: 100%;
    padding-left: 0.2em;
    margin: 0.5em 0;


}

.icone_beneficio{

    width: 25px;
    height: 20px;

    margin-top: 0.75em;
}

.icone_best_deal{

    position: relative;
    left: 0em;
    bottom: 5em;

    width: 80px;
    height: 110px;

}

.texto-beneficio-assinatura{

    margin: 0;

    font-size: 0.95em;
    font-weight: 200;
    text-align: left;
    line-height: 1.6em;

    color: #666666;
}

.card-texto-destacado{

    display: flex;

    justify-content: center;
    align-content: center;
    align-self: center;

    text-align: center;

    color: #ffffff;

    padding: 0.2em 0.5em;

    margin-top: 1em;
    margin-bottom: 1em;

}

.texto-destacado{

    text-transform: uppercase;

    font-size: 20px;
    font-weight: 550;

    margin: auto;

}

.botao-assinar{

    display: flex;

    justify-content: center;
    align-content: center;

    margin-left: auto;
    margin-right: auto;

    padding: 0.8em 0;

    background: #d83030;
    border-radius: 2em;
    width: 60%;

    color: #ffffff;

    font-size: 15px;
    font-weight: 500;

    text-transform: uppercase;

    transition: 0.2s;
}

.botao-assinar:hover{

    
    width: 70%;
    background: #33CC66;

}


.botao-fale-conosco{

    display: flex;

    justify-content: center;
    align-content: center;

    margin-left: auto;
    margin-right: auto;

    padding: 0.8em 0;

    border-radius: 2em;
    width: 60%;

    color: #ffffff;

    font-size: 15px;
    font-weight: 500;

    text-transform: uppercase;

    transition: 0.2s;
}

.botao-fale-conosco:hover{

    
    width: 70%;
    border: 0.3em solid #33CC66;
    color: #33CC66;

}






.card-fundo-vermelho{
    background: #d83030;
}

.card-fundo-laranja{
    background: #FF6633;
}

.card-fundo-vermelho-escuro{
    background: #722323;
}

.card-fundo-cinza{
    background: #8C8C8C;
}

.card-borda-laranja{

    border: 0.3em solid #FF6633;

}



.card-fundo-ouro{
    background: #CC9933;
}

.card-borda-ouro{
    box-shadow:0em 0em 0em 0.25em #CC9933 inset;
}

.card-borda-vermelho-escuro{
    box-shadow:0em 0em 0em 0.25em #d83030 inset;
}

.card-fundo-ouro-escuro{
    background: #663300; 
}

.card-fundo-ouro-claro{

    background: #FFD700;
}


.card-texto-vermelho{

    color: #d83030;

}

.card-texto-laranja{

    color: #FF6633;
}

.card-texto-branco{

    color: #FFFFFF;
}

.card-texto-ouro{
    color: #CC9933;
}

.card-texto-cinza{
    color: #8C8C8C;
}


.card-texto-verde{

    color: #33CC66;

}



@media screen and (max-width: 720px) {


    .tipo-assinatura{

       
        height: auto;
    }

    .secao_escolha_perido{

        width: 100%;

    }

    .botao-periodo {

        margin-top: 1em;
    }

    .titulo-modelos-assinatura{

        width: 65%;

    }

    
    .secao_escolha_perido{

        flex-direction: column;
        flex-wrap: wrap;
    }

    .botao-periodo, .botao-periodo-ativo {

        width: 40%;
    }
    
    .card-assinatura-unitario{

        height: 40em;
    }

    .card-assinatura{

        height: 45em;
    }

    .conteudo-valor-assinatura-unlimited{

        height: 8em;
    }
    
}