:root {
	--bda-ferias-header-main-h: 80px;
	--bda-ferias-banner-h: 34px;
	--bda-ferias-header-h: calc(var(--bda-ferias-header-main-h) + var(--bda-ferias-banner-h));
}

.ba-header {
	height: var(--bda-ferias-header-h) !important;
}

.ba-header__container {
	height: var(--bda-ferias-header-main-h) !important;
}

.bda-ferias-header-banner {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: var(--bda-ferias-banner-h);
	overflow: hidden;
	background: var(--bda-ferias-banner-bg, #ff3131);
	color: var(--bda-ferias-banner-text, #ffffff);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.bda-ferias-header-banner::before,
.bda-ferias-header-banner::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 54px;
	z-index: 1;
	pointer-events: none;
}

.bda-ferias-header-banner::before {
	left: 0;
	background: linear-gradient(90deg, var(--bda-ferias-banner-bg, #ff3131) 0%, rgba(255, 49, 49, 0) 100%);
}

.bda-ferias-header-banner::after {
	right: 0;
	background: linear-gradient(270deg, var(--bda-ferias-banner-bg, #ff3131) 0%, rgba(255, 49, 49, 0) 100%);
}

.bda-ferias-header-banner[data-blink="yes"] {
	animation: bda-ferias-banner-blink var(--bda-ferias-banner-blink-speed, 1.2s) linear infinite;
}

.bda-ferias-header-banner__track {
	display: flex;
	align-items: center;
	width: max-content;
	min-width: 100%;
	will-change: transform;
	animation: bda-ferias-ticker-scroll 19.44s linear infinite;
}

.bda-ferias-header-banner__item {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding-right: 32px;
	white-space: nowrap;
	color: inherit;
	font-family: "Space Grotesk", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
}

.bda-ferias-header-banner__item::after {
	content: "||";
	display: inline-block;
	margin-left: 32px;
	opacity: 0.9;
}

@keyframes bda-ferias-ticker-scroll {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

@keyframes bda-ferias-banner-blink {
	0%,
	49.999% {
		background: var(--bda-ferias-banner-bg, #ff3131);
		color: var(--bda-ferias-banner-text, #ffffff);
	}

	50%,
	100% {
		background: var(--bda-ferias-banner-alt-bg, #ffe600);
		color: var(--bda-ferias-banner-alt-text, #111111);
	}
}

@media (max-width: 899px) {
	:root {
		--bda-ferias-header-main-h: 74px;
		--bda-ferias-banner-h: 30px;
	}

	.bda-ferias-header-banner__item {
		font-size: 12px;
		padding-right: 24px;
	}

	.bda-ferias-header-banner__item::after {
		margin-left: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bda-ferias-header-banner,
	.bda-ferias-header-banner__track {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transform: translate3d(0, 0, 0) !important;
	}
}