/**
 * news-accent.css — tarjeta "tematizada" con el color de su portada.
 * Las variables --accent / --accent-text / --accent-shadow las fija el servidor
 * (color manual) o card-accent.js (color automático de la foto).
 */
.news-card--themed {
  border: 0 !important;
  box-shadow: 0 18px 40px -18px var(--accent-shadow, rgba(0, 0, 0, .4)) !important;
}
.news-card--themed .news-card-body {
  background: var(--accent) !important;
  transition: background .3s ease;
}
.news-card--themed .news-card-body h3 {
  color: var(--accent-text) !important;
}
.news-card--themed .news-card-body p {
  color: var(--accent-text) !important;
  opacity: .86;
}
.news-card--themed .news-card-footer span,
.news-card--themed .news-card-footer i {
  color: var(--accent-text) !important;
  opacity: .82;
}
.news-card--themed .news-card-footer {
  border-top-color: rgba(255, 255, 255, .16) !important;
}
.news-card--themed .read-more {
  color: var(--accent-text) !important;
  opacity: 1;
  font-weight: 700;
}
