/* O que move a Bonsa. */
.bonsa-vals {
  --vl-gold:#9f8368;
  --vl-card:#dedad1;
  --vl-text:#141d1f;
  --vl-sub:#4a5254;
  --vl-stroke:#d8d6d2;
  --vl-icobg:#141d1f;
  --vl-dim-op:.62;
  --vl-dim-blur:1.4px;
  --vl-dim-scale:.985;
  background:transparent !important;
  color:var(--vl-text);
  font-family:"Borna","Bona","Poppins",sans-serif;
  padding:90px 22px 110px;
  position:relative;
  z-index:5 !important;
  isolation:isolate;
  clear:both;
  transition:color .9s ease;
}
html.bonsa-dark .bonsa-vals, body.bonsa-dark .bonsa-vals {
  --vl-card:#1e2828;
  --vl-text:#eeece8;
  --vl-sub:#c9c6c0;
  --vl-stroke:#252c2d;
  --vl-icobg:#eeece8;
  background:transparent !important;
}
.bonsa-vals * {
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent !important;
}
.bonsa-vals *:focus, .bonsa-vals *:focus-visible, .bonsa-vals *:active {
  outline:none !important;
  box-shadow:none !important;
}
.bonsa-vals ::selection {
  background:rgba(159,131,104,.28);
}
.bonsa-vals-grid, .bonsa-vals-card {
  pointer-events:auto !important;
}
.bonsa-exit-overlay:not(.on) {
  pointer-events:none !important;
  visibility:hidden !important;
}
.bonsa-pin-sticky:not(.is-fixed):not(.is-bottom) {
  pointer-events:none;
}
.bonsa-pin-wrap {
  pointer-events:auto;
}
.bonsa-vals-inner {
  max-width:1140px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
.bonsa-vals [data-lang-pt], .bonsa-vals [data-lang-en] {
  transition:opacity .28s ease;
}
.bonsa-vals.vl-lang-busy [data-lang-pt], .bonsa-vals.vl-lang-busy [data-lang-en] {
  opacity:0 !important;
}
.bonsa-vals.vl-lang-busy .bonsa-vals-title, .bonsa-vals.vl-lang-busy .bonsa-vals-card {
  animation:none !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
@keyframes vl-rise{
  from{opacity:0;transform:translateY(12px);filter:blur(6px)}
  to  {opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes vl-fall{
  from{opacity:1;transform:translateY(0);filter:blur(0)}
  to  {opacity:0;transform:translateY(10px);filter:blur(5px)}
}
.bonsa-vals-head {
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:56px;
}
.bonsa-vals-title {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.1vw,14px);
  margin:0;
  text-align:center;
  font-size:clamp(24px,3vw,32px);
  font-weight:600;
  line-height:1.25;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--vl-text);
  white-space:nowrap;
  opacity:1;
  transition:color .9s ease;
}
.bonsa-vals-title-txt {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  min-height:1.25em;
}
.bonsa-vals-title.vt-armed {
  opacity:0;
  transform:translateY(12px);
  filter:blur(6px);
  animation:none !important;
}
.bonsa-vals-title.vt-in {
  animation:vl-rise .7s cubic-bezier(.4,0,.2,1) both;
}
.bonsa-vals-title.vt-out {
  animation:vl-fall .45s cubic-bezier(.4,0,.2,1) both;
}
.bonsa-vals-bracket {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:clamp(13px,1.6vw,20px);
  height:clamp(26px,3.4vw,40px);
  flex:none;
}
.bonsa-vals-bracket svg {
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.bonsa-vals-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.bonsa-vals-card {
  background:var(--vl-card);
  border:1px solid var(--vl-stroke);
  border-radius:18px;
  padding:32px 30px 34px;
  display:flex;
  flex-direction:column;
  position:relative;
  z-index:1;
  transition:background .9s ease,border-color .9s ease, opacity .35s ease,filter .35s ease, transform .35s cubic-bezier(.34,1.4,.64,1);
}
.bonsa-vals-card.vc-armed {
  opacity:0;
  transform:translateY(12px);
  filter:blur(6px);
  animation:none !important;
  transition:none !important;
}
.bonsa-vals-card.vc-in {
  animation:vl-rise .65s cubic-bezier(.4,0,.2,1) both;
  animation-delay:var(--d,0ms);
}
.bonsa-vals-card.vc-out {
  animation:vl-fall .4s cubic-bezier(.4,0,.2,1) both;
  animation-delay:var(--d,0ms);
}
.bonsa-vals-ico {
  width:44px;
  height:44px;
  border-radius:50%;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:26px;
  background:var(--vl-icobg);
  color:var(--vl-card);
  transition:background .35s ease,color .35s ease,transform .5s cubic-bezier(.34,1.56,.64,1);
}
.bonsa-vals-ico svg {
  width:20px;
  height:20px;
}
.bonsa-vals-t {
  font-size:clamp(17px,1.6vw,20px);
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.2px;
  margin:0 0 12px;
  max-width:22ch;
  position:relative;
  min-height:1.3em;
}
.bonsa-vals-p {
  font-size:14px;
  line-height:1.6;
  color:var(--vl-sub);
  margin:0;
  max-width:44ch;
  position:relative;
  transition:color .9s ease;
}
.bonsa-vals-inner.bonsa-vals-out {
  opacity:0;
  transform:translateY(12px);
  filter:blur(6px);
  pointer-events:none;
  transition:opacity .5s cubic-bezier(.4,0,.2,1), transform .5s cubic-bezier(.4,0,.2,1), filter .5s ease;
}
.bonsa-vals-inner.bonsa-vals-out .bonsa-vals-ico {
  transition:none !important;
}
@media (min-width:561px) and (hover:hover) and (pointer:fine) {
  .bonsa-vals-grid.bonsa-vals-focusing .bonsa-vals-card {
    opacity:var(--vl-dim-op);
    filter:blur(var(--vl-dim-blur));
    transform:scale(var(--vl-dim-scale));
  }
  .bonsa-vals-grid.bonsa-vals-focusing .bonsa-vals-card.is-focus {
    opacity:1;
    filter:blur(0);
    transform:scale(1.02);
    z-index:3;
  }
  .bonsa-vals-card.is-focus .bonsa-vals-ico {
    background:var(--vl-gold);
    color:#fff;
    transform:scale(1.08) rotate(-6deg);
  }
}
.bonsa-vals.vl-can-focus .bonsa-vals-grid.bonsa-vals-focusing .bonsa-vals-card {
  opacity:var(--vl-dim-op);
  filter:blur(var(--vl-dim-blur));
  transform:scale(var(--vl-dim-scale));
}
.bonsa-vals.vl-can-focus .bonsa-vals-grid.bonsa-vals-focusing .bonsa-vals-card.is-focus {
  opacity:1;
  filter:blur(0);
  transform:scale(1.02);
  z-index:3;
}
.bonsa-vals.vl-can-focus .bonsa-vals-card.is-focus .bonsa-vals-ico {
  background:var(--vl-gold);
  color:#fff;
  transform:scale(1.08) rotate(-6deg);
}
.bonsa-vals-card.vc-in.is-focus, .bonsa-vals-card.vc-armed.is-focus {
  animation:vl-rise .65s cubic-bezier(.4,0,.2,1) both;
}
@media (max-width:900px) {
  .bonsa-vals-grid {
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:768px) {
  .bonsa-vals-head {
    margin-bottom:42px;
  }
  .bonsa-vals-title {
    font-size:clamp(20px,5.4vw,26px);
    gap:10px;
  }
  .bonsa-vals-bracket {
    width:14px;
    height:28px;
  }
}
@media (max-width:560px) {
  .bonsa-vals {
    padding:70px 22px 90px;
  }
  .bonsa-vals-head {
    margin-bottom:34px;
  }
  .bonsa-vals-title {
    font-size:clamp(18px,5.2vw,23px);
    gap:8px;
  }
  .bonsa-vals-bracket {
    width:12px;
    height:24px;
  }
  .bonsa-vals-grid {
    grid-template-columns:1fr;
    gap:16px;
  }
  .bonsa-vals-card {
    padding:26px 22px 28px;
  }
  .bonsa-vals-ico {
    margin-bottom:18px;
  }
  .bonsa-vals-scroll-fx .bonsa-vals-card:not(.vc-in):not(.vc-armed) {
    opacity:var(--vl-dim-op);
    filter:blur(var(--vl-dim-blur));
    transform:scale(.97);
    transition:opacity .45s ease,filter .45s ease,transform .45s cubic-bezier(.2,.7,.2,1);
  }
  .bonsa-vals-scroll-fx .bonsa-vals-card.is-active {
    opacity:1;
    filter:blur(0);
    transform:scale(1);
  }
  .bonsa-vals-scroll-fx .bonsa-vals-card.is-active .bonsa-vals-ico {
    background:var(--vl-gold);
    color:#fff;
  }
}
@media (max-width:380px) {
  .bonsa-vals {
    padding-left:16px;
    padding-right:16px;
  }
  .bonsa-vals-title {
    font-size:17px;
    gap:7px;
    letter-spacing:1px;
  }
  .bonsa-vals-bracket {
    width:11px;
    height:22px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .bonsa-vals * {
    animation:none !important;
    transition:none !important;
  }
  .bonsa-vals-card, .bonsa-vals-title {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .bonsa-vals-inner.bonsa-vals-out {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .bonsa-vals-ico {
    transform:none !important;
  }
}