/* =========================================================
   Banda de capacidades en movimiento
   ========================================================= */

/* =========================================================
   Marquee
   ========================================================= */
.marquee-band {
   border-block: 1px solid var(--border);
   background: var(--bg);
   padding: 1.1rem 0;
   overflow: hidden;
}

.marquee {
   overflow: hidden;
   mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
   -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.marquee__track {
   display: flex;
   gap: 2rem;
   width: max-content;
   white-space: nowrap;
   font-family: var(--mono);
   font-size: 0.9rem;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   color: #aeadad;
   animation: marquee 40s linear infinite;
}

.marquee__track .sep {
   color: var(--cyan);
}

@keyframes marquee {
   to {
      transform: translateX(-50%);
   }
}