/* Franja local de experiencia. Mantener logos fuente y paleta original. */
.veg-clientes { background: var(--paper); color: var(--ink); padding: 22px 0 26px; border-bottom: 1px solid var(--line); }
.veg-clientes-cabecera { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px 24px; padding: 0 4.5vw 16px; }
.veg-clientes h2 { margin: 0; font-family: Antonio, Texto, sans-serif; font-size: 14px; line-height: 1.5; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.veg-clientes-pausa { min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); background: transparent; color: var(--ink); font: inherit; font-size: 12px; cursor: pointer; }
.veg-clientes-pausa:hover { border-color: var(--orange); }
.veg-clientes-ventana { overflow-x: auto; padding: 4px 0; }
.veg-clientes-ventana:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }
.veg-clientes-cinta { display: flex; width: max-content; }
.veg-clientes-grupo { display: flex; align-items: center; gap: 40px; flex: none; list-style: none; margin: 0; padding: 0 40px 0 0; }
.veg-clientes-grupo li { display: flex; align-items: center; justify-content: center; flex: 0 0 180px; width: 180px; height: 74px; }
.veg-clientes-grupo img { display: block; width: auto; height: auto; max-width: 160px; max-height: 64px; object-fit: contain; filter: grayscale(1); }
.veg-clientes.animada .veg-clientes-ventana { overflow-x: hidden; }
.veg-clientes.animada .veg-clientes-cinta { animation: veg-clientes-desplazar 80s linear infinite; }
.veg-clientes.pausada .veg-clientes-cinta, .veg-clientes.fuera-vista .veg-clientes-cinta { animation-play-state: paused; }
.veg-clientes-ventana:focus-within .veg-clientes-cinta { animation-play-state: paused; }
@media (hover: hover) { .veg-clientes-ventana:hover .veg-clientes-cinta { animation-play-state: paused; } }
@keyframes veg-clientes-desplazar { to { transform: translateX(-50%); } }
@media (max-width: 640px) {
 .veg-clientes-grupo { gap: 24px; padding-right: 24px; }
 .veg-clientes-grupo li { flex-basis: 140px; width: 140px; height: 64px; }
 .veg-clientes-grupo img { max-width: 128px; max-height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
 .veg-clientes.animada .veg-clientes-cinta { animation: none; transform: none; }
 .veg-clientes.animada .veg-clientes-ventana { overflow-x: auto; }
 .veg-clientes-grupo[aria-hidden], .veg-clientes-pausa { display: none; }
}