@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body, html {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
}
.navbar-custom {
    background-color: var(--corPrimaria);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    z-index: 2;
}
a:link,
a:active,
a:hover,
a:visited{
    text-decoration: none;
    color: inherit;
}
.logo-site {
    width: 200px;
}
.nav-link-custom {
    color: var(--corSecundaria);
    cursor: pointer;
    font-weight: 500;
    transition: .2s all;
}
.modal-header{
    background-color: var(--corPrimaria);
    color: var(--corSecundaria);
}
.nav-link-custom:link,
.nav-link-custom:visited {
    color: var(--corSecundaria);
}
.nav-link-custom:hover,
.nav-link-custom:active {
    color: var(--corSecundaria);
    -webkit-box-shadow: 0px 5px 0px 0px var(--corSecundaria);
    -moz-box-shadow: 0px 5px 0px 0px var(--corSecundaria);
    box-shadow: 0px 5px 0px 0px var(--corSecundaria);
    transition: .3s all;
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler {
    border-color: rgba(0,0,0,.3);
}
.btn-padrao-1 {
    font-size: 1.3rem;
    background-color: var(--corPrimaria);
    color:  var(--corSecundaria);
    border: none;
    border-radius: .7rem;
    padding: .5rem 1.25rem;
    transition: .3s all;
    text-decoration: none;
    border: 2px solid var(--corSecundaria);
}
.btn-padrao-1:hover {
    background-color: var(--corSecundaria);
    color: var(--corPrimaria);
    border: none;
    border-radius: .7rem;
    transform: scale(1.1);
    transition: .3s all;
    text-decoration: none;
    border: 2px solid var(--corPrimaria);
}
.btn-padrao-2 {
    font-size: 1.3rem;
    background-color: var(--corSecundaria);
    color:  var(--corPrimaria);
    border: none;
    border-radius: .7rem;
    padding: .5rem 1.25rem;
    transition: .3s all;
    text-decoration: none;
    border: 2px solid var(--corPrimaria);
}
.btn-padrao-2:hover {
    background-color: var(--corPrimaria);
    color: var(--corSecundaria);
    border: none;
    border-radius: .7rem;
    transform: scale(1.1);
    transition: .3s all;
    text-decoration: none;
    border: 2px solid var(--corSecundaria);
}
.cor-1 {
    color: var(--corPrimaria);
}
.cor-2 {
    color: var(--corSecundaria);
}
.box-descontos{
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: center;
}
.box-descontos-inner{
    display: flex;
}
.box-info-1 {
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    display: flex;
    padding: 1.5rem;
    flex: 2 0;
    flex-direction: column;
    text-align: center;
}
.accordion-custom {
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
}
.accordion-btn-custom {
    background: var(--corSecundaria);
    color: var(--corPrimaria);
    border: none;
    border-radius: 5px;
}
.accordion-btn-custom:visited,
.accordion-btn-custom:not(.collapsed) {
    color: var(--corSecundaria);;
    background: var(--corPrimaria);
    border: var(--corSecundaria);
    box-shadow: ;
    box-shadow: -3px -3px 10px 0px var(--corSecundaria);
}
.informacoes,
.contato,
.faq {
    background-color: var(--corPrimaria);
    color: var(--corSecundaria);
}
#accordion-faq {
    color: var(--corPrimaria);
}
.footer-site {
    background-color: var(--corPrimaria);
    color: var(--corSecundaria);
}
.info-indicado {
    background-color: #e7e7e7;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    padding: 15px;
}
.icon-indicado {
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: rgba(215,57,75,1);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
}
.icon-etapa-concluida {
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: rgba(0, 186, 52, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
}
.icon-etapa-nao-concluida {
    width: 50px;
    height: 50px;
    color: #bfbfbf;
    background-color: #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
}
.icon-etapa-reprovada {
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: rgba(217, 0, 15, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
}
.cadastro{
    text-decoration: none;
    font-style: normal;
    cursor: pointer;
    transition: font-style 0.3s, text-decoration 0.3s;
}
.cadastro:hover{
    text-decoration: underline;
    font-style: italic;
    color: var(--corPrimaria);

}
.login-cadastrese:hover{
    cursor: pointer;
    color: var(--corPrimaria);
    font-size: 1.1rem;
    transition-duration: 0.3s;
}
@media (min-width: 320px) and (max-width: 992px) {
    .logo-site {
        border-radius: 10px;
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.25);
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.25);
        height: 80px;
        width: 80px;
        position: absolute;
        top: 5px;
        left: 5px;
    }
    .topo ul {
        list-style: none;
    }
}

@media screen and (min-width: 769px) {
    .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
}