/*
 * Texto corto en mayúsculas sobre un título ("Somos Molitalia", "Nuestro enfoque").
 * Widget Editor de texto con la clase: eyebrow
 *   Sin punto rojo:     eyebrow eyebrow--plain
 *   En blanco (fotos):  eyebrow eyebrow--light
 */

.eyebrow p,
.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1.3;
	text-transform: uppercase;
	color: var(--eyebrow-color, var(--color-ink));
}

.eyebrow p::before {
	content: "";
	flex: none;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--color-brand-red);
	box-shadow: 0 0 0 4px rgba(215, 38, 30, .22);
}

.eyebrow--plain p::before { display: none; }
.eyebrow--light { --eyebrow-color: #fff; }