:root {
  --azul-marinho: #1b2a41;
  --verde-petroleo: #2a5d63;
  --branco: #f1eded;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
body {
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}
hr {
    border: 0.5px solid #e8e8e8;
    margin: 0 auto 90px auto;
    width: 90%;
}
a {
    text-decoration: none;
}

/*loader */
.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.loader-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}
.loader-circle::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #011e1e;
    animation: prixClipFix 2s linear infinite;
}
@keyframes rotate {
    100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}



/* menu */
.menu {
    width: 100%;
    top: 0;
    height: 12vh;
    position: absolute;    
    z-index: 4;
    transition: .3s;
    background-color: #142634;
}
.menu .menu-logo, .menu .menu-links, .menu ul:nth-child(3) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    list-style-type: none;
    z-index: 1;
}
.menu-logo img {
    width: 300px;
    transition: .25s;
}
.menu-logo p {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.35rem;
    line-height: 1;
    padding: 10px 0;
    transition: 0.25s;
}
.menu-logo p i { 
    font-size: 1.45rem;
    color: #2A565B;
    margin-right: 4px;
    transition: 0.25s;
}
.menu-fixo img {
    width: 250px;
    transition: .25s;
}
.menu-fixo p {
    font-size: 1.2rem;
}
.menu-fixo p i {
    font-size: 1.3rem;
}
.menu .menu-logo {
    left: 7.5%;
}
.menu .menu-links {
    right: 7.5%;
}
nav ul:nth-child(3) {
    display: none;
}
nav ul:nth-child(3) button {
    background: none;
    border: none;
    cursor: pointer;
    color: #e8e8e8;
}
nav ul:nth-child(3) button svg {
    width: 34px;
    position: relative;
    top: 2.5px;
    transition: .2s;
}
.menu-fixo ul:nth-child(3) button svg {
    width: 31px;
    transition: .2s;
}
@media (max-width: 1000px) {
    .menu .menu-logo {
        left: 30px;    
    }
    .menu .menu-redes {
        right: 20px;
    }
    nav ul:nth-child(2) {
        display: none;
    }
    nav ul:nth-child(3) {
        right: 7.5%;
        display: block;
    }
    nav ul:nth-child(3) i {
        font-size: 1.6rem;
        transition: .25s;
    }
    .menu-fixo ul:nth-child(3) i {
        font-size: 1.4rem;
    }
    .menu-logo img {
        width: 270px;
        transition: .25s;
    }
    .menu-fixo img {
        width: 250px;
        transition: .25s;
    }
}    
.menu .menu-links li {
    display: inline-block;
    vertical-align: top;
    padding: 4px 16px;
}
.menu .menu-links li a {
    font-size: 1rem;
    color: #E8E8E8;
    font-weight: 300;
    transition: .2s;
}
.menu .menu-links li a:hover {
    color: #51a2ab;
}
.menu .menu-links li a.ativo {
    color: #51a2ab;
    font-weight: 500;
}
.menu .menu-links .menu-inscricao {
    margin-left: 10px;
}
.menu .menu-links .menu-inscricao a {
    color: white;
    font-weight: 500;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    background-color: #2A565B;
    box-shadow: inset 0 0 0 0 #21474b;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.menu .menu-links .menu-inscricao a:hover {
     box-shadow: inset 700px 0 0 0 #21474b;
     color: white;
}
.menu-celular-caixa ul .menu-inscricao {
    border: 0;
}
.menu-celular-caixa ul .menu-inscricao a {
    color: white;
    font-weight: 500;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    background-color: #2A565B;
    box-shadow: inset 0 0 0 0 #21474b;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.menu-celular-caixa ul .menu-inscricao a:hover {
     box-shadow: inset 700px 0 0 0 #21474b;
     color: white;
}
.menu-fixo {
    position: fixed;
    background-color: #142634;
    height: 10vh;
    transition: .3s;
    z-index: 6;
    top: 0;
}
.menu-fixo .menu-links li a {
    font-size: 0.95rem;
    transition: .2s;
}
.fa-facebook-official {
    transition: .15s;
}
.fa-facebook-official:hover {
    transition: .15s;
    color: #3B5998;
}
.fa-instagram {
    transition: .15s;
}
.fa-instagram:hover {
    transition: .15s;
    color: #C13584; 
}
.fa-linkedin:hover {
    transition: .15s;
    color: #315676;
}
/* menu celular */
.menu-celular {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9997;
    top: 0;
    left: 0;
    display: none;
}
.menu-celular-fundo {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    z-index: 10;
    transition: 0.2s;
}
.fechar-menu-celular {
    position: absolute;
    top: 60px;
    width: fit-content;
    font-weight: 100;
    right: 35px;
}
.fechar-menu-celular svg {
    width: 20px;
}
.fechar-menu-celular:hover li {
    background-color: transparent;
    cursor: pointer;
}
.menu-celular-caixa {
    position: absolute;
    background-color: #142634;
    left: -90%;
    top: 0;
    width: 90%;
    height: 100vh;
    z-index: 11;
    transition: left 0.3s ease;
}
.menu-celular-caixa.mostrar {
    left: 0;
}
.menu-celular-caixa ul {
    text-align: center;
    padding: 0;
}
.menu-celular-caixa ul li {
    list-style-type: none;
    padding: 25px 0;
    width: 100%;
    font-size: 1rem;
    transition: 0.25s;
    font-weight: 300;
    text-align: center;
    border-bottom: 1px solid #193042;
    margin: 5px 0;
}
.menu-celular-caixa ul li.logo-menu-celular {
    font-weight: 700;
}
.menu-celular-caixa ul li:first-child {
    text-align: left;
}
.menu-celular-caixa ul li i {
    margin-right: 3px;
}
.menu-celular-caixa ul .logo-menu-celular {
    position: relative;
    padding: 60px 0;
}
.menu-celular-caixa ul .logo-menu-celular a {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.15rem;
    line-height: 1;
    padding: 10px 0;
    transition: 0.25s;
    position: relative;
    left: 27px;
}
.menu-celular-caixa ul .logo-menu-celular a i { 
    font-size: 1.2rem;
    color: #2A565B;
    margin-right: 4px;
    transition: 0.25s;
}
.menu-celular button {
    background: none;
    border: none;
    cursor: pointer;
    color: white;
}
.menu-celular-caixa ul li a {
    color: white;
}
.menu-celular-caixa ul li a:hover {
    color: #E8E8E8;
    transition: 0.25s;
    cursor: pointer;
}


