/* =============================================================================
   MSM — Artículo de noticias (single.php). Ver inc/msm-noticias.php.
   ============================================================================= */

body.msm-article .site-content > .container { max-width: 100%; padding: 0; }
.msm-article-wrap { width: 100%; max-width: 100%; flex: 1 1 100%; padding: 0; }

.msm-art { max-width: 1120px; margin: 0 auto; padding: 64px var(--msm-gutter, 48px) 0; color: var(--msm-fg); }

/* Cabecera */
.msm-art__head { max-width: 820px; margin: 0 auto 40px; text-align: center; }
.msm-art__back { display: inline-block; margin-bottom: 28px; font: 500 12px var(--msm-mono); letter-spacing: .08em; color: var(--msm-muted); text-decoration: none; }
.msm-art__back:hover { color: var(--msm-gold); }
.msm-art__kicker { display: block; font: 500 11px var(--msm-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--msm-gold); }
.msm-art__title { margin: 14px 0 0; font: 800 clamp(34px, 5vw, 58px)/1.05 var(--msm-display); letter-spacing: -.025em; color: var(--msm-fg); }
.msm-art__lead { margin: 22px auto 0; max-width: 680px; font: italic 400 clamp(18px, 2vw, 21px)/1.55 var(--msm-serif); color: rgba(246, 241, 230, .78); }
.msm-art__meta { display: flex; justify-content: center; gap: 10px; margin-top: 24px; font: 400 12px var(--msm-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--msm-muted-2); }

/* Imagen */
.msm-art__hero { margin: 0 0 56px; border-radius: var(--msm-r-lg); overflow: hidden; aspect-ratio: 16 / 9; background: var(--msm-surface-2); }
.msm-art__hero img { width: 100%; height: 100%; object-fit: cover; }

/* Cuerpo */
.msm-art__body { max-width: 720px; margin: 0 auto; font: 300 18px/1.8 var(--msm-display); color: rgba(246, 241, 230, .82); }
.msm-art__body > * { margin: 0 0 1.4em; }
.msm-art__body h2 { margin: 2em 0 .7em; font: 700 28px/1.2 var(--msm-display); letter-spacing: -.015em; color: var(--msm-fg); }
.msm-art__body h3 { margin: 1.8em 0 .6em; font: 700 21px/1.3 var(--msm-display); color: var(--msm-fg); }
.msm-art__body strong { font-weight: 600; color: var(--msm-fg); }
.msm-art__body a { color: var(--msm-gold); text-decoration: underline; text-underline-offset: 3px; }
.msm-art__body ul { padding-left: 1.2em; }
.msm-art__body li { margin-bottom: .5em; }
.msm-art__body li::marker { color: var(--msm-gold); }
.msm-art__body blockquote { margin: 2em 0; padding: 4px 0 4px 24px; border-left: 2px solid var(--msm-gold); }
.msm-art__body blockquote p { margin: 0; font: italic 400 23px/1.5 var(--msm-serif); color: var(--msm-fg); }
.msm-art__body blockquote cite { display: block; margin-top: 12px; font: 400 11px var(--msm-mono); font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: var(--msm-muted-2); }
.msm-art__body .msm-art__source { margin-top: 2.4em; padding-top: 18px; border-top: 1px solid var(--msm-line); font: 400 13px/1.6 var(--msm-display); color: var(--msm-muted-2); }

/* CTA */
.msm-art__cta { position: relative; overflow: hidden; max-width: 820px; margin: 64px auto 0; padding: 44px 48px; border: 1px solid var(--msm-line-2); border-radius: var(--msm-r-lg); background: radial-gradient(120% 140% at 100% 0%, rgba(94, 44, 201, .28), transparent 55%), var(--msm-surface-1); text-align: center; }
.msm-art__cta h2 { margin: 14px 0 12px; font: 800 clamp(26px, 3.4vw, 36px)/1.1 var(--msm-display); letter-spacing: -.02em; color: var(--msm-fg); }
.msm-art__cta h2 em { font: italic 500 1em var(--msm-serif); color: var(--msm-gold); }
.msm-art__cta p { margin: 0 auto 26px; max-width: 520px; font: 300 16px/1.6 var(--msm-display); color: var(--msm-muted); }
.msm-art__btn { display: inline-block; padding: 16px 30px; border-radius: var(--msm-r-pill); background: var(--msm-gold); color: var(--msm-bg) !important; font: 700 14px var(--msm-display); text-decoration: none; transition: background .2s; }
.msm-art__btn:hover { background: var(--msm-gold-hover); }

/* Más noticias */
.msm-art-more { max-width: 1120px; margin: 0 auto; padding: 88px var(--msm-gutter, 48px) 96px; }
.msm-art-more h2 { margin: 0 0 32px; font: 800 36px/1 var(--msm-display); letter-spacing: -.02em; color: var(--msm-fg); }
.msm-art-more__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.msm-art-card { display: block; color: var(--msm-fg); text-decoration: none; }
.msm-art-card:hover { color: var(--msm-fg); }
.msm-art-card__img { margin-bottom: 18px; border-radius: var(--msm-r-lg); overflow: hidden; aspect-ratio: 4 / 3; background: var(--msm-surface-2); }
.msm-art-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.msm-art-card:hover .msm-art-card__img img { transform: scale(1.05); }
.msm-art-card h3 { margin: 10px 0 0; font: 700 20px/1.3 var(--msm-display); color: var(--msm-fg); }
.msm-art-card__link { display: inline-block; margin-top: 12px; font: 700 12px var(--msm-mono); letter-spacing: .04em; color: var(--msm-muted); transition: color .2s; }
.msm-art-card:hover .msm-art-card__link { color: var(--msm-gold); }

@media (max-width: 800px) {
	.msm-art { padding-top: 40px; }
	.msm-art__head { margin-bottom: 28px; }
	.msm-art__hero { margin-bottom: 36px; border-radius: var(--msm-r-md); }
	.msm-art__body { font-size: 17px; }
	.msm-art__body blockquote p { font-size: 20px; }
	.msm-art__cta { margin-top: 48px; padding: 32px 22px; }
	.msm-art-more { padding-top: 64px; padding-bottom: 72px; }
	.msm-art-more__grid { grid-template-columns: 1fr; gap: 36px; }
}