/**
 * Bloc "Equipament destacat" — shortcode [allotjament_equipament].
 *
 * Versió neta (2026-06-12, petició de Santi): sense pastilles ni fons —
 * només text sobre el fons de la pàgina. Grups en graella de 2 columnes,
 * cada grup amb títol serif + llista vertical d'ítems amb bullet rodó
 * sòlid (els bullets B3 validats per la clienta es mantenen).
 *
 * ⚠️ Punts crítics de la clienta (vigents):
 *   1. Bullet #6B6258 opac al 100% (mai esvaït/translúcid).
 *   2. En mòbil el bullet puja a 6px i el text a 15px. Mai per sota de 5px.
 */

.er-equip {
	font-family: var(--er-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.er-equip *,
.er-equip *::before,
.er-equip *::after {
	box-sizing: border-box;
}

/* Mides i pesos pre-redisseny (Jost 700 20px) — restaurades 2026-06-12.
   Filet fi sota el títol: li dona estructura de capçalera i equilibra el
   bloc quan hi ha poc contingut (poques targetes). */
.er-equip__h {
	font-family: var(--er-sans);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.15;
	color: #2A2520;
	margin: 0 0 26px;
	padding-bottom: 14px;
	border-bottom: 1px solid #E7E0D2;
}

/* Grups: graella 2 columnes, aire generós entre grups (sense caixes,
   l'espai en blanc fa de separador). */
.er-equip__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 34px 40px;
	align-items: start;
}

.er-equip__card {
	background: none;
	border: 0;
	padding: 0;
	/* Alineat a l'esquerra a tots els viewports: l'inici de cada línia
	   (títol i ítems, inclosos els wraps) coincideix verticalment. Mai
	   justificat, mai centrat. */
	text-align: left;
}

.er-equip__t {
	font-family: var(--er-sans);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.25;
	color: #2A2520;
	margin: 0 0 14px;
}

.er-equip__txt {
	font-size: 15px;
	line-height: 1.5;
	color: #5C5249;
	margin: 0 0 12px;
}

/* Items en la mateixa línia separats per "·" (no bullets, no pastilles).
   display:inline perquè el text flueixi com a prosa; el separador va a
   ::after amb un nbsp davant (\00A0) que el pega a l'item anterior, així
   en saltar de línia el "·" es queda al final de la línia anterior i la
   nova comença neta amb l'item següent. */
.er-equip__list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #5C5249;
}
.er-equip__list li {
	display: inline;
	font-weight: 400;
	margin: 0;
}
.er-equip__list li:not(:last-child)::after {
	content: "\00A0·  ";
	color: #9A9184;
}

/* ───── Mòbil (≤720px) ───── */
@media (max-width: 720px) {
	.er-equip__grid {
		grid-template-columns: 1fr;
		gap: 26px;
	}
	/* Contingut alineat a l'esquerra també a mòbil (la regla base ja és
	   left; el reforcem aquí per claredat i per si alguna regla externa
	   l'havia centrat). */
	.er-equip__card {
		text-align: left;
	}
}