.jr-banner {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.jr-banner--topo {
	aspect-ratio: 970 / 250;
}

.jr-banner--lateral-direita-1,
.jr-banner--lateral-direita-2 {
	aspect-ratio: 300 / 250;
}

.jr-banner--ready,
.jr-banner--empty,
.jr-banner--failed {
	aspect-ratio: auto;
}

.jr-banner__loader {
	display: block;
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #f2f2f2 25%, #fafafa 50%, #f2f2f2 75%);
	background-size: 200% 100%;
	animation: jr-banner-loading 1.2s ease-in-out infinite;
}

.jr-banner--ready .jr-banner__loader,
.jr-banner--empty .jr-banner__loader,
.jr-banner--failed .jr-banner__loader {
	display: none;
}

.jr-banner__link,
.jr-banner__content,
.jr-banner__image {
	display: block;
	width: 100%;
}

.jr-banner__image {
	height: auto;
}

@keyframes jr-banner-loading {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}