/*===========================================================================================================*/
/*=========================================== NEW HOME ======================================================*/
/*===========================================================================================================*/






/*===========================================================================================================*/
/*=========================================== Home ======================================================*/
/*===========================================================================================================*/

 .hero-banner {
  padding: 30px 50px 0 50px;
  padding-top: 0;
  background: #fff;
}

.hero-banner-wrapper {
  position: relative;
  border-radius: 15px 15px 8px 8px;
  overflow: hidden;
  /* aspect-ratio: 16 / 9; */
  /* min-height: 660px; */
  height: 900px;
}

.hero-banner-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.interior .hero-banner-image {
  object-position: center;
}

.hero-banner-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: 20px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.43) 70%,
      rgba(0, 0, 0, 0.10) 100%
    );
}

.hero-banner-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  color: white;
  /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); */
}

.interior .hero-banner-content{
	 /* padding-left:0; */
}
 
 
.interior.int .blueBox {
    max-width: 720px;
}
.blueBox {
    display: flex;
    align-items: flex-start;
    /* gap: 10px; */
    justify-content: space-between;
    /* max-width: 400px; */
    border-radius: 10px;
    align-items: center;
    height: 2000px;
    /* margin-bottom: 20px; */
}
.bnn-loc h4 {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bnn-loc {
    display: flex;
    gap: 20px;
    align-items: anchor-center;
}

.bnn-btn {
    /* margin-bottom: 20px; */
    gap: 20px;
    display: flex;
    align-self: flex-end;
} 

 
.hero-banner_content {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  max-width: 50%;
  padding: 30px;
  color: #fff;
  margin: 0;
}

 

.hero-banner_image::after {
  content: "";
  left: 20px;
  bottom: 30px;
  height: 24px;
  width: 170px;
  background: red;
  /* z-index: 3; */
  position: absolute;
}
 

.mobile-img {
  display: none;
}
@media (max-width: 1300px) {
.blueBox {
 flex-flow:column;
 height: auto;
}
.bnn-btn {
     margin: 20px 0;
     align-self: center;
} 
.hero-banner-content {place-content: center;}
}

@media (max-width: 720px) {
  
   .blueBox {
}
 
	.hero-banner-content {
		padding:30px;
		 
	}
.hero-banner-wrapper{
	height:700px
}
.bnn-btn,.bnn-loc {
     display: flex;
     text-align: -webkit-center;
     gap: 10px;
     flex-flow: column;
     margin-top: 30px;
     margin-bottom: 30px;
} 
}

 
.menu.scroll-section {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999 !important;
  background: transparent !important;
}

/* Garante que o banner não cubra o menu */
.hero-banner-wrapper,
.hero-banner {
  position: relative;
  z-index: 1;
}

/* Ajuste de margem, caso o banner suba demais */
.page {
  /* margin-top: 20px !important; */
  overflow: visible !important; /* libera o menu */
}
 
.hero-banner {
  padding-top: 15px;
}

 body.admin-bar .menu.scroll-section {
  top: 32px !important;  
}

@media screen and (max-width: 782px) {
  body.admin-bar .menu.scroll-section {
    top: 46px !important; 
  }
}

 body.admin-bar .hero-banner {
  padding-top: calc(15px + 32px);  }

i.fa-solid.fa-chart-line-up {
    color: #FFF;
    font-family: "Font Awesome 6 Pro";
    font-size: 34px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}


 

.play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  background: rgba(0, 0, 0, 0.5);
  padding: 25px;
  border-radius: 50%;
  color: white;
  pointer-events: none;
}
.interior .text-block {
    flex: 1 1 45%;
    align-self: flex-start;
}

.interior .image-block.image {
    flex: 1 1 45%;
}



.interior .video-thumb {
    padding-bottom: 69%;
}


 
.standard .subtitle-bar{
  margin:30px 0;
}
.standard.video .container-lg.home {padding-bottom: 0;}

.standard.video .content-row {
    margin-bottom: 0;
    margin: 20px 0px;
}
.news .container-lg.home.two-cols {
    padding: 80px 50px;
}

.section-subtitle {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

 

.container.home.serve .image-block {flex: 1 1 45%;}

.container.home.serve .text-block {
flex: 1 1 45%;
}

.container.home.serve .content-row {align-items: flex-start;border-radius: 20px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(153, 153, 153, 0.10) 100%);padding:50px}

.container.home.serve  .image-block img {
  height:auto;
  border-radius: 20px 0!important;
}

 
 

.video-teaser{padding: 100px 0;}

.video-thumb{
  position: relative;
  /* display: block; */
  /* width: min(960px, 100%); */
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  line-height: 0; /* elimina gap de img inline */
  
}

/* imagem */
.video-thumb img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* leve veil para destacar o play */
.video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.18);
  /* transition: backdrop-filter .25s ease, background .25s ease; */
}

/* botão play central */
.video-thumb .play{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none; /* o clique passa pro <a> */
}
.video-thumb .play i{
  width: 64px; height: 64px;
  display: grid; place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: #1a1a1a;
  font-size: 22px;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  transition: transform .2s ease, background .2s ease;
}

/* hover/focus */
.video-thumb:hover::after,
.video-thumb:focus-visible::after{ background: rgba(0,0,0,.26); }
.video-thumb:hover .play i,
.video-thumb:focus-visible .play i{
  transform: scale(1.06);
  background: #fff;
  outline: none;
}

/* mobile */
@media (max-width: 520px){
  .video-thumb .play i{ width: 56px; height: 56px; font-size: 20px; }
}
.container.home.serve .content-row{padding: 20px;}
section.video-teaser {
    padding: 40px 0;
}
/* ===== Video teaser (home, perto do formulário) ===== */
.video-teaser{ padding: 100px 0; }

.video-thumb{
  position: relative;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  line-height: 0; /* elimina gap da <img> inline */
}

.video-thumb img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* véu leve por cima da imagem */
.video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.18);
}

/* ícone play central */
.video-thumb .play{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none; /* clique passa para o <a> */
}
.video-thumb .play i{
  width: 64px; height: 64px;
  display: grid; place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: #1a1a1a;
  font-size: 22px;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  transition: transform .2s ease, background .2s ease;
}

/* hover/focus */
.video-thumb:hover::after,
.video-thumb:focus-visible::after{ background: rgba(0,0,0,.26); }
.video-thumb:hover .play i,
.video-thumb:focus-visible .play i{
  transform: scale(1.06);
  background: #fff;
  outline: none;
}

/* mobile */
@media (max-width: 520px){
  .video-thumb .play i{ width: 56px; height: 56px; font-size: 20px; }
}

section.video-teaser{margin: 0;}

.video-embed{padding: 100px 0 100px;}
.video-embed .yt-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;     
  
  overflow: hidden;
   
}
.video-embed .yt-wrap iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


section.video-teaser h2 {
    justify-self: center;
    margin-bottom: 100px;
}

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
.video-hero{
  position: relative;
  margin-top: 50px;
 }

 .partners-section{
  padding: 30px 0 0 0;
  background-color: #F8F7F3!important;
  margin-bottom: 50px;
}