body{
  font-family: "Montserrat", sans-serif;
  1background-color: #F8E7D0;
}



.NavBar00{
  background-color: #000;
background: #000000;
background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
transition: all .3s;
}
#NavBar00.scrolled {
    background: #000;
}


#New-NavBar00 {
    backdrop-filter: blur(10px);
}
#New-NavBar00.scrolled {
    backdrop-filter: none;
    background: #000;
}

#navbarNav.show > #NavBar00{background-color: #000;}

.NavBar00 .nav-item {padding: 0px 10px;}
.NavBar00 .nav-link {color: #FFF;}


#navbarNav li a::before {
 content: ''; height: 2px; background-color: #EF7C00; position: relative;
 top: 34px; z-index: 99; width: 100%; margin: 0px auto; display: block; left: 0px; opacity: 0; transition: all .3s;
}

#navbarNav .nav00 li a:hover::before { opacity: 1; }


.BGBanner{ 
  background-image: url(imgs/banner_svjd.jpg);
  min-height: 800px;
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #000;
}



.Banner{}

.BannerDesc{ color: #FFF;}

.BannerDesc .BannerTXT0{
  color: #FFF;
  font-size: 2.5em;
  font-weight: 300;
  1text-transform: uppercase;
  line-height: 1.1em;
  margin-bottom: 0px;
}
.BannerDesc .BannerTXT0 p{margin: 0px;}

.BannerDesc .BannerTXT1{
color: #EF7C00;
  font-size: 2.5em;
  font-weight: 700;
  1text-transform: uppercase;
  line-height: 1.1em;
  margin-bottom: 15px;
}
.BannerDesc .BannerTXT1 p{margin: 0px;}

.BannerDesc .BannerTXT2{
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.2em;
}
.BannerDesc .BannerTXT2 p{margin: 0px;}

@media (max-width: 992px) {
.BannerDesc .BannerTXT2 br {display: none;}
}


.BtnHeader{}
.BtnHeader a{
  display: inline-block;
  background-color: #F07D00;
  padding: 12px 15px;
  color: #FFF;
  text-decoration: none;
  transition: .3s all;
}
.BtnHeader a:hover{ color: #000; background-color: #A4A4A4;}

.BannerBtn{}
.BannerBtn a{
  display: inline-block;
  background-color: #F07D00;
  padding: 12px 15px;
  margin: 15px 0px;
  color: #FFF;
  text-decoration: none;
  transition: .3s all;
}
.BannerBtn a:hover{ color: #000; background-color: #A4A4A4;}

@media (max-width: 992px) {
.BGBanner{ 
  min-height: 520px;
  background-image: none; }


.BannerDesc .BannerTXT0{
  font-size: 2.1em;
}

.BannerDesc .BannerTXT1{
  font-size: 2.1em;
}

}


.divManifesto{ }

.DTitV1{ font-size: 0.8em; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-left: 40px; }
.DTitV1:before{content: ""; position: relative; top: 11px; left: -40px; font-weight: 800; border-bottom: 2px solid #EF7D00; width: 25px; height: 5px;  display: inherit; }

.DTitV2{ font-size: 0.8em; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-left: 40px; color: #FFF; }
.DTitV2:before{content: ""; position: relative; top: 11px; left: -40px; font-weight: 800; border-bottom: 2px solid #212529; width: 25px; height: 5px;  display: inherit; }

.DTitV3{ font-size: 0.8em; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-left: 40px; color: #FFF;}
.DTitV3:before{content: ""; position: relative; top: 11px; left: -40px; font-weight: 800; border-bottom: 2px solid #EF7D00; width: 25px; height: 5px;  display: inherit; }

.MTxt0{ 
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 600;
}
.MTxt0 span{color: #EF7D00;}

.MTxt1{
  color: #6F6F6F;
  line-height: 1.4em;
  font-size: 1.1em;
}
.MTxt1 span{color: #EF7D00;}


.BGSvjd{ background-color: #F07D00; }
 
.divSvjd{ }

.STxt0{ 
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 600;
  color: #FFF;
  margin-bottom: 20px;
}
.STxt0 span{color: #000;}

.STxt1{
  color: #FFF;
  line-height: 1.4em;
  font-size: 1.1em;
  font-weight: 400;
}
.STxt1 span{color: #000;}

.STxt2{
  color: #FFF;
  line-height: 1.4em;
  font-size: 1.1em;
  font-weight: 400;
}

@media (max-width: 992px) {
  .MTxt0{ font-size: 1.8em; }
  .STxt0{ font-size: 1.8em; }
  .STxt0 br{ display: none; }
  .MTxt0 br{ display: none;}
  .MTxt1 br{ display: none;}
  .STxt2 {font-size: 1em;}
}


.BGTec{ background-color: #000; }

.divTec{ }

.ContTec0{
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 600;
  color: #FFF;
}
.ContTec0 span{color: #EF7D00;}

.ContTec1{
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 600;
  color: #FFF;
  margin-bottom: 20px;
}
.ContTec1 span{color: #EF7D00;}

.ContTec2{
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 400;
  color: #FFF;
  margin-bottom: 20px;
}
.ContTec2 span{color: #EF7D00;}

.ContList0{
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 400;
  color: #FFF;
  margin-bottom: 20px;
}
.ContList0 span{color: #EF7D00; font-weight: 800;}

@media (max-width: 992px) {
.ContTec0{font-size: 1.8em; }
.ContTec1{ font-size: 1.8em; }
.ContTec2{ font-size: 1.1em; }
.ContList0{font-size: 1em; }

.ContTec1 br{ display: none;}
}

.ContContato{ }


.ContContato{
  font-size: 4.5em;
  line-height: 1.2em;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}
.ContContato span{color: #EF7D00;}

.ContContato0{
font-size: 1.1em;
  line-height: 1.2em;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
}
.ContContato0 span{color: #EF7D00;}

@media (max-width: 992px) {
.ContContato{ font-size: 1.6em; }
.ContContato0 br {display: none;}
.ContContato br{ display: none; }
}




.BtnContato{}
.BtnContato button{
  display: inline-block;
  background-color: #F07D00;
  padding: 12px 15px;
  margin: 15px 0px;
  color: #FFF;
  text-decoration: none;
  transition: .3s all;
  border: none;
  border-radius: 0px;
}
.BtnContato button:hover{ color: #000; background-color: #A4A4A4;}





.form {
  border: 1px solid #f1f1f1;
  padding: 1em;
  box-shadow: 0 4px 6px rgba(22, 22, 26, 0.18);
}
@media screen and (min-width: 768px) {
  .form {
    width: 50%;
    margin: 1em auto;
  }
}
.form-floating .form-control,
.form-floating .form-select {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #000;
  padding-left: 0.2em;
}
.form-floating .form-control:focus,
.form-floating .form-select:focus {
  box-shadow: none;
  border-bottom: 2px solid #f07d00;
}
.form-floating .form-control:focus + label,
.form-floating .form-select:focus + label {
  color: #000;
}
.form-floating .form-control + label,
.form-floating .form-select + label {
  padding-left: 0;
  transition: all 0.5s;
}
.btn-outline-primary {
  color: #f07d00;
  border-color: #f07d00;
  border-radius: 0;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus
{
  background-color: #f07d00;
  color: #fff;
  box-shadow: 0 4px 6px rgba(22, 22, 26, 0.18);
}
.btn-outline-primary:focus-visible,
.btn:focus-visible,
.btn:first-child:active,
.btn:disabled {
  background-color: #f07d00 !important;
  color: #fff;
  box-shadow: 0 4px 6px rgba(22, 22, 26, 0.18);
}


.form-floating > label { margin: 0px 10px; }


.divFooter {background-color: #000;}

.FooterCont{ }
.FooterCont h2{ color: #FFF; font-size: 1em; }
.FooterEmail{ color: #FFF; font-size: 1em;}
.FooterTelefone{ color: #EF7D00; font-size: 1em; }
.FooterEndereco{ color: #FFF; font-size: 1em;}


.FooterSep{ background-color: #FFF;
  width: 100%;
  height: 1px;
  margin: 10px 0px 10px 0px;
}

.divCopy{ color: #5F5F5F;} 
.divCopy a{ color: #5F5F5F; text-decoration: none;}



.FTWhatsapp {
position:fixed; right:20px; bottom:20px; background-color:#00e676; border-radius:100px; text-align:center;
padding:0px; opacity:0; transition:all 0.4s ease-in-out 0s; color:#FFF; width:75px; height:75px; line-height:63px; z-index:9999;
}
.FTWhatsapp i{font-size:2.4em; margin-top:0px;}
.FTWhatsapp{font-size:18px; color:#fff; }
.FTWhatsapp:hover{ text-decoration:none; color:#fff;}





.video-background-container {
  position: relative;
  width: 100%;
  min-height: 800px;
  overflow: hidden;
}

.video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 0;
  object-fit: cover;
}

.conteudo-front {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding: 0px;
  height: 800px;
}

.overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.66); /* escurece o vídeo */
  z-index: 1;
}

@media (max-width: 992px) {
.video-backgroundMobile{ display: ; }

.video-backgroundDesktop{ }
}


.video-container {
    width: 100%;
    aspect-ratio: 16 / 9; /* proporção padrão do YouTube */
}

.video-container iframe {
    width: 100%;
    height: 100%;
}