* {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    list-style: none;
    border: 0
}
p{
    margin: 0!important;
    padding: 0!important;
}

body {
    background-color: #222;
}


.body-container {
    background-color: #333234;
    /*
    width: fit-content;
    block-size: fit-content;
    */
    margin: 0 auto;
    background-image:   -webkit-radial-gradient(right 15%, ellipse , rgba(168, 91, 0, .1) 20%, rgba(51, 50, 52, .5)70%);
 
    
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

footer {
    color: #fff;
}

footer a {
    color: #A8A9AD;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

footer p {
    color: #A8A9AD;
}

img {
    border-radius: 24px;
}

.BlcIcoWhatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1001;
    text-decoration: none !important;
    display: inline-block;

}

.animated {
    animation: myAnimSecond 2s ease-in-out 0s infinite alternate-reverse both !important;
    border-radius: 0 !important;
}

@keyframes myAnimSecond {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateY(-45px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateY(-24px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateY(-12px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateY(-6px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateY(-4px);
    }

    25%,
    55%,
    75%,
    87% {
        animation-timing-function: ease-out;
        transform: translateY(0px);
    }

    100% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0px);
    }
}

h1 {
    font-family: Montserrat;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0em;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(244, 244, 244, 1);

}


h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: left;
    color: #F4F4F4;

}

h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #F4F4F4;
}

body p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #A6A5A8;
}

.texto-gradiente {
    background-image: linear-gradient(to bottom, #FFD5A4, #FC8F0F);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.padding-top-120 {
    padding-top: 120px;
    padding-bottom: 40px;
}

.textoicone {
    background: linear-gradient(90deg, rgba(191, 191, 193, 0.2), rgba(191, 191, 193, .05), rgba(191, 191, 193, 0));
    padding: 10px!important;
    border-radius: 4px;

}

.caixinha {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    padding: 10px;

}

.bottondownload {
    padding: 24px 24px;
    border-radius: 4px;
    background: rgba(168, 91, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    display: block;
    margin: 0 auto;
    border: none;
}

.bottonbeneficios {
    
    padding: 16px 24px;
    border-radius: 4px;
    background: rgba(168, 91, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    display: block;
    margin: 0 auto;
    border: none;

}

.botaoprimeiraparte {
    padding: 12px 32px 12px 32px;
    color: rgba(255, 255, 255, 1);
    gap: 10px;
    background-color: rgba(51, 50, 52, 1);
    border-radius: 4px;
    border: 1px solid #FFF1E6;

}

.bottuonlaranja {
    padding: 12px 24px;
    border-radius: 4px;
    color: #FFFFFF;
    background-color: #A85B00;
    border: none;
}

.bottuonlaranja-planos {
    display: block;
    /* Torna o botão um bloco para ocupar toda a largura disponível */
    margin: 0 auto;
    /* Margem automática à esquerda e à direita para centralizar */
}



.email {
    flex-grow: 1;
    background-color: rgba(51, 50, 52, 1);
    padding: 12px 32px 12px 32px;
    border-radius: 4px;
    border: 1px solid #FFF1E6;


}

.centralizartext {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.fundo {
    background-color: #222124;
}
.fundo-bonus-exclusivos{
    background-image:   -webkit-radial-gradient(left 15%, ellipse , rgba(168, 91, 0, .1) 20%, rgba(51, 50, 52, .5)70%);
}
.fundo-beneficios{
    /*background-image:   -webkit-radial-gradient(right 15%, ellipse , rgba(168, 91, 0, .1) 20%, rgba(51, 50, 52, .5)70%);*/
    background-image:   -webkit-radial-gradient(right 40%, ellipse , rgba(241, 216, 184, 0.01) 1%, rgba(34,36,33, 1) 75%)!important;
}

.caixa {
    display: flex;
    /* Ative flexbox na div caixa */
    align-items: center;
    /* Alinhe os itens verticalmente (centro) */
    width: 330px;
    height: 92px;
    background-color: rgba(34, 33, 36, 1);
    color: #fff;
    border-radius: 8px;
    padding: 10px;
}

.sinal {
    width: 40px;
    font-size: 24px;
    margin-right: 10px;
    color: orange;
   background: #A85B000A;
   border-radius: 5px;

}

.texto {
    flex: 1;

}






.custom-accordion {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    background-color: transparent;
    /* Define o plano de fundo como transparente */
    padding: 20px;
}
.accordion-button.collapsed {
    border-bottom: solid 1px #555!important;
}
.accordion-button:not(.collapsed) {
    color: #FFF;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
button:focus:not(:focus-visible) {
    outline: 0;
}
.accordion-button:focus {
    box-shadow: none;
}

.acordionheader {
    background-color: transparent;
}

.custom-accordion {
    border-bottom: 1px solid rgba(51, 50, 52, 1);

}

.iconeacordion {
    width: 20px;
    height: 20px;
    border-radius: 40px;
    gap: 10px;

}

.quadroplanos {
    padding: 12px 0;
    border-radius: 4px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    border: none;
    background: rgba(51, 50, 52, 1);
}

.item {
    display: flex;
    align-items: center;
}

.item i {
    margin-right: 10px;
    /* Espaço entre o ícone e o texto (ajuste conforme necessário) */
}

.accordion-item,
.accordion-header {
    color: yellow;
    background-color: rgba(0, 0, 0, 0) !important;
    border: none!important;
}

.accordion-button::after {
    background-image: url("./img/plus.svg") !important;
}

.accordion-header {
    line-height: 20px !important;
}


.accordion-body {    
    border-bottom: solid 1px #555;
}

.accordion-button {
    color: #F4F4F4;
    background-color: rgba(193, 12, 12, 0) !important;
    border: none;
}

.rounded-bg {
    background: #222124;
    color: #767478;
    border-radius: 100%;
    padding: 16px;
    margin-right: 16px;
}
.color-gray{
    color: #808186;
}
.border-bottom {
    border-bottom: 1px solid #555!important;
}