/* ============================================
   THRUMOTO — Sección Noticias
   Usa las variables y componentes de styles.css
   ============================================ */

.pagina-noticias main { padding-top: calc(var(--nav-h) + 48px); }
.nav-links a.nav-current { color: var(--yellow); }
.nav-links a.nav-current::after { width: 100%; }

/* --- Chips y meta --- */
.news-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;
  font-size: 0.82rem; color: var(--gray-400);
}
.news-chip {
  display: inline-block;
  font-size: 0.7rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  padding: 4px 12px; border-radius: 100px;
  color: var(--yellow); background: var(--yellow-glow);
}
.news-chip--thrumoto { color: #000; background: var(--yellow); }

/* ============================================
   LISTADO
   ============================================ */
.news-list-header { text-align: center; margin-bottom: 48px; }
.news-list-header .section-title { max-width: 760px; margin-left: auto; margin-right: auto; }
.news-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.news-filter {
  font: 600 0.9rem 'Inter', sans-serif;
  color: var(--gray-300); background: var(--black-card);
  border: 1px solid var(--gray-700); border-radius: 100px;
  padding: 9px 20px; cursor: pointer; transition: var(--transition);
}
.news-filter:hover { border-color: var(--yellow); color: var(--yellow); }
.news-filter.is-active { background: var(--yellow); border-color: var(--yellow); color: #000; }

.news-list { padding-bottom: 100px; }
.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}
.news-empty { text-align: center; color: var(--gray-400); padding: 48px 0; }

/* --- Tarjeta --- */
.news-card {
  background: var(--black-card);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: var(--radius);
  overflow: hidden;
  transition: var(--transition);
}
.news-card:hover { border-color: rgba(255,193,7,0.3); transform: translateY(-4px); box-shadow: var(--shadow-yellow); }
.news-card[hidden] { display: none; }
.news-card-link { display: flex; flex-direction: column; height: 100%; }
.news-card-img { aspect-ratio: 16 / 9; overflow: hidden; background: var(--gray-900); }
.news-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.news-card:hover .news-card-img img { transform: scale(1.04); }
.news-card-body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.news-card-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.2rem; font-weight: 700; line-height: 1.25; color: var(--white);
}
.news-card-dek {
  font-size: 0.92rem; color: var(--gray-400); line-height: 1.55;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.news-card-more { margin-top: auto; font-size: 0.88rem; font-weight: 600; color: var(--yellow); }

/* --- Destacada --- */
.news-card--featured { margin-bottom: 24px; }
.news-card--featured .news-card-link { display: grid; grid-template-columns: 1.35fr 1fr; }
.news-card--featured .news-card-img { aspect-ratio: auto; min-height: 340px; }
.news-card--featured .news-card-body { padding: 40px; justify-content: center; gap: 16px; }
.news-card--featured .news-card-title { font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.15; }
.news-card--featured .news-card-dek { font-size: 1.02rem; -webkit-line-clamp: 4; }
.news-card--featured .news-card-more { margin-top: 8px; }

/* ============================================
   ARTÍCULO
   ============================================ */
.news-article-header { max-width: 860px; margin-bottom: 36px; }
.news-breadcrumb { display: flex; gap: 8px; font-size: 0.85rem; color: var(--gray-400); margin-bottom: 20px; }
.news-breadcrumb a { color: var(--yellow); }
.news-breadcrumb a:hover { text-decoration: underline; }
.news-article-header h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(2rem, 4.6vw, 3.1rem);
  font-weight: 700; line-height: 1.1; color: var(--white);
  margin: 18px 0 18px;
}
.news-article-dek { font-size: 1.2rem; color: var(--gray-300); line-height: 1.55; }

.news-hero { margin-bottom: 48px; }
.news-hero img {
  width: 100%; max-height: 640px; object-fit: cover;
  border-radius: var(--radius); background: var(--gray-900);
}
.news-hero figcaption, .news-figure figcaption { font-size: 0.8rem; color: var(--gray-400); margin-top: 10px; }

.news-body { max-width: 760px; }
.news-prose { font-size: 1.1rem; line-height: 1.75; color: #d6d6d6; }
.news-prose > * + * { margin-top: 1.25em; }
.news-prose h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.6rem; line-height: 1.2; color: var(--white);
  margin-top: 1.9em;
}
.news-prose strong { color: var(--white); }
.news-prose a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.news-prose ul { padding-left: 0; }
.news-prose li { position: relative; padding-left: 26px; margin-top: 0.5em; }
.news-prose li::before {
  content: ''; position: absolute; left: 4px; top: 0.72em;
  width: 8px; height: 8px; border-radius: 2px; background: var(--yellow); transform: rotate(45deg);
}

