.ebn-accordion-delegacions {
	--min-width-card: 320px;
	--max-width-card: 440px;
	--icon-size: 24px;

	overflow-x: clip;
	padding-block: var(--wp--preset--spacing--2-xl);
	padding-inline: var(--wp--custom--grid--margin);
}

.ebn-accordion-delegacions__container {
	display: grid;
	gap: var(--wp--preset--spacing--2-xl);
	max-width: var(--wp--custom--width--default);
	margin-inline: auto;
}

.ebn-accordion-delegacions__header {
	display: grid;
	gap: var(--wp--preset--spacing--m);
	justify-items: center;
}

.ebn-accordion-delegacions__title {
	max-width: var(--wp--custom--width--small);
	line-height: 1;
	color: var(--wp--preset--color--brand-primary-50);
	text-align: center;
	text-box-edge: cap alphabetic;
	text-box-trim: trim-both;
}

.ebn-accordion-delegacions__title em {
	font-style: italic;
	color: var(--wp--preset--color--brand-secondary-50);
}

.ebn-accordion-delegacions__description {
	max-width: var(--wp--custom--width--small);
	color: var(--wp--preset--color--brand-primary-40);
	text-align: center;
}

.ebn-accordion-delegacions__content {
	display: grid;
	gap: var(--wp--preset--spacing--xl);
	inline-size: 100%;
	max-width: var(--wp--custom--width--default);
	margin-inline: auto;
}

.ebn-accordion-delegacions__fichas {
	display: none;
}

.ebn-accordion-delegacions__accordion {
	display: grid;
	gap: var(--wp--preset--spacing--xs);
	inline-size: 100%;
	min-inline-size: 0;
}

.ebn-accordion-delegacions__accordion .ob-accordion__item {
	display: grid;
	gap: var(--wp--preset--spacing--m);
	padding: var(--wp--preset--spacing--m);
	border-bottom: 1px solid var(--wp--preset--color--neutral-10);
	border-radius: var(--wp--custom--border-radius--xs);
	background-color: var(--wp--preset--color--neutral-white);
	transition: background-color 0.3s ease-out;
}

.ebn-accordion-delegacions__accordion .ob-accordion__item.is-collapsed {
	background-color: transparent;
}

.ebn-accordion-delegacions__accordion .ob-accordion__item-header {
	margin: 0;
}

.ebn-accordion-delegacions__accordion .ob-accordion__item-header button {
	gap: var(--wp--preset--spacing--s);
}

.ebn-accordion-delegacions__item-heading {
	flex: 1;
	color: var(--wp--preset--color--brand-secondary-50);
	text-box-edge: cap alphabetic;
	text-box-trim: trim-both;
	transition: color 0.3s ease-out;
}

.ebn-accordion-delegacions__accordion .ob-accordion__item:not(.is-collapsed) .ebn-accordion-delegacions__item-heading {
	color: var(--wp--preset--color--brand-primary-50);
}

.ebn-accordion-delegacions__accordion .ob-accordion__item-icon {
	--_icon-mask: var(--icon-chevron-down);

	display: inline-block;
	flex: 0 0 var(--icon-size);
	inline-size: var(--icon-size);
	block-size: var(--icon-size);
	color: var(--wp--preset--color--brand-secondary-50);
	background-color: currentColor;
	-webkit-mask: var(--_icon-mask) center / contain no-repeat;
	mask: var(--_icon-mask) center / contain no-repeat;
	transform: rotate(180deg);
	transition: transform 0.3s ease-out;
}

.ebn-accordion-delegacions--single-item .ebn-accordion-delegacions__accordion .ob-accordion__item-icon {
	display: none;
}

.ebn-accordion-delegacions__accordion .ob-accordion__item:not(.is-collapsed) .ob-accordion__item-icon {
	transform: rotate(0deg);
}

.ebn-accordion-delegacions__accordion .ob-accordion__item-panel {
	display: grid;
	gap: var(--wp--preset--spacing--l);
	padding-top: var(--wp--preset--spacing--m);
	border-top: 1px solid var(--wp--preset--color--neutral-10);
}

