/* Logo marquee: Home junction, Nosotros and /ciberseguridad/. */
.tech-marquee{min-width:0}
.tech-marquee-label{
  margin:0 0 1rem;
}
.tech-marquee-viewport{
  overflow:hidden;
  width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.tech-marquee-run{
  display:flex;
  width:max-content;
  align-items:center;
  animation:tech-marquee-scroll 52s linear infinite;
  will-change:transform;
}
.tech-marquee:hover .tech-marquee-run,
.tech-marquee:focus-within .tech-marquee-run{
  animation-play-state:paused;
}
.tech-marquee-track{
  display:flex;
  align-items:center;
  gap:2.5rem;
  list-style:none;
  margin:0;
  padding:0 2.5rem 0 0;
  flex:0 0 auto;
}
.tech-marquee-track img{
  height:30px;
  width:auto;
  display:block;
  opacity:.88;
  filter:brightness(0);
}
.tech-marquee--on-dark .tech-marquee-track img{
  filter:brightness(0) invert(1);
  opacity:.92;
}
.tech-marquee--on-dark .tech-marquee-label{
  color:#C5C8CC;
}

/* Home: full-width band at the hero-fade / Líneas charcoal junction */
.tech-marquee-band{
  background:#16181b;
  color:#F2F3F5;
  padding:1.6rem 0 1.8rem;
  position:relative;
}
@keyframes tech-marquee-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@media (prefers-reduced-motion:reduce){
  .tech-marquee-run{
    animation:none;
    width:100%;
  }
  .tech-marquee-track[aria-hidden="true"]{display:none}
  .tech-marquee-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
  }
  .tech-marquee-track{
    padding-right:1.2rem;
  }
}

@media (max-width:480px){
  .tech-marquee-track{gap:2rem;padding-right:2rem}
  .tech-marquee-track img{height:28px}
}

/* Nosotros (and any page-head with this class): fade the purple head into the charcoal marquee band. */
.fondo-c .page-head.page-head-to-charcoal{
  background:radial-gradient(ellipse at top right,var(--accent-glow),transparent 60%),linear-gradient(180deg,var(--c-morado-1) 0%,var(--c-morado-2) calc(100% - 1.6rem),#16181b 100%);
}
.con-textura.fondo-c .page-head.page-head-to-charcoal{
  background:var(--tex-oscuro) 0 0/var(--tex-size) repeat,radial-gradient(ellipse at top right,var(--accent-glow),transparent 60%),linear-gradient(180deg,var(--c-morado-1) 0%,var(--c-morado-2) calc(100% - 1.6rem),#16181b 100%);
}