/* Pointer and keyboard feedback share the same brand treatment. */
.summary-copy .pill{cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.summary-copy .pill:hover,.summary-copy .pill:focus-visible{background:#efb0ff;box-shadow:0 12px 36px #e070ff55;transform:translateY(-3px)}
.summary-copy .pill:active{transform:translateY(0)}
.service-stack article{position:relative}
.service-stack button{cursor:pointer;min-width:28px;min-height:28px}
.service-stack button:after{content:"";position:absolute;inset:0;z-index:1}
.service-stack article:hover h3,.service-stack article:focus-within h3{color:var(--rumo-accent)}
.service-stack article:focus-within{outline:2px solid var(--rumo-accent);outline-offset:4px}
.service-stack h3{transition:color .2s}
.service-stack p[hidden]{display:none}
.summary-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,72px)}
.summary-copy,.service-stack{grid-column:1}
.summary-layout .service-stack{margin-top:0}
.summary-copy h2{max-width:900px}
.service-stack article{transition:background .65s ease,border-color .65s ease}
.service-stack .service-details{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1),opacity .45s ease,visibility 0s .7s}
.service-details>div{min-height:0;overflow:hidden}
.service-stack .service-details p{display:block;margin:0;padding-top:16px;max-width:780px;transform:translateY(-8px);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.service-stack article.open .service-details{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
.service-stack article.open .service-details p{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  .service-stack article,.service-stack .service-details,.service-stack .service-details p{transition:none}
}
.trusted{display:block;scroll-margin-top:100px;padding-top:32px}
.trusted>p{margin:0 0 28px;font-size:12px;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;gap:16px}
.trusted>.clients-window{display:block;overflow:hidden;border-block:1px solid var(--rumo-line);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.clients-track{display:flex;width:max-content;animation:clients-slide 36s linear infinite}
.trusted span{flex:0 0 220px;width:220px;height:120px;padding:24px;border:0;background:transparent;color:var(--rumo-text);font-size:15px;letter-spacing:.02em}
.trusted span:hover{background:transparent}
.clients-window:hover .clients-track,.trusted.is-paused .clients-track{animation-play-state:paused}
.clients-pause{font:inherit;font-size:11px;color:var(--rumo-muted);background:transparent;border:1px solid var(--rumo-line);border-radius:99px;padding:9px 13px;cursor:pointer}
.clients-pause:hover,.clients-pause:focus-visible{color:var(--rumo-accent);border-color:var(--rumo-accent)}
@keyframes clients-slide{to{transform:translateX(-50%)}}
.trusted img{display:block;width:100%;height:64px;max-width:170px;object-fit:contain;opacity:.8;transition:opacity .2s,transform .2s}
.trusted span:hover img{opacity:1;transform:scale(1.05)}
.trusted img[src$="pm-fueguina.png"]{filter:url(#client-white-on-transparent)}
.trusted img[src$="motorola.png"]{clip-path:polygon(0 0,100% 0,100% 55%,16% 55%,16% 100%,0 100%);translate:0 10px}
.trusted img[src$="food-garage.png"]{object-fit:cover;object-position:center}
@media(max-width:560px){.trusted span{flex-basis:180px;width:180px;height:104px;padding:18px;font-size:12px}.trusted img{height:56px}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none}.trusted>.clients-window{overflow-x:auto;mask-image:none}.clients-track>[aria-hidden="true"],.clients-pause{display:none}}
@media(prefers-reduced-motion:reduce){.summary-copy .pill,.trusted img,.service-stack h3{transition:none}.summary-copy .pill:hover,.trusted span:hover img{transform:none}}

.contact-people{gap:clamp(36px,5vw,72px)}
.contact-person{flex:1;min-width:0;padding:0;border:0;border-radius:0;background:transparent}
.contact-person h3{margin:0 0 12px;font-size:17px}
.contact-people .contact-person a{min-width:0;max-width:none;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;transform:none;font-size:12px;overflow-wrap:anywhere;transition:color .2s}
.contact-people .contact-person a:hover{color:var(--rumo-accent);background:transparent}
.contact-people .contact-person a:focus-visible{outline:2px solid var(--rumo-accent);outline-offset:4px}
.contact-people .contact-person .contact-whatsapp{margin-top:4px;padding:10px 0;border:0;border-radius:0;background:transparent;justify-content:flex-start;gap:24px;flex-wrap:wrap}
.contact-people .contact-person .contact-whatsapp:hover{background:transparent;color:var(--rumo-accent)}
.contact-person .contact-whatsapp span{font-size:12px;color:inherit;opacity:1}

/* Editorial motion: imagery responds; text remains stable and readable. */
.case-art{overflow:hidden}
.case-art img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.scroll-cue i{position:relative;overflow:hidden;background:rgba(255,255,255,.25)}
.scroll-cue i:after{content:"";position:absolute;inset:0;background:var(--rumo-accent);animation:scroll-flow 2.8s ease-in-out infinite}
@keyframes scroll-flow{0%{transform:translateX(-105%)}60%,100%{transform:translateX(105%)}}
@media(hover:hover) and (pointer:fine){
  .case:hover .case-art img{transform:scale(1.045)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal-on-scroll{opacity:1;transform:none;transition:none}
  .case-art img,.contact-person{transition:none}
  .case:hover .case-art img{transform:none}
  .scroll-cue i:after{animation:none}
}