/* ==========================================================================
   deLiébana — noticias (editorial 2 tarjetas asimétrico + grid RSS)
   Homogéneo con site.css / tokens.css (paleta orgánica)
   ========================================================================== */

.news-page{
  --accent: var(--dl-mustard, #DFAE5A);
  --accent-ink: var(--dl-ink, #2A1D16);
  --surface: var(--dl-surface, #FFFDF9);
  --surface-soft: var(--dl-cream-soft, #FCF7F0);
  --border: var(--border-soft, #e8e1d8);
  --text: var(--dl-ink, #2A1D16);
  --text-2: var(--dl-ink-2, #5B4B40);
  --radius-lg: var(--dl-radius, 14px);
  --shadow-1: var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06));
  --shadow-2: var(--shadow-md, 0 6px 18px rgba(0,0,0,.08));
}

/* Layout base */
.news-page .wrap{max-width:var(--container,1100px);margin:0 auto;padding:0 1rem}
.news-page .section{padding:clamp(1.5rem,3vw,2.5rem) 0}
.news-page .muted{color:var(--text-2)}

/* Titulares */
.news-page .news-h1{
  font-family:var(--font-serif);
  font-size:clamp(1.8rem,2.6vw,2.4rem);
  color:var(--text);margin:.2rem 0 .4rem;
}
.news-page .news-sub{color:var(--text-2);margin:0 0 1rem;font-size:1.05rem}
.news-page .news-h2{
  font-family:var(--font-serif);
  font-size:clamp(1.3rem,2.1vw,1.8rem);
  color:var(--text);margin:0 0 1rem;
}

/* Botón pastilla */
.news-page .btn-pill{
  display:inline-block;
  padding:.5rem 1rem;
  background:var(--accent);
  color:var(--accent-ink);
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  transition:filter .15s ease;
}
.news-page .btn-pill:hover{filter:brightness(1.05)}
.news-page .btn-pill.is-disabled{opacity:.5;pointer-events:none}

/* ===== Editorial asimétrico (1 grande + 1 normal) ===== */
.news-page .blog-featured{
  display:grid; gap:1rem;
  background:var(--surface-soft);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:1rem;
}
.news-page .blog-featured--two{grid-template-columns:1fr}
@media(min-width:900px){
  .news-page .blog-featured--two{grid-template-columns:1.5fr 1fr}
  .news-page .blog-featured--asym .blog-card--large{grid-row:span 2}
}

.news-page .blog-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-1);
  overflow:hidden;
  display:flex;flex-direction:column;
}
.news-page .blog-card__media img{
  width:100%;height:260px;object-fit:cover;display:block;
}
.news-page .blog-card--large .blog-card__media img{height:360px}
@media(max-width:900px){.news-page .blog-card--large .blog-card__media img{height:280px}}
.news-page .blog-card__body{padding:1rem 1.1rem}
.news-page .blog-card__title{
  font-family:var(--font-serif);
  font-size:clamp(1.15rem,1.7vw,1.4rem);
  color:var(--text);
  line-height:1.25;margin:.25rem 0 .45rem;
}
.news-page .blog-card__title a{text-decoration:none;color:inherit}
.news-page .blog-card__title a:hover{text-decoration:underline}
.news-page .blog-card__excerpt{color:var(--text-2);margin:0 0 .75rem;font-size:1rem}

/* ===== Grid RSS (sin imagen, claro) ===== */
.news-page .news-grid{
  display:grid;gap:1rem;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:980px){.news-page .news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.news-page .news-grid{grid-template-columns:1fr}}

.news-page .news-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-1);
  padding:1rem 1.1rem;
  display:flex;flex-direction:column;
  border-left:4px solid var(--accent);
}
.news-page .news-card__title{
  font-family:var(--font-serif);
  font-size:clamp(1.1rem,1.8vw,1.25rem);
  line-height:1.35;margin:0 0 .35rem;
  color:var(--text);
}
.news-page .news-card__title a{color:inherit;text-decoration:none}
.news-page .news-card__title a:hover{text-decoration:underline}
.news-page .news-card__excerpt{
  color:var(--text-2);
  font-size:1rem;line-height:1.45;margin:0 0 .5rem;
}
.news-page .news-card__meta{
  display:flex;justify-content:space-between;align-items:center;
  gap:.6rem;font-size:.85rem;color:var(--text-2);
}
.news-page .badge{
  background:#fff;
  border:1px solid var(--border);
  border-radius:999px;
  padding:.25rem .6rem;
  font-size:.8rem;
  color:var(--text-2);
}

/* ===== Paginación ===== */
.news-page .pager{
  display:flex;justify-content:center;align-items:center;gap:.75rem;
  margin:1.2rem 0 .3rem;
}
.news-page .pager__info{color:var(--text-2)}