/* =====================================================================
   Muro de logos OVE (ove-muro-logos). 10/11/2026 - docs/encargo-portada-build.md
   DESIGN.md: banda de una fila, desplazamiento lineal lento, se para al pasar el
   raton o al recibir el foco, solo anima transform. Con prefers-reduced-motion
   no se mueve: fila desplazable a mano, con tabindex propio.
   Alto del logo, hueco, duracion y colores: controles del widget.
   ===================================================================== */
.ove-logos{position:relative;overflow:hidden;max-width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#fff 90px,#fff calc(100% - 90px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#fff 90px,#fff calc(100% - 90px),transparent 100%);}
.ove-logos:focus-visible{outline:3px solid var(--e-global-color-f243a905,#3B63D0);outline-offset:4px;}
.ove-logos .ove-logos__pista{display:flex;flex-wrap:nowrap;width:max-content;margin:0;padding:0;animation:ove-logos-desliza 110s linear infinite;}
.ove-logos:hover .ove-logos__pista,.ove-logos:focus-within .ove-logos__pista{animation-play-state:paused;}
.ove-logos .ove-logos__grupo{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none;}
.ove-logos .ove-logos__grupo li{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0;padding:0 52px 28px;list-style:none;}
.ove-logos .ove-logos__grupo li::before{content:none;}
.ove-logos .ove-logos__grupo img{display:block;height:72px;width:auto;max-width:none;object-fit:contain;filter:grayscale(1);transition:filter .2s ease;}
.ove-logos--color .ove-logos__grupo li:hover img{filter:grayscale(0);}
.ove-logos .ove-logos__grupo a{display:block;}
.ove-logos .ove-logos__nombre{position:absolute;left:8px;right:8px;bottom:2px;text-align:center;font-size:15px;line-height:1.2;color:var(--e-global-color-text,#5B6478);opacity:0;transition:opacity .2s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ove-logos .ove-logos__grupo li:hover .ove-logos__nombre,.ove-logos .ove-logos__grupo li:focus-within .ove-logos__nombre{opacity:1;}
/* Boton de pausa (WCAG 2.2.2): visible, pill, secundario. Lo muestra ove-logos.js */
.ove-logos-muro{display:flex;flex-direction:column;align-items:center;gap:16px;}
.ove-logos-muro .ove-logos{width:100%;}
.ove-logos-muro.is-pausado .ove-logos__pista{animation-play-state:paused;}
.ove-logos-muro .ove-logos__pausa{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border:1px solid var(--e-global-color-secondary,#343F5A);border-radius:999px;background:transparent;color:var(--e-global-color-secondary,#343F5A);font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:none;}
.ove-logos-muro .ove-logos__pausa:hover{background:var(--e-global-color-secondary,#343F5A);color:var(--e-global-color-3ba10e7c,#FFFFFF);}
.ove-logos-muro .ove-logos__pausa:focus-visible{outline:3px solid var(--e-global-color-f243a905,#3B63D0);outline-offset:2px;}
.ove-logos-muro .ove-logos__pausa[hidden]{display:none;}
@keyframes ove-logos-desliza{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
@media (max-width:767px){
	.ove-logos{-webkit-mask-image:linear-gradient(90deg,transparent 0,#fff 32px,#fff calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#fff 32px,#fff calc(100% - 32px),transparent 100%);}
	.ove-logos .ove-logos__grupo li{padding:0 20px 24px;}
	.ove-logos .ove-logos__grupo img{height:52px;}
	.ove-logos .ove-logos__nombre{font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
	.ove-logos{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;-webkit-mask-image:none;mask-image:none;}
	.ove-logos .ove-logos__pista{animation:none;transform:none;}
	.ove-logos .ove-logos__pista>.ove-logos__grupo[aria-hidden="true"]{display:none;}
	.ove-logos-muro .ove-logos__pausa{display:none;}
}