/* Column-specific aurora accents */
.branco-cat-card {
	position: relative;
	background: #ffffff;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.branco-cat-card::before {
	position: absolute;
	top: -1px;
	right: -1px;
	left: -1px;
	height: 2px;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(
		90deg,
		rgba(120, 185, 255, 0.62) 0%,
		rgba(150, 130, 255, 0.54) 48%,
		rgba(239, 106, 168, 0.46) 100%
	);
	content: "";
	pointer-events: none;
}

.branco-cat-card:hover,
.branco-cat-card:focus-within {
	border-color: rgba(143, 149, 220, 0.36);
	box-shadow: 0 0 0 1px rgba(126, 170, 255, 0.1);
}

.branco-column-latest .branco-section__label,
.branco-column-categories .branco-section__label,
.branco-column-cta .branco-section__label {
	position: relative;
	border-left: 0;
	padding-left: 14px;
}

.branco-column-latest .branco-section__label::before,
.branco-column-categories .branco-section__label::before,
.branco-column-cta .branco-section__label::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 2px;
	background: linear-gradient(
		180deg,
		rgba(120, 185, 255, 0.78) 0%,
		rgba(150, 130, 255, 0.68) 52%,
		rgba(239, 106, 168, 0.58) 100%
	);
	content: "";
}

.branco-column-cta {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.branco-column-cta::before {
	position: absolute;
	inset: 0 0 0 auto;
	z-index: 0;
	width: min(54vw, 760px);
	background:
		linear-gradient(
			135deg,
			transparent 0 34%,
			rgba(255, 255, 255, 0.07) 34% 41%,
			transparent 41% 100%
		),
		linear-gradient(
			45deg,
			transparent 0 51%,
			rgba(154, 130, 255, 0.12) 51% 58%,
			transparent 58% 100%
		),
		radial-gradient(
			circle at 78% 28%,
			rgba(239, 106, 168, 0.16) 0,
			transparent 36%
		),
		radial-gradient(
			circle at 64% 72%,
			rgba(120, 185, 255, 0.13) 0,
			transparent 42%
		);
	background-blend-mode: screen;
	content: "";
	opacity: 0.66;
	pointer-events: none;
}

.branco-column-cta > * {
	position: relative;
	z-index: 1;
}

@media (max-width: 600px) {
	.branco-column-cta::before {
		width: min(92vw, 420px);
		opacity: 0.6;
	}
}