/* Falha ao minimizar. Retornando o conteúdo não minimizado.
(6,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(25,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(31,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(40,23): run-time error CSS1046: Expect comma, found '0'
(40,27): run-time error CSS1046: Expect comma, found '/'
(44,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(50,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(74,28): run-time error CSS1039: Token not allowed after unary operator: '-ghost-white'
(75,24): run-time error CSS1039: Token not allowed after unary operator: '-ghost-white'
(75,43): run-time error CSS1039: Token not allowed after unary operator: '-ghost-white'
(75,62): run-time error CSS1039: Token not allowed after unary operator: '-dark-silver'
(80,24): run-time error CSS1039: Token not allowed after unary operator: '-ghost-white'
(80,43): run-time error CSS1039: Token not allowed after unary operator: '-ghost-white'
(80,62): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(104,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-silver'
(120,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(130,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(145,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(151,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-silver'
(166,35): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(180,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-silver'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-silver'
(209,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(211,23): run-time error CSS1046: Expect comma, found '0'
(211,27): run-time error CSS1046: Expect comma, found '/'
(219,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(233,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(244,36): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(254,36): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark'
(262,36): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(266,36): run-time error CSS1039: Token not allowed after unary operator: '-purple'
 */
.section {
    padding-bottom: 3rem;
}

.internal {
    background-color: var(--white);
    padding: 2rem calc(1rem - 1px);
}

.internal .content p {
    text-align: justify;
}

.headline {
    margin-bottom: 50px;
    width: 100%;
}

.section-title {
    color: var(--purple);
    margin: 0;
}

.section-subtitle {
    color: var(--purple);
    font-weight: 400;
}

/* FORM - SIGN IN */
.form-signin {
    background-color: var(--white);
    width: 100%;
    padding: 2.5rem 0;
}

.form-signin {
    margin: auto;
    max-width: 430px;
    padding: 2.5rem 15px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.form-signin label {
    color: var(--purple);
    font-weight: bold;
}

.form-signin a,
.form-signin a:hover {
    color: var(--purple);
    font-weight: bold;
}

/* TABS */
.nav-tabs {
    border-bottom: none;
}

#nav-tab {
    justify-content: normal;
}

.nav-tabs .nav-link {
    color: #695e52;
    margin-bottom: 0px;
    border: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom: 3px solid transparent;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:focus {
    color: #3f3121;
    background-color: var(--ghost-white);
    border-color: var(--ghost-white) var(--ghost-white) var(--dark-silver);
    font-weight: bold;
}

.nav-tabs .nav-link:hover {
    border-color: var(--ghost-white) var(--ghost-white) var(--gray-dark);
}

/* TIMELINE */
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem;
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center;
}

.timeline-steps .timeline-content p {
    color: var(--dark-silver);
    margin-bottom: 1rem !important;
    margin-top: .5rem !important;
    text-align: center;
}

.timeline-steps .timeline-content .inner-circle {
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: var(--gray-dark);
    display: inline-block;
    height: 76px;
    width: 76px;
    min-width: 76px;
    border-radius: 6.25rem;
}

.timeline-steps .timeline-step-active .timeline-content .inner-circle:before {
    content: "";
    background-color: var(--purple);
    display: inline-block;
    height: 76px;
    width: 76px;
    min-width: 76px;
    border-radius: 6.25rem;
}

.box-container {
    display: flex;
    flex-direction: column;
    gap: 48px 0;
}

.box-container .box {
    background-color: var(--white);
    padding: 40px 20px;
    width: 100%;
}

.box-container .box .info-text {
    color: var(--dark-silver);
    text-align: justify;
    padding: 2.5rem 0;
}

.box-container .box .info-table {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1.5rem;
    width: 100%;
}

.box-container .box .info-table .info-table-item {
    align-items: center;
    border-bottom: 1px solid var(--purple);
    display: flex;
    flex-direction: row;
    padding: 1rem 0;
    width: 100%;
}

.box-container .box .info-table .info-table-item .item-icon {
    align-items: center;
    text-align: center;
    width: 32px;
}

.box-container .box .info-table .info-table-item .item-text {
    color: var(--dark-silver);
    line-height: normal;
    padding-left: 15px;
    width: calc(100% - 32px);
}

.box-container .box .info-table .info-table-item .item-text p {
    margin: 0;
}

.box-container .box .info-table .information-not-available {
    color: var(--dark-silver);
    text-align: center;
    width: 100%;
}

.section-display {
    display: grid;
    justify-content: center;
    margin-top: 50px;
    align-items: flex-start;
    grid-template-columns: repeat(auto-fit, minmax(430px, auto));
    gap: 50px;
}

.register-box {
    margin: 0 auto;
    max-width: 430px;
    padding: 2.5rem 15px;
    background-color: var(--white);
    width: 100%;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.register-box p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 17px;
    padding: 2.7em;
    color: var(--purple);
}

.register-box a {
    margin-top: 42px;
    margin-bottom: 17px;
    display: block;
}

.entrar-fake {
    margin-top: 50px;
}

.entrar-fake a {
    color: var(--purple);
}

@media only screen and (min-width:768px) {
    .internal {
        padding: 2rem 3.25rem;
    }

    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: 5px solid var(--gray-dark);
        width: 58px;
        position: absolute;
        left: 118px;
        top: .3125rem;
    }

    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: 5px solid var(--gray-dark);
        width: 58px;
        position: absolute;
        right: 118px;
        top: .3125rem;
    }

    .timeline-steps .timeline-step.timeline-step-active:not(:last-child):after {
        border-top: 5px solid var(--purple);
    }

    .timeline-steps .timeline-step.timeline-step-active:not(:first-child):before {
        border-top: 5px solid var(--purple);
    }
}

@media only screen and (min-width:992px) {
    .box-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .box-container .box {
        padding: 40px;
        width: calc(50% - 24px);
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .form-signin {
        width: 350px;
    }

    .register-box {
        width: 350px;
    }
}