html{overflow-x:hidden;max-width:100vw}
body{overflow-x:hidden;height:100%;margin:0;padding-right:0!important;padding-left:0!important; font-family: 'Inter Regular';}
.container-fluid{padding: 0;}
.navbar-toggler:focus,.navbar-toggler-icon:focus,.form-control:focus,.form-select:focus {outline: none; box-shadow: none;}

/*topo*/
.navbar-brand{display: none;}
.navbar{background-color: #fff!important; font-size: 15px; position: fixed; width: 100%; z-index: 10;}
.navbar .nav-item a{color: #021B43!important;}
.navbar .nav-item a:hover{color: #B9A96A!important;}
.navbar .nav-link::after{content: "|"; padding-left: 15px; color: #021B43!important; font-weight: 400!important;}
.mu::after{content: ""!important;}
.navbar .nav-item .active{color: #B9A96A!important; font-weight: bold;}

.slide{margin-top: 50px;}

/*quem somos*/
.quemsomos h1{text-decoration: underline; color: #B9A96A; font-weight: 200; padding-bottom: 20px;}
.quemsomos p{color: #030303;}
.quemsomos h6{color: #1E334E;}

/*palestrantes*/
.palestrantes{background-color: #362921; background-image: url("../images/bg-palestra.webp"); background-repeat: no-repeat; background-position: bottom right;}
.palestrantes h2{color: #fff; text-decoration: underline; padding-bottom: 20px;}
.palestrantes h3{color: #B9A96A; font-size: 20px;}
.palestrantes p{color: #fff;}

/*work*/
.work h2{color: #B9A96A; text-decoration: underline; padding-bottom: 20px;}
.work p{color: #030303;}
.work ul li{font-weight: bold; padding-bottom: 10px;}
.work h3{text-align: center; color: #362921; font-weight: bold; font-size: 20px;}
.work .box{background-color: #362921; padding: 25px; border: 8px solid #B9A96A;}
.work .box p{color: #fff;}
.work .nav-tabs{border: 0; --bs-nav-tabs-border-width:0}
.work .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #362921; font-weight: 400; border-bottom: 6px solid #362921;}
.work .nav-link{color: #362921!important; font-weight: 400;}
.work .tab-content{font-size: 17px;}
.work .tab-content span{background-color: #362921; color: #fff; font-weight: 700; padding: 5px; border: 4px solid #6B5B1C; float: left; margin: 0px 10px 10px 0px; width: 100%;}
.work .tab-content p{/*margin-bottom: 45px; margin-top: 45px;*/}
.work a{color: #fff;}

/*inscreva-se*/
.inscreva{background-image: url("../images/bg-inscreva-se.webp"); background-repeat: no-repeat; background-position: top left; background-size: cover;}
.inscreva h1{color: #fff; font-weight: bold;}
.inscreva h2{color: #fff; text-decoration: underline; padding-bottom: 20px;}
.inscreva h5{color: #fff;}
.inscreva p{color: #fff; font-size: 17px;}
.inscreva p a{color: #fff;}
.inscreva p a:hover{color: #B9A96A;}
.inscreva ul li{color: #fff;}
.inscreva ul li a{color: #fff;}
.inscreva ul li a:hover{color: #B9A96A;}
.inscreva .form-control{border-radius: 0; font-size: 15px; border: 0; color: #D9D9D9;}
.inscreva .form-control::placeholder {color: #D9D9D9;}
.inscreva .form-label{color: #fff;}
.inscreva .form-check-label{color: #fff;}
.inscreva .form-check-input:checked{background-color: #B9A96A; border-color: #B9A96A;}
.inscreva .btn-warning{border-radius: 0; background-color: #362921; border: 4px solid #B9A96A; color: #B9A96A; font-weight: bold; padding: 10px 85px 10px 85px;}
.inscreva .btn-warning:focus{background-color: #362921; border: 4px solid #B9A96A; color: #fff;}
.inscreva .btn-warning:hover{background-color: #B9A96A; border: 4px solid #362921; color: #362921;}
.inscreva .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label{color: #fff;}
.inscreva .form-check-label a{color: #fff;}
.inscreva .txtbig{font-size: 28px;}

.inscreva .box{background-color: #B9A96A; border: 6px solid #fff; padding: 25px; height: 450px;}
.inscreva .box h4{color: #fff; font-weight: bold; padding-bottom: 15px; padding-top: 15px;}
.inscreva .box h6{color: #fff; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-size: 35px; text-decoration: underline;}
.inscreva .box .btn-light{background-color: #fff; border-radius: 25px; border: 4px solid #362921; margin-top: 10px; margin-bottom: 10px; color: #B9A96A; font-weight: bold; font-size: 18px; padding-left: 15px; padding-right: 15px; width: 180px;}
.inscreva .box .btn-secondary{background-color: #fff; border-radius: 25px; border: 4px solid #362921; margin-top: 10px; margin-bottom: 10px; color: #CE1A1A; font-weight: bold; font-size: 18px; padding-left: 15px; padding-right: 15px; width: 180px;}
.inscreva .box .btn-light:hover{background-color: #362921; border-color: #fff; color: #fff;}
.inscreva .box .btn-secondary:hover{background-color: #CE1A1A; border-color: #fff; color: #fff;}

.inscreva .box2{background-color: #8B7B3C; border: 6px solid #fff; padding: 25px; height: 450px;}
.inscreva .box2 h4{color: #fff; font-weight: bold; padding-bottom: 15px; padding-top: 15px;}
.inscreva .box2 h6{color: #fff; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-size: 35px; text-decoration: underline;}
.inscreva .box2 .btn-light{background-color: #fff; border-radius: 25px; border: 4px solid #362921; margin-top: 10px; margin-bottom: 10px; color: #B9A96A; font-weight: bold; font-size: 18px; padding-left: 15px; padding-right: 15px; width: 180px;}
.inscreva .box2 .btn-secondary{background-color: #fff; border-radius: 25px; border: 4px solid #362921; margin-top: 10px; margin-bottom: 10px; color: #CE1A1A; font-weight: bold; font-size: 18px; padding-left: 15px; padding-right: 15px; width: 180px;}
.inscreva .box2 .btn-light:hover{background-color: #362921; border-color: #fff; color: #fff;}
.inscreva .box2 .btn-secondary:hover{background-color: #CE1A1A; border-color: #fff; color: #fff;}

.inscreva .box3{background-color: #6B5B1C; border: 6px solid #fff; padding: 25px; height: 450px;}
.inscreva .box3 h4{color: #fff; font-weight: bold; padding-bottom: 15px; padding-top: 15px;}
.inscreva .box3 h6{color: #fff; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-size: 35px; text-decoration: underline;}
.inscreva .box3 .btn-light{background-color: #fff; border-radius: 25px; border: 4px solid #362921; margin-top: 10px; margin-bottom: 10px; color: #B9A96A; font-weight: bold; font-size: 18px; padding-left: 15px; padding-right: 15px; width: 180px;}
.inscreva .box3 .btn-secondary{background-color: #fff; border-radius: 25px; border: 4px solid #362921; margin-top: 10px; margin-bottom: 10px; color: #CE1A1A; font-weight: bold; font-size: 18px; padding-left: 15px; padding-right: 15px; width: 180px;}
.inscreva .box3 .btn-light:hover{background-color: #362921; border-color: #fff; color: #fff;}
.inscreva .box3 .btn-secondary:hover{background-color: #CE1A1A; border-color: #fff; color: #fff;}

/*comprovante*/
.comprovante{background-image: url("../images/bg-comprovante.webp"); background-repeat: no-repeat; background-position: bottom center; background-size: cover;}
.comprovante h2{color: #B9A96A; text-decoration: underline; padding-bottom: 20px;}
.comprovante .form-control{border-radius: 0; background-color: #362921; font-size: 15px; color: #fff;}
.comprovante .form-control::placeholder {color: #fff;}
.comprovante .form-label{color: #362921; font-weight: 600;}
.comprovante .btn-warning{border-radius: 0; background-color: #B9A96A; border-color: #B9A96A; font-weight: bold; padding: 10px 65px 10px 65px; color: #fff;}

/*patrocinadores*/
.patrocinadores h2{color: #B9A96A; text-decoration: underline; padding-bottom: 20px;}

/*edicao 2024*/
.edicao{background-image: url("../images/bg-edicao-2024.webp"); background-repeat: no-repeat; background-size: cover;}
.edicao h2{color: #B9A96A; text-decoration: underline; padding-bottom: 20px;}
.edicao .btn-warning{border-radius: 0; background-color: #B9A96A; border: 6px solid #fff; color: #fff; padding: 10px 45px 10px 45px; font-weight: bold; margin-bottom: -120px; width: 360px;}
.edicao .btn-warning:hover{background-color: #362921; color: #fff;}

/*footer*/
footer p{color: #362921; font-size: 14px;}
.whatsapp {position: fixed; width: 68px; height: 67px; bottom: 50px; right: 10px; color: #fff; text-align: center; z-index: 100; }

/*termos*/
.termos{background-color:#362921; color: #fff}
.termos h2{font-size: 28px; line-height: 38px; color: #B9A96A}
.termos ul li{ font-size:16px }
.termos p{font-size:16px}
.termos p a{color: #fff; font-weight: bold;}
.termos ul li b{color: #B9A96A}

.modal-header{border-bottom: 0;}
.modal-content h5{color: #B9A96A; font-weight: 700; padding-bottom: 25px;}
.modalcarrega{border-radius: 15px; background-color: transparent; border-color: transparent;}
.modalcarrega h6{font-size: 14px; color: #fff}

.error{font-size: 12px; color: #CE1A1A; font-weight: bold;}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{color: #fff;}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked{background-color: #B9A96A; border-color: #B9A96A;}
.form-control.is-invalid, .was-validated .form-control:invalid{background-image: none;}
.form-control.is-valid, .was-validated .form-control:valid{background-image: none;}

/*media*/
@media (min-width: 1921px) {

}

@media (max-width: 1680px) {

}

@media (max-width: 1536px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1366px) {
.navbar{font-size: 12px;}
.navbar .nav-link::after{content: "|"; padding-left: 15px;}
}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
.navbar{font-size: 11px;}
.navbar .nav-link::after{content: "|"; padding-left: 12px;}
}

@media (max-width: 991px) {
.navbar-brand{display: inline;}
.navbar{font-size: 17px; text-align: right;}
.navbar .nav-link::after{content: ""; padding-left: 0px;}
.slide{margin-top: 65px;}
.palestrantes h3{font-size: 17px;}
.inscreva{background-position: top center;}
.inscreva .box{height: 450px;}
.inscreva .box2{height: 450px;}
.inscreva .box3{height: 450px;}
.edicao .btn-warning{padding: 10px 45px 10px 45px; width: 340px;}
}

@media (max-width: 768px) {

}

@media (max-width: 767px) {

}

@media (max-width: 480px) {
.inscreva .box{height: auto;}
.inscreva .box2{height: auto;}
.inscreva .box3{height: auto;}
.edicao .btn-warning{margin-bottom: 0px; margin-top: 15px;}
}

@media (max-width: 390px) {


}

@media (max-width: 320px) {

}