/* Subtítol amb punt de color darrere */
.eyebrow {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-bottom: 0.6em;
}

.eyebrow__dot {
	position: absolute;
	left: -14px;
	top: 50%;
	transform: translateY(-50%);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: var(--color-tan-light);
	z-index: 0;
}

.eyebrow__text {
	position: relative;
	z-index: 1;
	padding-left: 28px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 30px;
	color: var(--color-green-700);
	white-space: nowrap;
}

/* Variant sobre fons fosc o imatge */
.eyebrow--light .eyebrow__dot {
	width: 40px;
	height: 40px;
	left: -10px;
}

.eyebrow--light .eyebrow__text {
	padding-left: 12px;
	font-size: 22px;
	color: var(--color-white);
}