/**
 * Estilo base do banner no front-end.
 * Mantido minimalista de propósito: cada site/tema pode sobrescrever
 * estas classes facilmente, já que usamos especificidade baixa.
 */

.an-banner-wrapper {
	position: relative;
	display: block;
	margin: 16px 0;
	max-width: 100%;
}

.an-banner-link {
	display: block;
	position: relative;
	text-decoration: none;
}

.an-banner-imagem {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}

/* Banners quadrados: dimensões fixas respeitadas */
.an-banner-quadrado .an-banner-imagem {
	width: auto;
	max-width: 100%;
}

/* Banners verticais */
.an-banner-vertical .an-banner-imagem {
	width: auto;
	max-width: 100%;
}