/* LEGADO 04.7 — isolated client proof. Do not restyle existing sections.
   White is the supplied client-art backing, not a new Estudio brand colour.
   Logo source files are unchanged. Only empty artboard margins are framed. */
#trajetoria {
  --clients-cell: 224px;
  color: var(--e57-raiz);
  background: var(--e57-areia);
  padding: 52px 0 0;
  scroll-margin-top: 110px;
}
#trajetoria .clients-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 28px;
}
#trajetoria .clients-eyebrow {
  margin: 0 0 12px;
  font: 500 11px/1.5 var(--body-font);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--e57-madeira);
}
#trajetoria #clients-title {
  margin: 0;
  max-width: 830px;
  font: 500 clamp(29px, 2.65vw, 38px)/1.12 var(--display-font);
  letter-spacing: -.018em;
  text-wrap: initial;
}
#trajetoria #clients-title span { color: var(--e57-madeira); }
#trajetoria .clients-controls {
  display: flex;
  align-items: center;
  flex: none;
  gap: 5px;
  padding-bottom: 2px;
}
#trajetoria .clients-controls[hidden],
#trajetoria .clients-play[hidden] { display: none !important; }
#trajetoria .clients-controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 0;
  color: var(--e57-raiz);
  background: transparent;
  font: 500 12px/1.4 var(--body-font);
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease;
}
#trajetoria .clients-controls .clients-play { gap: 8px; min-width: 96px; }
#trajetoria .clients-controls svg { width: 21px; height: 21px; }
#trajetoria .clients-motion-symbol {
  display: inline-block;
  width: 10px;
  height: 12px;
  border-inline: 3px solid currentColor;
}
#trajetoria .clients-play[aria-pressed="true"] .clients-motion-symbol {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left: 9px solid currentColor;
  border-right: 0;
}
#trajetoria .clients-rail {
  background: #fff;
  border-top: 1px solid rgb(17 37 18 / .12);
  border-bottom: 1px solid rgb(17 37 18 / .12);
}
#trajetoria .clients-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  padding-block: 26px;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
}
#trajetoria .clients-viewport::-webkit-scrollbar { display: none; }
#trajetoria .clients-track {
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0;
  padding: 0;
  gap: 0;
  list-style: none;
}
#trajetoria .client-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--clients-cell);
  width: var(--clients-cell);
  height: 120px;
  padding: 0 22px;
  margin: 0;
  background: #fff;
}
#trajetoria .client-logo-art {
  position: relative;
  display: block;
  width: var(--logo-w);
  height: var(--logo-h);
  flex: none;
  overflow: hidden;
}
#trajetoria .client-logo-art img {
  position: absolute;
  left: var(--logo-x);
  top: var(--logo-y);
  width: var(--canvas);
  height: var(--canvas);
  max-width: none;
  display: block;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}
#trajetoria .clients-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#trajetoria :focus-visible { outline: 2px solid var(--e57-madeira); outline-offset: 3px; }
#trajetoria .clients-viewport:focus-visible { outline-offset: -3px; }
@media (hover: hover) and (pointer: fine) {
  #trajetoria .clients-controls button:hover { background: var(--e57-broto); }
}
@media (max-width: 900px) {
  #trajetoria { --clients-cell: 208px; }
  #trajetoria .clients-heading { align-items: flex-end; gap: 22px; }
  #trajetoria #clients-title { max-width: 550px; font-size: 30px; }
  #trajetoria .clients-title-break { display: none; }
}
@media (max-width: 740px) {
  #trajetoria { --clients-cell: 202px; padding-top: 38px; scroll-margin-top: 90px; }
  #trajetoria .clients-heading { flex-wrap: wrap; gap: 15px; padding-bottom: 20px; }
  #trajetoria .clients-intro { flex-basis: 100%; }
  #trajetoria #clients-title { max-width: 500px; font-size: clamp(28px, 7.2vw, 34px); }
  #trajetoria .clients-eyebrow { font-size: 10px; margin-bottom: 10px; }
  #trajetoria .clients-controls { margin-left: auto; padding: 0; }
  #trajetoria .clients-viewport { padding-block: 17px; }
  #trajetoria .client-item { height: 114px; padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #trajetoria *, #trajetoria *::before, #trajetoria *::after { transition: none !important; animation: none !important; }
}

/* LEGADO 04.9 — keep the approved loop; hide its visible control panel. */
#trajetoria .clients-controls {
  display: none !important;
}