/* Moldura editorial: a imagem mantém a proporção própria em qualquer tela. */
.debiel-article-cover {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  background: #111827;
}

.debiel-article-cover img {
  display: block;
  width: 100%;
  height: auto;
}

.debiel-article-cover::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(to top, rgb(3 7 18 / 45%), transparent 42%);
}