.localBotoesDetalhesPacote{
    display: flex;
    margin-top: 15px;
}

.localOpcoesPacotes{
    flex-wrap: nowrap;
    display: flex;
    max-width: 720px;
    margin: auto;
}

.caixaPlanos{
    padding: 40px;
    border: 1px solid #ececec;
    border-radius: 0;
    background-color: #f7f7f7;
}

.tabelaPagmentosPacotePlano {
    height: calc(100dvh - 428px) !important;
  }

.price-digit{
    font-weight: 600;
    font-size: 19px;
    color: #525150;
}

.botaoSelecionado{
    background: #d4d4d4;
    color: #a29999;
    margin-bottom: 10px;
    padding: 10px;
    border: 2px solid #d2d2d2;
    cursor: default !important;
}

.botaoSelecionar{
    width: 100%;
    border: none;
    background: #906e43;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
}

.labelNomePlano{
    font-weight: 600 !important;
    color: #525150;
    font-size: 19px !important;
}

.subNomePlano{
    font-size: 9px !important;
    font-weight: 600 !important;
}

.tituloTelaPlano{
    display: flex;
    width: 100%;
}

.panel{
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

.panel-title{
    background-color: #ffc001;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 13px;
    padding-top: 6px;
    cursor: pointer;
}

.collapse{
    color: #333333 !important;
    font-weight: 600;
}

.collapsed{
    color: #333333 !important;
    font-weight: 600;
}

.panel-collapse{
    padding: 10px;
    padding-bottom: 5px;
    padding-left: 18px;
}

@media (max-width: 740px) {
    .localBotoesDetalhesPacote{
        flex-direction: column;
        gap: 10px;
    }
     
    .localOpcoesPacotes{
        flex-direction: column;
    }

    .tabelaPagmentosPacotePlano {
        height: calc(100dvh - 490px) !important;
    }
}