.menu > .container {
  position: relative;
  display: flex;
  gap: 20px;
  padding: 20px!important;
  /* padding-top: 0px!important; */
  align-items: center;
  justify-content: space-between;
}
 
 .whitebackgroundmenu:before {
	top: 0;
	right: 100%;
	display:none;
}
.whitebackgroundmenu:after {
	top: 100%;
	right: 0;
	display:none;

}
 
  
 
 .whitebackgroundmenu {
    background: transparent;
    /* padding: 20px; */
    border-radius: 0 0 0 35px;
}
 
 .internal-top{
  background: #F8F7F3;
  padding: 0 0 50PX;
}

 .internal-top-row{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: clamp(12px, 3vw, 24px);
}

 .internal-top-left h2{margin: 0 0 4px;}
.internal-top-left .h2-eyebrown{ margin: 0; }

 .internal-top-row .btn-layout{
  white-space: nowrap;
}

.standard-green {
     padding: 50px;
     border-radius: 0 50px;
background: linear-gradient( 135deg, #2a4b3f 0%, #4f7f69 50%, #78a789 100%);

}

.standard-green p {color: #FFF;
font-family: "Open-Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;}

 @media(max-width:760px){
  .internal-top{
                    
  padding: 20px 0;
}
 .internal-top-row {
     display:flex;
     flex-flow:column;
     align-items: flex-start;
     padding-bottom: 30px;
     /* display:none!important; */
 }
  .internal-top-row .btn-layout{
    /* justify-self: start; */
  }
}

.no-image .content-row.reverse {
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(153, 153, 153, 0.10) 100%);
    padding: 30px;
    margin-bottom: 40px;
}

 .section-white.scroll-section.leaf-bottom{
  position: relative;
  overflow: hidden;
}
.section-white.scroll-section.leaf-bottom > .container{
  position: relative;
  z-index: 2;  
}
.team-grid-section .grid .item .member-info { display: none }

section.section-white.scroll-section.leaf-bottom.team-values.team-page {
    padding-top: 0;
}
 
.section-leaf{
  position: absolute;
  right: -6%;
  bottom: -10%;
  z-index: 21;
  pointer-events: none;
  opacity: .04;
}
figure.bd-hero {
    justify-self: center;
}
.section-leaf img{
  width: clamp(520px, 60vw, 900px);
  max-width: none;
  height: auto;
  filter: grayscale(100%) brightness(1.06);
}

 @media (max-width: 700px){
  .section-leaf{
    right: auto;
    left: 50%;
    bottom: -8%;
    transform: translateX(-50%);
    opacity: .14;
  }
  .section-leaf img{
    width: 130vw;
  }
}

 .section-white.scroll-section.leaf-top .section-leaf{
  top: -10%;
  bottom: auto;
  right: -6%;
  left: auto;
  transform: none;
}
section.section-white.scroll-section.leaf-bottom .btn-layout {
    position: relative;
    /* display: flex; */
    justify-self: start;
}

.container.home.serve.no-image .standard p {
    color: var(--dark, #333);
    font-family: 'open-sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}

/* ===== Impact / Value ===== */
.impact-value{
  color:#fff;
  padding: 100px;
background: linear-gradient( 135deg, #2a4b3f 0%, #4f7f69 50%, #78a789 100%);

}

/* layout */
.iv-grid{
  display:grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 160px;
  align-items: center;
}

 
.iv-left h1{ margin:0 0 2px; }
.iv-left .h2-eyebrown{margin:0 0 10px;font-size: 40px;}
.iv-left .underline{
  display:block; width: 160px; height: 4px; border-radius:999px;
  background: linear-gradient(90deg, var(--blue, #12B6E1) 0%, var(--yellow, #FFE200) 100%);
}

 
.iv-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(14px, 2.4vw, 24px) clamp(71px, 3vw, 36px);
}
.iv-item{
  display: flex;
  grid-template-columns: 40px auto;
  flex-flow: column;
  gap: 12px;
  align-items:start;
}

 
.iv-item i{
  color: #75A185;
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
}

 .iv-left.underline {
    place-self: center;
}

i.fa-solid.fa-faucet-drip {
    font-size: 34px;
}
.iv-text{
  color: #FFF;
  font-family: 'open-sans';
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}

/* ===== Breakpoint 900px ===== */
@media (max-width: 900px){
  .impact-value{ padding: clamp(20px, 6vw, 36px); }
  .iv-grid{ grid-template-columns: 1fr; gap: 24px; }
  .iv-list{grid-template-columns: 1fr;column-gap: 0;row-gap: 14px;}
  .iv-item{grid-template-columns: 28px 1fr;align-items: center;text-align: -webkit-center;}
  .iv-item i{ font-size: 28px; }
  .iv-text{ font-size: 18px; }
}

/* ===== Breakpoint 520px ===== */
@media (max-width: 520px){
  .impact-value{/* padding: 16px 16px 24px; */}
  .iv-left .underline{ width: 120px; }
  .iv-item{grid-template-columns: 24px 1fr;gap: 10px;}
  .iv-item i{ font-size: 24px; }
  .iv-text{ font-size: 16px; }
}

@media (max-width: 980px){
.container.home.single.int .content-row {
	flex-flow:column-reverse;
	align-items: center;
}
}
.single.int .content-row {
    align-items: flex-start;
}

.single.int.center .content-row {
    
    align-items: center;
}
.single.int .content-row  img{height:100%;place-items: center;}
.process-section{
  padding: clamp(24px, 6vw, 72px) 0;
  text-align: center;
}

.process-section .underline{margin: 0 auto clamp(12px, 3vw, 24px);justify-self: center;}

.process-media{
  display: grid;
  place-items: center;
  margin-bottom: clamp(16px, 4vw, 28px);
}
.process-media img{
  width: 100%;
  height: auto;
  display: block;
  max-width: 1200px;
}

.process-section .btn-layout{
  margin: 0 auto;
  display: inline-flex;
  justify-content: center;
}

/* ===== Case Study Parallax ===== */
.case-parallax{
  position: relative;
  color: #fff;
  padding: 100px 0;
  overflow: hidden;
}

 .case-parallax .parallax-img{
  position:absolute;
  inset:0;
  width:120%;
  height:120%;
  object-fit:cover;
  transform:translateY(0);
}
.case-parallax::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.55) 100%),
    linear-gradient(90deg, #333 0%, #FFF 100%);
  mix-blend-mode: multiply; opacity:.85;
}

 .case-parallax .container{ position: relative; z-index: 2; }

 .cs-grid{
  display:grid;
  grid-template-columns: 0.80fr 1fr;
  gap: 50px;
  align-items: center;
}

 .cs-photo{
  margin:0;
  padding:0;
  border-radius: 14px;
  overflow:hidden;
  /* box-shadow: 0 18px 40px rgba(0,0,0,.35); */
  background: rgba(0,0,0,.2);
}
.cs-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  aspect-ratio: 1;
}

 .cs-copy{/* max-width: 520px; */display: flex;gap: 20px;margin-bottom: 50px;}
.cs-logo{display:block;width: 109px;height:auto;margin: 0 0 6px;}
.cs-copy .h2-eyebrown{/* margin: 4px 0 0; *//* opacity:.9; */color: #708a81;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;}
.cs-copy h3{ margin: 4px 0 10px; font-weight: 800; }
.cs-desc{margin: 0 0 16px;/* max-width: 48ch; */}

/* responsivo */
@media (max-width: 960px){
  .cs-grid{ grid-template-columns: 1fr; }
  .cs-photo{ max-width: 760px; margin: 0 auto; }
  .cs-copy{ text-align: left; }
}

@media (max-width: 520px){
  .cs-logo{ width: 120px; }
}

 /* ===== Partners Section ===== */
.partners-section{
  padding: clamp(28px, 6vw, 72px) 0;
  background-color: #F8F7F3!important;
}

 .partners-logos{
  margin-top: clamp(12px, 2vw, 20px);
  margin-bottom: clamp(18px, 4vw, 36px);
}
.container.home.serve {
    background: #f8f7f3;
}
 .partners-logos .swiper-wrapper{
  align-items: center;
}
.partners-logos .swiper-slide{
  width: 180px;                    
  padding: 8px clamp(10px, 2vw, 20px);
  display: grid;
  place-items: center;
}

 .partners-logos img{
  display: block;
  max-height: 116px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: none;
}

 
.partners-map-title{
  text-align: center;
  margin: 50px;
}
.partners-map-title p{
  margin: 0 0 6px;
  opacity: .75;
}
.partners-map-title h2{
  margin: 0;
}


 
.partners-map{
  display: grid;
  place-items: center;
}
.partners-map img{
  width: min(100%, 1230px);
  height: auto;
  display: block;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .partners-logos img{ max-height: 48px; }
.container.home.serve .content-row {padding:0;display:flex;flex-flow:column;align-items: center;}
.content-row .btn-layout {
    margin-bottom: 20px;

}
}
@media (max-width: 768px){
  .partners-logos img{ max-height: 42px; }
}
@media (max-width: 520px){
  .partners-logos img{ max-height: 36px; }
  .partners-logos .swiper-slide{ padding: 8px 12px; }
}

section.wwd.intern .serv.underline {
    text-align: center;
}

section.wwd.intern .wwd-card {
    padding-bottom: 60px;
}

 
.buy-parallax{
  position: relative;
  color:#fff;
  padding: clamp(28px, 6vw, 90px) 0;
  padding-bottom: 180px;
  overflow: hidden;
}
.buy-parallax .parallax-bg{/* position:absolute; *//* inset:0; *//* z-index:0; */}
.buy-parallax .parallax-img{
  position:absolute; inset:0;
  width:100%; height:120%; object-fit:cover; transform:translateY(0);
}
.buy-parallax::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(0deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.05) 100%),
              linear-gradient(90deg, #333 30%, #333 50%);
  mix-blend-mode: multiply; opacity:.65;
}
.buy-parallax .container{ position:relative; z-index:2; }
.buy-content{display:grid;gap: 10px;max-width:980px;margin:0 auto;text-align: center;}

/* FAQ list */
.faq-steps{ display:grid; gap:10px; }
.faq-item{
  /* background: rgba(0,0,0,.22); */
  /* border-radius: 10px; */
  overflow: hidden;
  backdrop-filter: saturate(120%) blur(1px);
  border-bottom: 1px solid var(--cream, #F8F7F3);
}
.faq-toggle{
  width:100%; display:grid; grid-template-columns:1fr auto; gap:12px;
  align-items:center; text-align:left; color:#fff;
  padding: clamp(12px,2.6vw,18px) clamp(14px,2.6vw,22px);
  background:transparent; border:0; cursor:pointer; font:inherit;
}
.faq-toggle .faq-q{font-weight:800;color: var(--cream, #F8F7F3);font-family: 'open-sans';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}
.faq-toggle i{ font-size:18px; }
.faq-answer{padding:0 clamp(14px,2.6vw,22px) clamp(12px,2.6vw,18px);display:none;color: var(--cream, #F8F7F3);font-family: 'open-sans';font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;text-align: left;}
.faq-answer[hidden]{ display:none !important; }

/* ===== Retrofit card + CTA (fora do parallax) ===== */
.buy-cta-section{
  position: relative;
  z-index: 3;                       /* acima do fluxo normal se sobrepor */
  margin-top: clamp(-90px, -8vw, -60px); /* “encaixa” sob o parallax */
  margin-bottom: 50px;
  /* background:  linear-gradient(180deg, #FFF 57.89%, var(--cream, #F8F7F3) 100%); */
}
.buy-cta{display:grid;justify-items:center;gap: 50px;}

.retrofit-card{
  width: min(1350px, 100%);
  border-radius: 12px;
  overflow:hidden;
  box-shadow: 0 16px 36px rgba(0,0,0,.35);
background: linear-gradient( 135deg, #2a4b3f 0%, #4f7f69 50%, #78a789 100%);
  
}
.retrofit-body{padding: 30px;color:#fff;}
.retrofit-kicker{display:block;font-weight:800;opacity:.95;margin-bottom:6px;color: #FFF;font-family: 'open-sans';font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;}
.retrofit-card h4{ margin:0 0 8px; }
.retrofit-card p{ margin:0; }

.buy-cta .btn-layout{ display:inline-flex; justify-content:center; }

.faq-answer p {
    color: var(--cream, #F8F7F3);
    font-family: 'open-sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.buy-content h3 {
    margin-bottom: 50px;
}
.retrofit-body h3 {
    margin: 10px 0;
}
 .wwd {/* padding: clamp(32px, 5vw, 64px) 0; */padding-bottom: 50px;}

 @media (max-width: 760px){
  .buy-cta-section{
    margin-top: -109px;               
  }
  .buy-cta{ justify-items: stretch; }
  .buy-cta .btn-layout{justify-self: center;}
}

/* ===== Benefits (namespaced) ===== */
.benefits2-section{
  padding: clamp(28px, 7vw, 96px) 0;
  background: #fff;
}
.benefits2-title{
  text-align: center;
  /* max-width: 1100px; */
  margin: 0 auto clamp(18px, 4vw, 28px);
  margin-bottom: 50px;
}

/* Accordion */
.bnf-acc{
  /* max-width: 960px; */
  margin: 0 auto;
}
.bnf-acc-item{
  border-bottom: 1px solid rgba(0,0,0,.12);
}
.bnf-acc-item:first-child{
  /* border-top: 1px solid rgba(0,0,0,.12); */
}

.bnf-acc-toggle{
  width: 100%;
  background: transparent;
  border: 0;
  color: #1a1a1a;
  cursor: pointer;
  padding: clamp(14px, 2.8vw, 18px) 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  text-align: left;
  gap: 10px;
  font: inherit;
}
.bnf-left{
  display: flex;
  /* grid-auto-flow: column; */
  gap: 10px;
  align-items: center;
}
.benefits2-section.process .bnf-left i{color: rgb(39, 84, 68);font-size:33px;}
.bnf-left i{color: rgb(73, 115, 93);font-size:18px;}
.bnf-q{font-weight: 800;color: rgb(73, 115, 93);font-family: 'open-sans';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}

.bnf-icon{color: rgb(73, 115, 93);font-size:18px;}

.bnf-acc-panel{
  display: none;
  padding: 0 0 clamp(14px, 2.4vw, 18px);
  color:#333;
}
.bnf-acc-panel[hidden]{ display:none !important; }

 
 .benefits2-cta{
        display: flex;
        margin: 25px 0 0 0;
        justify-self: center;
        text-align: center;
        display: inline-flex;
    
    }
 
.tp-left.underline .eyebrown.white {
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.testimonial-band .white.underline {
    font-size: 30px;
}

.tp-left.underline .para.white {
    color: #FFF;
    font-family: Montserrat;
    font-size: 30px;
     
}
@media (max-width: 640px){
  .benefits2-title{ text-align:left; }
  .benefits2-cta{ margin-left:0; }
}
section.testimonial-band .btn-layout.hollow {
    margin-top: 20px;
}
.testimonial-band{background: linear-gradient( 135deg, #2a4b3f 0%, #4f7f69 50%, #78a789 100%);padding: 100px 0;}

/* grade simples (2 colunas > desktop; 1 coluna no mobile) */
.testimonial-band .tp-grid{display:grid;grid-template-columns: 1.3fr 2fr;gap:clamp(16px,4vw,56px);align-items:center;}
@media (max-width:900px){ .testimonial-band .tp-grid{ grid-template-columns:1fr; } }

 /* ----- estrutura base do card branco ----- */
.team-values .content-card{
  position: relative;
  background:  linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(153, 153, 153, 0.10) 100%);
  border-radius: 18px;
  padding: clamp(18px, 3.2vw, 48px);
  margin: 0 0 clamp(28px, 5vw, 44px);
  overflow: hidden;
  /* box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.05); */
}
 
.team-page  .content-card{
  padding:0;
  background: none;
}
.content-card.team-block .tv-grid {
    align-items: center;
}

.content-card.team-block  .values-img{
  border-radius:0 50px!important;
	 
}
 
.team-values .tv-grid{
  display:grid;
  grid-template-columns: minmax(320px,1.1fr) minmax(280px,1fr);
  gap: clamp(16px,4vw,28px);
  align-items:start;
}
@media (max-width: 900px){
  .team-values .tv-grid{ grid-template-columns: 1fr; }
}

 
.team-values .tv-title{
  color:#648B55; /* verde da marca */
  font-weight: 800;
  margin: 0 0 6px;
}
.team-values .tv-kicker{
  margin: 4px 0 10px;
  color: var(--dark, #333);
  font-family: 'open-sans';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
}
.team-values .tv-rule{
  width: 160px; height: 3px; margin: 10px 0 18px;
  background: linear-gradient(90deg, #12B6E1 0%, #FFE200 100%);
  border-radius: 2px;
}

/* CTA central inferior */
.team-values .section-cta{ text-align:center; margin: -6px 0 clamp(18px,3vw,28px); }

/* ---- Team cards ---- */
.team-values .team-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 2vw, 18px);
}

.team-page  .team-grid{
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 40px;
}
@media (max-width: 820px){ .team-page  .team-grid{ grid-template-columns: 1fr 1fr; } }

@media (max-width: 520px){ .team-values .team-grid{ grid-template-columns: 1fr; } }

.team-values .team-card{
  display:block;
  /* background:#fff; */
  /* border:1px solid rgba(0,0,0,.08); */
  border-radius:14px;
  padding:12px;
  text-decoration:none;
}
.team-values .team-card img{
  width:100%; height:auto; display:block; border-radius:10px; object-fit:cover;
}
.team-values .team-card h4{
  margin:10px 0 2px;
  color: #75a185;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.team-values .team-card .role{
  display:block;
  color: var(--dark, #333);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* ---- Values panel + imagem ---- */
.team-values .values-panel{
  /* ajustes gerais */
  --raio: 15px;
  --largura-borda-esq: 84px;
  --fundo: transparent;
  --gradiente-borda: linear-gradient( 135deg, #2a4b3f 0%, #4f7f69 50%, #78a789 100%);
  border-radius: var(--raio);
  padding: 14px 16px;
  margin: 12px 0 16px;
  border: solid transparent;
  border-width: 0 0 0 var(--largura-borda-esq);
  background:
    linear-gradient(var(--fundo), var(--fundo)) padding-box,
    var(--gradiente-borda) border-box;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-repeat: no-repeat, no-repeat;
  background-position: left top, left top;
  background-size: auto, var(--largura-borda-esq) 100%;
}


 
 

.team-values .values-panel ol{
  margin:0; padding-left: 22px; line-height:1.45;
  font-weight:700; color:#333;
}
.team-values .values-img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  /* box-shadow: 0 8px 24px rgba(0,0,0,.06); */
}
.values-panel li {
    color: var(--dark, #333);
    font-family: 'open-sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 177.778% */
}

 .values-panel ul *, ol * {
   vertical-align: middle; 
}

@media (max-width: 780px){
.team-values .values-panel{
    /* border-left: 14px solid #648B55; */
    --largura-borda-esq: 24px;
}
   .values-panel li {
    
    font-size: 15px;
    
}
 }

 :root{
  --td-green:#648B55;
  --td-blue:#12B6E1;
  --td-yellow:#FFE200;
  --td-ink:#222;
  --td-muted:#666;
  --td-bg:#F7F7F4;
  --td-white:#FFF;
}

/*  base */
.td-section{/* background:var(--td-bg); *//* padding: clamp(28px,6vw,56px) 0; */}
.td-container{/* width:min(1100px, 92%); */margin:0 auto;}

/* card */
.td-card{
  /* background:var(--td-white); */
  border-radius:16px;
  /* box-shadow:0 1px 0 rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06); */
  padding: clamp(16px,3vw,26px);
}

/* back link */
.td-back{/* margin-bottom:8px; */}
.td-back-link{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  text-decoration:none;
  color: #75a185;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.td-back-link:hover{ text-decoration:underline; }
.td-back-ic{ width:18px; height:18px; }

/* grid */
.td-grid{
  display:grid;
  grid-template-columns: minmax(260px, 360px) 1fr;
  gap: clamp(16px,4vw,28px);
  align-items:start;
}
@media (max-width: 860px){
  .td-grid{ grid-template-columns: 1fr; }
}

/*  */
.td-media{ margin:0; }
.td-photo{
  display:block; width:100%; height:auto;
  border-radius:12px; object-fit:cover;
}

.td-name{
  margin:0; color:var(--td-green);
  font-size: clamp(28px, 3.6vw, 40px);
  line-height:1.15; font-weight:800;
}
.td-role{
  margin:.25rem 0 0; color:var(--td-muted);
  font-weight:600;
}
.td-underline{
  width:220px; height:3px; margin:12px 0 16px;
  background: linear-gradient(90deg, var(--td-blue) 0%, var(--td-yellow) 100%);
  border-radius:2px;
}
.td-bio p{
  margin:0 0 14px;
  color: var(--dark, #333);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}
a.btn-layout.news {
    display: flex;
    margin: 20px 0 50px 0;
    justify-self: center;
}
  .news-ribbon.interior-news{
  background: #F8F7F3;  
  color: #fff;
   
padding: 30px 0px;
}

/* layout */
.blog-details .bd-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr) 380px;
  gap: 50px;
  align-items:start;
}
@media (max-width: 980px){
  .blog-details .bd-grid{ grid-template-columns: 1fr; }
}

/* main */
.blog-details .bd-hero img{
  width: 1100px;
  height:auto;
  max-height: 700px;
  display:block;
  object-fit: cover;
  border-radius: 0 50px;
}
.blog-details .bd-body p{margin: 0 0 20px;line-height:1.6;color: var(--dark, #333);font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}

/* sidebar */
.blog-details .bd-heading{
  margin:0 0 10px;
  font-weight:800;
  color: var(--dark, #333);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}
.blog-details .bd-latest-list{
  list-style:none; margin:0; padding:0;
}
.blog-details .bd-latest-list li + li{ margin-top:14px; }
.blog-details .bd-latest-list a{
  text-decoration:none;
  display:inline-flex;
  gap:.5rem;
  align-items:flex-start;
  color: #75a185;
  font-family: 'open-sans';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
  margin-bottom: 14px;
}
.blog-details .bd-latest-list a:hover{ text-decoration:underline; }
.blog-details .bd-latest-list i{ margin-top:.2rem; }


 span.date-news {
    color: var(--dark, #333);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.benefits2-section.process .image-block {
    margin-top: 50px;
}

section.benefits2-section.process {
    background: #F8F7F3;
    padding-top: 0;
}

section.internal-top img {
    width: 100px;
}

/* Challenge full width acima do grid */
.case-long .cl-challenge{
  margin-bottom: clamp(12px, 2.5vw, 24px);
}

/* Grid com a foto alinhada ao topo do "Solution" */
.case-long .cl-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr) 460px; /* texto | imagem */
  gap: clamp(16px, 4vw, 32px);
  align-items:start; /* alinha topo da imagem com topo do bloco "Solution" */
}
@media (max-width: 980px){
  .case-long .cl-grid{ grid-template-columns:1fr; }
}

/* Tipografia/listas (mesmo de antes) */
.case-long .cl-text h3{ margin:0 0 8px; font-weight:800; }
.case-long .cl-text p{ margin:0 0 14px; line-height:1.6; }
.case-long .cl-sub{ font-weight:700; margin-top:8px; }
.case-long .sub{ font-size:.85em; vertical-align:baseline; }

.case-long .cl-list{ margin:0 0 14px; padding-left:1.1rem; list-style:disc; }
.case-long .cl-list li{margin: 6px 0 0 20px;color: var(--dark, #333);font-family: Montserrat;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}

/* Imagem */
.case-long .cl-media{ margin:0; }
.case-long .cl-media img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio: 1;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  object-fit:cover;
}

.case-long h3 {
    color: var(--dark, #333);
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px!important;
}

section.section-white.case-long p {
    color: var(--dark, #333);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

p.p-who {
    color: var(--yello2, #FFE200);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
    line-height: normal;
}

.truck-metrics{padding: 50px 0;background: #FFF;}

section.section-white.truck-metrics {}

.truck-metrics .metrics-grid{
  display: flex;
  justify-content: center;
  gap: 150px;
  align-items: center;
  place-content: space-evenly;
}
@media (max-width: 820px){
  .truck-metrics .metrics-grid{flex-flow:column;text-align:center;gap: 50px;}
.truck-metrics .metric-head{ justify-self:center;
}
}

.truck-metrics .metric-head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
  font-weight: 800;
  font-size: 40px;
  color: #648B55; /* brand green */
}
.truck-metrics .metric-ic{width: 40px;height: auto;display: block;}
.truck-metrics .metric-value{line-height: 1;color: var(--green2, #648B55);font-family: Montserrat;font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;}

.truck-metrics .metric-sub{
  margin: 0;
  color: var(--dark, #333);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cards-header-intern {
    margin-top: 50px;
}

.cards-header-intern h1 {
    text-align: left!important;
    justify-self:left!important;
    width: 100%;
}

.cards-header-intern h3 {
    margin:20px 0;
}

.cards-header-intern p {
    margin-bottom:20px;
}

 .cs-bridge { padding: 18px 0 92px; }  
.cs-bridge .cs-bridge-wrap{ position:relative; }
.cs-bridge .cs-bridge-img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 0 50px;
  object-fit:cover;
}

 .cs-bridge .cs-bridge-title{
  position:absolute;
  left:50%;
  bottom:-56px;
  transform: translateX(-50%);
  background:#fff;
  border-radius: 22px;
  padding: 25px 50px;
  width: min(500px, 88%);
  text-align:center;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

 

 .cs-bridge .cs-kicker{
  margin:0 0 6px;
  color: var(--dark, #333);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cs-bridge .cs-heading{
  margin:0;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  color: var(--green2, #648B55);
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
 

@media (max-width: 680px){
  .cs-bridge { padding-bottom: 84px; }
  .cs-bridge .cs-bridge-title{ bottom:-48px; padding:18px 20px 22px; }
  .cs-bridge .cs-bridge-title::before{ width:180px; height:56px; top:-28px; }
}
 .cs-bridge{ overflow: visible; }

 

 
@media (max-width: 780px){
.cs-bridge .cs-bridge-img{ height:200px}
  .cs-bridge{padding-bottom: 44px;}
  .cs-bridge .cs-bridge-title{
    bottom: -34px;
    width: 74%;
    padding: 12px 14px;
    border-radius: 14px;
  }
  .cs-bridge .cs-kicker{ font-size: 16px; }
  .cs-bridge .cs-heading{ font-size:18px }
}

 .list-caret{
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-caret li{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0 0 18px;
  color: var(--dark, #333);
  font-family: 'open-sans';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
.cs-bridge .list-caret {
    margin-top: 80px;
}
.list-caret li::before{
  content: "\f0da";                 
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  color: var(--dark, #333);
  flex: 0 0 auto;
  margin-top: 4px;                 
}


 @media (max-width: 640px){
  .list-caret li{ margin-bottom: 16px; }
}


 section.internal-top.background{
  position: relative;
  padding-bottom: 400px;
  overflow: hidden;
}

.internal-top .back-img{ position: relative; }
.internal-top .back-img .internal-top-left{ position: relative; z-index: 1; }

 .internal-top .back-img .topic-bleed-bg{
  position: absolute;
  left: 50%;
  bottom: -400px;
  transform: translateX(-50%);
  width: 100vw;             
  max-width: none;
  height: 400px;
  object-fit: cover;
  object-position: center;
  opacity: .9;             
  border-radius: 0;        
  pointer-events: none;
  z-index: 0;

   -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to top, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
}

 section.internal-top.background h4{ margin: 30px 0 15px; }
section.internal-top.background h3{ margin-bottom: 25px; }
section.internal-top.background p { margin-bottom: 24px; }

/* responsivo */
@media (max-width: 820px){
  section.internal-top.background{
    padding-bottom:300px;
  }
  .internal-top .back-img .topic-bleed-bg{
    height: 300px;
  }
}
@media (max-width: 480px){
  section.internal-top.background{
    padding-bottom: 220px;
  }
  .internal-top .back-img .topic-bleed-bg{
    height: 220px;
  }
}

 .rng-section{ padding: clamp(24px, 5vw, 56px) 0; }

.rng-section .rng-grid{
  display:grid;
  grid-template-columns: minmax(220px, 34%) 1fr; /* título | texto */
  gap: clamp(14px, 3vw, 40px);
  align-items:center;
}

 
 
/* responsivo */
@media (max-width: 900px){
  .rng-section .rng-grid{ grid-template-columns: 1fr; align-items:start; }
  .rng-section h3::after{ width: 180px; }
}

 
.buy-parallax.bear .buy-content{
  display: grid;
  grid-template-columns: 1fr minmax(300px, 520px);
  column-gap: clamp(16px, 4vw, 32px);
  align-items: start;
}

 .buy-parallax.bear .buy-content > h2,
.buy-parallax.bear .buy-content > h3{
  grid-column: 1;
}

 .buy-parallax.bear .faq-steps.mfaq-right{
  grid-column: 2;
  width: 100%;
}

.buy-content.bear {
    grid-template-columns: 1fr minmax(100%, 100%);
    place-items: flex-end;
    /* max-width: 50%; */
    max-width: 100%;
    padding-right: 20px;
}

.faq-steps.mfaq-right i {
    color: #708a81;
}
/* mobile: volta para uma coluna */
@media (max-width: 840px){
  .buy-parallax.bear .buy-content{
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .buy-parallax.bear .faq-steps.mfaq-right{
    grid-column: 1;
  }
}

 .buy-parallax.bear .buy-content{
  display: grid;
  grid-template-columns: 1fr minmax(300px, 520px);
  column-gap: clamp(16px, 4vw, 32px);
  align-items: start;
}
 

 @media (max-width: 840px){
  .buy-parallax .buy-content{
    grid-template-columns: 1fr;
    row-gap: 12px;
    justify-self: center;
  }
  .buy-parallax .faq-steps.mfaq-right{ grid-column: 1; }
  .buy-parallax .faq-steps.mfaq-right .faq-toggle{
    padding: 14px 0;
    font-size: clamp(18px, 5vw, 22px);
  }
  .buy-parallax .faq-steps.mfaq-right .faq-answer{
    max-width: none;
    padding: 8px 0 14px;
  }
}
section.buy-parallax.parallax.bear {
    padding-bottom: 80px;
}
 
section.buy-cta-section.methane {
    margin-top: 0;
}

.sidebyside {
    display: flex;
    gap: 20px;
}

 @media (max-width: 760px){
  .sidebyside {flex-flow:column;
              justify-self:center;
   gap:20px}
 }

 /* seção base */
.ci-explainer{ position:relative; padding: clamp(24px,5vw,56px) 0; overflow:hidden; }

/* intro */
 
 .ci-explainer .ci-grid{
  display:grid;
  grid-template-columns: minmax(220px, 28%) repeat(3, 1fr);
  gap: clamp(16px, 3vw, 36px);
  align-items:start;
  margin-top: 25px;
}

/* coluna esquerda */
.ci-left .ci-hash{
  display:inline-block;
  color: var(--green2, #648B55);
  font-family: "Font Awesome 6 Pro";
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.ci-left .ci-title{
  margin:.2rem 0 0;
  color:#333;
  font-weight:800;
  font-size: clamp(26px, 3.6vw, 40px);
  line-height:1.15;
}
.ci-left .ci-underline{
  display:block;
  width: clamp(140px, 28vw, 320px);
  height: 3px;
  margin-top: 12px;
  border-radius: 2px;
  background: linear-gradient(90deg, #12B6E1 0%, #FFE200 100%);
}

/* métricas */
.ci-metric{ text-align:center; }
.ci-value{
  margin-bottom: 6px;
  color: var(--green2, #648B55);
  font-family: "Open Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ci-label{
  color: var(--dark, #333);
  text-align: center;
  font-family: 'open-sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

 
.ci-note{ margin-top: clamp(18px, 3vw, 28px); }

 
@media (max-width: 980px){
  .ci-explainer .ci-grid{ grid-template-columns: 1fr; text-align:left; }
  .ci-metric{text-align: center;}
  .ci-label br{ display:none; }
}

.ci-left h2 {font-size: 40px;}
section.buy-cta-section.methane .retrofit-card {
    width: 100%;
}

section.impact-value.intern .iv-grid {
    display: flex;
    flex-flow: column;
    gap: 90px;
    width: 100%;
}

section.impact-value.intern .iv-list {
    display: flex;
    gap: 80px;
}

section.impact-value.intern .iv-item {
    display: flex;
    gap: 10px;
    /* justify-content: space-around; */
}
span.yellow-text {
    color: #fff;
    font-family: 'open-sans';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
i.fa-solid.fa-folders {
    font-size: 34px;
}
@media (max-width: 980px){
section.impact-value.intern .iv-list {
     flex-flow:column;
    gap:40px;
}
span.yellow-text {
    font-size: 30px;

}

}

 
.process-section {padding: 100px 0;}

.process-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 4vw, 56px) clamp(22px, 4vw, 56px);
  align-items: start;
}

 
.process-item{
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 16px;
  align-items: start;
}

 .process-num{
  font-size: 40px;              
  line-height: 1;
}
.process-num .fa-circle{color: #708a81;}   
.process-num .fa-1,
.process-num .fa-2,
.process-num .fa-3,
.process-num .fa-4,
.process-num .fa-5{ color:#fff; }
 .process-grid > .process-item:last-child:nth-child(odd){
    grid-column: 1 / -1;        }

.process-body h3 {
    color: var(--green2, #648B55);
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-align: left;
}

.process-body p {
    color: var(--dark, #333);
    font-family: 'open-sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
}
@media (max-width: 980px){
  .process-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 580px){
  .process-item{ grid-template-columns:none ;gap:20px }
}
.video-embed{padding: 0 0 100px;}
.video-embed .yt-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  max-width: 850px;
  margin: auto;
}
.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;
}

section.wwd.intern.cream.impact h3 {
    color: #333;
    text-align: left;
    /* margin-bottom: 100px; */
}

.container.home.serve.no-image.impact h3 {
    margin-bottom: 20px;
}

.container.home.serve.no-image.impact p {
    margin-bottom: 20px;
}

.container.home.serve.no-image.impact img {
    max-height: 600px;
    object-fit: cover;
    /* width: 100%; */
    justify-self: center;
}

section.wwd.impact h1 {
    justify-self: center;
    color: var(--brand-gradient, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
section.wwd.impact h2 {
    margin-top: 50px;
    justify-self: center;
    color: var(--dark, #333);
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

/* Contact layout */
.contact-section{padding: 0;}

.contact-grid{
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 50px;
  align-items: start;
}

/* Left info */
.contact-info h3{ margin: 0 0 16px; }
.contact-list{ list-style: none; margin: 0 0 12px; padding: 0; }
.contact-list li{
  display: flex; align-items: center; gap: 10px;
  margin: 10px 0;
}
.contact-list i{
  color: #75a185;       
  font-size: 20px;
  line-height: 1;
  width: 22px;
  text-align: center;
}
.contact-list a{ color: inherit; text-decoration: none; }
.contact-list a:hover{ text-decoration: underline; }

.contact-social{display: flex;gap: 2px;margin-top: 8px;}
.contact-social a{
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* border-radius: 50%; */
  /* border: 1px solid rgba(0,0,0,.08); */
}
.contact-social i{ color:#75a185; }

 .contact-form{width: 100%;justify-self: center;}

/* Responsivo */
@media (max-width: 900px){
  .contact-grid{ grid-template-columns: 1fr; }
}

ul.contact-list li {
    color: var(--blue2, #75a185);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contact-social i {
    font-size: 20px;
}

aside.contact-info p {
    margin-bottom: 30px;
}

section.testimonial-parallax.parallax.not-t.team {
    /* padding-bottom: 440px; */
    height: 600px;
}

section.testimonial-parallax.parallax.not-t.team .tp-grid {
    align-items: center;
    margin-top: 85px;
}

section.testimonial-parallax.parallax.not-t.team::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(0deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.15) 100%),
    linear-gradient(90deg, #333 0%, #333 50%);  
  mix-blend-mode: multiply;                              
  opacity:.65;
}

section.testimonial-parallax.parallax.not-t.team .tp-quote {
    color: #FFF;
    font-family: 'open-sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
   
}

.team-why{ padding: clamp(28px,5vw,64px) 0; }

.reasons-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(22px,3.5vw,40px) clamp(24px,4vw,60px);
  align-items:start;
  margin-top: 50px;
}

 
.reason-item{
  display:grid;
  grid-template-columns: auto 1fr;
  column-gap: 16px;
  align-items:start;
}

 
.reason-num{ font-size: 44px; line-height: 1; }
.reason-num .fa-circle{color: #708a81;}
.reason-num .fa-1,
.reason-num .fa-2,
.reason-num .fa-3,
.reason-num .fa-4,
.reason-num .fa-5{ color:#fff; margin-top: 17px; }

/* responsivo */
@media (max-width: 1100px){
  .reasons-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  section.testimonial-parallax.parallax.not-t.team .tp-grid {
    align-items: center;
    margin-top: 0px;
}
}
@media (max-width: 680px){
  .reasons-grid{ grid-template-columns: 1fr; }
}
.reason-body h3 {
    color: var(--green2, #648B55);
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 10px;
}

section.section-white.team-why h2 {
    justify-self: center;
}
section.wwd.intern.cream.impact.team p {
    color: var(--dark, #333);
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
margin:20px 0;
}

section.wwd.intern.cream.impact.team .bold {
  color: var(--dark, #333);
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

/* --- Banner de vagas --- */
.jobs-section { padding: clamp(22px, 4vw, 48px) 0; }

.jobs-section .job-hero{
  margin: 0 0 18px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.jobs-section .job-hero img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  /* aspect-ratio: 16 / 6; */ /* ajusta a altura do banner */
}
.jobs-section .job-hero::after{
  /* overlay para dar contraste ao texto */
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.15) 60%, rgba(0,0,0,0) 100%);
}
.jobs-section .job-hero-text{
  position:absolute;
  inset:0;
  display:flex;
  align-items: center;
  justify-content:flex-start;
  padding: clamp(14px, 3vw, 54px);
  z-index: 1;
}
.jobs-section .job-hero-text h3{
  margin:0; color:#fff; font-weight:800; line-height:1.25;
  font-size: clamp(20px, 2.8vw, 28px);
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}

/* --- Lista de vagas --- */
.jobs-heading{ margin: 14px 0; }

.jobs-list{
  display:block;
  /* border-top: 1px solid rgba(18,182,225,.35); */
}
.jobs-list .job-row{
  display: flex;
  justify-content: space-between;
  grid-template-columns: 1fr auto 24px;   
  align-items:center;
  gap: 14px;
  padding: 14px 6px;
  border-bottom: 1px solid rgba(18,182,225,.35);
  text-decoration:none;
  color: inherit;
  transition: background .15s ease, padding-left .15s ease;
}
.jobs-list .job-row:hover{
  background: rgba(18,182,225,.06);
  padding-left: 8px;
}
.jobs-list .job-title{
 
  color: var(--blue2, #12B6E1);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.jobs-list .job-meta{
  display:flex;
  gap: 18px;
  flex-wrap: wrap;
  color: var(--dark, #333);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.jobs-list .job-meta i{ margin-right:6px; color:#333; opacity:.8; }
.jobs-list .job-arrow{color:#1e7bb6;color: var(--blue2, #12B6E1);font-family: "Font Awesome 6 Pro";font-size: 18px;font-style: normal;font-weight: 900;line-height: normal;}
.job-metas {
    display: flex;
    gap: 20px;
}
/* --- Mobile --- */
@media (max-width: 940px){
  .jobs-section .job-hero img{ aspect-ratio: 16/9; }
.job-metas {  flex-flow:column;
}
  .jobs-list .job-row{
    display:flex;
    align-items: flex-start;
    flex-flow:column;
    grid-template-columns: 1fr 24px;
    grid-template-rows: auto auto;
  }
  .jobs-list .job-meta{
    display:grid;
    grid-column: 1 / -1;
    margin-top: 4px;
    font-weight:500;
  }
}


/* seção base */
.env-benefits{ padding: clamp(24px, 5vw, 56px) 0; }

/* grid: lista | CTAs */
.env-grid{
  display:grid;
  grid-template-columns: minmax(420px, 1fr) minmax(240px, 360px);
  gap: clamp(18px, 4vw, 48px);
  align-items: start;
}

 
 
.env-list{
  margin: 0;
  padding-left: 1.2em;       
  list-style: disc;
}
.env-list li{
  margin: 18px 0;
  line-height: 1.65;
  font-size: clamp(16px, 2vw, 20px);
  color: var(--dark, #333);
}

 
.env-cta{
  display:flex;
  flex-direction: column;
  gap: 42px;
  margin-top: 50px;
  align-items: flex-start;
}
 
 .env-left .bold {
    color: var(--dark, #333);
    font-family: 'open-sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    margin-bottom: 50px;
}

.standard .bold {
    color: var(--dark, #333);
    font-family: 'open-sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    margin-bottom: 30px;
}

/* mobile */
@media (max-width: 900px){
  .env-grid{ grid-template-columns: 1fr; }
  .env-cta{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
  }
  .env-btn{ padding: 14px 18px; }
}

.whatis {
    justify-self: center;
    margin-top: 50px;
}

/* ===== Virtual Pipeline Benefits ===== */
.vpl-benefits{ padding: clamp(20px, 4.5vw, 56px) 0; }

.vpl-list{
  counter-reset: vpl;
  margin: 0 0 clamp(16px, 3vw, 28px);
  padding: 0;
  list-style: none;
}
.vpl-list > li{
  margin: 0 0 clamp(18px, 2.6vw, 30px);
}
.vpl-list > li > h4{
  /* título do tópico “1…7” */
  margin: 0 0 20px;
  position: relative;
  color: var(--dark, #333);
  font-family: 'open-sans';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
}
.vpl-bullets{
  margin: 0;
  padding-left: 1.1em;
  list-style: disc;
}
.vpl-bullets li{
  margin: 10px 0;
  line-height: 1.66;
  color: var(--dark, #333);
  color: var(--dark, #333);
  font-family: 'open-sans';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.vpl-bullets li strong{font-weight: 700;}
.vpl-bullets li:last-child{margin-bottom:50px}
 .vpl-cta{ margin-top: clamp(16px, 3vw, 24px); }

/* ===== Responsivo ===== */
@media (max-width: 760px){
  .vpl-list > li{ margin-bottom: 18px; }
  .vpl-bullets li{ margin: 8px 0; }
}

h2.green.innovatine-center {justify-self: center;}

/* ===== Uses of Liquid CO2 ===== */
.co2-uses{
  padding: clamp(24px, 5vw, 64px) 0;
}

 .co2-grid{
  margin: 50px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(18px,3vw,36px) clamp(22px,4vw,56px);

   max-width: 1100px;
  justify-self: center;
}

.co2-item{
  /* base ~300px garante 3 por linha em desktop, 2 quando faltar espaço */
  flex: 1 1 300px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.co2-item h4{
  margin: 10px 0 0;
  color: var(--green, #648B55);
  font-weight: 800;
  line-height: 1.25;
  font-size: clamp(18px,2.2vw,24px);
}

/* ícone circular amarelo */
.co2-icon{
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: #FFE200;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.co2-icon i{
  font-size: 28px;
  color:#fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* diagrama/imagem final */
.co2-flow{
  margin-top: clamp(8px,2.2vw,16px);
  display:flex;
  justify-content:center;
}
.co2-flow img{
  max-width: 1100px;
  width: 100%;
  height: auto;
  display:block;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.06));
}

/* ===== Responsivo ===== */
@media (max-width: 620px){
  .co2-item{ flex-basis: 100%; max-width: 100%; }
  .co2-icon{ width: 68px; height: 68px; }
  .co2-icon i{ font-size: 24px; }
}

section.section-white.co2-uses h2 {
    justify-self: center;
}

/* ===== H2S Improvements (última sessão) ===== */
.h2s-improvements{padding: clamp(26px,5vw,64px) 0;background: #FFF;}

 
.h2s-improvements .impr-intro h4{
  margin: 0 0 50px;
  color: var(--dark, #333);
  font-family: 'open-sans';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
}
.h2s-improvements .impr-intro p{
  margin: 0 0 22px;
  line-height: 1.65;
  color: var(--dark, #333);
}
 
.h2s-improvements .impr-grid{
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(340px, 1.2fr);
  gap: clamp(16px, 4vw, 28px);
  align-items: start;
  margin-top: 50px;
}

 
.h2s-improvements .impr-left{
  /* background: #fff; */
  /* border: 1px solid rgba(18,182,225,.28); */   /* azul clarinho do tema */
  border-radius: 12px;
  /* padding: clamp(14px, 2.6vw, 20px); */
  /* box-shadow: 0 6px 18px rgba(0,0,0,.04); */
}
.h2s-improvements .impr-left p{ margin: 0 0 14px; }
.h2s-improvements .impr-left .btn-layout{margin-top: 50px;margin-bottom: 20px;}

 
.h2s-improvements .impr-figure{
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(18,182,225,.28);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}
.h2s-improvements .impr-figure img{
  display: block;
  width: 100%;
  height: auto;
}

/* responsivo */
@media (max-width: 900px){
  .h2s-improvements .impr-grid{ grid-template-columns: 1fr; }
  .h2s-improvements .impr-figure{ order: 2; }  /* texto primeiro, imagem depois */
}

section.section-white.scroll.single.error .btn-layout {
    margin-top: 20px;
}
section.section-white.blog-details {
    padding-top: 0;
}
section.section-white.case-long {
    padding-top: 0;
}
section.section-white.contact-section {
    padding-bottom: 50px;
}

/* Modal */
body.modal-active {
	overflow: hidden;
}
.modal {
	display: block;
	z-index: 999999;
	position: fixed;
	overflow-y: scroll;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: rgba(0, 0, 0, 0.80);
	transition: opacity .4s ease;
}
.modal:not(.active) {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .3s ease;
}
.modal .modal-content {
	max-width: 1140px;
	margin: 50px auto;
	padding: 0 20px;
	text-align: right;
}
.modal .modal-content .close-modal {
	display: inline-block;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 28px 0;
	text-decoration: none!important;
	transition: all .3s ease;
}
.modal .modal-content .close-modal:hover {
	opacity: .6;
}
.modal .modal-content .modal-body {
	text-align: left;
	padding: 30px;
	border-radius: 8px;
	background: var(--gray, #EBE8E5);
}
/* Custom body */
.modal .modal-content .modal-body {
	display: flex;
	gap: 30px;
	justify-content: space-evenly;
}
.modal .modal-content .modal-body .photo {
	width: 100%;
	max-width: 300px;
}
.modal .modal-content .modal-body .photo img {
	border-radius: 8px;
}
.modal .modal-content .modal-body .bio {
	width: calc(100% - 330px);
}
.modal .modal-content .modal-body .bio p {
	color: var(--darker-text, #525252);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	margin: 0 0 22px;
}
.modal .modal-content .modal-body .bio h2 {
	color: #75a185;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.modal .modal-content .modal-body .bio h2 + p {
	color: var(--darker-text, #525252);
	margin: 5px 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 3.2px;
	text-transform: uppercase;
}
.modal .modal-content .modal-body .bio .company {
	color: var(--darker-text, #525252);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 30px;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.modal .modal-content .modal-body {
		flex-direction: column;
	}
	.modal .modal-content .modal-body .photo img,
	.modal .modal-content .modal-body .bio {
		width: auto;
		max-width: 100%;
	}
}

@media (min-width: 1920px) {
	.modal .modal-content {
		max-width: 1440px;
	}
	.modal .modal-content .modal-body .bio h2 {
		font-size: 29px;
	}
	.modal .modal-content .modal-body .bio h2 + p,
	.modal .modal-content .modal-body .bio .company,
	.modal .modal-content .modal-body .bio p {
		font-size: 22px
	}
}

.member-info {
    display: none;
}