/* Lista de serviços (acordeão). */
.bonsa-srv {
  --sv-bg:#edece8;
  --sv-card:#dedad1;
  --sv-text:#141d1f;
  --sv-sub:#4a5254;
  --sv-gold:#9f8368;
  --sv-line:rgba(20,29,31,.15);
  --sv-stroke:#d8d6d2;
  --sv-btn:#edece8;
  --sv-dim-op:.62;
  --sv-dim-blur:1.4px;
  --sv-dim-scale:.985;
  --sv-pad-top:200px;
  background:var(--sv-bg);
  color:var(--sv-text);
  font-family:"Borna","Bona","Poppins",Arial,sans-serif;
  padding:var(--sv-pad-top) 0 120px;
  position:relative;
  z-index:2;
  overflow:hidden;
  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;
  isolation:isolate;
  transition:background-color .9s ease, color .9s ease;
}
html.bonsa-dark .bonsa-srv, body.bonsa-dark .bonsa-srv {
  --sv-bg:#141d1f;
  --sv-card:#1e2828;
  --sv-text:#eeece8;
  --sv-sub:#c9c6c0;
  --sv-line:rgba(238,236,232,.15);
  --sv-stroke:#252c2d;
  --sv-btn:#141d1f;
}
.bonsa-srv * {
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent !important;
}
.bonsa-srv a, .bonsa-srv a:hover, .bonsa-srv a:focus, .bonsa-srv a:active, .bonsa-srv a:visited, .bonsa-srv button, .bonsa-srv button:hover, .bonsa-srv button:focus, .bonsa-srv button:active {
  color:inherit !important;
  text-decoration:none !important;
  outline:none !important;
  box-shadow:none !important;
  background-image:none !important;
}
.bonsa-srv button {
  -webkit-appearance:none;
  appearance:none;
}
.bonsa-srv *:focus, .bonsa-srv *:focus-visible, .bonsa-srv *:active {
  outline:none !important;
  box-shadow:none !important;
}
.bonsa-srv ::selection {
  background:rgba(159,131,104,.28);
}
.bonsa-srv-inner {
  max-width:1140px;
  margin:0 auto;
  padding:0 40px;
}
.bonsa-srv [data-lang-pt], .bonsa-srv [data-lang-en] {
  transition:opacity .35s ease;
}
.bonsa-srv-list {
  display:flex;
  flex-direction:column;
  gap:20px;
  margin-top:0;
}
.bonsa-srv-card {
  background:var(--sv-card);
  border:1px solid var(--sv-stroke);
  border-radius:22px;
  overflow:hidden;
  transition:background .9s ease,border-color .9s ease, opacity .35s ease,filter .35s ease, transform .35s cubic-bezier(.34,1.4,.64,1);
}
.bonsa-srv-head {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:transparent !important;
  border:0;
  cursor:pointer;
  color:inherit;
  font:inherit;
  padding:30px;
  min-height:96px;
  text-align:left;
}
.bonsa-srv-headtxt {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bonsa-srv-num {
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
  color:var(--sv-gold);
}
.bonsa-srv-name {
  font-size:clamp(22px,2.6vw,32px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.3px;
  text-transform:uppercase;
  display:inline-block;
  position:relative;
}
.bonsa-srv-btn {
  flex:0 0 auto;
  width:62px;
  height:62px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--sv-btn);
  border:1px solid var(--sv-stroke);
  color:var(--sv-text);
  transition:background .35s ease,color .35s ease,border-color .35s ease, transform .45s cubic-bezier(.34,1.56,.64,1);
}
.bonsa-srv-btn svg {
  width:22px;
  height:22px;
}
.bonsa-srv-card.is-focus .bonsa-srv-btn {
  background:var(--sv-gold);
  border-color:var(--sv-gold);
  color:#fff;
}
.bonsa-srv-card.is-open .bonsa-srv-btn {
  background:var(--sv-gold);
  border-color:var(--sv-gold);
  color:#fff;
  transform:rotate(90deg);
}
.bonsa-srv-body {
  height:0;
  overflow:hidden;
  transition:height .6s cubic-bezier(.7,0,.2,1);
}
.bonsa-srv-body-in {
  padding:0 30px 32px;
  opacity:0;
  transform:translateY(12px);
  filter:blur(6px);
  transition:opacity .45s ease .1s,transform .5s cubic-bezier(.2,.7,.2,1) .1s,filter .45s ease .1s;
}
.bonsa-srv-card.is-open .bonsa-srv-body-in {
  opacity:1;
  transform:none;
  filter:blur(0);
}
.bonsa-srv-info {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:26px;
}
.bonsa-srv-desc {
  font-size:15px;
  line-height:1.65;
  color:var(--sv-sub);
  margin:0;
  max-width:68ch;
  transition:color .9s ease;
}
.bonsa-srv-tags {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.bonsa-srv-tags>span {
  background:var(--sv-btn);
  border:1px solid var(--sv-stroke);
  border-radius:50px;
  padding:8px 18px;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  transition:background .9s ease,border-color .9s ease;
}
@media (min-width:561px) and (hover:hover) and (pointer:fine) {
  .bonsa-srv-list.sv-focusing .bonsa-srv-card {
    opacity:var(--sv-dim-op);
    filter:blur(var(--sv-dim-blur));
    transform:scale(var(--sv-dim-scale));
  }
  .bonsa-srv-list.sv-focusing .bonsa-srv-card.is-focus {
    opacity:1;
    filter:blur(0);
    transform:scale(1.02);
    position:relative;
    z-index:2;
  }
}
.bonsa-srv .sv-armed {
  opacity:0 !important;
  transition:none !important;
}
.bonsa-srv-inner.sv-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-srv-inner.sv-out .bonsa-srv-card, .bonsa-srv-inner.sv-out .bonsa-srv-btn {
  transition:none !important;
}
@media (max-width:1000px) {
  .bonsa-srv {
    --sv-pad-top:160px;
  }
  .bonsa-srv-inner {
    padding:0 28px;
  }
}
@media (max-width:560px) {
  .bonsa-srv {
    --sv-pad-top:120px;
    padding-bottom:92px;
    border-radius:28px 28px 0 0;
  }
  .bonsa-srv-inner {
    padding:0 22px;
  }
  .bonsa-srv-list {
    gap:16px;
  }
  .bonsa-srv-head {
    padding:24px 22px;
    min-height:80px;
  }
  .bonsa-srv-btn {
    width:48px;
    height:48px;
  }
  .bonsa-srv-body-in {
    padding:0 22px 26px;
  }
  .bonsa-srv-list.sv-open-fx .bonsa-srv-card:not(.is-open) {
    opacity:var(--sv-dim-op);
    filter:blur(var(--sv-dim-blur));
    transform:scale(.98);
  }
}
@media (max-width:380px) {
  .bonsa-srv-inner {
    padding:0 16px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .bonsa-srv * {
    transition:none !important;
    animation:none !important;
  }
  .bonsa-srv .sv-armed {
    opacity:1 !important;
  }
  .bonsa-srv-inner.sv-out {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}
