/**
 * O NORTE — cortes de imagem por componente
 *
 * Contrato: 03-build/ARQUITETURA-WORDPRESS.md §5 e theme/IMAGE-SPEC.md.
 * O plugin imprime class="onorte-img onorte-img--<componente>".
 * O tema só aplica proporção e recorte. Ponto focal vem em object-position.
 *
 *   manchete / destaque / video → 16:9
 *   chamada                    → 3:2
 *   miniatura / colunista      → 1:1
 *   corpo                      → livre
 *   capa                       → livre (primeira página digitalizada, inteira, sem corte)
 */

.onorte-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% 40%;
  background: var(--fundo-secao, #F2F2F2);
}

.onorte-img--manchete,
.onorte-img--destaque,
.onorte-img--video {
  aspect-ratio: 16 / 9;
}

.onorte-img--chamada {
  aspect-ratio: 3 / 2;
}

.onorte-img--miniatura,
.onorte-img--colunista {
  aspect-ratio: 1 / 1;
}

.onorte-img--corpo {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
}

.onorte-img--capa {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 0;
  border: 1px solid var(--regra, #D8D8D8);
}