/* ══════════════════════════════════════
   FERRANOVA — Marcas Marquee
   ══════════════════════════════════════ */

.ferranova-marcas .fn-text-center {
  margin-bottom: var(--fn-sp-2xl);
}

.ferranova-marcas__marquee {
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
}

.ferranova-marcas__track {
  display: flex;
  width: max-content;
  animation: fn-marquee 30s linear infinite;
}

.ferranova-marcas__track:hover {
  animation-play-state: paused;
}

@keyframes fn-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.ferranova-marcas__item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--fn-sp-lg) var(--fn-sp-2xl);
  margin: 0 var(--fn-sp-sm);
  background: var(--fn-blanco);
  border-radius: var(--fn-radio-lg);
  border: 1px solid var(--fn-borde);
  transition: all var(--fn-trans-normal);
  min-width: 160px;
}

.ferranova-marcas__item:hover {
  border-color: var(--fn-primario);
  box-shadow: var(--fn-sombra-hover);
}

.ferranova-marcas__item span {
  font-family: var(--fn-fuente-titulo);
  font-size: var(--fn-fs-lg);
  font-weight: var(--fn-fw-bold);
  color: var(--fn-gris-500);
  letter-spacing: var(--fn-ls-wide);
  transition: color var(--fn-trans-fast);
}

.ferranova-marcas__item:hover span {
  color: var(--fn-primario);
}