.business-slide.demo-slide{height:600px;min-height:600px;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:white;overflow:clip}.demo-viewport{flex:1;width:100%;min-height:0;position:relative;border-radius:0;overflow:clip;background:white}.demo-canvas{position:absolute;top:0;left:0;transform-origin:top left}.demo-canvas iframe{border:0;display:block;background:white}.demo-slide:not(.swiper-slide-active) .demo-viewport{pointer-events:none}.business-slide_container{overflow:clip}@media(max-width:767px){.business-slide.demo-slide{height:540px;min-height:540px;padding:0;gap:0}}
.demo-video-slot{background:#fffdfa;cursor:grab}.demo-video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;pointer-events:none}
#exemplos{--demo-width:min(92vw,calc(max(320px,100svh - 190px)*2.3111114));--demo-inset:4vw;padding-top:38px;padding-bottom:48px;scroll-margin-top:20px}
#exemplos .business-slide_flex{padding:0;margin:0 0 26px var(--demo-inset);width:var(--demo-width);max-width:none;display:block}
#exemplos .slide-flex_text{max-width:none;width:100%}

.example-navigation{width:var(--demo-width);margin:0 0 18px var(--demo-inset);display:flex;justify-content:space-between;align-items:center;gap:20px}
.example-identity{display:flex;gap:18px;align-items:center;min-width:0}

#example-title{font:500 clamp(19px,1.7vw,27px)/1.2 Dmsans,sans-serif;letter-spacing:-.4px;color:#514be8;margin:0}
.example-controls{display:flex;gap:20px;align-items:center}

#exemplos .business-slide_arrows{gap:10px}
#exemplos .business-slide_arrow{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:12px}
#exemplos .business-arrow_icon{width:10px;height:18px}
#exemplos .business-slide_container{padding-left:var(--demo-inset);padding-right:var(--demo-inset);overflow:clip;scrollbar-width:none}
#exemplos .business-slide_container::-webkit-scrollbar{display:none}
#exemplos .business-slide.demo-slide{width:var(--demo-width);height:auto;min-height:0;aspect-ratio:16/9;flex-shrink:0;border-radius:20px}
.demo-video{object-fit:cover}
@media(max-width:767px){#exemplos{--demo-width:88vw;padding-top:24px}#exemplos .business-slide_flex{margin-bottom:20px}.example-navigation{gap:10px}.example-identity{display:block}#example-title{font-size:18px}#exemplos .business-slide_arrow{width:34px;height:34px;min-width:34px;min-height:34px}#exemplos .business-slide.demo-slide{height:540px;aspect-ratio:auto}.demo-video{object-fit:contain}}

.casestudy-text--list>.partners{padding-bottom:57.6px}
#exemplos{padding-top:19.2px}
@media(max-width:767px){.casestudy-text--list>.partners{padding-bottom:38.4px}#exemplos{padding-top:12.8px}}

/* Keep composited media inside the same rounded edge at fractional scroll positions. */
#exemplos .business-slide.demo-slide{overflow:hidden;isolation:isolate;clip-path:inset(0 round 20px);background:#fff}
#exemplos .demo-viewport{overflow:hidden;border-radius:inherit;isolation:isolate}
#exemplos .demo-video{display:block;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);transform:translateZ(0);backface-visibility:hidden}
