: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 30px;
}

.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; */
  padding-bottom: 50px;
}

.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: 0;/* margin-left: auto; *//* margin-right: auto; */}
 
.home-about-btn{
  margin-top: 6px;
  align-self: flex-start;
}

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

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

@media (max-width: 980px){
  .home-about{
    padding: 56px 0;
  }
.home-double-slider .btn-layout {/* margin-left: 23%; */}

  .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: 0px 0 50px;
}

.home-double-slider .container-lg{
  display:block;
  padding: 0px 0px;
  max-width: 100%;
}

.home-double-slider .home-about-row{
  padding-top: 80px;
  gap: 86px;
  padding: 50px 70px 0;
  display: flex;
  gap: 86px;
  justify-content: space-between;
  align-items:flex-start;
  padding-top: 80px;
}

.home-double-slider .home-about-side{
  gap: 53px;
}

.home-double-slider .home-projects-title{
  /* font-size: 64px; */
  /* line-height: 72px; */
  /* width: 900px; */
  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; */
}

.home-double-slider .home-projects-text{
  font-size: 20px;
  line-height: 140%;
  /* flex-wrap: wrap; */
  max-width: 100%;
  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 */
  margin-bottom: 56px;
}

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

.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{
  position:relative;
  transition: transform .35s ease, box-shadow .35s ease;
}

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

.double-slide-overlay{
  position:absolute;
  bottom:0;
  left:0;
  text-align: left;
  right:0;
  padding: 20px 24px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.08) 80%, transparent 100%);
  color:#fff;
  pointer-events:none;
  border-radius: 0 0 12px 12px;
  transition: background .35s ease;
}

.double-slide:hover,
.double-slide:focus-visible,
.double-slide:active{
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(3, 37, 76, 0.22);
}

.double-slide:hover img,
.double-slide:focus-visible img,
.double-slide:active img{
  transform: scale(1.04);
}

.double-slide:hover .double-slide-overlay,
.double-slide:focus-visible .double-slide-overlay,
.double-slide:active .double-slide-overlay{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.12) 70%, transparent 100%);
}

.double-slide-name{
  margin:0;
  font-family: Metropolis, sans-serif;
  font-size: 22px;
  color: #FFF;
  font-weight: 900;
  line-height: 1.3;
  text-align: left;
  /* font-weight: bold; */
}

.double-slide-location{
  display:block;
  margin-top: 3px;
  font-family: Metropolis, sans-serif;
  font-size: 20px;
  font-weight: 400;
  /* opacity: 0.9; */
}

/* Projects header row */
.home-projects-header{
  display: flex;
  gap: 86px;
  padding: 52px 80px 0;
  text-align: left;
  align-items: flex-start;
}

.home-projects-header-left{
  width: 900px;
}

.home-projects-eyebrow{
  display:block;
  color:#187BCD;
  font-family: Metropolis, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.home-projects-title{
  margin:0;
  color:#03254C;
  font-family: Metropolis, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.home-projects-text{
  margin:0;
  max-width: 560px;
  color:#1E1E1E;
  font-family: Metropolis, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.home-projects-header-center{
  justify-self:center;
}

.home-projects-header-right{
  flex: 0 1 42%;
  /* max-width: 640px; */
}

.home-projects-cta{
  text-align: center;
  padding: 32px 80px 50px;
}

.home-projects-btn{
  margin-top: 0;
  white-space: nowrap;
}

.home-projects-btn .btn-arrow{
  margin-left: 8px;
}
@media (min-width: 1921px){
  .home-projects-header{
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-projects-cta{
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1024px){
  .home-projects-header{
    gap: 36px;
  }
  .home-projects-header-left{
    width: 100%;
  }
  .home-double-slider .home-projects-title{
    font-size: 52px;
    line-height: 60px;
    width: 100%;
  }
}

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

  .home-double-slider .home-about-row{
    flex-direction:column;
    gap: 18px;
    padding: 20px;
    padding-top: 60px;
  }

  .home-double-slider .home-projects-title{
    font-size: 42px;
    line-height: 48px;
  }

  .home-double-slider .home-projects-text{
    font-size: 18px;
    line-height: 150%;
    /* text-align: left!important; */
  }
}

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

@media (max-width: 980px){
  .home-projects-header{
    grid-template-columns: 1fr;
    padding: 40px 20px 0px;
    gap: 16px;
    flex-flow: column;
    text-align: left;
    align-items: flex-start;
  }
  .home-projects-header-left,
  .home-projects-header-center,
  .home-projects-header-right{
    justify-self: center;
  }
  .home-projects-cta{
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
  }
  .home-projects-header-left{
    order: 1;
    text-align: left;
  }
  .home-projects-header-right{
    order: 2;
    /* text-align-last: center; */
  }
  .home-projects-header-center{
    order: 3;
  }
  .home-projects-title{
    font-size: 32px;
  }
  .home-projects-text{
    font-size: 16px;
    max-width: 100%;
  }
  .double-slide-name{
    font-size: 18px;
  }
  .double-slide-location{
    font-size: 13px;
  }
}

@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: 980px){
  .home-double-slider{
    /* padding: 72px 0 56px; */
  }

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

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