:root{
  --menu-h: 94px; /* adjust if your real header height differs */
}

/* Desktop only */
@media (min-width: 993px){

 
  .home-banner-wrap,
  .home-banner-swiper,
  .home-banner-slide{
    position: relative;
    z-index: 1;
  }

   
}

 
.section-white.home-banner{ padding:0; }
.section-white.home-banner .container-lg{padding:0;max-width: 100%;}
.home-banner-wrap{
  position: relative;
  overflow: hidden;
  /* border-radius: 14px; */
  /* min-height: 1060px; */
  height: 100vh;
}

.home-banner-swiper,
.home-banner-swiper .swiper-wrapper,
.home-banner-swiper .swiper-slide{
  width:100%;
  height:100%;
}

.home-banner-slide{
  background:
    linear-gradient(0deg, rgba(3, 37, 76, 0.50) 0%, rgba(3, 37, 76, 0.50) 100%),
    var(--banner-img) 50% / cover no-repeat;
}

.home-banner-content{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:center;
  /* padding: 322px 24px 54px; */
  color:#fff;
  pointer-events:none;
}

.home-banner-content a,
.home-banner-content button{ pointer-events:auto; }

.home-banner-title{
  margin:0;
  color: #FFF;
  text-align: center;
  font-family: Metropolis;
  font-size: 108px;
  font-style: normal;
  font-weight: 700;
   /* 128px */
  margin-top: 120px;
}

.home-banner-lede{
  margin:14px 0 22px;
  max-width: 520px;
  color: #FFF;
  text-align: center;
  font-family: Metropolis;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}

.home-banner-btn{ margin-top:4px; }

.home-banner-pagination{
  position:absolute;
  left:0;
  right:0;
  bottom: 88px!important;
  z-index:3;
}

.home-banner-pagination .swiper-pagination-bullet{
  width: 18px;
  height: 18px;
  background: #D9D9D9;
  opacity:.65;
  transform: translateZ(0);
}

.home-banner-pagination .swiper-pagination-bullet-active{
  opacity:1;
  background:#187BCD!important;
  transform: scale(1.15);
}

/* Mobile unchanged */
@media (max-width: 768px){
  .home-banner-wrap{
    /* border-radius:12px; */
    /* min-height:460px; */
    /* height: 100vh; */
  }
  .home-banner-content{/* padding:26px 18px 64px; */}
  .home-banner-lede{max-width:520px;}
}

@media (max-width: 520px){
  .home-banner-wrap{ min-height:430px; }
  .home-banner-title{font-size: 65px;margin-top: auto;}
}


/* =========================
   HOME - ABOUT (section)
   ========================= */

.home-about{
  padding: 70px 0;
}

.home-about .container-lg{
  display:block;
  padding: 0 80px;
}

 
.home-about-media{
  border-radius: 14px;
  overflow:hidden;
  background:#eee;
  max-height: 669px;
}

.home-about-media img{
  display:block;
  width:100%;
  height:auto;
  max-height: 669px;
  object-fit:cover;
  object-position: bottom;
}

 
.home-about-row{
  display:flex;
  gap: 86px;
  /* justify-content: space-between; */
  align-items:flex-start;
  padding-top: 80px;
}

.home-about-title{
  /* flex: 1 1 58%; */
  margin:0;
  color:#03254C;
  font-family: Metropolis, "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px; /* 112.5% */
  width: 900px;
  /* letter-spacing: -0.02em; */
}

.home-about-side{
  flex: 0 1 42%;
  max-width: 640px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap: 53px;
  /* padding-top: 8px; */ /* leve alinhamento como no print */
}

.home-about-text{
  margin:0;

  color:#1E1E1E;
  font-family: Metropolis, "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}

.home-double-slider .btn-layout {margin-top: 50px;}
 
.home-about-btn{
  margin-top: 6px;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 1024px){
  .home-about-row{
    gap: 36px;
  }

  .home-about-title{
    font-size: 52px;
    line-height: 60px;
    width: 100%;
  }
}

@media (max-width: 820px){
  .home-about{
    padding: 56px 0;
  }

  .home-about-row{
    flex-direction:column;
    padding-top: 26px;
    gap: 18px;
  }

  .home-about-title{
    flex: 1 1 auto;
    font-size: 42px;
    line-height: 48px;
  }

  .home-about-side{
    max-width: 100%;
    padding-top: 0;
  }

  .home-about-text{
    font-size: 18px;
    line-height: 150%;
  }
}

@media (max-width: 420px){
  .home-about-title{
    font-size: 34px;
    line-height: 40px;
  }
}

.home-double-slider{
  padding: 50px 0;
}

.home-double-slider .container-lg{
  padding: 0;
  max-width: 100%;
  text-align: center;
}

.double-slider-wrap{
  display:flex;
  flex-direction:column;
  gap: 18px;
  pointer-events: none;
}

.double-swiper{
  width:100%;
  overflow:hidden;
}

.double-swiper .swiper-wrapper{
  align-items:stretch;
}

.double-swiper .swiper-slide{
  box-sizing:border-box;
  padding: 0 10px;
  width: 420px;
}

.double-slide{
  display:block;
  width:100%;
  border-radius: 12px;
  overflow:hidden;
  background:#eee;
}

.double-slide img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  transform: translateZ(0);
}

@media (min-width: 1100px){
  .double-swiper .swiper-slide{
    width: 520px;
    padding: 0 9px;
  }

}

@media (max-width: 1100px){
  .double-swiper .swiper-slide{
    width: 460px;
    padding: 0 10px;
  }
.home-about .container-lg{
  display:block;
  padding: 0 20px;
}
}

@media (max-width: 820px){
  .home-double-slider{
    padding: 56px 0;
  }

  .double-slider-wrap{
    gap: 14px;
  }

  .double-swiper .swiper-slide{
    width: clamp(240px, 78vw, 420px);
    padding: 0 8px;
  }
}