/* ==========================================================================
   MediActiv - prensa.css - Página "Prensa"
   Grid de 4 columnas de artículos: logo (color original) + título + extracto
   + enlace de texto (naranja, flecha →). Depende de tokens de main.css.
   ========================================================================== */

.mc-prensa{padding:clamp(28px,4vw,52px) 0 clamp(56px,7vw,88px)}
.mc-prensa .mc-sechead{margin-bottom:clamp(1.8rem,3vw,2.8rem)}
.mc-prensa__intro{max-width:640px;color:var(--mc-muted);margin-top:.6rem}

.mc-prensa__grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:clamp(16px,1.6vw,24px);
}

.mc-prensa__card{
	display:flex;flex-direction:column;
	background:var(--mc-bg);
	border:1px solid var(--mc-line);
	border-radius:14px;
	padding:clamp(18px,1.6vw,24px);
	transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;
}
.mc-prensa__card:hover{
	box-shadow:0 14px 34px rgba(23,44,58,.10);
	transform:translateY(-3px);
	border-color:transparent;
}

.mc-prensa__logo{height:34px;margin-bottom:1.1rem;display:flex;align-items:center}
.mc-prensa__logo img{height:100%;width:auto;max-width:150px;object-fit:contain;filter:none;opacity:1}

.mc-prensa__medium{
	font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
	color:var(--mc-accent);font-weight:600;margin-bottom:.5rem;
}
.mc-prensa__title{
	font-size:1.02rem;line-height:1.32;font-weight:600;margin:0 0 .6rem;
	color:var(--mc-ink,#172C3A);
}
.mc-prensa__excerpt{
	font-size:.9rem;line-height:1.55;color:var(--mc-muted);margin:0 0 1.3rem;
	display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}

/* enlace de texto (sin fondo): naranja, más pequeño, con flecha a la derecha */
.mc-prensa__more{
	margin-top:auto;align-self:flex-start;
	display:inline-flex;align-items:center;gap:.4em;
	color:#FF8A00;font-size:.85rem;font-weight:600;line-height:1;
	text-decoration:none;background:none;border:0;padding:0;
}
.mc-prensa__more .mc-arrow{transition:transform .2s ease}
.mc-prensa__more:hover,.mc-prensa__more:focus-visible{text-decoration:underline}
.mc-prensa__more:hover .mc-arrow,.mc-prensa__more:focus-visible .mc-arrow{transform:translateX(3px)}

@media (max-width:1024px){
	.mc-prensa__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
	.mc-prensa__grid{grid-template-columns:1fr}
}