.ebn-accordion-delegacions__accordion .ob-accordion__item[hidden],
.ebn-accordion-delegacions__accordion .ob-accordion__item-panel[hidden] {
	display: none;
}

.ebn-accordion-delegacions__secretariats {
	display: grid;
	gap: var(--wp--preset--spacing--s);

	color: var(--wp--preset--color--brand-primary-40);
}

.ebn-accordion-delegacions__secretariats-title {
	margin: 0;
}

.ebn-accordion-delegacions__secretariats-list {
	display: grid;
	gap: var(--wp--preset--spacing--2-xs);
	margin: 0;
	padding-inline-start: var(--wp--preset--spacing--xs);
}

.ebn-accordion-delegacions__secretariats-empty {
	margin: 0;
	padding: var(--wp--preset--spacing--s);
	border-radius: var(--wp--custom--border-radius--xs);
	background-color: var(--wp--preset--color--brand-tertiary-10);
}

.ebn-accordion-delegacions__secretariats-link {
	color: var(--wp--preset--color--brand-primary-40);
	text-decoration: none;
}

.ebn-accordion-delegacions__secretariats-link:hover,
.ebn-accordion-delegacions__secretariats-link:focus-visible {
	color: var(--wp--preset--color--brand-secondary-50);
}

.ebn-accordion-delegacions__post-content,
.ebn-accordion-delegacions__people,
.ebn-accordion-delegacions__empty-content {
	margin: 0;
	color: var(--wp--preset--color--brand-primary-40);
}

.ebn-accordion-delegacions__post-content > *:first-child {
	margin-block-start: 0;
}

.ebn-accordion-delegacions__post-content > *:last-child {
	margin-block-end: 0;
}

.ebn-accordion-delegacions__post-content h3 {
	font-family: var(--font-family--h6);
    font-size: var(--font-size--h6);
    font-weight: var(--font-weight--semibold);
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
}

.ebn-accordion-delegacions__post-content ul {
	display: grid;
    gap: var(--wp--preset--spacing--xs);
    margin: 0;
	padding-block: var(--wp--preset--spacing--s);
    padding-inline-start: var(--wp--preset--spacing--xs);
	color: var(--wp--preset--color--brand-primary-40);
}

.ebn-accordion-delegacions__post-content li a {
	color: var(--wp--preset--color--brand-primary-40);
    text-decoration: none;
}

.ebn-accordion-delegacions__people-list {
	display: grid;
	gap: var(--wp--preset--spacing--s);
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--wp--preset--color--brand-secondary-50);
	list-style: none;
}

.ebn-accordion-delegacions__person {
	display: grid;
	gap: var(--wp--preset--spacing--2-xs);
	padding-top: var(--wp--preset--spacing--m);
}

.ebn-accordion-delegacions__person-role,
.ebn-accordion-delegacions__person-name {
	color: var(--wp--preset--color--brand-primary-50);
}

.ebn-accordion-delegacions__tractament {
	font-style: italic;
	color: var(--wp--preset--color--brand-secondary-50);
}

.ebn-accordion-delegacions__empty-content {
	padding: var(--wp--preset--spacing--s);
	border-radius: var(--wp--custom--border-radius--xs);
	background-color: var(--wp--preset--color--brand-tertiary-10);
}

@media (width >=1024px) {
	.ebn-accordion-delegacions__content {
		grid-template-columns: minmax(var(--min-width-card), var(--max-width-card)) minmax(0, 1fr);
	}

	.ebn-accordion-delegacions__fichas {
		position: sticky;
		top: var(--site-header-height);
		display: block;
		align-self: start;
	}

	.ebn-accordion-delegacions__ficha-slot {
		display: none;
	}

	.ebn-accordion-delegacions__ficha-slot.is-active {
		display: block;
	}

	.ebn-accordion-delegacions__ficha-panel {
		display: none;
	}

	.ebn-accordion-delegacions__accordion .ob-accordion__item-panel {
		grid-template-columns: 1fr;
	}

	.ebn-accordion-delegacions__accordion {
		inline-size: 100%;
		max-inline-size: none;
	}
}