/* The two masks reuse the supplied excavator; no new illustration is drawn. */
.machine-scene{width:150px;height:126px;margin:0 auto 14px;pointer-events:none;position:relative;overflow:hidden}
.machine-art{position:absolute;inset:0;width:140px;height:140px;margin:auto}
.machine-art span{position:absolute;inset:0;-webkit-mask:url('/brand/excavadora.png') center/contain no-repeat;mask:url('/brand/excavadora.png') center/contain no-repeat}
.machine-body{background:var(--ink);clip-path:polygon(0 0,34% 0,34% 75%,43% 75%,55% 46%,70% 46%,70% 100%,0 100%)}
.machine-arm{background:var(--yellow);clip-path:polygon(34% 74%,34% 54%,50% 27%,55% 20%,80% 7%,100% 7%,100% 65%,69% 65%,69% 39%,60% 32%,45% 64%,40% 74%);transform-origin:37% 70%}
@keyframes hydraulic-reach{0%,100%{transform:rotate(0deg)}35%{transform:rotate(13deg)}65%{transform:rotate(13deg)}82%{transform:rotate(-3deg)}}
@keyframes section-arrival{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes cta-ready{from{box-shadow:0 0 0 0 #c39a3855}to{box-shadow:0 0 0 12px #c39a3800}}
@media(prefers-reduced-motion:no-preference){
.machine-scene.is-active .machine-arm{animation:hydraulic-reach 3.2s cubic-bezier(.45,0,.25,1) both}
.motion-arrive{animation:section-arrival .6s cubic-bezier(.2,.7,.3,1) both}
.video-action .button[data-ready=true]{animation:cta-ready .8s ease-out 1}
@media(hover:hover) and (pointer:fine){.card{transition:transform .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);border-color:var(--yellow)}}
}
@media(max-width:680px){.machine-scene{width:120px;height:104px;margin-bottom:10px}.machine-art{width:116px;height:116px}}
@media(prefers-reduced-motion:reduce){.machine-arm,.motion-arrive{animation:none!important;transform:none!important}}