/* Drag-led collection: black metal, etched logos and a partial next card. */
.company-carousel {--company-gap:22px;position:relative;margin:42px 0 36px;min-width:0;}
.company-toolbar,.company-carousel-footer {display:flex;align-items:center;justify-content:space-between;gap:24px;}
.company-toolbar {padding:18px 0 24px;border-top:1px solid #ffffff13;}
.company-collection,.company-drag-invitation,.company-drag-hint {font-size:8px;font-weight:500;letter-spacing:.17em;}
.company-collection {display:flex;align-items:center;gap:10px;color:#c6b39d;}
.company-collection>i {width:4px;height:4px;border-radius:50%;background:#eac396;box-shadow:0 0 12px #e8b38075;}
.company-drag-invitation {display:flex;align-items:center;gap:12px;color:#b9b6b0;}
.drag-touch-label {display:none;}
.drag-gesture {display:block;position:relative;width:30px;height:13px;border:1px solid #c4b59f38;border-radius:20px;}
.drag-gesture>i {position:absolute;left:3px;top:3px;width:5px;height:5px;background:#e4cba8;border-radius:50%;}
.company-window {position:relative;margin-right:-2.5vw;}
.company-window:after {content:'';position:absolute;inset:0 -1px 0 auto;width:32px;background:linear-gradient(90deg,transparent,#050505);pointer-events:none;z-index:6;transition:opacity .3s;}
.company-window.is-at-end:after {opacity:0;}
.company-carousel .client-grid {display:flex;position:relative;gap:var(--company-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 4px 18px;margin:0 -4px;perspective:none;cursor:grab;}
.company-carousel .client-grid::-webkit-scrollbar {display:none;}
.company-carousel .client-grid:focus-visible {outline:1px solid #d5ba9480;outline-offset:4px;border-radius:22px;}
.company-carousel .client-grid .client-item {flex:0 0 calc((100% - 2 * var(--company-gap) - 8px)/3.18);position:relative;min-width:0;height:328px;min-height:0;aspect-ratio:auto;padding:26px 26px 23px;scroll-snap-align:start;scroll-snap-stop:normal;grid-column:auto;translate:none;overflow:hidden;isolation:isolate;border:1px solid #d9d3c729;border-radius:22px;background:radial-gradient(ellipse at 55% 0%,#e0d6b411,transparent 60%),linear-gradient(130deg,#1c1d1e,#080909 46%,#121213);box-shadow:inset 0 1px 0 #ffffff10,inset 0 -1px 0 #000,0 16px 25px -20px #000;transform:none!important;opacity:1!important;filter:none!important;user-select:none;-webkit-user-select:none;cursor:grab;transition:border-color .45s,box-shadow .45s,background .45s!important;}
.company-carousel .client-item:before {inset:0;z-index:0;border:0;background:linear-gradient(115deg,transparent 20%,#e1decb07 38%,#ffdfae0b 40%,transparent 59%);opacity:.8;transform:none;pointer-events:none;}
.company-carousel .client-item:after {inset:0 15% auto;height:1px;z-index:1;background:linear-gradient(90deg,transparent,#f2dbb88a,transparent);transform:none;opacity:.7;}
.company-carousel .client-grid .client-item:hover {border-color:#d9c3a365;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,30%),#d5b78612,transparent 70%),linear-gradient(130deg,#202122,#0b0c0c 46%,#131313);box-shadow:inset 0 1px 0 #ffffff1a,0 12px 30px -18px #000;}
.company-carousel .client-item:focus-visible {outline:2px solid #e5bf8e;outline-offset:-5px;}
.company-card-number {position:absolute;z-index:0;top:25px;right:22px;font-size:72px;line-height:1;font-weight:500;letter-spacing:-.08em;color:#e1d9c707;pointer-events:none;}
.company-logo-echo {position:absolute;z-index:0;right:-22%;bottom:52px;width:118%;height:140px;object-fit:contain;filter:brightness(0) invert(1);opacity:.022;pointer-events:none;}
.company-carousel .client-grid .client-index {font-size:7px;line-height:1.7;letter-spacing:.13em;color:#a69e92;text-shadow:none;max-width:90%;}
.company-logo-stage {display:flex;align-items:center;justify-content:center;position:relative;z-index:3;flex:1;min-height:136px;}
.company-logo-stage:before {content:'';position:absolute;width:140px;height:30px;left:50%;bottom:18px;transform:translateX(-50%);background:radial-gradient(ellipse,#f3d5a51c,transparent 70%);filter:blur(12px);pointer-events:none;}
.company-logo {width:min(86%,210px);height:80px;object-fit:contain;object-position:center;filter:drop-shadow(0 3px 1px #ffffff12) drop-shadow(0 10px 16px #000b);transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;}
.company-logo-mono {filter:brightness(0) invert(1) drop-shadow(0 10px 16px #000b);opacity:.92;}
.company-logo-plaque {width:min(92%,194px);height:auto;max-height:75px;padding:16px 14px;background:linear-gradient(145deg,#fcfaf4,#e5e0d4);border:1px solid #fffbeb;border-radius:4px;box-shadow:0 2px 0 #93897c,0 10px 20px #0007;}
.client-item[data-brand=ypf] .company-logo {width:139px;}
.client-item[data-brand=galicia] .company-logo {width:100%;max-width:235px;}
.client-item[data-brand=isusa] .company-logo {width:100px;height:96px;}
.client-item[data-brand=frigorifico-modelo] .company-logo {width:190px;height:90px;}
.client-item[data-brand=dlocal] .company-logo {width:180px;}
.client-item[data-brand=itau] .company-logo {width:82px;height:82px;}
.client-item[data-brand=tigo] .company-logo {width:112px;height:80px;}
.company-carousel .client-link>span:first-child {min-width:0;line-height:1.45;}
.company-carousel .client-item:hover .company-logo {transform:translateY(-4px) scale(1.045);}
.company-location {position:relative;z-index:3;font-size:7px;letter-spacing:.2em;color:#7d7d79;text-align:center;margin:0 0 24px;}
.company-carousel .client-link {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:500;letter-spacing:-.02em;color:#dcd9d2;border-top:1px solid #dfd8c619;padding-top:20px;}
.company-carousel .company-site-label {font-size:9px;font-weight:400;letter-spacing:0;color:#7d7b76;white-space:nowrap;transition:color .3s;}
.company-carousel .client-item:hover .company-site-label {color:#d4b990;}
.company-carousel-footer {margin-top:9px;gap:26px;}
.company-drag-hint {font-size:7px;color:#857f74;white-space:nowrap;}
.company-progress {flex:1;height:1px;background:#ffffff12;overflow:hidden;}
.company-progress>span {display:block;height:100%;width:var(--company-progress-width,27.27%);transform:translateX(var(--company-progress-x,0%));background:linear-gradient(90deg,#6f5f4b,#e5d1ad);box-shadow:0 0 10px #dcb18570;}
.company-count {font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#d4c5ae;white-space:nowrap;}
.company-total {color:#605e59;}
.company-carousel .client-grid.is-dragging {scroll-snap-type:none;cursor:grabbing;}
.company-carousel .is-dragging .client-item {cursor:grabbing;}
.company-drag-cursor {display:none;position:absolute;z-index:8;top:0;left:0;transform:translate3d(var(--cursor-x,0px),var(--cursor-y,0px),0);pointer-events:none;font-size:8px;font-weight:500;letter-spacing:.15em;line-height:2.7;color:#f1d5b2;background:#0b0b0bda;border-top:1px solid #c5aa80a0;border-bottom:1px solid #c5aa8040;padding:1px 12px;backdrop-filter:blur(8px);opacity:0;transition:opacity .2s;}
@media(hover:hover) and (pointer:fine){.company-drag-cursor {display:block;}.company-window.has-drag-pointer .company-drag-cursor {opacity:1;}}
body.motion-enabled .company-carousel .client-item:before {animation:company-metal-sheen 9s ease-in-out infinite;}
body.motion-enabled .company-carousel .client-item:after {animation:company-edge 7s ease-in-out infinite;}
body.motion-enabled .company-carousel .client-item:nth-child(3n + 2):before {animation-delay:-3s;}
body.motion-enabled .company-carousel .client-item:nth-child(3n):before {animation-delay:-6s;}
body.motion-enabled .drag-gesture>i {animation:company-drag-cue 3s ease-in-out infinite;}
.company-carousel .client-item.is-offscreen:before,.company-carousel .client-item.is-offscreen:after,.nocturne-offscreen .company-carousel .client-item:before,.nocturne-offscreen .company-carousel .client-item:after,.nocturne-offscreen .drag-gesture>i,body.motion-paused .company-carousel .client-item:before,body.motion-paused .company-carousel .client-item:after,body.motion-paused .drag-gesture>i {animation-play-state:paused!important;}
@keyframes company-metal-sheen {0%,15%{transform:translateX(-70%);opacity:0}35%,60%{opacity:.75}85%,100%{transform:translateX(80%);opacity:0}}
@keyframes company-edge {0%,100%{opacity:.35;transform:scaleX(.55)}50%{opacity:.95;transform:scaleX(1)}}
@keyframes company-drag-cue {0%,15%,100%{transform:translateX(0);opacity:.55}60%,75%{transform:translateX(16px);opacity:1}}
@media(max-width:1100px){
  .company-carousel .client-grid .client-item {flex-basis:calc((100% - var(--company-gap) - 8px)/2.25);padding:24px 24px 21px;height:316px;}
  .company-logo {width:min(90%,195px);}
}
@media(max-width:720px){
  .company-carousel {--company-gap:16px;margin-top:28px;margin-bottom:29px;}
  .company-toolbar {gap:14px;padding:15px 0 19px;}
  .company-collection {font-size:6px;letter-spacing:.12em;gap:7px;max-width:130px;line-height:1.7;}
  .company-collection>i {flex-shrink:0;}
  .company-drag-invitation {font-size:6px;letter-spacing:.1em;gap:8px;white-space:nowrap;}
  .drag-desktop-label {display:none;}
  .drag-touch-label {display:inline;}
  .drag-gesture {width:25px;}
  .drag-gesture>i {width:4px;height:4px;top:3.5px;}
  .company-window {margin-right:-10px;}
  .company-window:after {width:15px;}
  .company-carousel .client-grid .client-item {flex-basis:86%;height:300px;padding:23px 22px 21px;border-radius:18px;}
  .company-carousel .client-grid .client-index {font-size:7px;}
  .company-logo {width:min(84%,205px);}
  .company-logo-plaque {width:min(92%,194px);}
  .company-location {margin-bottom:20px;}
  .company-carousel .client-link {font-size:12px;padding-top:16px;}
  .company-carousel-footer {gap:17px;margin-top:8px;}
  .company-drag-hint {font-size:6px;letter-spacing:.08em;}
  .company-count {font-size:9px;}
  .company-card-number {font-size:62px;}
}