/* Novedades · Artículo · CSS extra (requiere css/edutic.css) */

.pg-articulo .ar-body { display: flex; flex-direction: column; gap: 1.25rem; max-width: 760px; }
.pg-articulo .ar-tag { align-self: flex-start; color: var(--edu-green-dark); }
.pg-articulo .ar-title { margin: 0; font-size: clamp(2rem, 1.3rem + 2.3vw, 3rem); line-height: 1.12; font-weight: 900; letter-spacing: -.025em; color: var(--edu-ink); }

/* Firma */
.pg-articulo .ar-byline { display: flex; flex-wrap: wrap; align-items: center; gap: .875rem; padding: .875rem 0; border-top: 1px solid var(--edu-border); border-bottom: 1px solid var(--edu-border); }
.pg-articulo .ar-avatar { width: 52px; height: 52px; flex: none; border-radius: 999px; background: var(--edu-green-soft); color: var(--edu-green-dark); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.pg-articulo .ar-byline__n { font-size: .9375rem; color: var(--edu-ink); }
.pg-articulo .ar-byline__r, .pg-articulo .ar-byline__d { font-size: .8125rem; color: var(--edu-muted); }
.pg-articulo .ar-byline__d { margin-left: auto; font-size: .75rem; }

/* Cuerpo de lectura */
.pg-articulo .ar-body > p { margin: 0; font-size: 1.125rem; line-height: 1.67; color: var(--edu-text-2); }
.pg-articulo .ar-body > .ar-intro { color: var(--edu-ink); }
.pg-articulo .ar-body > h2 { margin: .5rem 0 0; font-size: 1.5rem; line-height: 1.25; font-weight: 800; color: var(--edu-ink); }
.pg-articulo .ar-sources { padding: 1.125rem 1.25rem; background: var(--edu-green-tint); border-radius: 12px; font-size: .8125rem; line-height: 1.6; color: var(--edu-text); }
.pg-articulo .ar-sources b { color: var(--edu-ink); }

/* Lateral */
.pg-articulo .ar-side { display: flex; flex-direction: column; gap: .875rem; position: sticky; top: 1.5rem; }
.pg-articulo .ar-more { display: flex; flex-direction: column; gap: .5rem; padding: 1.25rem; background: var(--edu-green-soft); border-radius: 14px; }
.pg-articulo .ar-more__t { margin: 0; font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--edu-green-dark); }
.pg-articulo .ar-more a { font-size: .9375rem; font-weight: 700; line-height: 1.33; color: var(--edu-ink); text-decoration: none; }
.pg-articulo .ar-more a:hover { color: var(--edu-green-dark); }
.pg-articulo .ar-more__m { font-size: .75rem; color: var(--edu-muted); }

@media (max-width: 991.98px) { .pg-articulo .ar-side { position: static; } }
@media (max-width: 575.98px) { .pg-articulo .ar-byline__d { margin-left: 0; width: 100%; } .pg-articulo .ar-body > p { font-size: 1.0625rem; } }