.ae-mapa-wrap {
	margin: 0 0 1.25rem;
	width: 100%;
}

.ae-mapa-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: #AF71B0;
	color: #fff;
	border: none;
	border-radius: 0.375rem;
	padding: 0.7rem 1.25rem;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.25s ease;
	line-height: 1.2;
}

.ae-mapa-toggle:hover { background: #8c528d; }

.ae-mapa-ico { font-size: 1.1em; }

.ae-mapa-caret {
	transition: transform 0.25s ease;
	font-size: 0.9em;
}

.ae-mapa-wrap.is-open .ae-mapa-caret { transform: rotate(180deg); }

.ae-mapa-panel {
	margin-top: 0.75rem;
	border: 1px solid #e5d7e6;
	border-radius: 0.5rem;
	overflow: hidden;
	background: #fff;
}

.ae-mapa-map {
	width: 100%;
	height: 26rem;
	background: #eef0f2;
}

.ae-mapa-note {
	margin: 0;
	padding: 0.6rem 1rem;
	font-size: 0.85rem;
	color: #666;
	background: #faf6fb;
	border-top: 1px solid #eee;
}

.ae-mapa-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #888;
	font-size: 0.95rem;
	text-align: center;
	padding: 1rem;
}

/* Popup amb la llista d'expertes */
.ae-mapa-pop { min-width: 12rem; }
.ae-mapa-pop strong { display: block; margin-bottom: 0.4rem; font-size: 0.95rem; color: #333; }

.ae-mapa-explist {
	list-style: none;
	margin: 0 0 0.5rem;
	padding: 0;
	max-height: 11rem;
	overflow-y: auto;
}

.ae-mapa-explist li { margin: 0 0 0.25rem; }

.ae-mapa-explist a {
	color: #AF71B0;
	text-decoration: none;
	font-weight: 600;
}

.ae-mapa-explist a:hover { text-decoration: underline; }

.ae-mapa-filterbtn {
	width: 100%;
	background: #AF71B0;
	color: #fff;
	border: none;
	border-radius: 0.25rem;
	padding: 0.45rem 0.6rem;
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
}

.ae-mapa-filterbtn:hover { background: #8c528d; }

/* El popup de Leaflet ja porta els seus estils; nomes ajustem la tipografia */
.leaflet-popup-content { margin: 0.75rem 0.9rem; }

/* Clusters en color de marca (malva) en lloc del verd/groc per defecte */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
	background-color: rgba( 175, 113, 176, 0.35 );
}
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
	background-color: rgba( 175, 113, 176, 0.9 );
	color: #fff;
	font-weight: 600;
}