@import '../../components/heros/hero-left.css';
@import '../../components/sliders/slider.css';
@import '../../components/cards/card-article.css';
.hero-left .description {
  max-width: 290rem;
}
#latest-grid {
  margin-top: 40rem;
  transition: opacity 0.3s var(--curve);
}
#latest-grid.loading {
  opacity: 0;
  pointer-events: none;
}
.card-article-info {
  display: flex;
  gap: 6rem;
}

.card-article-info strong {
  color: var(--orange);
}