/* ==========================================================================
   Componente: brand-bar — CV Galería
   Reglas portadas verbatim desde template/styles.css (regla primordial 2).
   ========================================================================== */

.brand-bar{background:#050505;padding:18px 0 16px;text-align:center;color:#fff;overflow:hidden}
.brand-bar p{font-size:8px;letter-spacing:.28em;color:#b9a987;margin:0 0 13px}
.logo-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-track{width:max-content;display:flex;align-items:center;gap:56px;animation:logo-scroll 34s linear infinite;will-change:transform}
.logo-item{width:155px;height:48px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.logo-item img{display:block;max-width:100%;max-height:42px;width:auto;height:auto;object-fit:contain}
@keyframes logo-scroll{to{transform:translateX(calc(-50% - 28px))}}
@media(prefers-reduced-motion:reduce){.logo-track{animation-play-state:paused}}
@media(max-width:560px){.brand-bar{padding:16px 0 14px}.logo-track{gap:38px;animation-duration:28s}.logo-item{width:128px;height:42px}.logo-item img{max-height:36px}}