.news-figure { margin-top: 2em !important; margin-bottom: 0.5em; }
.news-figure img { width: auto; max-width: 100%; max-height: 560px; margin: 0 auto; border-radius: var(--radius-sm); }
.news-figure figcaption { text-align: center; }

.news-quote {
  border-left: 3px solid var(--yellow);
  padding: 6px 0 6px 24px;
  margin-top: 2em !important;
}
.news-quote p { font-family: 'Space Grotesk', sans-serif; font-size: 1.35rem; line-height: 1.4; color: var(--white); }
.news-quote cite { display: block; margin-top: 10px; font-style: normal; font-size: 0.9rem; color: var(--gray-400); }

/* --- Bloque de cifras --- */
.news-stats {
  background: var(--black-card);
  border: 1px solid rgba(255,193,7,0.18);
  border-radius: var(--radius);
  padding: 28px;
  margin-top: 2em !important;
}
.news-stats h3 {
  font-size: 0.75rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--yellow); margin-bottom: 20px;
}
.news-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 28px; }
.news-stat-n {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.75rem; font-weight: 700; line-height: 1.1; color: var(--white);
  font-variant-numeric: tabular-nums;
}
.news-stat-l { font-size: 0.9rem; color: var(--gray-400); line-height: 1.45; margin-top: 4px; }
.news-stats-src { font-size: 0.78rem; color: var(--gray-600); margin-top: 20px; }

/* --- Fuentes, compartir, CTA --- */
.news-sources {
  margin-top: 48px; padding-top: 28px;
  border-top: 1px solid var(--gray-800);
}
.news-sources h3 {
  font-size: 0.75rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--gray-400); margin-bottom: 10px;
}
.news-sources li { font-size: 0.92rem; color: var(--gray-300); padding: 3px 0; }

.news-share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
.news-share > span { font-size: 0.9rem; color: var(--gray-400); margin-right: 4px; }
.news-share-btn { padding: 10px 20px; font-size: 0.88rem; }

.news-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  margin-top: 48px; padding: 32px;
  border-radius: var(--radius);
  border: 1px solid var(--yellow);
  background: linear-gradient(135deg, rgba(255,193,7,0.1), rgba(255,193,7,0.02));
}
.news-cta h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.4rem; color: var(--white); margin-bottom: 6px; }
.news-cta p { color: var(--gray-300); font-size: 0.95rem; max-width: 380px; }
.news-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* --- Relacionadas --- */
.pagina-noticias .news-related { padding-top: 96px; padding-bottom: 100px; }
.news-related-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.news-related-head h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; }
.news-related-head a { color: var(--yellow); font-weight: 600; font-size: 0.95rem; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 900px) {
  .news-card--featured .news-card-link { grid-template-columns: 1fr; }
  .news-card--featured .news-card-img { min-height: 0; aspect-ratio: 16 / 9; }
  .news-card--featured .news-card-body { padding: 26px 24px 30px; }
}
@media (max-width: 600px) {
  .pagina-noticias main { padding-top: calc(var(--nav-h) + 28px); }
  .pagina-noticias .container { padding: 0 16px; }
  .pagina-noticias .news-related { padding-top: 72px; padding-bottom: 80px; }
  .news-grid { grid-template-columns: 1fr; }
  .news-filter { padding: 8px 16px; }
  .news-hero { margin-bottom: 32px; }
  .news-hero img { border-radius: var(--radius-sm); }
  .news-prose { font-size: 1.05rem; }
  .news-prose h2 { font-size: 1.4rem; }
  .news-stats { padding: 22px 20px; }
  .news-stats-grid { gap: 18px 16px; }
  .news-stat-n { font-size: 1.4rem; }
  .news-cta { padding: 24px 20px; }
  .news-cta-actions { flex-direction: column; width: 100%; }
  .news-cta-actions .btn { justify-content: center; white-space: nowrap; }
}

.news-hero figcaption a, .news-figure figcaption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.news-hero figcaption a:hover { color: var(--yellow); }

/* Portadas que son gráficos con texto: se muestran completas */
.news-hero--contain img { width: auto; max-width: 100%; max-height: 720px; margin: 0 auto; object-fit: contain; }
.news-hero--contain figcaption { text-align: center; }

/* Portada: últimas noticias */
.home-news .news-grid { text-align: left; }
.home-news-more { text-align: center; margin-top: 40px; }