/*
 * Moldura de imagem inteira — ver inc/moldura.php para o porquê.
 * Carregada no site público e no painel (a pré-visualização do upload usa
 * estas mesmas classes, para mostrar exatamente o que o site vai mostrar).
 *
 * A caixa tem a proporção do conteúdo esperado; a imagem aparece inteira
 * (contain), centralizada, sem ampliar além do tamanho real do arquivo
 * (max-width/height inline). Se a imagem não seguir o padrão, a sobra é só a
 * cor clara da caixa — sem desfocado, sem véu, sem sombra.
 */

.ibdmar-moldura {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--color-background-subtle);
}

.ibdmar-moldura[data-ratio] {
	height: auto;
	aspect-ratio: var(--ibdmar-moldura-ratio);
}

.ibdmar-moldura__img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: contain;
}