
  /* ════ Brand wall — marcas de carros (wordmarks) desfilando de fondo del hero ════ */
  section[data-tab="home"] .hero { position: relative; }
  section[data-tab="home"] .hero > :not(.brand-wall) { position: relative; z-index: 1; }
  .brand-wall { position: absolute; inset: -30px 0 0; z-index: 0; display: flex; gap: 18px; justify-content: space-between;
    padding: 0 clamp(8px, 3vw, 60px); pointer-events: none; opacity: 1;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 78%, transparent 100%), radial-gradient(ellipse 48% 80% at 50% 47%, #000 32%, transparent 66%);
    -webkit-mask-composite: source-out;
    mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 78%, transparent 100%), radial-gradient(ellipse 48% 80% at 50% 47%, #000 32%, transparent 66%);
    mask-composite: subtract; }
  .brand-wall .col { display: flex; flex-direction: column; gap: 14px; width: 150px; flex-shrink: 0; will-change: transform; }
  .brand-wall .col.up { animation: bwUp 40s linear infinite; }
  .brand-wall .col.down { animation: bwDown 48s linear infinite; }
  .brand-wall .col.up.slow { animation-duration: 56s; } .brand-wall .col.down.slow { animation-duration: 62s; }
  @keyframes bwUp { from { transform: translateY(0); } to { transform: translateY(-50%); } }
  @keyframes bwDown { from { transform: translateY(-50%); } to { transform: translateY(0); } }
  .brand-wall .chip { display: flex; align-items: center; justify-content: center; min-height: 78px; padding: 18px 16px;
    border-radius: 14px; background: var(--bg-elevated, #ffffff); border: 1px solid var(--border-default, #e4e4e7); box-shadow: 0 6px 18px rgba(0,0,0,.05); }
  .brand-wall .chip span { font-family: 'Playfair Display', serif; font-weight: 600; font-size: 18px; letter-spacing: .3px;
    color: var(--text-secondary, #52525b); opacity: .72; white-space: nowrap; }
  [data-theme="dark"] .brand-wall .chip { background: #1c1917; border-color: #332e2b; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
  [data-theme="dark"] .brand-wall .chip span { color: #a8a29e; opacity: .85; }
  @media (max-width: 880px) { .brand-wall .col { width: 108px; } .brand-wall { opacity: .7; padding: 0 6px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 76%, transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 76%, transparent 100%); }
    .brand-wall .col:nth-child(n+3) { display: none; } }
  @media (prefers-reduced-motion: reduce) { .brand-wall .col { animation: none !important; } }
  