/* ==========================================================================
   MediActiv - press.css - "Los medios hablan de nosotros"
   Carrusel continuo de logos (editables en el editor de la home > Prensa).
   Cada logo enlaza a su artículo. Blanco y negro; color original al hover.
   Depende de tokens de main.css.
   ========================================================================== */

.mc-press{padding:clamp(44px,6vw,76px) 0;background:var(--mc-bg);overflow:hidden}
.mc-press .mc-sechead{max-width:var(--mc-wrap);margin-inline:auto;padding-inline:var(--mc-gut);margin-bottom:2.2rem}
.mc-press__text{max-width:640px;margin:.6rem auto 0;color:var(--mc-muted)}

/* pista con máscara de desvanecido en los bordes */
.mc-press__marquee{
	width:100%;overflow:hidden;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
	mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.mc-press__row{
	display:flex;align-items:center;width:max-content;
	animation:mc-press-marquee var(--mc-marquee-dur,24s) linear infinite;
	will-change:transform;
}
.mc-press__marquee:hover .mc-press__row,
.mc-press__row:focus-within{animation-play-state:paused}

@keyframes mc-press-marquee{
	from{transform:translateX(0)}
	to{transform:translateX(-50%)}
}

/* logo individual: padding simétrico -> hueco idéntico entre todos (incl. costura del bucle) */
.mc-press__logo{
	flex:0 0 auto;display:flex;align-items:center;justify-content:center;
	padding-inline:clamp(19px,2.75vw,39px);
}
/* altura FIJA y uniforme en la imagen (imprescindible para SVG con viewBox).
   Blanco y negro por defecto; color original al pasar el ratón. */
.mc-press__logo-img{
	height:clamp(38px,4.4vw,50px);width:auto;max-width:190px;object-fit:contain;display:block;
	filter:grayscale(1);opacity:.6;
	transition:filter .25s ease,opacity .25s ease;
}
.mc-press__logo:hover .mc-press__logo-img,
.mc-press__logo:focus-visible .mc-press__logo-img{filter:grayscale(0);opacity:1}
.mc-press__logo:focus-visible{outline:2px solid var(--mc-accent);outline-offset:4px;border-radius:4px}

/* botón "Ver todos los artículos" bajo el carrusel */
.mc-press__all-wrap{text-align:center;margin-top:clamp(1.8rem,3vw,2.6rem)}

/* accesibilidad / rendimiento: sin animación -> scroll manual */
@media (prefers-reduced-motion:reduce){
	.mc-press__marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
	.mc-press__row{animation:none}
}