/* Etapas da metodologia. */
.bonsa-mtd {
  --mt-bg:#edece8;
  --mt-card:#dedad1;
  --mt-text:#141d1f;
  --mt-sub:#4a5254;
  --mt-gold:#9f8368;
  --mt-line:rgba(20,29,31,.15);
  --mt-stroke:#d8d6d2;
  --mt-ic-bg:#141d1f;
  --mt-ic-fg:#eeece8;
  background:var(--mt-bg);
  color:var(--mt-text);
  font-family:"Borna","Bona","Poppins",Arial,sans-serif;
  position:relative;
  z-index:2;
  overflow:hidden;
  padding:140px 0 120px;
  border-radius:40px 40px 0 0;
  width:auto !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw + var(--sbw,0px)/2) !important;
  margin-right:calc(50% - 50vw + var(--sbw,0px)/2) !important;
  margin-top:0 !important;
  margin-bottom:-1px !important;
  transition:background-color .9s ease, color .9s ease;
}
html.bonsa-dark .bonsa-mtd, body.bonsa-dark .bonsa-mtd {
  --mt-bg:#141d1f;
  --mt-card:#1e2828;
  --mt-text:#eeece8;
  --mt-sub:#c9c6c0;
  --mt-line:rgba(238,236,232,.15);
  --mt-stroke:#252c2d;
  --mt-ic-bg:#eeece8;
  --mt-ic-fg:#141d1f;
}
.bonsa-mtd * {
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
}
.bonsa-mtd *:focus, .bonsa-mtd *:active {
  outline:none;
}
.bonsa-mtd-inner {
  max-width:1240px;
  margin:0 auto;
  padding:0 40px;
}
.bonsa-mtd [data-lang-pt], .bonsa-mtd [data-lang-en] {
  transition:opacity .35s ease;
}
.bonsa-mtd-list {
  display:flex;
  flex-direction:column;
  gap:96px;
  position:relative;
}
.bonsa-mtd-list::before {
  content:"";
  position:absolute;
  left:60px;
  top:60px;
  bottom:60px;
  width:1px;
  background:var(--mt-line);
}
.bonsa-mtd-step {
  display:grid;
  grid-template-columns:120px 1fr;
  gap:48px;
  align-items:start;
  position:relative;
}
.bonsa-mtd-icon {
  width:120px;
  height:120px;
  border-radius:50%;
  background:var(--mt-ic-bg);
  color:var(--mt-ic-fg);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  will-change:transform;
  transition:background-color .9s ease, color .9s ease, transform .9s cubic-bezier(.2,.7,.2,1);
}
.bonsa-mtd-icon svg {
  width:62px;
  height:62px;
  display:block;
  overflow:visible;
}
.bonsa-mtd-icon svg path, .bonsa-mtd-icon svg circle, .bonsa-mtd-icon svg ellipse, .bonsa-mtd-icon svg rect {
  stroke-dasharray:var(--len,300);
  stroke-dashoffset:var(--len,300);
  transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1);
}
.bonsa-mtd-step.is-in .bonsa-mtd-icon svg path, .bonsa-mtd-step.is-in .bonsa-mtd-icon svg circle, .bonsa-mtd-step.is-in .bonsa-mtd-icon svg ellipse, .bonsa-mtd-step.is-in .bonsa-mtd-icon svg rect {
  stroke-dashoffset:0;
}
.bonsa-mtd-icon::after {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:50%;
  border:1px solid var(--mt-gold);
  opacity:0;
  transform:scale(.86);
  transition:opacity .6s ease, transform .8s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.bonsa-mtd-step.is-in .bonsa-mtd-icon::after {
  opacity:.55;
  transform:scale(1.12);
}
.bonsa-mtd-txt {
  padding-top:8px;
  min-width:0;
}
.bonsa-mtd-name {
  margin:0 0 14px;
  font-size:clamp(26px,2.4vw,34px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.4px;
  position:relative;
}
.bonsa-mtd-n {
  color:var(--mt-gold);
  margin-right:8px;
}
.bonsa-mtd-sub {
  margin:0 0 18px;
  font-size:clamp(17px,1.5vw,20px);
  font-weight:600;
  line-height:1.45;
  max-width:46ch;
  position:relative;
}
.bonsa-mtd-desc {
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:var(--mt-sub);
  max-width:62ch;
  position:relative;
}
.bonsa-mtd-step .bonsa-mtd-icon {
  opacity:0;
  transform:translateY(18px) scale(.92);
}
.bonsa-mtd-step.is-in .bonsa-mtd-icon {
  opacity:1;
  transform:none;
  transition:opacity .6s ease, transform .8s cubic-bezier(.2,.7,.2,1), background-color .9s ease, color .9s ease;
}
.bonsa-mtd-name, .bonsa-mtd-sub, .bonsa-mtd-desc {
  opacity:0;
  transform:translateY(16px);
  filter:blur(6px);
  transition:opacity .55s ease, transform .65s cubic-bezier(.2,.7,.2,1), filter .55s ease;
}
.bonsa-mtd-step.is-in .bonsa-mtd-name {
  opacity:1;
  transform:none;
  filter:none;
  transition-delay:.12s;
}
.bonsa-mtd-step.is-in .bonsa-mtd-sub {
  opacity:1;
  transform:none;
  filter:none;
  transition-delay:.22s;
}
.bonsa-mtd-step.is-in .bonsa-mtd-desc {
  opacity:1;
  transform:none;
  filter:none;
  transition-delay:.32s;
}
.bonsa-mtd-inner {
  transition:opacity .55s cubic-bezier(.4,0,.2,1), transform .55s cubic-bezier(.4,0,.2,1), filter .55s cubic-bezier(.4,0,.2,1);
}
.bonsa-mtd.bonsa-mtd-out .bonsa-mtd-inner {
  opacity:0;
  transform:translateY(12px);
  filter:blur(6px);
  pointer-events:none;
}
.bonsa-mtd.bonsa-mtd-out.bonsa-mtd-fast .bonsa-mtd-inner {
  transition-duration:.34s;
}
.bonsa-mtd.bonsa-mtd-noanim .bonsa-mtd-inner, .bonsa-mtd.bonsa-mtd-noanim .bonsa-mtd-inner * {
  transition:none !important;
  animation:none !important;
}
@media (max-width:1000px) {
  .bonsa-mtd {
    padding:120px 0 120px;
  }
  .bonsa-mtd-inner {
    padding:0 28px;
  }
  .bonsa-mtd-list {
    gap:72px;
  }
  .bonsa-mtd-list::before {
    left:48px;
  }
  .bonsa-mtd-step {
    grid-template-columns:96px 1fr;
    gap:32px;
  }
  .bonsa-mtd-icon {
    width:96px;
    height:96px;
  }
  .bonsa-mtd-icon svg {
    width:50px;
    height:50px;
  }
}
@media (max-width:560px) {
  .bonsa-mtd {
    padding:96px 0 92px;
    border-radius:28px 28px 0 0;
  }
  .bonsa-mtd-inner {
    padding:0 22px;
  }
  .bonsa-mtd-list {
    gap:54px;
  }
  .bonsa-mtd-list::before {
    display:none;
  }
  .bonsa-mtd-step {
    grid-template-columns:1fr;
    gap:20px;
  }
  .bonsa-mtd-icon {
    width:76px;
    height:76px;
  }
  .bonsa-mtd-icon svg {
    width:40px;
    height:40px;
  }
  .bonsa-mtd-txt {
    padding-top:0;
  }
}
@media (max-width:380px) {
  .bonsa-mtd-inner {
    padding:0 16px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .bonsa-mtd * {
    animation:none !important;
    transition:none !important;
  }
  .bonsa-mtd-icon, .bonsa-mtd-name, .bonsa-mtd-sub, .bonsa-mtd-desc {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .bonsa-mtd-icon svg * {
    stroke-dashoffset:0 !important;
  }
}