/* Novedades y artículos · CSS extra (requiere css/edutic.css) */

.pg-novedades .nv-title { margin: 0; font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.375rem); line-height: 1.07; font-weight: 900; letter-spacing: -.03em; color: var(--edu-ink); }

/* Las dos clases de publicación */
.pg-novedades .nv-kind { height: 100%; padding: 1.125rem; border-radius: 14px; }
.pg-novedades .nv-kind b { font-size: .875rem; color: var(--edu-ink); }
.pg-novedades .nv-kind p { margin: .375rem 0 0; font-size: .75rem; line-height: 1.5; color: var(--edu-text); }
.pg-novedades .nv-kind--n { background: var(--edu-green-soft); }
.pg-novedades .nv-kind--a { background: #fff; border: 1px solid var(--edu-green); }

/* Filtro */
.pg-novedades .nv-filter { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.pg-novedades .nv-filter .edu-chip.active { background: var(--edu-green); border-color: var(--edu-green); color: #fff; }
.pg-novedades .nv-filter__search { margin-left: auto; width: 220px; }
.pg-novedades .nv-filter__count { width: 100%; font-size: .75rem; color: var(--edu-muted); }
@media (max-width: 767.98px) { .pg-novedades .nv-filter__search { margin-left: 0; width: 100%; } }

/* Filas */
.pg-novedades .nv-row { display: grid; grid-template-columns: 170px 1fr 260px; gap: 1.25rem; align-items: center; padding: 1rem 1.25rem; background: #fff; border: 1px solid var(--edu-border); border-radius: 12px; text-decoration: none; transition: box-shadow .15s; }
.pg-novedades .nv-row:hover { box-shadow: var(--edu-shadow-sm); }
.pg-novedades .nv-row[hidden] { display: none; }
.pg-novedades .nv-row .edu-pill { justify-self: start; }
.pg-novedades .nv-row .edu-pill--outline { color: var(--edu-green-dark); }
.pg-novedades .nv-row__t { font-size: .9375rem; color: var(--edu-ink); }
.pg-novedades .nv-row__m { font-size: .75rem; color: var(--edu-muted); text-align: right; }
@media (max-width: 767.98px) {
  .pg-novedades .nv-row { grid-template-columns: 1fr; gap: .375rem; }
  .pg-novedades .nv-row__m { text-align: left; }
}
.pg-novedades .nv-filter__search .form-control { font-size: .8125rem; padding: .5625rem .75rem; }
