/* Variação 1 — Barras com texto */
.bserv-bars{--bserv-image-left:41%;--bserv-image-top:50%;--bserv-image-width:300px;position:relative;width:100%;box-sizing:border-box}.bserv-bars *{box-sizing:border-box}.bserv-list{position:relative;z-index:1;width:100%;display:block}.bserv-item{--bserv-bar-color:#20984a;position:relative;display:grid;grid-template-columns:86px minmax(270px,43%) minmax(260px,1fr) 72px;align-items:center;min-height:78px;border-top:1px solid rgba(0,0,0,.12);overflow:hidden;cursor:default;outline:none;color:#999;background:transparent;transition:color .28s ease}.bserv-item:last-child{border-bottom:1px solid rgba(0,0,0,.12)}.bserv-fill{position:absolute;inset:0;background:var(--bserv-bar-color);transform:translateY(101%);transform-origin:center bottom;transition:transform .52s cubic-bezier(.16,1,.3,1);z-index:0}.bserv-item.is-active .bserv-fill,.bserv-item:hover .bserv-fill,.bserv-item:focus-within .bserv-fill{transform:translateY(0)}.bserv-icon,.bserv-title,.bserv-description,.bserv-arrow{position:relative;z-index:2}.bserv-icon{width:86px;min-height:78px;display:flex;align-items:center;justify-content:center;padding:14px}.bserv-icon img{max-width:46px;max-height:46px;width:auto;height:auto;object-fit:contain;opacity:1;transition:opacity .22s ease,transform .22s ease}.bserv-title{font-size:clamp(20px,2vw,27px);font-weight:800;line-height:1.08;text-transform:uppercase;letter-spacing:.01em;color:#929292;transition:color .28s ease}.bserv-description{padding:0 18px 0 0;font-size:clamp(13px,1.05vw,15px);font-weight:400;line-height:1.25;color:#969696;transition:color .28s ease}.bserv-arrow{align-self:stretch;width:100%;min-height:78px;display:flex;align-items:center;justify-content:center;color:#8f8f8f;text-decoration:none!important;transition:color .28s ease,background-color .28s ease}.bserv-arrow svg{display:block;transform:rotate(0deg);transform-origin:center;transition:transform .34s cubic-bezier(.16,1,.3,1)}.bserv-arrow-link{cursor:pointer}.bserv-arrow-link:hover,.bserv-arrow-link:focus{color:#fff;text-decoration:none!important}.bserv-arrow-link:focus-visible{outline:2px solid currentColor;outline-offset:-8px}.bserv-item.is-active,.bserv-item:hover,.bserv-item:focus-within{color:#fff}.bserv-item.is-active .bserv-title,.bserv-item:hover .bserv-title,.bserv-item:focus-within .bserv-title,.bserv-item.is-active .bserv-description,.bserv-item:hover .bserv-description,.bserv-item:focus-within .bserv-description,.bserv-item.is-active .bserv-arrow,.bserv-item:hover .bserv-arrow,.bserv-item:focus-within .bserv-arrow{color:#fff}.bserv-item.is-active .bserv-arrow svg,.bserv-item:hover .bserv-arrow svg,.bserv-item:focus-within .bserv-arrow svg{transform:rotate(-45deg)}.bserv-item.is-active .bserv-icon img,.bserv-item:hover .bserv-icon img,.bserv-item:focus-within .bserv-icon img{transform:scale(1.02)}.bserv-fixed-image{position:absolute;left:var(--bserv-image-left);top:var(--bserv-image-top);width:var(--bserv-image-width);height:var(--bserv-image-width);aspect-ratio:1/1;overflow:hidden;line-height:0;transform:translate(-50%,-44%) scale(.92);z-index:5;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .28s ease,transform .36s cubic-bezier(.16,1,.3,1),visibility 0s linear .28s}.bserv-fixed-image.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity .28s ease,transform .36s cubic-bezier(.16,1,.3,1),visibility 0s}.bserv-fixed-image.is-changing{opacity:0;transform:translate(-50%,-50%) scale(.96)}.bserv-fixed-image img{display:block;width:100%!important;height:100%!important;min-width:100%;min-height:100%;max-width:none;object-fit:cover;filter:grayscale(1);box-shadow:0 14px 36px rgba(0,0,0,.18)}

/* Variação 2 — Barras altas */
.bserv2-bars{--bserv2-open-height:150px;--bserv2-image-width:180px;position:relative;width:100%;box-sizing:border-box}.bserv2-bars *{box-sizing:border-box}.bserv2-list{display:block;width:100%}.bserv2-item{--bserv2-bar-color:#20984a;position:relative;height:65px;min-height:65px;width:100%;overflow:hidden;outline:none;cursor:pointer;color:#9a9a9a;background:#fff;isolation:isolate;transition:height .48s cubic-bezier(.16,1,.3,1),color .25s ease}.bserv2-item+.bserv2-item{border-top:1px solid rgba(0,0,0,.04)}.bserv2-fill{position:absolute;inset:0;z-index:0;background:var(--bserv2-bar-color);transform:translateY(101%);transition:transform .48s cubic-bezier(.16,1,.3,1)}.bserv2-icon{position:absolute;z-index:3;left:10px;top:0;width:55px;height:75px;display:flex;align-items:center;justify-content:center}.bserv2-icon img{display:block;max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain;margin:0!important;transition:transform .25s ease}.bserv2-title{position:absolute;z-index:3;left:78px;right:12px;top:0;height:75px;display:flex;align-items:center;font-size:24px;font-weight:700;font-family:'Sora';line-height:1.15;text-transform:uppercase;color:#999;transition:color .25s ease,right .48s cubic-bezier(.16,1,.3,1)}.bserv2-image{position:absolute;z-index:2;top:0;right:0;width:var(--bserv2-image-width);height:100%;overflow:hidden;opacity:0;transform:translateX(24px);transition:opacity .28s ease .05s,transform .48s cubic-bezier(.16,1,.3,1)}.bserv2-image img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;filter:grayscale(1)}.bserv2-arrow{position:absolute;z-index:4;left:7px;bottom:7px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none!important;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .36s cubic-bezier(.16,1,.3,1)}.bserv2-arrow svg{display:block;transform:rotate(0deg);transform-origin:center;transition:transform .34s cubic-bezier(.16,1,.3,1)}.bserv2-arrow-link{cursor:pointer}.bserv2-arrow-link:hover,.bserv2-arrow-link:focus{color:#fff;text-decoration:none!important}.bserv2-arrow-link:focus-visible{outline:2px solid currentColor;outline-offset:-5px}.bserv2-item.is-active{height:var(--bserv2-open-height);color:#fff}.bserv2-item.is-active .bserv2-fill{transform:translateY(0)}.bserv2-item.is-active .bserv2-title{right:calc(var(--bserv2-image-width) + 16px);color:#fff}.bserv2-item.is-active .bserv2-icon img{transform:scale(1.03)}.bserv2-item.is-active .bserv2-image{opacity:1;transform:translateX(0)}.bserv2-item.is-active .bserv2-arrow{opacity:1;transform:translateY(0);pointer-events:auto}.bserv2-item.is-active .bserv2-arrow svg{transform:rotate(-45deg)}.bserv2-item:focus-visible{box-shadow:inset 0 0 0 2px currentColor}.bserv-empty{border:1px dashed #b8b8b8;padding:16px;color:#666;background:#fafafa}

@media(max-width:1024px){.bserv-item{grid-template-columns:72px minmax(210px,38%) 1fr 58px}.bserv-icon{width:72px}.bserv-description{font-size:13px}.bserv-arrow{min-height:78px}.bserv-fixed-image{width:min(var(--bserv-image-width),36vw);height:min(var(--bserv-image-width),36vw)}}
@media(max-width:768px){.bserv-bars{display:flex;flex-direction:column}.bserv-fixed-image{position:relative;left:auto;top:auto;order:-1;width:100%;height:auto;max-width:420px;aspect-ratio:1/1;overflow:hidden;margin:0 auto 18px;z-index:1;transform:translateY(10px) scale(.96)}.bserv-fixed-image.is-visible{transform:translateY(0) scale(1)}.bserv-fixed-image.is-changing{transform:translateY(0) scale(.96)}.bserv-item{grid-template-columns:62px 1fr 52px;min-height:82px}.bserv-title{grid-column:2;font-size:19px}.bserv-description{grid-column:2 / 4;padding:4px 12px 12px 0;font-size:13px}.bserv-arrow{grid-column:3;grid-row:1;min-height:82px}.bserv-icon{width:62px;grid-row:1 / span 2}.bserv-icon img{max-width:38px;max-height:38px}
.bserv2-bars{--bserv2-open-height:65px;--bserv2-image-width:0px}.bserv2-item,.bserv2-item.is-active{height:65px;min-height:65px}.bserv2-item+.bserv2-item{border-top:1px solid rgba(0,0,0,.09)}.bserv2-image,.bserv2-description{display:none!important}.bserv2-icon{left:8px;top:0;width:46px;height:65px}.bserv2-icon img{max-width:36px;max-height:36px}.bserv2-title,.bserv2-item.is-active .bserv2-title{left:56px;right:50px;top:0;height:65px;max-width:none;display:flex;align-items:center;font-size:17px;line-height:1.15;color:#111}.bserv2-arrow,.bserv2-item.is-active .bserv2-arrow{left:auto;right:2px;top:0;bottom:auto;width:48px;height:65px;opacity:1;transform:none;pointer-events:auto;color:#111}.bserv2-item.is-active .bserv2-title,.bserv2-item.is-active .bserv2-arrow{color:#fff}.bserv2-item.is-active .bserv2-arrow svg{transform:rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){.bserv-fill,.bserv-fixed-image,.bserv-arrow,.bserv-arrow svg,.bserv-title,.bserv-description,.bserv-icon img,.bserv2-item,.bserv2-fill,.bserv2-image,.bserv2-arrow,.bserv2-title,.bserv2-icon img,.bserv2-arrow svg{transition:none!important}}


/* Mobile compacto — aplica-se às duas variações */
@media screen and (max-width:768px){
  .bserv-bars,
  .bserv2-bars{
    display:block!important;
    width:100%!important;
  }

  .bserv-fixed-image,
  .bserv2-image,
  .bserv-description,
  .bserv2-description{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }

  .bserv-list,
  .bserv2-list{
    display:block!important;
    width:100%!important;
  }

  .bserv-item,
  .bserv-item.is-active,
  .bserv2-item,
  .bserv2-item.is-active{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.10)!important;
  }

  .bserv-item:last-child,
  .bserv2-item:last-child{
    border-bottom:1px solid rgba(0,0,0,.10)!important;
  }

  .bserv-fill,
  .bserv2-fill{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    transform:translateY(101%);
  }

  .bserv-item.is-active .bserv-fill,
  .bserv-item:focus-within .bserv-fill,
  .bserv2-item.is-active .bserv2-fill,
  .bserv2-item:focus-within .bserv2-fill{
    transform:translateY(0);
  }

  .bserv-icon,
  .bserv2-icon{
    position:absolute!important;
    z-index:3!important;
    left:8px!important;
    top:0!important;
    width:44px!important;
    height:64px!important;
    min-height:64px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .bserv-icon img,
  .bserv2-icon img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:34px!important;
    max-height:34px!important;
    margin:0!important;
  }

  .bserv-title,
  .bserv-item.is-active .bserv-title,
  .bserv2-title,
  .bserv2-item.is-active .bserv2-title{
    position:absolute!important;
    z-index:3!important;
    left:56px!important;
    right:48px!important;
    top:0!important;
    width:auto!important;
    height:64px!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    font-family:'Sora',sans-serif!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.15!important;
    text-transform:uppercase!important;
    color:#111!important;
  }

  .bserv-arrow,
  .bserv-item.is-active .bserv-arrow,
  .bserv2-arrow,
  .bserv2-item.is-active .bserv2-arrow{
    position:absolute!important;
    z-index:4!important;
    left:auto!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:48px!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    color:#111!important;
  }

  .bserv-arrow svg,
  .bserv2-arrow svg{
    width:28px!important;
    height:28px!important;
    transform:rotate(0deg);
  }

  .bserv-item.is-active .bserv-title,
  .bserv-item.is-active .bserv-arrow,
  .bserv-item:focus-within .bserv-title,
  .bserv-item:focus-within .bserv-arrow,
  .bserv2-item.is-active .bserv2-title,
  .bserv2-item.is-active .bserv2-arrow,
  .bserv2-item:focus-within .bserv2-title,
  .bserv2-item:focus-within .bserv2-arrow{
    color:#fff!important;
  }

  .bserv-item.is-active .bserv-arrow svg,
  .bserv-item:focus-within .bserv-arrow svg,
  .bserv2-item.is-active .bserv2-arrow svg,
  .bserv2-item:focus-within .bserv2-arrow svg{
    transform:rotate(-45deg)!important;
  }
}

/* Variação 3 — Barras expansíveis: compactas em repouso, altas no hover */
.bserv3-bars{--bserv3-open-height:230px;--bserv3-image-width:230px;position:relative;width:100%;box-sizing:border-box}.bserv3-bars *{box-sizing:border-box}.bserv3-list{display:block;width:100%}.bserv3-item{--bserv3-bar-color:#20984a;position:relative;width:100%;height:65px;min-height:65px;overflow:hidden;outline:none;cursor:pointer;color:#999;background:#fff;isolation:isolate;border-top:1px solid rgba(0,0,0,.09);transition:height .5s cubic-bezier(.16,1,.3,1),color .25s ease}.bserv3-item:last-child{border-bottom:1px solid rgba(0,0,0,.09)}.bserv3-fill{position:absolute;inset:0;z-index:0;background:var(--bserv3-bar-color);transform:translateY(101%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.bserv3-icon{position:absolute;z-index:3;left:10px;top:0;width:55px;height:65px;display:flex;align-items:center;justify-content:center;transition:height .5s cubic-bezier(.16,1,.3,1)}.bserv3-icon img{display:block;max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain;margin:0!important;transition:transform .25s ease}.bserv3-title{position:absolute;z-index:3;left:78px;right:64px;top:0;height:65px;display:flex;align-items:center;font-family:'Sora',sans-serif;font-size:24px;font-weight:700;line-height:1.15;text-transform:uppercase;color:#999;transition:color .25s ease,right .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1)}.bserv3-description{position:absolute;z-index:3;left:78px;right:calc(var(--bserv3-image-width) + 34px);top:70px;display:block;font-size:14px;line-height:1.35;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .24s ease .08s,transform .38s cubic-bezier(.16,1,.3,1)}.bserv3-image{position:absolute;z-index:2;top:0;right:0;width:var(--bserv3-image-width);height:100%;overflow:hidden;opacity:0;transform:translateX(28px);transition:opacity .28s ease .06s,transform .5s cubic-bezier(.16,1,.3,1)}.bserv3-image img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;filter:grayscale(1);margin:0!important}.bserv3-arrow{position:absolute;z-index:4;right:3px;left:auto;top:0;bottom:auto;width:58px;height:65px;display:flex;align-items:center;justify-content:center;color:#8f8f8f;text-decoration:none!important;opacity:1;transform:none;pointer-events:auto;transition:left .48s cubic-bezier(.16,1,.3,1),right .48s cubic-bezier(.16,1,.3,1),top .48s cubic-bezier(.16,1,.3,1),bottom .48s cubic-bezier(.16,1,.3,1),color .25s ease}.bserv3-arrow svg{display:block;transform:rotate(0deg);transform-origin:center;transition:transform .34s cubic-bezier(.16,1,.3,1)}.bserv3-arrow-link{cursor:pointer}.bserv3-arrow-link:hover,.bserv3-arrow-link:focus{color:inherit;text-decoration:none!important}.bserv3-arrow-link:focus-visible{outline:2px solid currentColor;outline-offset:-5px}.bserv3-item.is-active{height:var(--bserv3-open-height);color:#fff}.bserv3-item.is-active .bserv3-fill{transform:translateY(0)}.bserv3-item.is-active .bserv3-icon{height:75px}.bserv3-item.is-active .bserv3-icon img{transform:scale(1.03)}.bserv3-item.is-active .bserv3-title{right:calc(var(--bserv3-image-width) + 24px);height:75px;color:#fff}.bserv3-item.is-active .bserv3-description{opacity:1;transform:translateY(0)}.bserv3-item.is-active .bserv3-image{opacity:1;transform:translateX(0)}.bserv3-item.is-active .bserv3-arrow{left:10px;right:auto;top:auto;bottom:8px;width:55px;height:55px;color:#fff}.bserv3-item.is-active .bserv3-arrow svg{transform:rotate(-45deg)}.bserv3-item:focus-visible{box-shadow:inset 0 0 0 2px currentColor}

/* A terceira variação mantém o mesmo aspeto compacto do mobile */
@media screen and (max-width:768px){
  .bserv3-bars{--bserv3-open-height:64px;--bserv3-image-width:0px;display:block!important;width:100%!important}
  .bserv3-list{display:block!important;width:100%!important}
  .bserv3-item,.bserv3-item.is-active{height:64px!important;min-height:64px!important;max-height:64px!important;padding:0!important;overflow:hidden!important;background:#fff}
  .bserv3-image,.bserv3-description{display:none!important;visibility:hidden!important;opacity:0!important}
  .bserv3-icon,.bserv3-item.is-active .bserv3-icon{left:8px!important;top:0!important;width:44px!important;height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .bserv3-icon img{max-width:34px!important;max-height:34px!important;margin:0!important}
  .bserv3-title,.bserv3-item.is-active .bserv3-title{left:56px!important;right:48px!important;top:0!important;height:64px!important;display:flex!important;align-items:center!important;font-size:17px!important;line-height:1.15!important;color:#111!important}
  .bserv3-arrow,.bserv3-item.is-active .bserv3-arrow{left:auto!important;right:0!important;top:0!important;bottom:auto!important;width:48px!important;height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#111!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
  .bserv3-arrow svg{width:28px!important;height:28px!important;transform:rotate(0deg)}
  .bserv3-item.is-active .bserv3-title,.bserv3-item.is-active .bserv3-arrow,.bserv3-item:focus-within .bserv3-title,.bserv3-item:focus-within .bserv3-arrow{color:#fff!important}
  .bserv3-item.is-active .bserv3-arrow svg,.bserv3-item:focus-within .bserv3-arrow svg{transform:rotate(-45deg)!important}
}

@media(prefers-reduced-motion:reduce){.bserv3-item,.bserv3-fill,.bserv3-image,.bserv3-description,.bserv3-arrow,.bserv3-title,.bserv3-icon,.bserv3-icon img,.bserv3-arrow svg{transition:none!important}}


/* 1.6.4 — toda a barra clicável sem alterar a implementação original das setas */
.bserv-item.has-link,.bserv2-item.has-link,.bserv3-item.has-link{cursor:pointer}