/* ============================================================
   ScienceuP — HOME (Blog / Noticias VESE)
   Estilos específicos de la página de inicio.
   ============================================================ */

/* --- Hero home ------------------------------------------ */
.home-hero {
  background: linear-gradient(160deg, #002f6c 0%, #001e46 100%);
  color: var(--color-white);
  padding-block: var(--space-20);
  text-align: center;
}
.home-hero h1 { color: var(--color-white); max-width: 720px; margin-inline: auto; margin-bottom: var(--space-5); }
.home-hero p  { color: rgba(255,255,255,0.8); font-size: var(--text-lg); max-width: 560px; margin-inline: auto; }

/* --- Blog grid ------------------------------------------ */
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-12);
}

.news-card { overflow: hidden; }
.news-card .card-img {
  width: 100%; height: 200px;
  background: var(--color-primary-light);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-4);
  overflow: hidden;
}
.news-card .card-img img { width: 100%; height: 100%; object-fit: cover; }
.news-card .card-meta {
  font-size: var(--text-xs);
  color: var(--color-muted);
  margin-bottom: var(--space-2);
  display: flex; gap: var(--space-3);
}
.news-card h3 { font-size: var(--text-xl); margin-bottom: var(--space-3); }
.news-card p  { font-size: var(--text-sm); color: var(--color-muted); }
.news-card .read-more {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-primary);
  display: inline-flex; align-items: center; gap: var(--space-1);
  margin-top: var(--space-4);
}
.news-card .read-more:hover { text-decoration: underline; }

@media (max-width: 1024px) { .news-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px)  { .news-grid { grid-template-columns: 1fr; } }