:root {
    --text-0: #ffffff;
    --text-500: #0F0F0F;

    --blue-300: #D6E2FF;
    --blue-500: #5913FF;
    --blue-700: #003092;
    --blue-900: #000714;
    --pink-500: #FD27F8;

    --section-padding-mobile: 32px;
    --section-padding-tablet: 48px;
    --section-padding: 64px;

    --border-sm: 4px;
    --border-md: 8px;
    --border-lg: 16px;
    --border-xl: 24px;
    --border-xxl: 32px;

    --space-md: 8px;
    --space-lg: 16px;
    --space-xl: 24px;
    --space-xxl: 32px;
}

@font-face {
    font-family: "Gotham";
    src: url(../font/gotham/GOTHAM-BOLD.TTF);
    font-weight: bold;
}

@font-face {
    font-family: "Athletics";
    src: url(../font/athletics/Athletics_Regular.otf) format("opentype");
    font-weight: 100;
}

@font-face {
    font-family: "Athletics Bold";
    src: url(../font/athletics/Athletics_Bold.otf) format("opentype");
    font-weight: 500;
}

html,
body {
    overflow-x: hidden;
}

* {
    font-family: "Athletics";
    font-weight: 100;
}

p {
    font-size: 16px;
    line-height: 110%;
    margin: 0;
    font-weight: 100;
}

ul {
    margin-bottom: 0;
}

section {
    padding-top: var(--section-padding-mobile);
    padding-bottom: var(--section-padding-mobile);
}

.text-light {
    color: var(--text-0) !important;
}

.text-dark {
    color: var(--text-500) !important;
}


h1,
h2,
h3 {
    font-family: "Gotham";
    line-height: 115%;
    margin: 0;
}

h3 {
    font-size: 20px;
}

.tag {
    font-family: "Gotham";
    font-size: 16px;
    background: var(--blue-300);
    padding: var(--space-md) var(--space-xl);
    margin-bottom: var(--space-lg);
    text-transform: uppercase;
    width: fit-content;
    border-radius: var(--border-xxl);
}

.btn {
    border-radius: var(--border-sm);
    padding: var(--space-lg);
    background: var(--blue-500);
    line-height: 100%;
}

.text-box-container {
    margin-bottom: var(--space-xxl);
}

.text-box-container .texts {
    margin-bottom: var(--space-lg);
}

.text-box-container .texts h1 {
    margin-bottom: var(--space-lg);
}

/* Inicio */

.navbar {
    background: var(--blue-900);
    position: fixed;
    width: 100%;
    z-index: 999;
    padding: 0;
    transition: all .2s;
    border-bottom: 1px solid var(--blue-300);
}

.navbar.transparent {
    background: transparent !important;
    border-bottom: 0;
}

.navbar-brand img {
    max-width: 120px;
}

.navbar a {
    color: var(--text-0) !important;
}

.navbar-toggler {
    color: var(--text-0) !important;
}

#home {
    background: #003092;
    background: linear-gradient(50deg, rgba(253, 39, 248, 1) 0%, rgba(89, 19, 255, 1) 37%);
    /* padding-bottom: 0; */
    padding-top: calc(var(--section-padding-mobile) + 72px);
}

#home .btn {
    background: var(--blue-900);
    color: var(--text-0);
}

#home .btn:hover {
    background: var(--blue-300);
    color: var(--text-500);
}

#home .contagem-regressiva {
    background: var(--blue-300);
    border-radius: var(--border-sm) var(--border-xxl);
    border: 2px solid var(--blue-900);
    padding: var(--space-xl);
    margin-bottom: -38%;
}

#home .contagem-regressiva h2 {
    /* display: inline; */
    margin: 0;
}

#home .contagem-regressiva h2:first-of-type {
    margin: 0 0 var(--space-lg) 0;
}

.contagem-regressiva p {
    display: inline;
    font-family: "Gotham";
    font-size: 27px;
}

#programacao {
    padding-top: 140px;
}

#evento .btn {
    background-color: var(--blue-500);
}

#evento .btn:hover {
    background-color: var(--blue-900);
}

#evento h1 span {
    background: var(--blue-300);
    font-family: "Gotham";
}

#evento .img-tag-container {
    position: relative;
}

#evento .img-tag-container p {
    background: var(--blue-700);
    width: fit-content;
    border-radius: var(--border-lg);
    padding: var(--space-md) var(--space-lg);
    position: absolute;
    left: var(--space-md);
    bottom: var(--space-md);
}

/* #programacao {
    background: var(--blue-900);
} */

#programacao .btn:hover {
    background: var(--blue-300);
    color: var(--blue-900) !important;
}

#programacao .img-text-container .img {
    display: none;
}

#programacao .img-text-container .text {
    display: inline;
}

#programacao .container .row {}

#programacao h3 {
    margin-bottom: var(--space-md);
}

#programacao .palestrante {
    font-weight: bold;
    margin-top: var(--space-md);

}

#programacao ::marker {
    color: var(--text-0);
}

#programacao .divider-container {
    position: relative;
}

#programacao .divider-container .divider {
    position: absolute;
    top: calc(50% - 6px);
    left: 80%;
}

#beneficios {
    /* background: #F8FAFF; */
    background: var(--blue-900);
}

#evento {
    /* background: #F8FAFF; */
    background: var(--blue-900);
}

#programacao {
    background: #F8FAFF;
}

#beneficios .btn:hover {
    background: var(--blue-900);
}

#inscricao {
    background: var(--blue-500);
}

