/* Franja de entidades (Inicio, versión sin agenda). Los logos conservan sus colores y proporciones (no se estiran ni se recortan). Tienen
   fondo propio, por eso la franja va en blanco también en modo oscuro.
   Sin JavaScript o con «reducir movimiento»: fila estática que se ajusta al ancho (flex-wrap), sin desplazamiento ni botón.
   Con JavaScript y movimiento permitido: desplazamiento continuo de dos listas idénticas; la segunda (aria-hidden) cierra el bucle. */
.entidades{--ent-alto:44px;--ent-hueco:40px;--ent-dur:64s;background:#fff;color:#000;padding:28px 0 16px;border-top:1px solid var(--linea)}
@media (min-width:960px){.entidades{--ent-alto:56px;--ent-hueco:72px;--ent-dur:80s;padding:36px 0 16px}}

.entidades-cab{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:0;padding-inline:16px;text-align:center}
.entidades-titulo{margin:0;font-size:.95rem;font-weight:600;line-height:1.4;letter-spacing:.01em;color:rgba(0,0,0,.76);text-wrap:balance}


.entidades-marco{position:relative;overflow:hidden;max-width:100%}
.entidades-banda{display:block}
.entidades-lista{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px var(--ent-hueco);margin:0 auto;padding:0 16px;list-style:none;max-width:1120px}
.entidades-lista[aria-hidden]{display:none}
.entidades-lista img{display:block;height:var(--ent-alto);width:auto;max-width:none;object-fit:contain}
.entidades-lista li{flex:none;display:flex;align-items:center;justify-content:center}
/* Marcas de formato alto (escudo, isotipo): se ven con la misma presencia que los nombres anchos, sin deformarse */
.entidades-lista li.ent-alto img{height:calc(var(--ent-alto) * 1.4)}
.entidades-lista li.ent-muy-alto img{height:calc(var(--ent-alto) * 1.7)}

@media (prefers-reduced-motion:no-preference){
  .js .entidades-marco{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .js .entidades-banda{display:flex;width:max-content;animation:entidades-desfile var(--ent-dur) linear infinite;will-change:transform}
  .js .entidades-lista{flex-wrap:nowrap;max-width:none;gap:var(--ent-hueco);margin:0;padding:0 var(--ent-hueco)}
  .js .entidades-lista[aria-hidden]{display:flex}
  .entidades.fuera .entidades-banda{animation-play-state:paused}
}
@keyframes entidades-desfile{to{transform:translate3d(-50%,0,0)}}