/* header */
header {
    width: 100%;
    height: 70vh;
    position: relative;
    overflow: hidden;
    background-image: url('../img/fundos/fundo-3.jpg');
    background-size: cover;
    background-position: center;
}
header .header-fundo {
    width: 100%;
    height: 70vh;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: rgb(17 24 39 / 0.8); 
}
header .header-caixa {
    position: absolute;
    text-align: center;
    width: 100%;
    padding-top: 12vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
header .header-caixa h1 {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 3.75rem;
    line-height: 1;
    padding: 10px 0;
    margin-bottom: 1.5rem;
}
header .header-caixa h2 {
    color: hsl(0, 0%, 94.5%);
    font-weight: 200;
    line-height: 2rem;
    font-size: 1.5rem;
    margin-bottom: 3rem;
}
header .header-caixa a {
    color: #1b2a41;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.75rem;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    background-color: white;
    box-shadow: inset 0 0 0 0 #F1F1F1;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
header .header-caixa a:hover {
     box-shadow: inset 700px 0 0 0 #F1F1F1;
}
@media (max-width: 1000px) {
    header {
        height: 75vh;
    }
    header .header-fundo {
        height: 75vh;
    }
    header .header-caixa {
        width: 85%;
    }
    header .header-caixa h1 {
        font-size: 2.5rem;
    }
    header .header-caixa h2 {
        font-size: 1.3rem;
    }
}
/* header alternativo */
.header-alternativo {
    width: 100%;
    height: 55vh;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.header-alternativo-programacao {
    background-image: url('../img/fundos/fundo-1.jpg');
}
.header-alternativo-palestrantes {
    background-image: url('../img/fundos/fundo-2.jpg');
}
.header-alternativo-sobre-nos {
    background-image: url('../img/fundos/fundo-1.jpg');
}
.header-alternativo-como-chegar {
    background-image: url('../img/fundos/fundo-2.jpg');
}
.header-alternativo .header-fundo {
    width: 100%;
    height: 55vh;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: rgb(17 24 39 / 0.8); 
}
.header-alternativo .header-caixa {
    position: absolute;
    text-align: left;
    width: 100%;
    padding-top: 12vh;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
}
.header-alternativo .header-caixa h1 {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 1rem;
    line-height: 1;
    padding: 10px 0;
}
.header-alternativo .header-caixa h2 {
    color: hsl(0, 0%, 94.5%);
    font-weight: 200;
    line-height: 1.75rem;
    font-size: 1.4rem;
}
@media (max-width: 1000px) {
    .header-alternativo {
        height: 55vh;
    }
    .header-alternativo .header-fundo {
        height: 55vh;
    }
    .header-alternativo .header-caixa h1 {
        font-size: 2rem;
    }
    .header-alternativo .header-caixa h2 {
        font-size: 0.95rem;
    }
    .header-alternativo .header-caixa {
        left: 7.5%;
    }
}


/* informacoes */
.informacoes {
    background-color: white;
    padding: 140px 0;
    text-align: center;
}
.informacoes-container {
    width: 95%;
    margin: 0 auto;
}
.informacoes h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.informacoes h3 {
    color: #4B5563;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    margin-bottom: 4rem;
}
.informacoes-caixa {
    background-color: #F8F8F8;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 25%;
    margin: 0 1.5%;
    border-radius: 6px;
    position: relative;
    padding: 40px 20px;
    transition: .2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.informacoes-caixa i {
    font-size: 1.75rem;
    border-radius: 100%;
    padding: 1rem;
    color: #377f87;
    background-color: #172B3B;
}
.informacoes-caixa h4 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 1.45rem 0 1.25rem 0;
    line-height: 1.75rem;
}
.informacoes-caixa p {
    font-weight: 300;
    color: #4B5563;
}
@media (max-width: 1000px) {
    .informacoes {
        width: 85%;
        margin: 0 auto;
        padding: 90px 0;
    }
    .informacoes-caixa {
        display: block;
        width: 100%;
        margin: 0 0 2.5rem 0;
    }
    .informacoes h2 {
        font-size: 1.65rem;
    }
    .informacoes h3 {
        font-size: 0.9rem;
    }
    .informacoes-caixa p {
        font-size: 0.9rem;
    }
}


/* informacoes */
.informacoes-sobre-nos {
    background-color: white;
    padding: 140px 0;
    text-align: center;
}
.informacoes-sobre-nos-caixa {
    vertical-align: middle;
    display: inline-block;
}
.informacoes-sobre-nos-caixa-1 {
    width: 35%;
    padding-right: 2.5%;
}
.informacoes-sobre-nos-caixa-2 {
    width: 40%;
    text-align: left;
    padding-left: 2.5%;
}
.informacoes-sobre-nos-caixa img {
    width: 100%;
    border-radius: 12px;
}
.informacoes-sobre-nos-caixa h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 3.25rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.informacoes-sobre-nos-caixa h3 {
    color: #4B5563;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 2.25rem;
    letter-spacing: 0;
    margin: 0 auto;
}
@media (max-width: 1000px) {
    .informacoes-sobre-nos {
        width: 85%;
        margin: 0 auto;
        padding: 90px 0;
    }
    .informacoes-sobre-nos-caixa h2 {
        font-size: 1.65rem;
        line-height: 2.75rem;
    }
    .informacoes-sobre-nos-caixa h3 {
        font-size: 0.9rem;
        line-height: 2rem;
        width: 100%;
    }
    .informacoes-sobre-nos-caixa-1 {
        width: 100%;
        margin-bottom: 3.5rem;
        padding-right: 0;
    }
    .informacoes-sobre-nos-caixa-2 {
        width: 100%;
        padding-left: 0;
    }
}


/* objetivos */
.objetivos {
    background-color: #F9FAFB;
    padding: 140px 0;
    text-align: center;
}
.objetivos-container {
    width: 95%;
    margin: 0 auto;
}
.objetivos h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.objetivos h3 {
    color: #4B5563;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    width: 60%;
    margin: 0 auto 4rem auto;
    margin-bottom: 4rem;
}
.objetivos-caixa {
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 20%;
    margin: 0 1.25%;
    border-radius: 6px;
    position: relative;
    padding: 40px;
    transition: .2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.objetivos-caixa i {
    font-size: 3rem;
    padding: 1rem;
    color: #2A565B;
}
.objetivos-caixa h4 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 1.45rem 0 1.25rem 0;
    line-height: 1.75rem;
}
.objetivos-caixa p {
    font-weight: 300;
    color: #4B5563;
}
@media (max-width: 1000px) {
    .objetivos {
        padding: 90px 7.5%;
    }
    .objetivos-caixa {
        display: block;
        margin: 0 0 2.5rem 0;
        width: 100%;
    }
    .objetivos h2 {
        font-size: 1.65rem;
    }
    .objetivos h3 {
        font-size: 1rem;
        width: 100%;
    }
    .objetivos p {
        font-size: 0.9rem;
    }
}


/* nossos-valores */
.nossos-valores {
    background-color: #F9FAFB;
    padding: 140px 0;
    text-align: center;
}
.nossos-valores-container {
    width: 95%;
    margin: 0 auto;
}
.nossos-valores h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
.nossos-valores-caixa {
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 28%;
    margin: 0 1.25%;
    border-radius: 6px;
    position: relative;
    padding: 40px;
    transition: .2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.nossos-valores-caixa i {
    font-size: 1.75rem;
    padding: 1rem;
    color: #2A565B;
    background-color: #172B3B;
    border-radius: 100%;
}
.nossos-valores-caixa h4 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    margin: 1.65rem 0 1.4rem 0;
    line-height: 1.75rem;
}
.nossos-valores-caixa p {
    font-weight: 300;
    line-height: 1.75rem;
    color: #4B5563;
}
@media (max-width: 1000px) {
    .nossos-valores {
        padding: 90px 7.5%;
    }
    .nossos-valores-caixa {
        display: block;
        margin: 0 0 2.5rem 0;
        width: 100%;
    }
    .nossos-valores h2 {
        font-size: 1.65rem;
    }
    .nossos-valores p {
        font-size: 0.9rem;
    }
}


/* pq-participar */
.pq-participar {
    background-color: #F9FAFB;
    padding: 140px 0;
    text-align: center;
}
.pq-participar-container {
    width: 95%;
    margin: 0 auto;
}
.pq-participar h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
.pq-participar-caixa {
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 20%;
    margin: 0 1.25%;
    border-radius: 6px;
    position: relative;
    padding: 40px;
    transition: .2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.pq-participar-caixa i {
    font-size: 3rem;
    padding: 1rem;
    color: #2A565B;
}
.pq-participar-caixa h4 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 1.45rem 0 1.25rem 0;
    line-height: 1.75rem;
}
.pq-participar-caixa p {
    font-weight: 300;
    color: #4B5563;
}
@media (max-width: 1000px) {
    .pq-participar {
        padding: 90px 7.5%;
    }
    .pq-participar-caixa {
        display: block;
        margin: 0 0 2.5rem 0;
        width: 100%;
    }
    .pq-participar h2 {
        font-size: 1.65rem;
    }
    .pq-participar p {
        font-size: 0.9rem;
    }
}


/* beneficios */
.beneficios {
    background-color: #162B3B;
    padding: 140px 0;
    text-align: center;
}
.beneficios h2 {
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.beneficios h3 {
    color: #3b8d96;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.35rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    margin-bottom: 1rem;
}
.beneficios-caixa {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 27%;
    margin: 0 1.25%;
    border-radius: 6px;
    position: relative;
    padding: 40px 20px;
    transition: .2s;
}
.beneficios-caixa p {
    font-weight: 300;
    color: #F1F1F1;
}
@media (max-width: 1000px) {
    .beneficios {
        padding: 110px 7.5%;
    }
    .beneficios-caixa {
        display: block;
        margin: 0 0 0.25rem 0;
        width: 100%;
    }
    .beneficios h2 {
        font-size: 1.65rem;
    }
    .beneficios h3 {
        font-size: 1.2rem;
    }
}


/* localizacao */
.localizacao {
    background-color: white;
    text-align: center;
    position: relative;
    padding: 100px 0;
}
.localizacao-caixa {
    display: inline-block;
    vertical-align: middle;
    padding: 40px 0;
}
.localizacao-caixa:first-child {
    width: 45%;
    padding-right: 3%;
}
.localizacao-caixa:nth-child(2) {
    width: 40%;
    padding-left: 3%;
    text-align: left;
}
.localizacao h2 {
    color: #172B3B;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 2.5rem;
}
.localizacao-caixa h3 {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 0.35rem;
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    position: relative;
}
.localizacao-caixa h3 i {
    font-size: 1.35rem;
    margin-right: 15px;

}
.localizacao-caixa .localizacao-caixa-paragrafo-1 {
    color: #4B5563;
    margin-left: 35px;
    margin-bottom: 0.5rem;
}
.localizacao-caixa .localizacao-caixa-paragrafo-2 {
    color: #4B5563;
    margin-left: 35px;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    margin-bottom: 2rem;
}
.localizacao-caixa .localizacao-caixa-paragrafo-final {
    margin: 3rem 0;
    line-height: 2rem;
}
.localizacao a {
    color: white;
    font-weight: 500;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    background-color: #2A565B;
    box-shadow: inset 0 0 0 0 #21474b;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.localizacao a:hover {
     box-shadow: inset 700px 0 0 0 #21474b;
     color: white;
}
@media (max-width: 1000px) {
    .localizacao {
        width: 85%;
        margin: 0 auto;
    }
    .localizacao h2 {
        text-align: center;
        font-size: 1.65rem;
    }
    .localizacao-caixa:nth-child(1) {
        display: block;
        width: 100%;
        margin: 0 0 4rem 0;
        padding: 0;
    }
    .localizacao-caixa:nth-child(2) {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .localizacao-caixa a {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }
    
}


/* nossa-visao */
.nossa-visao {
    background-color: white;
    text-align: center;
    position: relative;
    padding: 100px 0;
}
.nossa-visao-caixa {
    display: inline-block;
    vertical-align: middle;
    padding: 40px 0;
}
.nossa-visao-caixa-1 {
    width: 35%;
    padding-right: 2%;
}
.nossa-visao-caixa-1 img {
    width: 100%;
    border-radius: 12px;
}
.nossa-visao-caixa-2 {
    width: 35%;
    padding-left: 2%;
    text-align: left;
}
.nossa-visao h2 {
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.25rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 2.5rem;
}
.nossa-visao-caixa h3 {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 0.85rem;
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    position: relative;
}
.nossa-visao-caixa p {
    color: #4B5563;
    line-height: 1.85rem;
    margin-top: 0.25rem;
    margin-bottom: 2rem;
}
@media (max-width: 1000px) {
    .nossa-visao {
        width: 85%;
        margin: 0 auto;
    }
    .nossa-visao h2 {
        text-align: center;
        font-size: 1.65rem;
    }
    .nossa-visao-caixa-1 {
        display: block;
        width: 100%;
        margin: 0 0 1rem 0;
        padding-right: 0;
    }
    .nossa-visao-caixa-2 {
        display: block;
        width: 100%;
        margin: 0;
        padding-left: 0;
    }    
}


/* nossos-parceiros */
.nossos-parceiros {
    background-color: #F9FAFB;
    padding: 160px 0;
    text-align: center;
}
.nossos-parceiros-container {
    width: 95%;
    margin: 0 auto;
}
.nossos-parceiros h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.nossos-parceiros h3 {
    color: #4B5563;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    margin-bottom: 4rem;
}
.nossos-parceiros img {
    width: 150px;
    height: auto;
    filter: grayscale(0.75);
    margin: 0 15px;
}
.nossos-parceiros img:hover {
    filter: grayscale(0);
}
@media (max-width: 1000px) {
    .nossos-parceiros {
        padding: 90px 7.5%;
    }
    .nossos-parceiros h2 {
        font-size: 1.65rem;
    }
    .nossos-parceiros h3 {
        font-size: 1rem;
        width: 100%;
    }
}


/* quem-somos */
.quem-somos {
    background-color: white;
    padding: 160px 0;
    text-align: center;
}
.quem-somos-container {
    width: 95%;
    margin: 0 auto;
}
.quem-somos h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.quem-somos h3 {
    color: #4B5563;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    margin-bottom: 4rem;
}
.quem-somos img {
    width: 150px;
    height: auto;
    filter: grayscale(0.75);
    margin: 0 15px;
}
.quem-somos img:hover {
    filter: grayscale(0);
}
@media (max-width: 1000px) {
.quem-somos {
        padding: 90px 7.5%;
    }
.quem-somos h2 {
        font-size: 1.65rem;
    }
.quem-somos h3 {
        font-size: 1rem;
        width: 100%;
    }
}


/* rodapé */
footer {
    background-color: #172B3B;
    text-align: center;
    padding: 70px 0 35px 0;
}
.footer-caixa {
    display: inline-block;
    vertical-align: top;
    width: 15%;
    margin: 0 3%;
    text-align: left;
}
.footer-caixa:first-child {
    width: 20%;
}
@media (max-width: 1000px) {
    footer {
        padding: 110px 7.5% 70px 7.5%;
    }
    .footer-caixa, .footer-caixa:first-child {
        display: block;
        width: 100%;
        margin: 0 0 3.5rem 0;
    }
}
.footer-caixa:first-child h4 {
    font-size: 1.5rem;
}
.footer-caixa h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    color: white;
}
.footer-caixa h4 i {
    color: #2A565B;
    margin-right: 4px;
    font-size: 1.6rem;
}
.footer-caixa p, .footer-caixa a {
    color: hsl(0, 0%, 94.5%);
    font-size: 0.875rem;
    line-height: 1.75rem;
    transition: .2s;
}
.footer-caixa a:hover {
    color: #51a2ab;
}
.footer-caixa li {
    list-style-type: none;
    margin-bottom: 0.5rem;
}
.footer-caixa li i {
    margin-right: 7.5px;
}
.footer-caixa-redes-sociais div {
    margin-bottom: 1.5rem;
}
.footer-caixa-redes-sociais div a i {
    color: white;
    font-size: 1.65rem;
    margin-right: 1.25rem;
}
.footer-caixa-redes-sociais .footer-inscricao {
    color: white;
    font-weight: 500;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    background-color: #2A565B;
    box-shadow: inset 0 0 0 0 #21474b;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.footer-caixa-redes-sociais .footer-inscricao:hover {
     box-shadow: inset 700px 0 0 0 #21474b;
     color: white;
}
.footer-superior {
    margin-bottom: 2.5rem;
}
.footer-inferior {
    border-top: 1px solid #4B5563;
}
@media (max-width: 1000px) {
    .footer-superior {
        margin-bottom: 4rem;
    }
}
.footer-inferior p {
    color: hsl(0, 0%, 94.5%);
    font-size: 0.875rem;
    line-height: 1.75rem;
    margin-top: 2.5rem;
}


.programacao {
    text-align: center;
    padding: 45px 0 120px 0;
}
.programacao h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;
    text-align: center;
    margin: 5rem 0 3rem 0;
}
.programacao-botao {
    margin-top: 5.5rem;
}
.programacao-botao a {
    color: white;
    font-weight: 500;
    font-size: 1.1rem;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    background-color: #2A565B;
    box-shadow: inset 0 0 0 0 #21474b;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.programacao-botao a:hover {
     box-shadow: inset 700px 0 0 0 #21474b;
     color: white;
}
.programacao-caixa {
    width: 95%;
    margin: 0 auto;
    background-color: #F7F7F7;
    padding: 30px 30px 20px 30px;
    margin-bottom: 1.5rem;
    border-radius: 8px;
    border: 1px solid #F7F7F7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.programacao-caixa-coffee {
    background-color: #fdfdfd;
}
.programacao-caixa-superior {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.programacao-caixa-superior-esquerda {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #172B3B;
    font-size: 1.2rem;
    line-height: 1.75rem;
}
.programacao-caixa-superior-esquerda i {
    margin-right: 12px;
    position: relative;
    font-size: 1.05rem;
    position: relative;
    top: -1px;
}
.programacao-caixa-superior-direita span {
    padding: 0.375rem 0.75rem;
    border-radius: 25px;
    color: white;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1rem;
}
.programacao-caixa-superior-direita .salao-nobre {
    background-color: #6E1A0E;   
}
.programacao-caixa-superior-direita .sala-visconde {
    background-color: #B34700;   
}
.programacao-caixa-superior-direita .auditorio-rubino-de-oliveira {
    background-color: #8E793E;   
}
.programacao-caixa-inferior h3 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.75rem;
    text-align: left;
    margin-bottom: 1.5rem;
}
.programacao-caixa-inferior p {
    color: #172B3B;
    font-size: 0.975rem;
    line-height: 1.7rem;
    margin: 0.5rem 0;
    text-align: left;
}
.programacao-caixa-inferior p span {
    font-weight: 500;
}
.programacao-caixa-inferior ul {
    color: #172B3B;
    font-size: 0.975rem;
    line-height: 2rem;
    text-align: left;
    margin-left: 32px;
}
@media (max-width: 1000px) {
    .programacao {
        padding: 30px 0 105px 0;
    }
    .programacao h2 {
        font-size: 1.5rem;
    }
    .programacao-caixa {
        padding: 15px 15px 8px 15px;
    }
    .programacao-caixa-superior-esquerda {
        font-size: 0.95rem;
    }
    .programacao-caixa-superior-esquerda i {
        font-size: 1.05rem;
        margin-right: 6px;
        top: 0.5px;
    }
    .programacao-caixa-superior-direita span {
        font-size: 0.55rem;
        padding: 0.375rem 0.5rem;
    }
    .programacao-caixa-inferior h3 {
        font-size: 1rem;
    }
    .programacao-caixa-inferior p {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
    .programacao-caixa-inferior ul {
        font-size: 0.875rem;
        line-height: 1.75rem;
    }
}


/* como-chegar */
.como-chegar {
    background-color: #F9FAFB;
    padding: 140px 7.5% 140px 7.5%;
    text-align: center;
}
.como-chegar-container {
    width: 100%;
    margin: 0 auto;
}
.como-chegar h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 4rem;
}
.como-chegar-caixa {
    background-color: white;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 25%;
    margin: 0 1.5%;
    border-radius: 6px;
    position: relative;
    padding: 40px 40px;
    transition: .2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.como-chegar-caixa i {
    font-size: 1.75rem;
    border-radius: 100%;
    padding: 1rem;
    color: #377f87;
    background-color: #172B3B;
}
.como-chegar-caixa h4 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 1.25rem 0 1rem 0;
    line-height: 1.75rem;
}
.como-chegar-caixa h5 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    margin: 1.6rem 0 0 0;
    line-height: 1.75rem;
    text-align: left;
}
.como-chegar-caixa p {
    text-align: left;
    font-weight: 300;
    color: #4B5563;
    font-size: 0.9rem;
    line-height: 1.8rem;
}
@media (max-width: 1000px) {
    .como-chegar {
        padding: 140px 7.5% 140px 7.5%;
    }
    .como-chegar-caixa {
        display: block;
        width: 100%;
        margin: 0 0 2.5rem 0;
    }
    .como-chegar h2 {
        font-size: 1.65rem;
    }
    .como-chegar-caixa p {
        font-size: 0.9rem;
    }
}


/* informacoes-importantes */
.informacoes-importantes {
    background-color: white;
    padding: 140px 0;
    text-align: center;
}
.informacoes-importantes-container {
    width: 100%;
    margin: 0 auto;
}
.informacoes-importantes h2 {
    font-family: 'Montserrat', sans-serif;
    color: #172B3B;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 4rem;
}
.informacoes-importantes-caixa {
    background-color: #FBFBFB;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 35%;
    margin: 0 1.25%;
    border-radius: 6px;
    position: relative;
    padding: 40px;
    transition: .2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.informacoes-importantes-caixa h4 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0 0 2.25rem 0;
    line-height: 1.75rem;
    text-align: left;
}
.informacoes-importantes-caixa h4 i {
    font-size: 1.3rem;
    margin-right: 10px;
    color: #2A565B;
}
.informacoes-importantes-caixa h5 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    margin: 1.5rem 0 0 0;
    line-height: 1.75rem;
    text-align: left;
}
.informacoes-importantes-caixa h5 span {
    font-weight: 600;
    margin-right: 5px;
}
.informacoes-importantes-caixa ul {
    margin: 20px 0 30px 20px;
}
.informacoes-importantes-caixa li {
    font-weight: 300;
    color: #4B5563;
    text-align: left;
    line-height: 0.8rem;
    font-size: 0.9rem;
    margin-top: 1.1rem;
}
.informacoes-importantes-caixa p {
    font-weight: 300;
    color: #4B5563;
    font-size: 0.9rem;
    line-height: 1.7rem;
    text-align: left;
    margin-top: 1.3rem;
}
@media (max-width: 1000px) {
    .informacoes-importantes {
        padding: 90px 7.5%;
    }
    .informacoes-importantes-caixa {
        display: block;
        margin: 0 0 2.5rem 0;
        width: 100%;
    }
    .informacoes-importantes h2 {
        font-size: 1.65rem;
    }
    .informacoes-importantes p {
        font-size: 0.9rem;
    }
}


/* palestrantes */
.palestrantes {
    background-color: white;
    padding: 140px 0;
    text-align: center;
}
.palestrantes-container {
    width: 95%;
    margin: 0 auto;
}
.palestrantes-caixa {
    background-color: #F8F8F8;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 29%;
    margin: 0 1.25rem 2.5rem 1.25rem;
    border-radius: 8px;
    position: relative;
    padding: 40px 35px;
    transition: .2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.palestrantes-img {
    width: 135px;
    height: 135px;
    background-color: #162B3B;
    margin: 0 auto;
    border-radius: 100%;
}
.palestrantes-img img {
    border-radius: 100%;
    width: 135px;
    height: 135px;
}
.palestrantes-caixa h4 {
    color: #172B3B;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    margin: 2rem 0 1rem 0;
    line-height: 1.75rem;
}
.palestrantes-caixa h5 {
    color: #357880;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.75rem;
}
.palestrantes-caixa p {
    font-weight: 300;
    font-size: 0.8rem;
    color: #4B5563;
}
.palestrantes a {
    color: white;
    display: block;
    width: fit-content;
    margin: 2.5rem auto 0 auto;
    font-weight: 500;
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    background-color: #2A565B;
    box-shadow: inset 0 0 0 0 #21474b;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
    font-size: 1.1rem;
}
.palestrantes a:hover {
     box-shadow: inset 700px 0 0 0 #21474b;
     color: white;
}
@media (max-width: 1000px) {
    .palestrantes {
        width: 85%;
        margin: 0 auto;
        padding: 90px 0;
    }
    .palestrantes-caixa {
        display: block;
        width: 100%;
        margin: 0 0 2.5rem 0;
    }
    .palestrantes-caixa p {
        font-size: 0.9rem;
    }
}