#inscricao h2 {
    background: var(--blue-300);
    border: 4px solid var(--blue-900);
    border-radius: 50px;
    width: 56px;
    height: 56px;
    padding: 10px;
    text-align: center;
}

#inscricao .btn {
    background: var(--blue-300);
}

#inscricao .btn:hover {
    background: var(--blue-900);
    color: var(--text-0);
}

.accordion-button:not(.collapsed) {
    color: var(--blue-500);
}

#accordionfaq .accordion-item {
    margin-bottom: var(--space-lg);
    border: none;
    /* border-radius: var(--border-md); */
}

#accordionfaq .accordion-button:focus {
    box-shadow: none !important;
}

#accordionfaq .accordion-header .accordion-button {
    background-color: var(--blue-300);
}

#accordionfaq .accordion-header .accordion-button.collapsed {
    border-radius: var(--border-md);
}

#accordionfaq .accordion-body {
    background-color: var(--blue-300);
    border-bottom-left-radius: var(--border-md);
    border-bottom-right-radius: var(--border-md);
}

#faq .btn-outline {
    background: none;
    border: 1px solid var(--blue-500);
    color: var(--text-500);
}

#faq .btn-outline:hover {
    background: var(--blue-500);
    color: var(--text-0);
}

footer {
    background-color: var(--blue-900);
    padding: var(--section-padding-mobile) 0;
}

footer .icon-container,
footer .icon-container a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
}

footer .icon-container .text {
    margin-left: var(--space-lg);
}

footer .icon-container .text p:first-of-type {
    font-weight: bold;
}

footer .divider-container {
    padding-top: var(--space-lg);
    margin-top: var(--space-lg);
    border-top: 1px solid var(--text-0);
}

footer .divider-container a {
    color: var(--text-0) !important;
}

.card-title {
    font-weight: bold;
}

/* RESPONSIVO */

@media screen and (min-width: 576px) {
    #programacao .img-text-container {
        display: inline-flex;
        align-items: center;
    }

    #programacao .img-text-container .img {
        margin-right: var(--space-lg);
        min-width: 90px;
        max-width: 90px;
    }

    #programacao .divider-container .first-divider {
        left: 90%;
    }

    #programacao .divider-container .last-divider {
        left: 65%;
    }
}


@media screen and (min-width: 768px) {
    #programacao .divider-container .first-divider {
        left: 70%;
    }

    #programacao .divider-container .last-divider {
        left: 50%;
    }

    #inscricao h2 {
        line-height: 100%;
        position: relative;
    }

    #inscricao .number::after {
        content: "";
        display: block;
        position: absolute;
        width: 400%;
        height: 4px;
        background: var(--blue-900);
        right: 100%;
        top: 22px;
    }

    /* #patrocinadores .col-12 {
        display: inline-flex;
        align-items: center;
    } */

    footer>.container>.row>div:nth-of-type(2) {
        padding-top: 74px;
    }

    #patrocinadores .container .row>div {
        vertical-align: middle;
        display: table-cell;
        align-self: center;
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    section {
        padding-top: var(--section-padding-tablet);
        padding-bottom: var(--section-padding-tablet);
    }

    /* #home {
        padding-bottom: 70px;
    } */

    #home {
        padding-top: calc(var(--section-padding-mobile) + 114px);
    }

    #home .container {
        position: relative;
    }

    #home .container>div:nth-of-type(2) {
        position: absolute;
        width: 100%;
    }

    #home .contagem-regressiva {
        /* display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between; */
        padding-left: 64px;
        padding-right: 64px;
        margin-bottom: 0;
    }

    #home .contagem-regressiva h2:first-of-type {
        width: 159px;
        float: left;
        margin: 0;
    }

    #home .contagem-regressiva h2:last-of-type {
        float: right;
        margin-top: 17px;
    }

    #programacao {
        padding-top: 100px;
    }

    #evento .text-box-container {
        margin-bottom: 0;
    }

    #evento .img-tag-container p {
        left: var(--space-lg);
        bottom: var(--space-lg);
    }

    #inscricao .number::after {
        width: 560%;
    }


    .navbar-expand-lg .navbar-collapse {
        height: 114px;
    }

    .navbar-expand-lg .navbar-collapse ul {
        height: 100%;
        /* padding-top: 39px; */
    }

    .navbar-expand-lg .navbar-collapse ul li a {
        padding-top: 45px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        height: 100%;
    }

}

@media screen and (min-width: 1200px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    section {
        padding-top: var(--section-padding);
        padding-bottom: var(--section-padding);
    }

    #home {
        padding-bottom: 104px;
    }

    #home .container>div:nth-of-type(2) {
        bottom: -168px;
    }

    #home .contagem-regressiva {
        padding-left: 128px;
        padding-right: 128px;
    }

    #inscricao h2 {
        width: 64px;
        height: 64px;
        line-height: 110%;
    }

    #inscricao .btn {
        margin-top: var(--space-xxl);
    }

    #faq .btn {
        margin-top: var(--space-xl);
    }

    .text-box-container .texts {
        margin-bottom: var(--space-xl);
    }

    #inscricao .number::after {
        width: 578%;
        top: 27px;
    }

    #inscricao .container>div:nth-of-type(2)>div:nth-of-type(1) .number::after {
        width: 2000%;
    }

    footer>.container>.row>div:nth-of-type(2) {
        padding-top: 0;
    }

    #programacao .text-box-container {
        margin-top: 41%;
    }

    #inscricao .number::after {
        width: 579%;
    }

    #patrocinadores img {
        max-height: 120px;
        margin: auto;
    }

}

@media screen and (min-width: 1440px) {
    #inscricao .number::after {
        width: 680%;
    }
}