/* Insignias de ambito y familia en single-proyecto.html.
   El color se dispara por la clase de body "term-{slug}" que WordPress
   añade de forma nativa en los archivos de taxonomia, y que replicamos
   a mano en las fichas individuales via el filtro body_class (ver functions.php). */

.ambito-badge-row {
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.ambito-badge a,
.familia-badge a {
	display: inline-block;
	padding: 0.25rem 0.85rem;
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--body-sans);
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.02em;
}

.ambito-badge a {
	background: var(--wp--preset--color--texto-principal);
	color: var(--wp--preset--color--base-neutra);
}

.familia-badge a {
	background: transparent;
	border: 1px solid currentColor;
	color: var(--wp--preset--color--texto-principal);
}

body.term-desarrollador .ambito-badge a {
	background: var(--wp--preset--color--ambito-desarrollador);
	color: #fff;
}

body.term-formador .ambito-badge a {
	background: var(--wp--preset--color--ambito-formador);
	color: #fff;
}

body.term-narrador .ambito-badge a {
	background: var(--wp--preset--color--ambito-narrador);
	color: #fff;
}

.proyecto-meta {
	gap: 0 1.5rem;
	font-size: 0.9rem;
	opacity: 0.75;
}

.proyecto-meta .meta-item::before {
	content: "";
}

.proyecto-meta .meta-cliente::before {
	content: "🏷 ";
}

.proyecto-meta .meta-periodo::before {
	content: "📅 ";
}

.proyecto-meta .meta-tecnologias::before {
	content: "🛠 ";
}

/* Si un campo esta vacio, no ocupa espacio */
.proyecto-meta p:empty {
	display: none;
}