/* Only the new Motion cards and the existing practice cover reveal. */
.odsMotionArt>svg{width:100%;height:100%;display:block;overflow:visible}
.odsMotionService{width:100%;flex:none;scroll-margin-top:84px}
.odsMotionServiceCard{width:100%!important;min-height:300px!important;height:auto!important;position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:32px!important;gap:32px!important;overflow:hidden!important}
.odsMotionServiceCard>.framer-wqype9{position:relative!important;inset:auto!important;width:42%!important;height:auto!important;aspect-ratio:420/270;order:2;flex:none!important;transform:none!important}
.odsMotionServiceCard>.framer-1xmc6m7{position:relative!important;inset:auto!important;width:52%!important;max-width:560px;flex:none!important;order:1}
.odsMotionServiceCard .framer-k0xk1d,.odsMotionServiceCard .framer-59zny2{width:100%!important;height:auto!important}
[data-odessa-pratica-extra="motion"]{grid-column:1/-1!important}
[data-odessa-pratica-extra="motion"] .framer-x3lr0{display:flex!important;flex-direction:row!important;align-items:stretch!important}
[data-odessa-pratica-extra="motion"] .framer-1siqgnw{width:50%!important;flex:none!important;order:0!important}
[data-odessa-pratica-extra="motion"] .framer-ellr2d{width:50%!important;flex:none!important;align-self:stretch!important;order:1!important;height:auto!important;min-height:380px!important}
[data-odessa-pratica-extra="motion"] .framer-o5bkj4{background:#0f1311!important}
.odsMotionVideoHost{background:transparent!important}
.odsBrandName{display:block;white-space:nowrap;font:600 16px/24px var(--framer-font-family,Inter,"Inter Placeholder",sans-serif);letter-spacing:-.01em;color:#000}
.odsMotionVideoHost>.odsMotionVideo{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
/* Linha entre o vídeo e o texto, no mesmo desenho do divisor do card (barra de 183x5 com ponta em diagonal + fio de 1px). */
main>[data-framer-name="Latest work"] :is([data-odessa-pratica-video],[data-odessa-pratica-extra="ofertas"],[data-odessa-pratica-extra="saas"]) .framer-v-11qiuho>.framer-1siqgnw::before{content:"";position:absolute;top:0;left:32px;right:32px;height:5px;pointer-events:none;--ods-line:var(--token-ab9f6527-d999-444e-ab1a-87e674b38962,#d3d3d3);background:linear-gradient(to top right,var(--ods-line) 50%,transparent 50%) 178px 0/5px 5px no-repeat,linear-gradient(var(--ods-line),var(--ods-line)) 0 0/178px 5px no-repeat,linear-gradient(var(--ods-line),var(--ods-line)) 0 100%/100% 1px no-repeat}
.odsMotionArt [class^="odsMotion"]{animation-play-state:paused!important}
.odsMotionPlaying [class^="odsMotion"]{animation-play-state:running!important}
.odsMotionToolShape{animation:odsMotionToolShape 5s cubic-bezier(.45,0,.25,1) infinite}
.odsMotionToolCursor{animation:odsMotionToolCursor 5s ease-in-out infinite}
@keyframes odsMotionToolShape{0%,12%,100%{transform:translate(0,0)}45%{transform:translate(52px,-24px)}75%,88%{transform:translate(87px,-4px)}}
@keyframes odsMotionToolCursor{0%,12%,100%{transform:translateX(0)}75%,88%{transform:translateX(155px)}}
main>[data-framer-name="Latest work"] .odsPraticaReveal .framer-1bfgw60-container{pointer-events:none!important}
main>[data-framer-name="Latest work"] .odsPraticaRevealed .framer-1bfgw60-container>div>div{animation:odsPraticaUncover 180ms ease-out var(--ods-reveal-delay,0ms) both!important}
@keyframes odsPraticaUncover{from{opacity:1}to{opacity:0}}
@media(max-width:767px){
.odsMotionServiceCard{padding:24px!important;gap:12px!important;flex-direction:column!important;align-items:flex-start!important}
.odsMotionServiceCard>.framer-wqype9{width:100%!important;max-width:350px!important;align-self:center;order:0}
.odsMotionServiceCard>.framer-1xmc6m7{width:100%!important;order:1}
[data-odessa-pratica-extra="motion"] .framer-x3lr0{flex-direction:column!important}
[data-odessa-pratica-extra="motion"] .framer-1siqgnw{width:100%!important;order:1!important}
[data-odessa-pratica-extra="motion"] .framer-ellr2d{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:680/460;order:0!important}
}
@media(prefers-reduced-motion:reduce){
.odsMotionArt [class^="odsMotion"]{animation:none!important}
main>[data-framer-name="Latest work"] .odsPraticaReveal .framer-1bfgw60-container>div>div{animation:none!important;opacity:0!important}
}