/* =============================================
   NOTICIAS PAGE - Estilos específicos
   ============================================= */

/* ── Page Hero ── */
.page-hero {
  position: relative; padding: 160px 0 80px;
  background: var(--color-dark);
  background-image: linear-gradient(135deg, #0d1117 0%, #1a2035 100%);
}
.page-hero::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(201,168,76,.07) 0%, transparent 60%);
}
.page-hero__overlay { position: absolute; inset: 0; background: rgba(13,17,23,.5); }
.page-hero__content { position: relative; z-index: 1; }
.page-hero__title {
  font-family: var(--font-serif); font-size: clamp(2.4rem, 4vw, 3.5rem);
  font-weight: 700; color: var(--color-white); margin-bottom: 16px; line-height: 1.1;
}
.page-hero__subtitle {
  font-size: 1.05rem; color: rgba(255,255,255,.65); max-width: 520px;
}

/* ── News Page ── */
.news-page { padding: 80px 0 120px; background: var(--color-off-white); }

/* ── Article Card ── */
.article-card {
  display: grid; grid-template-columns: auto 1fr; gap: 56px;
  background: var(--color-white); border-radius: var(--radius-lg);
  overflow: hidden; margin-bottom: 0; box-shadow: var(--shadow-md);
  align-items: start;
}
.article-card__img-wrap {
  height: 440px;
}
.article-card__img {
  height: 100%; width: auto; display: block;
  transition: transform .4s ease;
}
.article-card:hover .article-card__img { transform: scale(1.03); }

.article-card__body {
  padding: 48px 48px 48px 0;
  display: flex; flex-direction: column;
}
.article-card__body--full {
  padding: 48px; grid-column: 1 / -1;
}
.article-card__meta {
  display: flex; align-items: center; gap: 16px; margin-bottom: 16px;
}
.article-card__date {
  font-size: .78rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: var(--color-text-light);
}
.article-card__cat {
  font-size: .75rem; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-white);
  background: var(--color-gold); padding: 3px 10px; border-radius: 20px;
}
.article-card__title {
  font-family: var(--font-serif); font-size: clamp(1.3rem, 2vw, 1.7rem);
  font-weight: 700; color: var(--color-dark); line-height: 1.25;
  margin-bottom: 20px;
}
.article-card__content { flex: 1; margin-bottom: 32px; }
.article-card__content p {
  font-size: .97rem; color: var(--color-text-light); line-height: 1.85;
  margin-bottom: 16px;
}
.article-card__content h3 {
  font-family: var(--font-serif); font-size: 1.15rem; font-weight: 600;
  color: var(--color-dark); margin: 24px 0 10px;
}
.article-card__content ul {
  list-style: none; margin-bottom: 16px;
}
.article-card__content ul li {
  font-size: .97rem; color: var(--color-text-light); line-height: 1.8;
  padding-left: 20px; position: relative; margin-bottom: 6px;
}
.article-card__content ul li::before {
  content: '–'; position: absolute; left: 0; color: var(--color-gold);
}

/* ── Divider ── */
.article-divider {
  border: none; border-top: 1px solid var(--color-border);
  margin: 48px 0;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .article-card { grid-template-columns: 1fr; }
  .article-card__img-wrap { min-height: 220px; max-height: 280px; }
  .article-card__body { padding: 32px; }
  .article-card__body--full { padding: 32px; }
}

@media (max-width: 600px) {
  .page-hero { padding: 120px 0 60px; }
  .news-page { padding: 48px 0 80px; }
  .article-card__body { padding: 24px; }
}