/**
 * 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;
}

.an-banner-label {
	position: absolute;
	top: 6px;
	left: 6px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 2px 6px;
	border-radius: 3px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}