/* Fase 9: padronizacao visual premium das imagens editoriais. */
img[src*="/assets/images/"] {
  background: #efe2c9;
  color: transparent;
}

.page-hero__grid > img,
.pillar-figure img,
.recipe-figure img,
.guide-figure img,
.recipe-hero__grid > img,
.split > img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.recipe-card__image,
.content-card > img,
.commercial-card img,
.guide-card img,
.pillar-card img {
  aspect-ratio: 5 / 4;
  object-fit: cover;
  object-position: center 42%;
  width: 100%;
  height: auto;
  max-height: none;
}

/* Banco oficial — enquadramento aberto (selo + faixa visiveis) */
img[src*="/assets/images/banco-oficial/receita-"],
img[src*="/assets/images/banco-oficial/hub-"],
.recipe-card__image[src*="/assets/images/banco-oficial/"] {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center center;
}

img[src*="/assets/images/banco-oficial/receita-"] {
  aspect-ratio: 4 / 3;
  object-position: center center;
}

.recipe-figure,
.guide-figure,
.pillar-figure {
  overflow: hidden;
}

.recipe-figure img,
.guide-figure img,
.pillar-figure img {
  display: block;
  width: 100%;
  min-height: 280px;
}

@media (max-width: 760px) {
  .recipe-figure img,
  .guide-figure img,
  .pillar-figure img,
  .recipe-hero__grid > img,
  .page-hero__grid > img {
    min-height: 210px;
  }
}

@import url('recipe-thumbnails.css');