/* Static-first: motion is opt-in, colors are semantic tokens. */
:root{--motion-champagne:var(--tf-champagne,#d8c39a);--motion-graphite:#17191b;--motion-forest:#101b17;--motion-black:#0a0a0b;--motion-shadow:#0008;--motion-spot:#d8c39a12;--motion-booking:linear-gradient(120deg,var(--motion-forest),var(--motion-graphite))}
body.motion-v31-ready main{overflow:clip}
body.motion-v31-ready #frentes{height:auto!important;padding:80px 0!important;background:var(--motion-forest)}
body.motion-v31-ready #frentes .expertise-pin{position:relative!important;height:auto!important;display:block!important;padding:0!important;overflow:visible!important}
body.motion-v31-ready .expertise-heading{margin-bottom:36px}
body.motion-v31-ready .expertise-stage{height:auto!important;display:grid!important;gap:36px;perspective:none!important;padding-bottom:50px}
body.motion-v31-ready .expertise-card{position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;transform:none;max-width:850px;width:100%;margin-inline:auto;background:var(--motion-graphite);min-height:400px}
body.motion-v31-on .expertise-card{position:sticky!important;top:80px!important}
body.motion-v31-ready .expertise-nav{position:relative!important;inset:auto!important;justify-content:center;flex-wrap:wrap;margin-top:24px}
body.motion-v31-ready .lift-card{opacity:1!important;visibility:visible!important;transform:none}
.motion-tilt-inner{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;transform-style:preserve-3d;width:100%}
body.motion-v31-on .motion-card{perspective:900px;transform-style:preserve-3d}
body.motion-v31-on .motion-tilt-inner{transform:perspective(900px) rotateX(var(--m-rx,0deg)) rotateY(var(--m-ry,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
body.motion-v31-on .motion-card:not(.lift-card){rotate:var(--m-axis,1 0 0) var(--m-angle,0deg);transition:rotate .45s cubic-bezier(.2,.8,.2,1)}
body.motion-v31-on .motion-card:not(.lift-card)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--m-x,50%) var(--m-y,50%),var(--motion-spot),transparent 65%);opacity:var(--m-light,0);z-index:0;box-shadow:var(--m-shadow-x,0px) var(--m-shadow-y,12px) 28px var(--motion-shadow)}
body.motion-v31-on .motion-card :is(.lift-art,.brand-monogram,.expertise-symbol){transform:translateZ(40px)}
body.motion-v31-on .motion-card h3{transform:translateZ(25px)}
body.motion-v31-on .motion-card p{transform:translateZ(10px)}
body.motion-v31-ready .company-card{transform:none;min-width:0}
body.motion-v31-on .hero-copy{opacity:1!important;transform:none!important}
body.motion-v31-on #crescimento{position:relative;z-index:2;background:var(--motion-black);border-radius:24px 24px 0 0}
.motion-short{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.motion-more{display:block;margin:8px 0 16px;font-size:12px;min-height:44px;padding:8px 0;color:var(--motion-champagne);background:none;border:0;text-align:left;cursor:pointer}
.motion-section-icon{width:32px;height:32px;display:block;color:var(--motion-champagne);margin-bottom:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.motion-marquee{overflow:clip;width:100%;padding:24px 0;border-block:1px solid var(--line);color:var(--motion-champagne);background:var(--motion-graphite)}
.motion-marquee-track{white-space:nowrap;width:max-content;font-size:52px;font-family:Georgia,serif;line-height:1.3;-webkit-text-stroke:1px var(--motion-champagne);color:transparent;transform:rotate(-2deg) translateX(var(--m-marquee,0px))}
body:not(.motion-v31-on) .motion-marquee-track{transform:none}
.motion-progress{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:70;display:grid;gap:2px;background:var(--motion-black);border:1px solid var(--line);border-radius:8px;padding:8px}
.motion-progress a{display:flex;align-items:center;gap:8px;min-height:32px;font-size:10px;color:var(--muted);text-decoration:none}
.motion-progress a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--muted);flex-shrink:0}
.motion-progress a[aria-current]{color:var(--motion-champagne)}
.motion-progress a[aria-current]::before{background:var(--motion-champagne)}
.motion-progress a:focus-visible,.motion-more:focus-visible{outline:2px solid var(--motion-champagne);outline-offset:3px}
body.motion-v31-ready .session-steps li{animation:none!important;opacity:1}
body.motion-v31-on .session-steps li.motion-step-active{border-color:var(--motion-champagne)}
body.motion-v31-on #agendar{isolation:isolate}
.motion-booking-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--motion-booking);border-radius:inherit;opacity:0}
body.motion-v31-ready .reveal-v17{opacity:1;transform:none}
@media(min-width:1200px){body.motion-v31-ready .wrap{max-width:min(1160px,calc(100% - 240px))}}
@media(max-width:1199px){.motion-progress{display:none}}
@media(max-width:767px){body.motion-v31-ready .expertise-card{min-height:360px;padding:24px;top:68px!important}body.motion-v31-ready .expertise-stage{gap:28px}.motion-marquee-track{font-size:36px}.motion-section-icon{width:26px;height:26px}body.motion-v31-ready #frentes{padding:60px 0!important}}
body:not(.motion-v31-on) .motion-card,body.no-motion .motion-card{rotate:none!important}
body:not(.motion-v31-on) .motion-tilt-inner{transform:none!important}
body:not(.motion-v31-on) .expertise-card{position:relative!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.motion-card,.motion-tilt-inner{transition:none!important;rotate:none!important}.motion-marquee-track{transform:none!important}.motion-section-icon{animation:none!important}}
/* Replace legacy arrival transforms, keep sticky ancestors untransformed. */
body.motion-v31-ready .motion-card{opacity:1!important;visibility:visible!important;transition:rotate .45s ease!important}
body.motion-v31-ready .expertise-card{transform-origin:center top}
body.motion-v31-ready .company-card p{min-height:0}
body.motion-v31-ready .company-grid{overflow:visible}
body.motion-v31-ready .motion-card h3,body.motion-v31-ready .motion-card p{transform:none}
body.motion-v31-ready .expertise-card .motion-more{position:relative;z-index:2}
body.motion-v31-ready .company-card{transform:none!important}
body.motion-v31-ready #frentes .expertise-heading{position:relative;height:auto;min-height:0}
body.motion-v31-ready .motion-card:focus-within{rotate:none!important}