:root {
    --cor-azul-principal: rgb(3,71,166,255); /* #0347a6 */
    --cor-azul: #2087ed;
    --cor-azul-claro: #6bd1ff;
    --cor-azul-indigo: rgb(40, 53, 147) !important;
    --cor-preto: #000;
    --cor-preto-primaria: #525c65;
    --cor-preto-secundaria: #3d464d;
    --cor-verde: #00c86f;
    --cor-verde-claro: #5dda7b;
    --cor-vermelho: #CE5252;
    --cor-laranja: #ff8c2a;
    --cor-amarelo: #ffba05;
    --cor-rosa: #dc6ebe;
    --cor-cinza: #a1a1a8;
}

hr {
    margin: 1rem 0;
    color: #a1a1a8;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}

/* Alerts */
.alert-danger {
    color: #000;
}
/* Fim alerts */

/* Colors */
.bg-blue {
    background: var(--cor-azul-indigo);
}

.bg-indigo {
    background: var(--cor-azul-indigo);
}

.bg-light-green {
    background: var(--cor-verde-claro);
}

.bg-informativo {
    background-color: var(--cor-azul-claro);
}

.text-orange {
    color: var(--cor-laranja);
}
/* Fim Colors */

/* Fonts */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.5px;
    color: var(--cor-preto-secundaria);
}

.fs-sm {
    font-size: .875rem;
}

.small-texto {
    font-weight: 600;
    font-size: 14.4px;
    vertical-align: 4.5px;
    margin-right: 14px;
    color: #fff;
}

label.error {
    color: #CE5252;
    font-weight: 600;
    font-size: 14px;
}

input.error, select.error{
    border-color: #dc3545;
}


.form-control.error {
    padding-right: calc(1.5em + 0.75rem);
    background-image: url('../imagens/svg/exclamation-circle.svg');    
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* Fim Fonts */

/* Largura */
@media (min-width:1200px) {
    .w-xl-55 {
        width: 55%!important;
    }

    .w-xl-45 {
        width: 45%!important;
    }

    .w-xl-20 {
        width: 20%!important;
    }

    .w-xl-21 {
        width: 21%!important;
    }

    .w-xl-25 {
        width: 25%!important;
    }

    .w-xl-30 {
        width: 30%!important;
    }
}

#conteudo {
    display: none;
}

/* Containers */
.container {
    margin-left: auto;
    margin-right: auto;
    width: 90%!important;
    max-width: 1200px;
}

@media (min-width: 450px) {
    .container {
        width: 96%;
    }
}

@media (min-width: 691px) {
    .container {
        width: 80%;
        max-width: 895.5px;
    }
}
/* Fim Containers */

/* Menu */
.nav-pills .nav-link {
    color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #fff;
    color: #3d464d;
}

.nav-link img {
    width: 1.25em;
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
    color: #fff;
    opacity: 25%;
}

@media (max-width: 1200px){
    .btn-navbar-offcanvas {
        vertical-align: top;
        display: inline-block;
        position: fixed;
        right: 25px;
        bottom: 25px;
        z-index: 5;
    }

    .btn-navbar-offcanvas-icon {
        border: 0;
        background-color: transparent;
        background-image: url('../imagens/svg/list.svg');
        height: 36px;
        width: 36px;
        outline: none;
        cursor: pointer;
        background-size: 100%;
    }
}

@media (min-width: 1200px) {
    .menu {
        background: var(--cor-azul-indigo);
        min-height: 100vh;
        position: sticky;
        top: 0;
        left: 0;
    }
}
/* Menu */

/* Formulário */
.formulario {
    padding-bottom: 3em;
}
.formulario-cabecalho {
    background: #061c37;
    padding: 18px 0;
    margin-bottom: 2rem;
}

.formulario-cabecalho-titulo {
    display: flex;
    align-items: center;
}

.formulario-cabecalho-titulo-texto {
    color: #fff;
    font-weight: bolder;
    font-size: .6em;
    line-height: 1.188;
    letter-spacing: -0.5px;
    width: 100%;
}

.form-label {
    font-weight: 600;
    font-size: 16px;
}

.form-control,
.form-select {
    border: 2px solid #ced4da;
}

.form-control:focus, .form-select:focus {
    border: 2px solid var(--cor-preto-secundaria) !important;
    box-shadow: none !important;
}

#inscricao-formulario .form-control, .form-select {
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .formulario-cabecalho-titulo {
        flex-direction: column;
        margin-bottom: 9px;
    }
    .formulario-cabecalho-titulo-texto{
        display: block;
        font-size: .8em;
    }
}
/* Fim Formulário */

/* Table */
td {
    text-transform: uppercase;
}
/* Fim Table */
/* Botões */
.btn-submit {
    width: 100%;
    min-height: 2.5rem;
    white-space: initial;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-acao:before {
    content: "";
    width: 22.5px;
    height: 22.5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.btn-anterior:before {
    background-image: url('../imagens/svg/arrow-left-circle.svg');
}

.btn-avancar:before {
    background-image: url('../imagens/svg/arrow-right-circle.svg');
}
/* Fim Botões */

.spinner {
    display: none;
}

#concluir-inscricao .card {
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 2px 1px -1px rgb(0 0 0 / 12%);
}

/* Select2 */
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection
{
    border: 2px solid var(--cor-preto-secundaria) !important;
    box-shadow: none!important;

}
.select2-container--bootstrap-5 .select2-dropdown {
    border: 2px solid var(--cor-preto-secundaria) !important;
    box-shadow: none!important;

}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    border: 2px solid var(--cor-preto-secundaria)!important;
    box-shadow: none!important;
}

/* INDEX */
.index-info {
  background: var(--cor-azul-indigo);
}

@media (min-width:1200px)
{
    .index-info {
        top: 0;
        left: 0;
        position: sticky;
        min-height: 100vh;
    }
/*
    .index-form {
        min-height: 100vh;
    } */
}
.index-form {
    background: #fff;
}

.termino-inscricao-data-texto  {
    font-weight: bold;
    font-size: 3rem!important;
    line-height: 1;
    color: rgb(255, 255, 255) !important;
    text-align: center;
}

@media (min-width:1200px) {
    .requisitos-icones {
        width: 49%;
    }
}

.feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
}

/* Avisos legais */
.avisos_legais {
    width: 45vw;
    margin-top: 48px;
}

.avisos_legais .nav .nav-link {
    color: #f9f9f9;
}

.avisos_legais .nav .nav-link.active {
    font-weight: 700;
    color: #ffba05;
}

@media (max-width:1200px) {
    .avisos_legais {
        width: 100vw;
    }
}

@media (min-width:1200px) {
    #avisos_legais-logo {
        width: 100%;
    }
}

.avisos_legais-texto {
    color: #f9f9f9;
    margin-top: 36px;
    word-break: break-word;
    letter-spacing: -.1px;
    line-height: 1.6;
    text-align: left;
}

.filezone {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 350px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    padding: 0 10px;
}

.borda-cartao {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}