@font-face {
    font-family: "Jet Brain Mono";
    src: url("fonts/JetBrainsMono-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Jet Brain Mono";
    src: url("fonts/JetBrainsMono-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Launchtype25";
    src: url("fonts/Lunchtype25-Medium-Condensed.ttf") format("woff");
    font-weight: 500;
    font-style: normal;
  }

:root {
	/* Colors */
	/* Black Alpha */
	--global--color-black: #0B0E0D;
	--global--color-black-20: #0B0E0DE5;
	--global--color-black-30: #0B0E0DCC;
	--global--color-black-40: #0B0E0DB2;
	--global--color-black-50: #0B0E0D99;
	--global--color-black-60: #0B0E0D80;
	--global--color-black-70: #0B0E0D66;
	--global--color-black-80: #0B0E0D4D;
	--global--color-black-90: #0B0E0D33;
	--global--color-black-93: #0B0E0D1F;
	--global--color-black-95: #0B0E0D14;
	--global--color-black-98: #0B0E0D0A;
	/* White Alpha */
	--global--color-white: #FFFFFF;
	--global--color-white-20: #FFFFFFE5;
	--global--color-white-30: #FFFFFFCC;
	--global--color-white-40: #FFFFFFB2;
	--global--color-white-50: #FFFFFF99;
	--global--color-white-60: #FFFFFF80;
	--global--color-white-70: #FFFFFF66;
	--global--color-white-80: #FFFFFF4D;
	--global--color-white-90: #FFFFFF33;
	--global--color-white-93: #FFFFFF1F;
	--global--color-white-95: #FFFFFF14;
	--global--color-white-98: #FFFFFF0A;
	/* Red */
	--global--color-red-10: #571D2B;
	--global--color-red-20: #760E27;
	--global--color-red-30: #960E2F;
	--global--color-red-40: #B51E30;
	--global--color-red-50: #E73636;
	--global--color-red-60: #FC6E6E;
	--global--color-red-70: #FD9B9E;
	--global--color-red-80: #FDB4B6;
	--global--color-red-90: #FECDD3;
	--global--color-red-95: #FFE6E9;
	--global--color-red-98: #FFF5F6;
	/* Orange */
	--global--color-orange-10: #661D06;
	--global--color-orange-20: #952B09;
	--global--color-orange-30: #B0330B;
	--global--color-orange-40: #D64E22;
	--global--color-orange-50: #F55927;
	--global--color-orange-60: #FF7C53;
	--global--color-orange-70: #FFAA8F;
	--global--color-orange-80: #FFC5B3;
	--global--color-orange-90: #FFD8CC;
	--global--color-orange-95: #FFECE5;
	--global--color-orange-98: #FFF7F5;
	/* Purple */
	--global--color-purple-10: #3D2353;
	--global--color-purple-20: #512E6E;
	--global--color-purple-30: #5A3682;
	--global--color-purple-40: #6A4099;
	--global--color-purple-50: #7C52AD;
	--global--color-purple-60: #9065CD;
	--global--color-purple-70: #A789E1;
	--global--color-purple-80: #C0A6F1;
	--global--color-purple-90: #E0D3F8;
	--global--color-purple-95: #EFE9FC;
	--global--color-purple-98: #F9F6FE;
	/* Green */
	--global--color-green-10: #042F22;
	--global--color-green-20: #074C37;
	--global--color-green-30: #0B7946;
	--global--color-green-40: #23964D;
	--global--color-green-50: #38B251;
	--global--color-green-60: #7AC25B;
	--global--color-green-70: #98D080;
	--global--color-green-80: #D4EDAB;
	--global--color-green-90: #E5F4CD;
	--global--color-green-95: #F0F9E2;
	--global--color-green-98: #F9FCF2;
	/* Blue */
	--global--color-blue-10: #0C192C;
	--global--color-blue-20: #162F54;
	--global--color-blue-30: #224881;
	--global--color-blue-40: #2B71A6;
	--global--color-blue-50: #45A1CE;
	--global--color-blue-60: #6DB8E3;
	--global--color-blue-70: #86C3DF;
	--global--color-blue-80: #A5D8E8;
	--global--color-blue-90: #C6E6F0;
	--global--color-blue-95: #DFF1F7;
	--global--color-blue-98: #F3FAFC;
	/* Brown */
	--global--color-brown-10: #382E2E;
	--global--color-brown-20: #544545;
	--global--color-brown-30: #655653;
	--global--color-brown-40: #7B6C65;
	--global--color-brown-50: #95887E;
	--global--color-brown-60: #A89D95;
	--global--color-brown-70: #C9C2B5;
	--global--color-brown-80: #DDD7CA;
	--global--color-brown-90: #E8E6E1;
	--global--color-brown-95: #F4F4F4;
	--global--color-brown-98 : #FAFAFA;

	/* Content colors */
	--global--content-primary: var(--global--color-black);
	--global--content-secondary: var(--global--color-black-50);
	--global--content-tertiary: var(--global--color-black-70);
	--global--content-inverted-primary: var(--global--color-white);
	--global--content-inverted-secondary: var(--global--color-white-50);
	--global--content-inverted-tertiary: var(--global--color-white-70);
	--global--content-success: var(--global--color-green-50);

	/* Font */
	--global--font-jet-brain: 'Jet Brain Mono';
	--global--font-inter-tight: 'Inter Tight', sans-serif;
	--global--font-launchtype: 'Launchtype25';

	/* Font Weight */
	--global--font-weight-normal: 400;
	--global--font-weight-medium: 500;
	--global--font-weight-semibold: 600;

	/* Letter spacing */
	--global--letter-spacing--2: -2%;
	--global--letter-spacing-2: 2%;

	/* Text Styles - Display */
	--global--display-xl-font-size:80px;
	--global--display-xl-line-height:80px;
	--global--display-l-font-size:56px;
	--global--display-l-line-height:56px;
	--global--display-m-font-size:40px;
	--global--display-m-line-height:40px;
	--global--display-s-font-size:32px;
	--global--display-s-line-height:32px;
	--global--display-xs-font-size:24px;
	--global--display-xs-line-height:24px;
	--global--display-font-family: var(--global--font-launchtype);
	--global--display-font-weight: var(--global--font-weight-medium);
	--global--display-letter-spacing: var(--global--letter-spacing--2);

	/* Text Styles - Titles */
	--global--title-l-font-size:24px;
	--global--title-l-line-height:30px;
	--global--title-m-font-size:22px;
	--global--title-m-line-height:28px;
	--global--title-s-font-size:18px;
	--global--title-s-line-height:24px;
	--global--title-xs-font-size:16px;
	--global--title-xs-line-height:22px;
	--global--title-font-family: var(--global--font-inter-tight);
	--global--title-font-weight: var(--global--font-weight-semibold);
	--global--title-letter-spacing: var(--global--letter-spacing-2);

	/* Text Styles - Body */
	--global--body-xl-font-size:24px;
	--global--body-xl-line-height:30px;
	--global--body-l-font-size:18px;
	--global--body-l-line-height:26px;
	--global--body-m-font-size:16px;
	--global--body-m-line-height:24px;
	--global--body-s-font-size:14px;
	--global--body-s-line-height:24px;
	--global--body-xs-font-size:12px;
	--global--body-xs-line-height:20px;
	--global--body-xxs-font-size:10px;
	--global--body-xxs-line-height:16px;
	--global--body-font-family: var(--global--font-inter-tight);
	--global--body-font-weight: var(--global--font-weight-normal);
	--global--body-letter-spacing: var(--global--letter-spacing-2);
	--global--body-indent-80: 80px;
	--global--body-indent-104: 104px;

	/* Text Styles - Highlight */
	--global--highlight-l-font-size:18px;
	--global--highlight-l-line-height:26px;
	--global--highlight-m-font-size:16px;
	--global--highlight-m-line-height:24px;
	--global--highlight-s-font-size:14px;
	--global--highlight-s-line-height:22px;
	--global--highlight-font-family: var(--global--font-inter-tight);
	--global--highlight-font-weight: var(--global--font-weight-semibold);
	--global--highlight-letter-spacing: var(--global--letter-spacing-2);

	/* Text Styles - Caption */
	--global--caption-m-font-size:14px;
	--global--caption-m-line-height:18px;
	--global--caption-s-font-size:12px;
	--global--caption-s-line-height:16px;
	--global--caption-font-family: var(--global--font-jet-brain);
	--global--caption-font-weight: var(--global--font-weight-semibold);
	--global--caption-letter-spacing: var(--global--letter-spacing--2);

	/* Text Styles - Button */
	--global--button-l-font-size:16px;
	--global--button-l-line-height:20px;
	--global--button-m-font-size:14px;
	--global--button-m-line-height:18px;
	--global--button-font-family: var(--global--font-jet-brain);
	--global--button-font-weight: var(--global--font-weight-semibold);
	--global--button-letter-spacing: var(--global--letter-spacing--2);

	/* Text Styles - Link */
	--global--link-xl-font-size:24px;
	--global--link-xl-line-height:24px;
	--global--link-l-font-size:18px;
	--global--link-l-line-height:22px;
	--global--link-m-font-size:16px;
	--global--link-m-line-height:20px;
	--global--link-s-font-size:14px;
	--global--link-s-line-height:18px;
	--global--link-font-family: var(--global--font-inter-tight);
	--global--link-font-weight: var(--global--font-weight-normal);
	--global--link-letter-spacing: var(--global--letter-spacing-2);

	/* Border */
	--global-border-radius-s: 4px;
	--global-border-radius-m: 8px;
	--global-border-radius-l: 16px;
	--global-border-radius-full: 100px;
	--global-border-width-s: 1px;
	--global-border-width-m: 2px;

	/* Spacing */
	--global-spacing-01:1px;
	--global-spacing-02:4px;
	--global-spacing-03:8px;
	--global-spacing-04:12px;
	--global-spacing-05:16px;
	--global-spacing-06:20px;
	--global-spacing-07:24px;
	--global-spacing-08:32px;
	--global-spacing-09:40px;
	--global-spacing-10:48px;
	--global-spacing-11:56px;
	--global-spacing-12:64px;
	--global-spacing-13:72px;
	--global-spacing-14:80px;
	--global-spacing-15:88px;

	/* Header height */
	--global-header-height: 56px;
}

/* TYPOGRAPHY */

/* Display */
.text-display {
	font-family: var(--global--display-font-family);
	font-weight: var(--global--display-font-weight);
	letter-spacing: var(--global--display-letter-spacing);
	text-transform: uppercase;
}

.display-xl {
	font-size: var(--global--display-xl-font-size);
	line-height: var(--global--display-xl-line-height);
}

.display-l {
	font-size: var(--global--display-l-font-size);
	line-height: var(--global--display-l-line-height);
}

.display-m {
	font-size: var(--global--display-m-font-size);
	line-height: var(--global--display-m-line-height);
}

.display-s {
	font-size: var(--global--display-s-font-size);
	line-height: var(--global--display-s-line-height);
}

.display-xs {
	font-size: var(--global--display-xs-font-size);
	line-height: var(--global--display-xs-line-height);
}

/* Titles */
.text-title {
	font-family: var(--global--title-font-family);
	font-weight: var(--global--title-font-weight);
	letter-spacing: var(--global--title-letter-spacing);
}

.title-l {
	font-size: var(--global--title-l-font-size);
	line-height: var(--global--title-l-line-height);
}

.title-m {
	font-size: var(--global--title-m-font-size);
	line-height: var(--global--title-m-line-height);
}

.title-s {
	font-size: var(--global--title-s-font-size);
	line-height: var(--global--title-s-line-height);
}

.title-xs {
	font-size: var(--global--title-xs-font-size);
	line-height: var(--global--title-xs-line-height);
}

/* Body */
.text-body {
	font-family: var(--global--body-font-family);
	font-weight: var(--global--body-font-weight);
	letter-spacing: var(--global--body-letter-spacing);
	color: inherit!important;
}

.body-xl {
	font-size: var(--global--body-xl-font-size);
	line-height: var(--global--body-xl-line-height);
}

.body-l {
	font-size: var(--global--body-l-font-size);
	line-height: var(--global--body-l-line-height);
}

.body-m {
	font-size: var(--global--body-m-font-size);
	line-height: var(--global--body-m-line-height);
}

.body-s {
	font-size: var(--global--body-s-font-size);
	line-height: var(--global--body-s-line-height);
}

.body-xs {
	font-size: var(--global--body-xs-font-size);
	line-height: var(--global--body-xs-line-height);
}

.body-xxs {
	font-size: var(--global--body-xxs-font-size);
	line-height: var(--global--body-xxs-line-height);
}

.body-indent-104 p:first-of-type {
	text-indent: var(--global--body-indent-104);
}

.body-indent-80 {
	text-indent: var(--global--body-indent-80);
}

/* Highlight */
.text-highlight {
	font-family: var(--global--highlight-font-family);
	font-weight: var(--global--highlight-font-weight);
	letter-spacing: var(--global--highlight-letter-spacing);
}

.highlight-l {
	font-size: var(--global--highlight-l-font-size);
	line-height: var(--global--highlight-l-line-height);
}

.highlight-m {
	font-size: var(--global--highlight-m-font-size);
	line-height: var(--global--highlight-m-line-height);
}

.highlight-s {
	font-size: var(--global--highlight-s-font-size);
	line-height: var(--global--highlight-s-line-height);
}

/* Caption */
.text-caption {
	font-family: var(--global--caption-font-family);
	font-weight: var(--global--caption-font-weight);
	letter-spacing: var(--global--caption-letter-spacing);
}

.caption-m {
	font-size: var(--global--caption-m-font-size);
	line-height: var(--global--caption-m-line-height);
}

.caption-s {
	font-size: var(--global--caption-s-font-size);
	line-height: var(--global--caption-s-line-height);
}

.text-underline {
	text-decoration: underline;
}

.first-letter-capitalize::first-letter,
.order-last .first-letter-capitalize::first-letter {
	text-transform: capitalize;
}

/* Typography color */

.content-primary {
	color: var(--global--content-primary);
}

.content-inverted-primary {
	color: var(--global--content-inverted-primary)!important;
}

.content-secondary {
	color: var(--global--content-secondary)!important;
}

.content-tertiary {
	color: var(--global--content-tertiary)!important;
}

.content-inverted-secondary {
	color: var(--global--content-inverted-secondary);
}

.has-x-large-font-size {
	font-size: var(--global--body-xl-font-size)!important;
	line-height: var(--global--body-xl-line-height);
}

.has-large-font-size {
	font-size: var(--global--body-l-font-size)!important;
	line-height: var(--global--body-l-line-height);
}

.has-medium-font-size {
	font-size: var(--global--body-m-font-size)!important;
	line-height: var(--global--body-m-line-height);
}

.has-small-font-size {
	font-size: var(--global--body-s-font-size)!important;
	line-height: var(--global--body-s-line-height);
}

p.text-indent {
	text-indent: var(--global--body-indent-80);
}

.has-large-font-size.text-indent {
	text-indent: var(--global--body-indent-104);
}

.font-jet-brain {
	font-family: var(--global--font-jet-brain);
}

/* END TYPOGRAPHY */

body {
	font-family: var(--global--body-font-family);
	font-weight: var(--global--body-font-weight);
	overflow-x: hidden;
}

body.dark-mode {
	background-color: var(--global--color-black);
	color: var(--global--color-white);
}

.macba-container {
	padding-left: var(--global-spacing-07);
	padding-right: var(--global-spacing-07);
	margin: 0 auto;
}

.main-content {
	padding-top: var(--global-spacing-11);
}

.macba-magazine-page .main-content.macba-container {
	padding-left: var(--global-spacing-02);
	padding-right: var(--global-spacing-02);
}

.macba-magazine-page .main-content.macba-container .magazine-page {
	padding-top: var(--global-spacing-02);
}

.macba-row {
	margin-right: calc(var(--global-spacing-04) * -1)!important;
	margin-left: calc(var(--global-spacing-04) * -1)!important;
	width: calc(100% + var(--global-spacing-04) + var(--global-spacing-04))!important;
}

.macba-row [class^="col-"] {
	padding-left: var(--global-spacing-04);
	padding-right: var(--global-spacing-04);
}

.macba-input {
	width: 100%;
	border-radius: var(--global-border-radius-m);
	border: var(--global-border-width-s) solid var(--global--color-black-95);
}

.macba-input:focus-visible {
	outline: none;
	border: var(--global-border-width-s) solid var(--global--color-black);
}

.wp-block-group__inner-container,
.llista-body {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 12;
	-webkit-box-orient: vertical;
}

.llista-body a:link,
.accordion-body a {
	text-decoration: underline;
}

.llista-body {
	-webkit-line-clamp: 3;
}

.wp-block-group__inner-container.expanded,
.llista-body.expanded {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: inherit;
	-webkit-box-orient: vertical;
}

.complex-list-item .macba-button.button-basic-m.button-secondary.button-minimal.show-more {
	margin-top: var(--global-spacing-05)!important;
}

.complex-list-item:not(:last-child) {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

@media screen and (max-width: 768px) {

	.dark-mode .complex-list-item,
	.complex-list-item:not(:last-child) {
		border-bottom: none !important;
	}
}

/*Block de llista dark mode*/

.dark-mode .llista-body {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .complex-list-item {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .complex-list-item .bio-title {
	color: var(--global--content-inverted-primary);
}

.accodrion-box {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

a {
	color: inherit;
}

.main-content p a {
	text-decoration: underline!important;
}

.main-content a {
	text-decoration: underline;
}

a:link, a:visited, a:active, a.macba-button {
    text-decoration:none;
}

a.hover-underline:hover {
	text-decoration: underline!important;
}

#radioMainMenu a:hover {
	text-decoration: underline;
}

.detail-template-content p a::after {
	content: url("img/link-ic.svg");
	margin-left: var(--global-spacing-02);
}

.dark-mode .detail-template-content p a::after {
	content: url("img/link-ic-dark.svg");
}

.detail-template-content p a:hover {
	color: var(--global--content-secondary);
}

.dark-mode .detail-template-content p a:hover {
	color: var(--global--content-inverted-secondary);
}

strong {
	font-weight: 600;
}

.gap-1 {
	gap: var(--global-spacing-01);
}

.gap-2 {
	gap: var(--global-spacing-02);
}

.gap-3 {
	gap: var(--global-spacing-03)!important;
}

.gap-4 {
	gap: var(--global-spacing-04)!important;
}

.gap-5 {
	gap: var(--global-spacing-05)!important;
}

.gap-7 {
	gap: var(--global-spacing-07);
}

.gap-8 {
	gap: var(--global-spacing-08);
}

.text-overflow-ellipsis {
	text-overflow: ellipsis;
}

.portada-page :where(.wp-block-columns.is-layout-flex) {
	gap: var(--global-spacing-07);
	padding-bottom: var(--global-spacing-11);
}

.portada-page :where(.wp-block-columns.is-layout-flex) .macba-fitxa {
	margin-bottom: 0;
}

.magazine-page :where(.wp-block-columns.is-layout-flex) {
	gap: var(--global-spacing-02);
}

.magazine-page .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*="flex-basis:66.66%"] {
	flex-basis: calc(66.66% + var(--global-spacing-02))!important;
}

.portada-page .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*="flex-basis:66.66%"] {
	flex-basis: calc(66.66% + var(--global-spacing-07))!important;
}

.portada-page .component-slider .swiper-slide .card-data .card-title {
	font-size: var(--global--title-s-font-size);
	line-height: var(--global--title-s-line-height);
}

.wp-block-columns {
	margin-bottom: 0;
}

.magazine-page .wp-block-columns {
	margin-bottom: var(--global-spacing-02);
}

.cursor-pointer {
	cursor: pointer;
}

.separator-full-screen {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.separator-full-screen.with-margin {
	width: 100%;
	position: inherit;
	left: 0;
}

.w-fit {
	width: fit-content!important;
}

@media screen and (min-width: 769px) {
	.w-md-fit {
		width: fit-content!important;
	}
}

.h-fit {
	height: fit-content!important;
}

.full-screen-container {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
}

.macba-top-7 {
	top: var(--global-spacing-07);
}

.macba-right-7 {
	right: var(--global-spacing-07);
}

.macba-right-10 {
	right: var(--global-spacing-10);
}


.rotate-180 {
    transform: rotate(180deg);
}

.flex-1 {
	flex: 1 1 0%;
}

.macba-link {
	color: var(--global--color-black);
	font-weight: var(--global--link-font-weight);
	letter-spacing: var(--global--link-letter-spacing);
	font-family: var(--global--link-font-family);
	text-decoration: none;
}

.macba-link.macba-link-contrast {
	color: var(--global--color-white);
}

.macba-link:hover,
.macba-link:active {
	text-decoration: underline;
}

.macba-link-l {
	font-size: var(--global--link-l-font-size);
	line-height: var(--global--link-l-line-height);
}

.macba-link-m {
	font-size: var(--global--link-m-font-size);
	line-height: var(--global--link-m-line-height);
}

.macba-link-s {
	font-size: var(--global--link-s-font-size);
	line-height: var(--global--link-s-line-height);
}

.macba-link-huge {
	font-size: var(--global--link-xl-font-size);
	line-height: var(--global--link-xl-line-height);
	text-transform: uppercase;
}

/*Dark mode link*/

.dark-mode .macba-link {
	color: var(--global--color-white);
}

.dark-mode .ic-link svg path {
	fill: var(--global--color-white);
	fill-opacity: 0.3;
}

/* Header */

header {
	background-color: var(--global--color-black);
	color: var(--global--color-white);
	padding: 0 var(--global-spacing-07);
	z-index: 9999;
	height: var(--global-header-height);
}

header .header-icons {
	padding-top: var(--global-spacing-04);
	padding-bottom: var(--global-spacing-04);
	display: flex;
	font-family: var(--global--font-inter-tight);
	font-size: var(--global--link-l-font-size);
	line-height: var(--global--link-l-line-height);
	font-weight: var(--global--link-font-weight);
	letter-spacing: var(--global--link-letter-spacing);
}

header .header-icons .separator {
	opacity: 0.12;
	border-left: var(--global-border-width-s) solid white;
	margin-left: var(--global-spacing-05);
	margin-right: var(--global-spacing-07);
}

.macba-swiper-first-button-pagination {
	margin-left: var(--global-spacing-07);
}

.macba-swiper-first-button-pagination {
	border-left: var(--global-border-width-s) solid var(--global--color-black-95)!important;
	padding-left: var(--global-spacing-04)!important;
	border-radius: 0;
}

.dark-mode .macba-swiper-first-button-pagination {
	border-left: var(--global-border-width-s) solid white!important;
}

header .opening-information {
	display: flex;
	color: var(--global--color-white);
	gap: var(--global-spacing-03);
	font-family: var(--global--caption-font-family);
	font-weight: var(--global--caption-font-weight);
	font-size: var(--global--caption-s-font-size);
	line-height: var(--global--caption-s-line-height);
	margin-left: var(--global-spacing-07);
}

header .opening-information span.macba-open-status {
	color: var(--global--color-green-50);
}

header .opening-information .opening-date {
	opacity: 0.6;
	font-weight: var(--global--font-weight-semibold);
}

#radio-main-header {
	z-index: 99999;
}

@media (max-width: 768px) {
	header  {
		bottom: 0;
		padding: 0;
	}

	.main-content {
		padding-top: 0;
	}

	#radioMainMenu {
		z-index: 99999;
	}

	.macba-row [class^="col-"] {
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-05);
	}
}

/* End Header */

/* TODO: MOdificar i fer generic amb noms correctes */
.macba-button {
	width: fit-content;
	height: fit-content;
	font-family: var(--global--button-font-family);
	font-weight: var(--global--button-font-weight);
	letter-spacing: var(--global--button-letter-spacing);
	color: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-black);
	border-radius: var(--global-border-radius-full);
	text-transform: uppercase;
	transition: all .3s ease;
}

.macba-button-simple {
	padding: 0;
    border: none;
    background: none;
}

.macba-button.itinerant-button {
	border: none;
	color: var(--global--color-black-50);
	background: var(--global--color-black-98);
	padding: var(--global-spacing-02) var(--global-spacing-03);
	margin-bottom: var(--global-spacing-06);
}

.macba-button.magazine-button {
	font-size: var(--global--button-m-font-size);
	line-height: 18px;
	background-color: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-white);
	padding: 7px var(--global-spacing-04);
}

.macba-button.button-basic-m {
	font-size: var(--global--button-m-font-size);
	line-height: var(--global--button-m-line-height);
	background-color: transparent;
	padding: 6px var(--global-spacing-04);
}

.macba-button.button-basic-l {
	font-size: var(--global--button-l-font-size);
	line-height: var(--global--button-l-line-height);
	background-color: transparent;
	padding: 10px var(--global-spacing-05);
}

.macba-button-m-text {
	font-family: var(--global--button-font-family);
	font-weight: var(--global--button-font-weight);
	letter-spacing: var(--global--button-letter-spacing);
	color: var(--global--color-black);
	font-size: var(--global--button-m-font-size);
	line-height: var(--global--button-m-line-height);
	text-transform: uppercase;
}

.macba-button.button-basic-m .svg-button-icon path,
.macba-button.button-basic-l .svg-button-icon path {
	fill: var(--global--color-black);
}

.macba-button.button-basic-m:hover .svg-chevron-icon path,
.macba-button.button-basic-l:hover .svg-chevron-icon path {
	fill: var(--global--color-black);
}

.macba-button.button-basic-m.button-bold,
.macba-button.button-basic-l.button-bold {
	color: var(--global--color-white);
	background-color: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-black);
}

.macba-button.button-basic-m.button-bold .svg-button-icon path,
.macba-button.button-basic-l.button-bold .svg-button-icon path {
	fill: var(--global--color-white);
}

.macba-button.button-basic-m.button-bold.live-button {
	font-family: var(--global--caption-font-family);
	font-weight: var(--global--caption-font-weight);
	letter-spacing: var(--global--caption-letter-spacing);
	font-size: var(--global--caption-s-font-size);
	line-height: var(--global--caption-s-line-height);
	padding: var(--global-spacing-02) var(--global-spacing-03) var(--global-spacing-02) var(--global-spacing-02);
}

.macba-button.button-basic-l.button-secondary,
.macba-button.button-basic-m.button-secondary {
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.macba-button.button-basic-m.button-secondary.see-more-button {
    margin-bottom: var(--global-spacing-14);
}

.macba-button.button-basic-m.button-secondary.show-more::first-letter,
.macba-button.button-basic-m.button-secondary.see-more-button::first-letter {
    text-transform: capitalize;
}

.macba-button.button-basic-m.button-secondary.close-button {
	display: flex;
	padding: var(--global-spacing-03);
	border: var(--global-border-width-s) solid var(--global--color-white-90);
    color: var(--global--color-white);
}

.macba-button.button-basic-m.button-secondary.button-minimal,
.macba-button.button-basic-l.button-secondary.button-minimal {
	border: var(--global-border-width-s) solid transparent;
}

.macba-button.button-basic-m.button-secondary.button-minimal.show-more {
	font-size: var(--global--highlight-m-font-size);
	font-family: var(--global--highlight-font-family);
	font-weight: var(--global--highlight-font-weight);
	line-height: var(--global--highlight-m-line-height);
	letter-spacing: var(--global--highlight-letter-spacing);
	text-transform: none;
	padding: 0;
	border-radius: 0;
}

.macba-button.button-basic-m.slider-control:focus {
	border: none;
}

.macba-button.button-basic-m.slider-control,
.macba-button.button-basic-m.slider-control:disabled {
    padding: 0!important;
    border: none;
    background-color: transparent;
}

.macba-button.button-basic-m:focus svg rect {
	stroke: var(--global--color-black-90);
}

.macba-button.button-basic-m:focus .svg-button-icon path,
.macba-button.button-basic-l:focus .svg-button-icon path {
	fill: var(--global--color-black);
}

.macba-button.button-basic-m:hover .svg-button-icon path,
.macba-button.button-basic-l:hover .svg-button-icon path,
.macba-button.button-basic-m:hover svg path,
.macba-button.button-basic-l:hover svg path {
	fill: var(--global--color-white);
}

.macba-button.button-basic-m:disabled svg path,
.swiper-button-disabled .macba-button.button-basic-m svg path {
	fill: var(--global--color-black-80);
}

.macba-button.button-basic-m:disabled svg rect,
.swiper-button-disabled .macba-button.button-basic-m svg rect {
	stroke: var(--global--color-black-80);
}

.swiper-button-disabled .macba-button.button-basic-m:hover {
	cursor: default;
	background: none;
}

.macba-button.button-basic-m:hover,
.macba-button.button-basic-l:hover {
	color: var(--global--color-white);
	background-color: var(--global--color-black);
}

.radio-web-macba-cerca-avançada .macba-button.macba-button-active,
.radio-web-macba-cerca-avançada .macba-button.macba-button-active {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-black) !important;
}

.dark-mode .radio-web-macba-cerca-avançada .macba-button.macba-button-active,
.dark-mode .radio-web-macba-cerca-avançada .macba-button.macba-button-active {
    color: var(--global--color-black) !important;
    background-color: var(--global--color-white) !important;
}

.macba-publicacions-filters .macba-button.macba-button-active {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-black) !important;
}

.macba-magazine-filters .macba-button.macba-button-active,
.macba-button.macba-button-active {
    color: var(--global--color-white) !important;
    background-color: var(--global--color-black) !important;
}

.macba-button.button-basic-m:disabled,
.macba-button.button-basic-l:disabled {
	color: var(--global--color-black-80);
	background-color: transparent;
	border: var(--global-border-width-s) solid var(--global--color-black-80);;
	pointer-events: none;
}

.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
.macba-button.button-basic-m.button-bold:hover,
.macba-button.button-basic-l.button-bold:hover {
	background-color: var(--global--color-black-30);
	border: var(--global-border-width-s) solid var(--global--color-black-30);
}

.macba-button.button-basic-m:active,
.macba-button.button-basic-l:active,
.macba-button.button-basic-m.button-secondary.button-minimal:active, 
.macba-button.button-basic-l.button-secondary.button-minimal:active {
	color: var(--global--color-black);
	background-color: var(--global--color-black-90);
	border: var(--global-border-width-s) solid var(--global--color-black-90);
	transition: all .2s ease;
}

.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:focus,
.macba-button.button-basic-m.button-bold:focus,
.macba-button.button-basic-l.button-bold:focus {
	color: var(--global--color-black);
	background-color: var(--global--color-black-90);
	border: 0;
}

.macba-button.button-basic-m.button-bold:focus:hover svg path,
.macba-button.button-basic-l.button-bold:focus:hover svg path {
	fill: var(--global--color-black);
}

.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:disabled,
.macba-button.button-basic-m.button-bold:disabled,
.macba-button.button-basic-l.button-bold:disabled {
	color: var(--global--color-white);
	background-color: var(--global--color-black-80);
	border: var(--global-border-width-s) solid var(--global--color-black-80);
}

.macba-button.button-basic-m.button-bold:disabled .svg-button-icon path,
.macba-button.button-basic-l.button-bold:disabled .svg-button-icon path {
	fill: var(--global--color-white);
}

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover,
.macba-button.button-basic-m.button-secondary:hover,
.macba-button.button-basic-l.button-secondary:hover {
	color: var(--global--color-black);
	background: var(--global--color-black-93);
	border: var(--global-border-width-s) solid transparent;
}

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:focus,
.macba-button.button-basic-m.button-secondary:focus,
.macba-button.button-basic-l.button-secondary:focus {
	color: var(--global--color-black);
	background: var(--global--color-black-90);
	border: var(--global-border-width-s) solid transparent;
}

.macba-button.button-basic-m.button-secondary:hover .svg-button-icon path,
.macba-button.button-basic-l.button-secondary:hover .svg-button-icon path {
	fill: var(--global--color-black);
}

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:disabled,
.macba-button.button-basic-m.button-secondary:disabled,
.macba-button.button-basic-l.button-secondary:disabled {
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.ui-datepicker-calendar tbody tr td.disabled-day {
    font-size: var(--global--highlight-m-font-size);
    font-family: var(--global--highlight-font-family);
    font-weight: var(--global--highlight-font-weight);
    line-height: var(--global--highlight-m-line-height);
    letter-spacing: var(--global--highlight-letter-spacing);
    color: var(--global--color-black-70);
}

.ui-datepicker-calendar tbody tr td a {
    font-size: var(--global--highlight-m-font-size);
    font-family: var(--global--highlight-font-family);
    font-weight: var(--global--highlight-font-weight);
    line-height: var(--global--highlight-m-line-height);
    letter-spacing: var(--global--highlight-letter-spacing);
    color: var(--global--color-black);
}

.macba-button.button-basic-m.button-secondary.button-minimal:disabled,
.macba-button.button-basic-l.button-secondary.button-minimal:disabled {
	border: var(--global-border-width-s) solid transparent;
}

.search-results-container .pagination-container .pagination-chevron-button:disabled .svg-chevron-icon path {
	fill:var(--global--color-white-70);
}

.search-form .form-content .search-results-container .pagination-container .pagination-chevron-button:focus .svg-chevron-icon path,
.search-form .form-content .search-results-container .pagination-container .pagination-chevron-button:hover .svg-chevron-icon path {
	fill:var(--global--color-white);
}
.search-form .form-content .search-results-container .pagination-container .pagination-chevron-button:focus,
.search-form .form-content .search-results-container .pagination-container .pagination-chevron-button:hover {
	background: none;
	border: var(--global-border-width-s) solid transparent;
}

.save-button {
	border: 1px solid var(--global--color-black-93);
	border-radius: var(--global-border-radius-full);
	background: transparent;
	gap: 4px;
	font-family: var(--global--font-jet-brain);
	font-weight: 600;
	font-size: var(--global--button-m-font-size);
	line-height: var(--global--button-m-line-height);
	letter-spacing: var(--global--letter-spacing--2);
	white-space: nowrap;
	transition: all .3s ease;
}

.save-button.save-button-m {
	padding: 9px var(--global-spacing-05);
}

.basic-button {
	background: none;
	border: none;
	padding: 0;
	transition: all .3s ease;
}

.macba-button.button-basic-m.button-secondary.button-minimal.icon-button,
.macba-button.button-basic-m.remove-date,
.macba-button.button-basic-m.button-secondary.icon-button,
.macba-button.button-basic-m.button-secondary.share-button,
.macba-button.button-basic-m.button-secondary.like-button,
.macba-button.button-basic-m.button-secondary.download-button,
.save-button.save-button-s {
	padding: 7px !important;
}

.save-button.save-button-s.text {
	padding-left: var(--global-spacing-04);
	padding-right: var(--global-spacing-04);
}

.full-card-data .save-button {
	color: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-white-90);
}

.save-button:hover {
	color: var(--global--color-white);
	border: 1px solid var(--global--color-black);
	background: var(--global--color-black);
}

.full-card-data .save-button:hover,
.portada-podcast .save-button:hover {
	background: var(--global--color-black);
}

.save-button .save-item {
	display: flex;
	align-items: center;
	line-height: 0;
}

.save-button .save-item .svg-save-icon.text, 
.save-button .saved-item .svg-save-icon.text {
	margin-right: var(--global-spacing-02);
}

.save-button.save-button-s:focus .share-item .svg-icon path,
.save-button.save-button-s.saved-item .svg-save-icon path {
	fill: var(--global--color-black);
}

.save-button.not-button .svg-icon path, 
.save-button.not-button:hover svg path {
	fill: var(--global--color-black)!important;
}
.save-button.not-button .text-body {
	color: var(--global--color-black)!important;
}

.full-card-data .save-button.save-button-s .svg-save-icon path,
.full-card-data .save-button.save-button-s.saved-item .svg-save-icon path {
	fill: var(--global--color-white);
}

.magazine-card .save-button.save-button-s.saved-item:hover {
	color: var(--global--color-black);
}

.save-button.save-button-s.saved-item {
	border: var(--global-border-width-s) solid transparent;
	background: var(--global--color-black-90);
}

.save-button .saved-item {
	display: none;
}

.save-button.saved-item .saved-item {
	display: flex;
	align-items: center;
	line-height: 0;
}

.save-button.saved-item .save-item {
	display: none;
}

.player-buttons {
	display: flex;
	gap: var(--global-spacing-07);
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: var(--global-spacing-05);
}

.player-button-bold {
	transition: all .3s ease;
}

.player-button-bold span:hover rect,
.player-button-bold span:hover rect,
.ten-less-button-bold:hover path,
.ten-more-button-bold:hover path {
	fill: rgba(11, 14, 13, 0.8);
}

.player-button-bold.stop .ic-play,
.player-button-bold.play .ic-pause {
	display: block;
}

.player-button-bold.play .ic-play,
.player-button-bold.stop .ic-pause {
	display: none;
}

.player-button-subtle span:hover svg path,
.player-button-subtle span:hover svg path,
.save-button:hover svg path {
	fill: var(--global--color-white);
}

.player-button-subtle span:hover svg,
.player-button-subtle span:hover svg {
	background: var(--global--color-black);
	border-radius: var(--global-border-radius-full);
}

/*Dark mode buttons*/

.full-card-data .macba-button.button-basic-m,
.full-card-data .card-data .macba-button.button-basic-m.button-bold,
.dark-mode .macba-button.button-basic-m,
.dark-mode .macba-button.button-basic-l {
	color: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-white);
}

.dark-mode .macba-modal .macba-button.button-basic-m,
.dark-mode .macba-modal .macba-button.button-basic-l,
.dark-mode .macba-modal .macba-button.button-basic-m.button-secondary {
	color: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode .macba-modal .macba-button.button-basic-m.button-secondary.button-bold {
	color: var(--global--color-white);
	background-color: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode .macba-modal .macba-button.button-basic-m.button-secondary {
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.full-card-data .card-data .macba-button.button-basic-m.button-bold,
.dark-mode .ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
.dark-mode .macba-button.button-basic-m.button-bold,
.dark-mode .macba-button.button-basic-l.button-bold {
	color: var(--global--color-black);
	background-color: var(--global--color-white);
}

.dark-mode .macba-button.itinerant-button {
	border: none;
	color: var(--global--color-white-60);
	background: var(--global--color-white-90);
}

.dark-mode .macba-button.itinerant-button .svg-itinerant path {
	fill: var(--global--color-white-60);
}

.dark-mode .full-card-data .save-button.save-button-s:hover .svg-save-icon path,
.dark-mode .full-card-data .save-button.save-button-s.saved:hover .svg-save-icon path,
.dark-mode .magazine-card .save-button.save-button-s:hover .svg-save-icon path
 {
	fill: var(--global--color-black);
}

.dark-mode .magazine-card input[type="radio"]:checked + .form-check-label
.dark-mode .magazine-card .save-button.save-button-s.saved:hover {
	color: var(--global--color-white);
}

.dark-mode .magazine-card .saved-item {
	color: var(--global--color-white);
}

.full-card-data .card-data .macba-button.button-basic-m.button-bold .svg-button-icon path,
.dark-mode .portada-magazine .card-data .save-button svg path,
.dark-mode .player-button-bold svg path,
.dark-mode .save-button:hover svg path,
.dark-mode .macba-button.button-basic-l.button-bold svg path,
.dark-mode .macba-button.button-basic-m.button-bold svg path,
.dark-mode .macba-button.button-basic-m.button-bold .svg-button-icon path,
.dark-mode .macba-button.button-basic-l.button-bold .svg-button-icon path {
	fill: var(--global--color-black) !important;
}

.dark-mode .save-button.save-button-s.saved,
.dark-mode .magazine-card .card-data .save-button.save-button-s.saved {
	background: var(--global--color-white-90);
	border: var(--global-border-width-s) solid transparent;
}

.dark-mode .full-card-data .save-button.save-button-s.saved:hover .svg-save-icon path,
.dark-mode .magazine-card .save-button.save-button-s.saved:hover .svg-save-icon path,
.dark-mode .save-button.save-button-s.saved .svg-save-icon path {
	fill: var(--global--color-white);
}

.dark-mode .save-button.save-button-s.saved:hover {
	border: var(--global-border-width-s) solid transparent;
	color: var(--global--color-white);
}

.full-card-data .card-data .macba-button.button-basic-m:focus .svg-button-icon path,
.dark-mode .macba-button.button-basic-l.button-bold:focus svg path,
.dark-mode .macba-button.button-basic-m.button-bold:focus svg path {
	fill: var(--global--color-white);
}

.exhibition-title-container .macba-button.button-basic-m.button-secondary,
.dark-mode .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
.dark-mode .macba-button.button-basic-m.button-secondary,
.dark-mode .macba-button.button-basic-l.button-secondary {
	border: var(--global-border-width-s) solid var(--global--color-white-90);
	color: var(--global--color-white);
}

.dark-mode .macba-button.button-basic-m.button-secondary.button-minimal,
.dark-mode .macba-button.button-basic-l.button-secondary.button-minimal {
	border: var(--global-border-width-s) solid transparent;
}

.dark-mode .buttons-row .macba-button.button-basic-m.macba-magazine-filter:active,
.dark-mode .buttons-row .macba-button.button-basic-m.macba-magazine-filter:focus {
    color: var(--global--color-black) !important;
    background-color: var(--global--color-white) !important;
}

.full-card-data .macba-button.button-basic-m:hover,
.dark-mode .macba-button.button-basic-m:hover,
.dark-mode .macba-button.button-basic-l:hover {
	color: var(--global--color-black);
	background-color: var(--global--color-white);
}

.full-card-data .card-data .macba-button.button-basic-m.button-bold:hover,
.dark-mode .ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
.dark-mode .macba-button.button-basic-m.button-bold:hover,
.dark-mode .macba-button.button-basic-l.button-bold:hover,
.magazine-button:hover {
	background-color: rgba(255, 255, 255, 0.8);
	border: var(--global-border-width-s) solid rgba(255, 255, 255, 0.8);
}

.exhibition-title-container .macba-button.button-basic-m.button-secondary:hover,
.search-form .macba-button.button-basic-m.button-secondary:hover,
.dark-mode .search-form .macba-button.button-basic-m.button-secondary:hover,
.dark-mode .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover,
.dark-mode .macba-button.button-basic-m.button-secondary:hover,
.dark-mode .macba-button.button-basic-l.button-secondary:hover {
	color: var(--global--color-white);
	border: var(--global-border-width-s) solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.12);
}

.dark-mode .macba-button.button-basic-m:hover .svg-chevron-icon path,
.dark-mode .macba-button.button-basic-l:hover .svg-chevron-icon path
.dark-mode .macba-button.button-basic-m.button-secondary:hover .svg-button-icon path,
.dark-mode .macba-button.button-basic-l.button-secondary:hover .svg-button-icon path {
	fill: var(--global--color-white);
}

.dark-mode .search-form .form-content .pagination-container .pagination-number:hover {
	background: transparent;
}

.full-card-data .macba-button.button-basic-m:disabled,
.dark-mode .macba-button.button-basic-m:disabled,
.dark-mode .macba-button.button-basic-l:disabled {
	color: var(--global--color-white-80);
	border: var(--global-border-width-s) solid var(--global--color-white-80);
	background-color: transparent;
}

.full-card-data .card-data .macba-button.button-basic-m.button-bold:disabled,
.dark-mode .ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:disabled,
.dark-mode .macba-button.button-basic-m.button-bold:disabled,
.dark-mode .macba-button.button-basic-l.button-bold:disabled {
	border: var(--global-border-width-s) solid var(--global--color-white-80);
	background-color: var(--global--color-white-80);
	color: var(--global--color-black);
}

.full-card-data .card-data .macba-button.button-basic-m.button-bold:disabled .svg-button-icon path,
.dark-mode .macba-button.button-basic-m.button-bold:disabled .svg-button-icon path,
.dark-mode .macba-button.button-basic-l.button-bold:disabled .svg-button-icon path {
	fill: var(--global--color-black);
}

.dark-mode .macba-button.button-basic-m.button-secondary:disabled,
.dark-mode .macba-button.button-basic-l.button-secondary:disabled {
	color: var(--global--color-white-80);
	border: var(--global-border-width-s) solid var(--global--color-white-93);
	background-color: transparent;
}

.exhibition-title-container .macba-button.button-basic-m:disabled svg path,
.dark-mode .macba-button.button-basic-m.button-secondary:disabled .svg-button-icon path,
.dark-mode .macba-button.button-basic-l.button-secondary:disabled .svg-button-icon path {
	fill: var(--global--color-white-93);
}

.dark-mode .macba-button.button-basic-m.button-secondary.button-minimal:disabled,
.dark-mode .macba-button.button-basic-l.button-secondary.button-minimal:disabled {
	border: var(--global-border-width-s) solid transparent;
}

.exhibition-title-container .macba-button.button-basic-m:focus,
.full-card-data .macba-button.button-basic-m:focus,
.full-card-data .card-data .macba-button.button-basic-m.button-bold:focus,
.inline-message .macba-button.button-basic-m.button-secondary:focus,
.dark-mode .ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:focus,
.dark-mode .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:focus,
.dark-mode .macba-button.button-basic-m:focus,
.dark-mode .macba-button.button-basic-m.button-bold:focus,
.dark-mode .macba-button.button-basic-l:focus,
.dark-mode .macba-button.button-basic-l.button-bold:focus,
.dark-mode .macba-button.button-basic-m.button-secondary:focus,
.dark-mode .macba-button.button-basic-l.button-secondary:focus,
.magazine-button:focus {
	color: var(--global--color-white);
	background-color: var(--global--color-white-90);
	border: var(--global-border-width-s) solid var(--global--color-white-90);
}

.dark-mode .save-button-s, 
.dark-mode .save-button-m {
	color: var(--global--color-white) !important;
	border: var(--global-border-width-s) solid var(--global--color-white-90) !important;
}

.dark-mode .portada-podcast .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .portada-podcast .save-button,
.dark-mode .portada-magazine .save-button,
.dark-mode .full-card-data .save-button {
	background: transparent;
}

.dark-mode .save-button:hover {
	color: var(--global--color-black);
	border: 1px solid var(--global--color-white);
	background: var(--global--color-white);
}

.dark-mode .save-button:focus {
	border: 1px solid var(--global--color-white-90);
	background: var(--global--color-white-90);
}

.dark-mode .save-button.save-button-s.saved-item {
    background: var(--global--color-white-90);
}

.dark-mode .player-button-subtle svg path,
.dark-mode .player-button-subtle svg path,
.dark-mode .player-button-bold svg rect {
	fill: var(--global--color-white);
}

.dark-mode .player-button-subtle svg rect,
.dark-mode .player-button-subtle svg rect {
	stroke: var(--global--color-white);
}

.dark-mode .player-button-subtle span:hover svg path,
.dark-mode .player-button-subtle span:hover svg path {
	fill: var(--global--color-black);
}

.dark-mode .player-button-subtle span:hover svg,
.dark-mode .player-button-subtle span:hover svg {
	background: var(--global--color-white);
	border-radius: var(--global-border-radius-full);
}

.dark-mode .player-button-bold span:hover rect,
.dark-mode .ten-less-button:hover path,
.dark-mode .ten-more-button:hover path {
	fill: var(--global--color-white-30);
}


/*Inputs checkbox*/

input[type="radio"]:checked,
input[type="checkbox"]:checked {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	background-color: var(--global--color-black);
	border-color: var(--global-border-width-s) solid var(--global--color-black);
}

input[type="radio"],
input[type="radio"]:focus:not(:checked),
input[type="radio"]:focus:not(:checked):hover,
input[type="checkbox"],
input[type="checkbox"]:focus:not(:checked),
input[type="checkbox"]:focus:not(:checked):hover {
	background-color: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

input[type="radio"]:focus:not(:checked):hover,
input[type="checkbox"]:focus:not(:checked):hover {
	background-color: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode input[type="radio"]:not(.macba-year-from, .macba-year-to),
.dark-mode input[type="radio"]:focus:not(:checked, .macba-year-from, .macba-year-to),
.dark-mode input[type="radio"]:focus:not(:checked, .macba-year-from, .macba-year-to):hover,
.dark-mode input[type="checkbox"]:not(.macba-year-from, .macba-year-to),
.dark-mode input[type="checkbox"]:focus:not(:checked, .macba-year-from, .macba-year-to),
.dark-mode input[type="checkbox"]:focus:not(:checked, .macba-year-from, .macba-year-to):hover {
	background-color: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-white);
}

.dark-mode input[type="radio"]:focus:not(:checked, .macba-year-from, .macba-year-to):hover,
.dark-mode input[type="checkbox"]:focus:not(:checked, .macba-year-from, .macba-year-to):hover {
	background-color: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-white);
}

input[type="radio"]:checked + .form-check-label,
input[type="radio"]:focus + .form-check-label,
input[type="checkbox"]:checked + .form-check-label,
input[type="checkbox"]:focus + .form-check-label {
	color: var(--global--color-black);
}

input[type="checkbox"]:focus,
input[type="checkbox"]:checked:hover, 
input[type="checkbox"]:focus:hover {
	background-color: var(--global--color-black-30);
	border-color:var(--global-border-width-s) solid var(--global--color-black-30);
	box-shadow: none;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
input[type="radio"]:focus,
input[type="radio"]:checked:hover, 
input[type="radio"]:focus:hover {
	background-color: var(--global--color-black-30);
	border-color:var(--global-border-width-s) solid var(--global--color-black-30);
	box-shadow: none;
}

input[type="radio"]:disabled~.form-check-label, 
input[type="radio"][disabled]~.form-check-label,
input[type="checkbox"]:disabled~.form-check-label, 
input[type="checkbox"][disabled]~.form-check-label {
    cursor: default;	
	border-color: var(--global-border-width-s) solid var(--global--color-black-93);
	color: var(--global--color-black);
}

input[type="radio"]:hover,
input[type="checkbox"]:hover {
	border-color: var(--global-border-width-s) solid var(--global--color-black);
	background-color: var(--global--color-white);
} 

.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: transparent;
}

.dropdown-item {
	font-family: var(--global--body-font-family);
	font-weight: var(--global--body-font-weight);
	font-size: var(--global--body-m-font-size);
	line-height: var(--global--body-m-line-height);
	color: var(--global--color-black);
	padding: var(--global-spacing-03) var(--global-spacing-05);
	cursor: auto;
}

.is-taxonomy-child {
	transform: translateX(10px);
}


.form-check input[type="radio"],
.form-check input[type="checkbox"],
.form-check .form-check-label {
	cursor: pointer;
	color: var(--global--color-black);
}

.form-check .form-check-label {
	display: block;
	width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-check .form-check-label::first-letter {
	text-transform: capitalize;
}

/*Inputs checkbox dark mode*/

.dark-mode input[type="checkbox"]:checked {
	background-color: var(--global--color-white);
	border-color: var(--global-border-width-s) solid var(--global--color-white);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='Black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.dark-mode input[type="checkbox"]:focus,
.dark-mode input[type="checkbox"]:checked:hover, 
.dark-mode input[type="checkbox"]:focus:hover {
	background-color: var(--global--color-white-30);
	border-color: var(--global-border-width-s) solid var(--global--color-white);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='Black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
    background-color: transparent;
}

.dark-mode input[type="checkbox"]:hover {
	border-color: var(--global--color-white);
	background-color: var(--global--color-black);
}

.dark-mode input[type="checkbox"] {
	background: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-white-90);
}

.dark-mode input[type="checkbox"]:disabled~.form-check-label, 
.dark-mode input[type="checkbox"][disabled]~.form-check-label {
    cursor: default;	
	border-color: var(--global-border-width-s) solid var(--global--color-white-93);
	color: var(--global--color-white);
}

.dark-mode input[type="checkbox"]:checked + .form-check-label,
.dark-mode input[type="checkbox"]:focus + .form-check-label {
	color: var(--global--color-white);
}

.dark-mode .macba-dropdown-mobile input[type="checkbox"]:checked {
	background-color: var(--global--color-black);
	border-color: var(--global-border-width-s) solid var(--global--color-black);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.dark-mode .macba-dropdown-mobile input[type="checkbox"]:focus,
.dark-mode .macba-dropdown-mobile input[type="checkbox"]:checked:hover, 
.dark-mode .macba-dropdown-mobile input[type="checkbox"]:focus:hover {
	background-color: var(--global--color-black);
	border-color: var(--global-border-width-s) solid var(--global--color-black);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.dark-mode .macba-dropdown-mobile input[type="checkbox"]:hover {
	border-color: var(--global--color-black);
	background-color: var(--global--color-white);
}

.dark-mode .macba-magazine-page input[type="radio"] + .form-check-label,
.dark-mode .macba-magazine-page input[type="radio"]:checked + .form-check-label {
	color: var(--global--content-inverted-primary) !important;
}

.dark-mode .macba-dropdown-mobile input[type="checkbox"] {
	background: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .macba-dropdown-mobile input[type="checkbox"]:disabled~.form-check-label, 
.dark-mode .macba-dropdown-mobile input[type="checkbox"][disabled]~.form-check-label {
    cursor: default;	
	border-color: var(--global-border-width-s) solid var(--global--color-black-93);
	color: var(--global--color-black);
}

.dark-mode .macba-dropdown-mobile input[type="checkbox"]:checked + .form-check-label,
.dark-mode .macba-dropdown-mobile input[type="checkbox"]:focus + .form-check-label {
	color: var(--global--color-black);
}

@media screen and (min-width: 769px) {

	.dark-mode input[type="radio"]:checked + .form-check-label,
	.dark-mode .form-check-label {
		color: var(--global--content-inverted-primary) !important;
	}
}

.dark-mode .macba-button.button-basic-m:hover .svg-button-icon path,
.dark-mode .macba-button.button-basic-l:hover .svg-button-icon path,
.dark-mode .svg-consorci-icon path.svg-ajuntament-icon {
	fill: var(--global--color-black);
}

.dark-mode .macba-button.button-basic-m:focus .svg-button-icon path,
.dark-mode .macba-button.button-basic-l:focus .svg-button-icon path,
.dark-mode .svg-player-icon rect,
.dark-mode .svg-save-icon rect,
.dark-mode .svg-slider-icon rect {
	stroke: var(--global--color-white);
}

.dark-mode .macba-podcast-card .svg-player-icon path,
.dark-mode .macba-podcast-card .ic-play rect {
	fill: var(--global--color-white)!important;
}

.dark-mode .macba-podcast-card .ic-play path {
	fill: var(--global--color-black)!important;
}

.dark-mode .macba-button.button-basic-m.slider-control:disabled,
.dark-mode .macba-button.button-basic-m.slider-control {
	border: 0;	
}

.exhibition-title-container .macba-button.button-basic-m.button-secondary:hover svg path,
.dark-mode .macba-button.button-basic-m.button-secondary .svg-button-icon path,
.dark-mode .macba-button.button-basic-l.button-secondary .svg-button-icon path,
.dark-mode .macba-button.button-basic-m .svg-slider-icon path,
.dark-mode .macba-button.button-basic-l .svg-slider-icon path {
	fill: var(--global--color-white);
}

.dark-mode .macba-button.button-basic-m .svg-slider-icon rect,
.dark-mode .macba-button.button-basic-l .svg-slider-icon rect {
	stroke: var(--global--color-white);
}

.dark-mode .macba-button.button-basic-m.slider-control:focus {
	background: var(--global--color-white-80);
	border: 0;
}

.dark-mode .macba-button.button-basic-m:focus .svg-slider-icon rect,
.dark-mode .macba-button.button-basic-l:focus .svg-slider-icon rect {
	stroke: var(--global--color-white-80);
}

.dark-mode .macba-button.button-basic-m:hover .svg-slider-icon path,
.dark-mode .macba-button.button-basic-l:hover .svg-slider-icon path {
	fill: var(--global--color-black);
}

.search-results-container .pagination-container .pagination-chevron-button:disabled .svg-chevron-icon path,
.dark-mode .search-results-container .pagination-container .pagination-chevron-button:disabled .svg-chevron-icon path,
.dark-mode .macba-button.button-basic-m:disabled .svg-slider-icon path {
	fill:var(--global--color-white-70);
}

.dark-mode .search-form .search-results-container .pagination-container .pagination-chevron-button:focus,
.dark-mode .search-form .search-results-container .pagination-container .pagination-chevron-button:hover {
	background: none;
	border: var(--global-border-width-s) solid transparent;
}

.dark-mode .macba-button.button-basic-m:disabled .svg-slider-icon rect {
	stroke:var(--global--color-white-70);
}

/* PORTADA */
.card-data {
	padding-top: var(--global-spacing-05);
}

.card-data .macba-type {
	font-family: var(--global--caption-font-family);
	font-size: var(--global--caption-s-font-size);
	font-weight: var(--global--caption-font-weight);
	line-height: var(--global--caption-s-line-height);
	letter-spacing: var(--global--caption-letter-spacing);
	text-transform: uppercase;
}

.card-data .macba-type-date,
.card-data .macba-type.card-subtitle {
	color: var(--global--color-black-50);
}

.card-data .macba-type-content {
	color: var(--global--content-inverted-secondary);
	text-transform: uppercase;
}

.card-data.macba-type-art-content {
	gap: var(--global-spacing-03);
	padding-bottom: var(--global-spacing-04);
}

.card-data .macba-type-art {
	color: var(--global--content-secondary);
	text-transform: uppercase;
}

.card-data .macba-type-art p {
	margin: 0;
}

.card-data .card-title {
	font-family: var(--global--title-font-family);
	font-size: var(--global--title-l-font-size);
	font-weight: var(--global--title-font-weight);
	line-height: var(--global--title-l-line-height);
	letter-spacing: var(--global--title-letter-spacing);
}

.dark-mode .macba-button.button-basic-m.button-secondary::placeholder,
.dark-mode .card-data .macba-type {
	color: var(--global--color-white);
}

.dark-mode .card-data .macba-type.card-subtitle,
.dark-mode .card-data .macba-type-date {
	color: var(--global--color-white-50);
}

.dark-mode .card-data .macba-type-art {
	color: var(--global--color-white-50);
}

.macba-fitxa {
	margin-bottom: var(--global-spacing-14);
}

/* .macba-fitxa-full:hover::before {
	content: "Texto de ejemplo";
	position: absolute;
	background-color: #007bff;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
	pointer-events: none;
	top: 0;
	left: 100%;
	transform: translateX(10px);
	z-index: 9;
} */

.macba-fitxa-lg .col-right {
	padding-left: 129px!important;
}

.macba-fitxa-lg .fitxa-lg-button-container {
	gap: var(--global-spacing-05);
}

.macba-fitxa-sm .card-data {
	padding-top: var(--global-spacing-05);
}

.macba-fitxa-sm img{
	aspect-ratio: 1.09/1;
	object-fit: cover;
}

.macba-fitxa-md img {
	aspect-ratio: 1.40/1;
	object-fit: cover;
}

.publicacio-fitxa.macba-fitxa-sm img{
	aspect-ratio: 1.09/1;
	object-fit: contain;
	background-color: #F2F2F2;
}

.publicacio-fitxa-alt.macba-fitxa-sm img{
	aspect-ratio: 1.09/1;
	object-fit: contain;
	background-color: #FFFFFF;
}

.publicacio-fitxa.macba-fitxa-md img {
	aspect-ratio: 1.40/1;
	object-fit: contain;
	background-color: #F2F2F2;
}

.publicacio-fitxa-alt.macba-fitxa-md img {
	aspect-ratio: 1.40/1;
	object-fit: contain;
	background-color: #FFFFFF;
}

.macba-fitxa-md .fitxa-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.macba-fitxa-md .fitxa-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

.macba-fitxa-md .macba-type, 
.macba-fitxa-md .card-title {
	padding-left: 0;
}

.macba-fitxa.macba-fitxa-md .card-data {
	justify-content: space-between;
	padding-top: 0;
}

.macba-fitxa-md .macba-card-title-subtitle-container .macba-subtitle {
	margin-top: var(--global-spacing-03);
}

.macba-fitxa.macba-fitxa-md .card-data .macba-type,
.macba-fitxa.macba-fitxa-md .card-data .card-title {
	padding-top: var(--global-spacing-05);
}

.macba-fitxa.macba-fitxa-md .card-data .save-button {
	margin-top: var(--global-spacing-05);
}

.macba-fitxa-lg .card-data {
	padding-top: var(--global-spacing-07);
}

.macba-fitxa-lg img {
	aspect-ratio: 2.12/1;
	object-fit: cover;
}

.card-header-title,
.macba-fitxa-lg .card-title {
	font-family: var(--global--display-font-family);
	font-size: var(--global--display-l-font-size);
	line-height: var(--global--display-l-line-height);
	letter-spacing: var(--global--display-letter-spacing);
	text-transform: uppercase;
	padding-top: var(--global-spacing-04);
	font-weight: var(--global--display-font-weight);
}

.macba-fitxa-lg .card-description {
	font-family: var(--global--body-font-family);
	font-size: var(--global--body-l-font-size);
	font-weight: var(--global--body-font-weight);
	line-height: var(--global--body-l-line-height);
	letter-spacing: var(--global--body-letter-spacing);
	text-indent: var(--global--body-indent-104);
	padding-bottom: var(--global-spacing-07);
}

.macba-fitxa-lg .card-description p:last-child {
	margin-bottom: 0;
}


.macba-fitxa .activitats-cta {
	gap: var(--global-spacing-05);
}

.component-full-content {
	height: calc(100vh - 56px);
	margin-bottom: var(--global-spacing-07);
}

.component-full-content .card-background {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	height: calc(100vh - 56px);
	overflow: hidden;
}

.component-full-content .blur-effect {
	width: 100%;
	height: 100%;
	background: rgba(11, 14, 13, 0.5);
	top: 0;
}

.component-full-content .card-background video,
.component-full-content .card-background img {
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
	transition: transform 300ms ease;
}

/* .portada-page .full-content-anchor:hover + .card-mkt img,
.portada-page .component-full-content:hover .card-background video,
.portada-page .component-full-content:hover .card-background img {
	transform: scale(1.1);
} */

.component-full-content.object-cover-center .card-background img {
	height: 100%!important;
}

.component-full-content .card-background video {
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
}

@media screen and (max-width: 768px) {

	.component-full-content .card-background video {
		object-fit: cover;
		width: 100%!important;
	}
}

.component-full-content .full-card-data {
	position: absolute;
	bottom: var(--global-spacing-07);
	color: var(--global--color-white);
	align-items: flex-end;
}

.component-full-content .full-card-data.bottom {
	position: absolute;
	align-items: flex-end;
}

.component-full-content .full-card-data .macba-type-date {
	color: var(--global--color-white-50);
}

.component-full-content .card-title {
	font-family: var(--global--display-font-family);
	line-height: var(--global--display-l-line-height);
	font-size: var(--global--display-l-font-size);
	text-transform: uppercase;
	letter-spacing: var(--global--display-letter-spacing--2);
	font-weight: var(--global--display-font-weight);
}

.component-location .location-map{
	aspect-ratio: 3.4/1;
	height: auto;
}

@media screen and (max-width: 768px) {

	.macba-fitxa {
		margin-bottom: var(--global-spacing-10);
	}

	.macba-fitxa-md .macba-card-title-subtitle-container {
		padding: 0;
	}

	.macba-fitxa-md .macba-card-title-subtitle-container .macba-subtitle {
		margin-top: 0;
	}

	.component-full-content .card-title,
	.macba-fitxa-lg .card-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.detail-template .card-data .card-title,
	.macba-fitxa-md .card-data .card-title,
	.macba-fitxa-sm .card-data .card-title {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}

	.macba-fitxa.macba-fitxa-md .card-data .macba-type, 
	.macba-fitxa.macba-fitxa-md .card-data .card-title {
		padding-top: var(--global-spacing-05);
	}

	.component-full-content .card-title {
		margin-top: var(--global-spacing-07);
	}

	.component-full-content .full-card-data {
		justify-content: space-between;
		align-items: start;
		align-content: space-between;
		height: 100%;
	}

	.macba-fitxa-sm img,
	.macba-fitxa-md img {
		aspect-ratio: 1.36/1;
	}

	.macba-fitxa-lg img {
		width: 100vw !important;
		position: relative;
		left: calc(-50vw + 50%);
		display: block;
		overflow: hidden;
		aspect-ratio: 1.36/1;
	}

	.macba-fitxa-lg .card-title {
		margin-bottom: var(--global-spacing-05);
		padding-top: var(--global-spacing-05);
	}

	.macba-fitxa-lg .macba-fitxa-content {
		align-items: center;
	}

	.macba-fitxa-lg .col-right {
		padding-left: 0 !important;
	}

	.macba-fitxa-lg .card-data {
		padding-top: var(--global-spacing-05);
	}

	.macba-fitxa-lg .card-description {
		font-size: var(--global--body-m-font-size);
		line-height: var(--global--body-m-line-height);
		text-indent: var(--global--body-indent-80);
	}

	.component-location .display-m{
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}
	
	.component-location .location-map{
		aspect-ratio: 2.4/1;
	}
}

.magazine-card {
	padding: 0 var(--global-spacing-05) var(--global-spacing-05);
}

.magazine-card.orange-60,
.magazine-card.orange-60 .magazine-img {
	background-color: var(--global--color-orange-60);
}
.magazine-card.red-90, 
	.magazine-card.red-90 .magazine-img {
	background-color: var(--global--color-red-90);
}
.magazine-card.purple-80, 
.magazine-card.purple-80 .magazine-img {
	background-color: var(--global--color-purple-80);
}
.magazine-card.green-80, 
.magazine-card.green-80 .magazine-img {
	background-color: var(--global--color-green-80);
}
.magazine-card.blue-80, 
.magazine-card.blue-80 .magazine-img {
	background-color: var(--global--color-blue-80);
}
.magazine-card.brown-80, 
.magazine-card.brown-80 .magazine-img {
	background-color: var(--global--color-brown-80);
}

.magazine-card .blur-effect-magazine-img {
	opacity: 40% !important;
	width: calc(100% - 32px);
}

.magazine-card.orange-60 .blur-effect-magazine-img {
	background-color: var(--global--color-orange-60);
}
.magazine-card.red-90 .blur-effect-magazine-img {
	background-color: var(--global--color-red-90);
}
.magazine-card.purple-80 .blur-effect-magazine-img {
	background-color: var(--global--color-purple-80);
}
.magazine-card.green-80 .blur-effect-magazine-img {
	background-color: var(--global--color-green-80);
}
.magazine-card.blue-80 .blur-effect-magazine-img {
	background-color: var(--global--color-blue-80);
}
.magazine-card.brown-80 .blur-effect-magazine-img {
	background-color: var(--global--color-brown-80);
}

.macba-magazine-page .magazine-card {
	min-height: 100%;
	height: 100%;
}

.magazine-card .card-title.title-sm {
	font-family: var(--global--title-font-family);
	font-size: var(--global--title-m-font-size-font-size);
	font-weight: var(--global--title-font-weight);
	line-height: var(--global--title-m-line-height);
	letter-spacing: var(--global--title-letter-spacing);
	padding-top: var(--global-spacing-08);
}

.magazine-card .card-title.title-lg {
	font-family: var(--global--display-font-family);
	font-size: var(--global--display-m-font-size);
	font-weight: var(--global--display-font-weight);
	line-height: var(--global--display-m-line-height);
	letter-spacing: var(--global--display-letter-spacing);
	text-align: center;
	text-transform: uppercase;
	padding-top: var(--global-spacing-10);
	padding-bottom: var(--global-spacing-10);
}

.magazine-card .magazine-with-image {
	padding-top: var(--global-spacing-05);
}

.magazine-card.macba-live-card-magazine .magazine-with-image .svg-play path {
	fill: var(--global--content-inverted-primary);
}

.magazine-card .magazine-with-image .magazine-img {
	width: 100%;
	aspect-ratio: 1.5/1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-blend-mode: luminosity;
}

.magazine-card .magazine-with-image .magazine-img.magazine-md {
	aspect-ratio: 0.87/1;
}

@media screen and (max-width: 768px) {
	.magazine-card .magazine-with-image .magazine-img {
		aspect-ratio: 1.3/1!important;
	}
}

.text-caption .card-caption-item:not(:last-child)::after {
	content: '·';
	margin: 0 var(--global-spacing-03);
}

.magazine-card .magazine-with-image .card-title {
	font-family: var(--global--title-font-family);
	font-size: var(--global--title-m-font-size);
	font-weight: var(--global--title-font-weight);
	line-height: var(--global--title-m-line-height);
	letter-spacing: var(--global--title-letter-spacing);
	padding-top: var(--global-spacing-05);
	padding-bottom: var(--global-spacing-07);
	text-transform: none;
	text-align: inherit;
}

.magazine-card .magazine-with-image .card-title.title-s {
	font-size: var(--global--title-s-font-size);
	line-height: var(--global--title-s-line-height);
}

.magazine-card .magazine-with-image-data.card-data {
	padding-top: 0;
	padding-bottom: 0;
}

.magazine-card.card-md {
	padding: 0;
}

.magazine-card.card-md .image-container {
	padding: var(--global-spacing-05) 0 var(--global-spacing-05) var(--global-spacing-05);
}

.magazine-card.card-md .text-container {
	padding: 0 var(--global-spacing-05) var(--global-spacing-07) var(--global-spacing-05);
}

.magazine-card.card-md .magazine-img {
	width: 100%;
	aspect-ratio: 1/1.14;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: luminosity;
}

/*MACBA Magazine Template*/

.macba-magazine-row [class^="col-"] {
	padding: var(--global-spacing-02);
}

.magazine-page .macba-magazine-page .macba-magazine-cards-container {
	width: 100vw !important;
	position: relative;
	left: calc(-50vw + 50%);
}

.magazine-page .macba-magazine-page .macba-magazine-cards-container .macba-card-sm-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--global-spacing-03);
}

.magazine-page .macba-magazine-page .macba-magazine-cards-container .macba-card-md-container {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: var(--global-spacing-03);
}

.macba-card-magazine {
	/* margin: var(--global-spacing-03); */
	box-sizing: border-box;
}

.macba-card-magazine-sm {
	break-inside: avoid;
}

.macba-magazine-page .magazine-card.macba-card-magazine-sm {
	min-height: 0%;
	height: 100%;
}

.magazine-card.macba-live-card-magazine .magazine-with-image .magazine-img,
.magazine-card.macba-live-card-magazine {
	min-height: 496px;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .icon-search-container {
	border: var(--global-border-width-s) solid var(--global--color-black-93);
	border-radius: var(--global-border-radius-full);
	padding: 15px;
	transition: width 0.2s ease-out;
	background-color: transparent;
	backface-visibility: hidden;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .icon-search-container.active,
.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search-input:focus + .search {
	width: 280px;
 }

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .icon-search-container.active .search-input {
	width: 14rem;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search {
	top: 7px;
	left: var(--global-spacing-03);
	transition: width 0.2s ease-out;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .times-circle {
    opacity: 0;
    top: 0px;
    right: 8px;
    transition: opacity 0.2s ease-out;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .icon-search-container.active .times-circle {
	opacity: 1;
}
 
.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search-input {
	left: var(--global-spacing-08);
	top: 0px;
	width: 0;
	border: none;
	outline: none;
	background-color: transparent;
	transition: width 0.2s ease-out;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search-input::placeholder {
	font-family: var(--global--body-font-family);
	font-weight: var(--global--body-font-weight);
	letter-spacing: var(--global--body-letter-spacing);
	font-size: var(--global--body-s-font-size);
	line-height: var(--global--body-s-line-height);
	color: var(--global--content-tertiary)!important;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search-input.mobile::placeholder {
	font-family: var(--global--title-font-family);
	font-weight: var(--global--title-font-weight);
	letter-spacing: var(--global--title-letter-spacing);
	font-size: var(--global--title-s-font-size);
	line-height: var(--global--title-s-line-height);
	color: var(--global--content-tertiary)!important;
}

.magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .intro-svg {
	 margin-left: 9rem;
}

.magazine-page .search-form.mobile {
	background-color: var(--global--color-white);
}
  
@media screen and (max-width: 768px) {
	.magazine-page .macba-magazine-page .macba-card-md-container .magazine-card .blur-effect-magazine-img {
		width: calc(100% - 32px) !important;
	}

	.magazine-page .macba-magazine-page .macba-magazine-cards-container .macba-card-md-container,
	.magazine-page .macba-magazine-page .macba-magazine-cards-container .macba-card-sm-container {
		grid-template-columns: 1fr;
	}

	.magazine-page .macba-magazine-header .buttons-row-container {
		width: 100%;
	}

	.magazine-page .macba-magazine-page .buttons-row {
		overflow: auto;
		width: 100vw;
		white-space: nowrap;
	}

	.magazine-page .macba-magazine-page .filter-bar {
		width: 100%;
	}

	.magazine-card.macba-live-card-magazine,
	.magazine-card.macba-card-magazine-sm,
	.magazine-card.macba-card-magazine {
		width: 100%;
	}

	.magazine-page .macba-magazine-page .separator-full-screen.mobile {
		left: 0;
	}
}

.subscribe-modal.advanced-search-menu .artist-selector,
.filtres-basics.advanced-search-menu .artist-selector {
    border-radius: var(--global-border-radius-m);
}

.dark-mode .magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .icon-search-container {
    border: var(--global-border-width-s) solid var(--global--color-white-93);
}

.dark-mode .magazine-page .macba-magazine-page .content-tertiary {
	color: var(--global--content-inverted-tertiary);
}

.dark-mode .magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search .intro-svg text {
	fill: var(--global--content-inverted-tertiary) !important;
}

.dark-mode .magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .times-circle svg path {
	fill: var(--global--content-inverted-primary);
}

.dark-mode .magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search-input::placeholder {
	color: var(--global--content-inverted-tertiary) !important;
}

.dark-mode .magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search .intro-svg.mobile text {
	fill: var(--global--content-tertiary) !important;
}

.dark-mode .magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search-input.mobile,
.dark-mode .filtres-basics .content-primary,
.dark-mode .macba-magazine-page .filtres-basics .content-primary,
.dark-mode .filtres-basics .form-check-label,
.dark-mode .subscribe-modal .content-primary,
.dark-mode .macba-magazine-page .subscribe-modal .content-primary,
.dark-mode .subscribe-modal .form-check-label {
	color: var(--global--content-primary) !important;
}

.dark-mode .magazine-page .macba-magazine-page .macba-magazine-header .macba-page-header .buttons-row-container .search-input.mobile::placeholder {
	color: var(--global--content-tertiary) !important;
}

.dark-mode .magazine-page .macba-magazine-page .search-form.mobile .svg-chevron-icon path,
.dark-mode .magazine-page .macba-magazine-page .search-form.mobile .svg-button-icon path,
.dark-mode .subscribe-modal .macba-button.button-basic-m.button-secondary .svg-chevron-icon path,
.dark-mode .subscribe-modal .macba-button.button-basic-m.button-secondary .svg-button-icon path,
.dark-mode .filtres-basics .macba-button.button-basic-m.button-secondary .svg-chevron-icon path,
.dark-mode .filtres-basics .macba-button.button-basic-m.button-secondary .svg-button-icon path {
	fill: var(--global--content-primary);
}

.dark-mode .subscribe-modal .tab-group .macba-button.button-basic-m, 
.dark-mode .subscribe-modal .tab-group .macba-button.button-basic-l,
.dark-mode .filtres-basics .tab-group .macba-button.button-basic-m, 
.dark-mode .filtres-basics .tab-group .macba-button.button-basic-l {
    color: var(--global--content-primary);
    border: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode .subscribe-modal .macba-button.button-basic-l.button-secondary,
.dark-mode .subscribe-modal .macba-button.button-basic-m.button-secondary,
.dark-mode .filtres-basics .macba-button.button-basic-l.button-secondary,
.dark-mode .filtres-basics .macba-button.button-basic-m.button-secondary {
    border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .subscribe-modal .macba-button.button-basic-m.button-secondary.button-bold,
.dark-mode .filtres-basics .macba-button.button-basic-m.button-secondary.button-bold {
    border: var(--global-border-width-s) solid var(--global--color-black-93);
	color: var(--global--color-white);
    background-color: var(--global--color-black);
}

.dark-mode .subscribe-modal input[type="checkbox"],
.dark-mode .subscribe-modal input[type="checkbox"]:focus:not(:checked),
.dark-mode .subscribe-modal input[type="checkbox"]:focus:not(:checked):hover,
.dark-mode .filtres-basics input[type="checkbox"],
.dark-mode .filtres-basics input[type="checkbox"]:focus:not(:checked),
.dark-mode .filtres-basics input[type="checkbox"]:focus:not(:checked):hover {
    background-color: var(--global--color-white);
    border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .subscribe-modal input[type="checkbox"]:checked,
.dark-mode .filtres-basics input[type="checkbox"]:checked {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode .magazine-page .macba-magazine-page .separator-full-screen,
.dark-mode .subscribe-modal .advanced-search-menu .filters-container .filter-item,
.dark-mode .filtres-basics .advanced-search-menu .filters-container .filter-item {
    border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .subscribe-modal .macba-button.button-basic-m.button-bold, .macba-button.button-basic-l.button-bold {
    color: var(--global--color-white);
    background-color: var(--global--color-black);
    border: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode .subscribe-modal .separator-full-screen,
.dark-mode .filtres-basics .separator-full-screen {
    border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

/* Magazine detall */

.change-background.orange-60 {
	background-color: var(--global--color-orange-60);
}

.change-background.red-90 {
	background-color: var(--global--color-red-90);
}

.change-background.purple-80 {
	background-color: var(--global--color-purple-80);
}

.change-background.green-80 {
	background-color: var(--global--color-green-80);
}

.change-background.blue-80 {
	background-color: var(--global--color-blue-80);
}

.change-background.brown-80 {
	background-color: var(--global--color-brown-80);
}

.change-background.black-98 {
	background-color: var(--global--color-black-98);
}

.macba-magazine-detall-template {
	margin: 0 calc(-1*var(--global-spacing-07));
}

.macba-player.player-container {
	box-shadow: 0px -4px 16px 0px #18141114;	
}

@media screen and (max-width: 992px) {
	.macba-magazine-detall-template {
		margin: 0 calc(-1*var(--global-spacing-05));
	}
}

.macba-magazine-detall-template .rounded-img {
	width: 40px;
	height: 40px;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.macba-magazine-detall-template .macba-type-date::after {
	content: "·";
}

.macba-magazine-detall-template .macba-type-date:last-child::after {
	content: "";
}

.macba-magazine-detall-template .copy-right-credits,
.macba-magazine-detall-template .macba-post-content .tab-group,
.macba-magazine-detall-template .action-buttons-container,
.macba-separator-videos {
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
}

.macba-magazine-detall-template .macba-post-img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.macba-magazine-detall-template .macba-post-content .basic-text-content:first-child {
	font-weight: var(--global--font-weight-semibold);
}

.macba-magazine-detall-template .macba-post-content .basic-text-content .basic-text:not(:last-child) {
	padding-bottom: var(--global-spacing-09);
}

.macba-magazine-detall-template .quotes-section .col-md-4 {
	width: 58.33333333%;
}

.macba-magazine-detall-template .subscribe-modal.advanced-search-menu .form-content {
	max-width: 604px;
}

.macba-magazine-detall-template .fixed-player .card-picture,
.macba-magazine-detall-template .audio-post-list .card-picture,
.macba-magazine-detall-template .macba-five-videos-card .videos-list .card-picture {
    object-fit: cover;
    aspect-ratio: 1/1;
}

.macba-magazine-detall-template .audio-post-list .play-background,
.macba-magazine-detall-template .videos-list .play-background {
    background: var(--global--color-black-95);
}

.macba-magazine-detall-template .audio-post-list .audio-post-number.play .play-icon .svg-play-icon path,
.macba-magazine-detall-template .videos-list .videos-list-number.play .play-icon .svg-play-icon path {
	fill: var(--global--color-white);
	display: flex !important;
}

.macba-magazine-detall-template .audio-post-list .audio-post-number.play .play-icon,
.macba-magazine-detall-template .videos-list .videos-list-number.play .play-icon {
	display: flex !important;
}

.macba-magazine-detall-template .audio-post-list .audio-post-number.play,
.macba-magazine-detall-template .videos-list .videos-list-number.play {
	background-color: var(--global--color-black);
}

.macba-magazine-detall-template .audio-post-list .card-data:not(:last-child),
.macba-magazine-detall-template .videos-list .card-data:not(:last-child) {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.macba-magazine-detall-template .download-file:not(:last-child) {
	margin-bottom: var(--global-spacing-07);
}
 
.macba-magazine-detall-template .download-file,
.macba-magazine-detall-template .player-container,
.subscribe-action {
	background-color: var(--global--color-black-95);
}

.macba-magazine-detall-template .fixed-player {
    z-index: 999;
    bottom: 0;
	width: 100vw;
    left: calc(-50vw + 50%);
	filter: drop-shadow(0px -4px 16px #18141114);
}

.macba-magazine-detall-template .fixed-player.mobile {
	top: 0;
	bottom: auto;
}

.macba-magazine-detall-template .fixed-player.mobile .player-buttons {
	gap: var(--global-spacing-04);
}

.macba-magazine-detall-template .live-magazine.player-container .player-button-bold.play .ic-pause svg,
.macba-magazine-detall-template .live-magazine.player-container .player-button-bold.stop .ic-play,
.macba-magazine-detall-template .fixed-player .player-button-bold.play .ic-pause svg,
.macba-magazine-detall-template .fixed-player .player-button-bold.stop .ic-play {
	width: var(--global-spacing-08);
	height: var(--global-spacing-08);
}

.detall-podcast .podcast-audio input[type='range'],
.macba-magazine-detall-template .podcast-audio input[type='range'] {
	overflow: inherit;
	-webkit-appearance: none;
	background:var(--global--color-black-95);
	height: 2px;
}

.macba-magazine-detall-template .fixed-player.mobile .podcast-audio .timeline::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 2px;
	height: 2px;
	background: var(--global--color-black);
	cursor: pointer;
}

.macba-magazine-detall-template .player-container .macba-post-img {
	aspect-ratio: 3/2;
}

.macba-magazine-detall-template .macba-magazine-podcast.arxiu-podcast {
	width: 100vw !important;
	height: 100vh;
	position: fixed;
	left: calc(-50vw + 50%);
	top: 0;
	z-index: 9;
	margin-bottom: var(--global-spacing-11);
}

.macba-magazine-detall-template .macba-magazine-podcast.arxiu-podcast .portada-podcast {
	background-color: inherit;
}

.macba-magazine-detall-template .macba-post-content .quotes-section {
	padding-left: 0;
	padding-right: 0;
}

.macba-magazine-detall-template .macba-button.button-basic-m.button-bold.live-button {
    color: var(--global--color-black);
    background-color: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.macba-magazine-detall-template .macba-button.button-basic-m.button-bold.live-button:focus, 
.macba-magazine-detall-template .macba-button.button-basic-l.button-bold.live-button:focus {
    color: var(--global--color-white);
    background-color: var(--global--color-black-90);
    border: var(--global-border-width-s) solid transparent;
}

.macba-magazine-detall-template .macba-button.button-basic-m.button-bold.live-button:hover,
.macba-magazine-detall-template .macba-button.button-basic-l.button-bold.live-button:hover {
	color: var(--global--color-white);
    background-color: var(--global--color-black-30);
    border: var(--global-border-width-s) solid var(--global--color-black-30);
}

.macba-magazine-detall-template .macba-button.button-basic-m.button-bold.live-button:disabled,
.macba-magazine-detall-template .macba-button.button-basic-l.button-bold.live-button:disabled {
    color: var(--global--color-white);
    background-color: var(--global--color-black-80);
    border: var(--global-border-width-s) solid var(--global--color-black-80);
}

.macba-magazine-detall-template .live-magazine.player-container {
	background-color: var(--global--color-black-60);
}

.macba-magazine-detall-template .live-magazine.player-container .podcast-audio input[type='range'] {
	background-color: var(--global--color-white-90);
}

.macba-magazine-detall-template .live-magazine.player-container .podcast-audio .timeline::-webkit-slider-thumb {
	background: var(--global--color-white);
}

.macba-magazine-detall-template .full-width-block {
	padding-right: var(--global-spacing-04);
}

.macba-magazine-detall-template .multimedia-modal-container .hide-element-button {
	height: var(--global-spacing-08);
	width: var(--global-spacing-08);
	display: flex;
	filter: drop-shadow(0px 4px 16px #0000003D);
}

.macba-magazine-detall-template .multimedia-modal-container.advanced-search-menu .form-content {
    border-radius: 0;
    height: 100vh;
	max-height: calc(100vh - var(--global-spacing-11));
	background-color: var(--global--color-black);
}

@media screen and (max-width: 768px) {
	.macba-magazine-detall-template .macba-post-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.macba-magazine-detall-template .macba-post-content .quotes-section .text-title.title-l,
	.macba-magazine-detall-template .macba-post-content .basic-text-content .text-title.title-l,
	.macba-magazine-detall-template .macba-post-subtitle {
		font-size: var(--global--title-s-font-size);
		line-height: var(--global--title-s-line-height);
	}

	.macba-magazine-detall-template .macba-post-content .basic-text-content .text-body-body-l {
		font-size: var(--global--body-m-font-size);
		line-height: var(--global--body-m-line-height);
	}

	.macba-magazine-detall-template .macba-post-content .quotes-section {
		padding-top: var(--global-spacing-10) !important;
		padding-bottom: var(--global-spacing-10) !important;
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-05);
	}

	.macba-magazine-detall-template .audio-post-list,
	.macba-magazine-detall-template .videos-list {
		width: 100vw !important;
		position: relative;
		left: calc(-50vw + 50%);
	}
	
	.dark-mode .macba-magazine-detall-template .copy-right-credits,
	.macba-magazine-detall-template .copy-right-credits {
		border-top: none;
	}

	.macba-magazine-detall-template .player-button-bold.stop .ic-play, 
	.macba-magazine-detall-template .player-button-bold.play .ic-pause {
		width: var(--global-spacing-09);
		height: var(--global-spacing-09);
	}

	.macba-magazine-detall-template .fixed-player.mobile .player-button-bold.play .ic-pause {
		width: var(--global-spacing-08);
		height: var(--global-spacing-08);
	}

	.macba-magazine-detall-template .download-file:not(:last-child) {
		margin-bottom: var(--global-spacing-05);
	}

	.macba-magazine-detall-template .macba-post-content .basic-text-content .basic-text:not(:last-child) {
		padding-bottom: var(--global-spacing-07);
	}

	.macba-magazine-detall-template .dialog-content .gap-7,
	.macba-magazine-detall-template .dialog-content .gap-8 {
		gap: var(--global-spacing-07);
	}

	.macba-magazine-detall-template .multimedia-modal-container.advanced-search-menu .form-content .macba-post-img {
		height: 40% !important;
	}

	.macba-magazine-detall-template .live-magazine.player-container {
		height: 100%;
	}

	.macba-magazine-detall-template .live-magazine.player-container .podcast-audio {
		padding-top: 40vh;
	}

	.macba-magazine-detall-template .live-magazine.player-container .player-button-bold.play .ic-pause svg,
	.macba-magazine-detall-template .live-magazine.player-container .player-button-bold.stop .ic-play {
		width: var(--global-spacing-09);
		height: var(--global-spacing-09);
	}

	.macba-magazine-detall-template .multimedia-modal-container.advanced-search-menu {
		z-index: 999;
	}

	.macba-magazine-detall-template .multimedia-modal-container.advanced-search-menu .form-content {
		max-height: 100vh;
	}
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
	.macba-magazine-detall-template .multimedia-modal-container.advanced-search-menu .form-content .macba-post-img {
		height: 100% !important;
	}

	.macba-magazine-detall-template .live-magazine.player-container .podcast-audio {
		padding-top: 33.33vh;
	}
}
	
/* Dark-mode Magazine detall */
.dark-mode .change-background.orange-60 {
	background-color: var(--global--color-orange-20);
}

.dark-mode .change-background.red-90 {
	background-color: var(--global--color-red-10);
}

.dark-mode .change-background.purple-80 {
	background-color: var(--global--color-purple-20);
}

.dark-mode .change-background.green-80 {
	background-color: var(--global--color-green-20);
}

.dark-mode .change-background.blue-80 {
	background-color: var(--global--color-blue-20);
}

.dark-mode .change-background.brown-80 {
	background-color: var(--global--color-brown-20);
}

.dark-mode .change-background.black-98 {
	background-color: var(--global--color-white-98);
}

.dark-mode .macba-magazine-detall-template {
	background-color: var(--global--color-white-95);
}

.dark-mode .macba-magazine-detall-template .content-primary {
	color: var(--global--content-inverted-primary);
}

.dark-mode .svg-play path {
	fill: var(--global--content-inverted-secondary);
}
.dark-mode .macba-magazine-detall-template .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .macba-magazine-detall-template .content-tertiary {
	color: var(--global--content-inverted-tertiary);
}

.dark-mode .macba-magazine-detall-template .copy-right-credits, 
.dark-mode .macba-magazine-detall-template .macba-post-content .tab-group,
.dark-mode .macba-magazine-detall-template .action-buttons-container {
	border-top: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .detall-podcast .podcast-audio input[type='range'],
.dark-mode .macba-magazine-detall-template .download-file,
.dark-mode .macba-magazine-detall-template .podcast-audio input[type='range'],
.dark-mode .macba-magazine-detall-template .player-container,
.dark-mode .subscribe-action {
	background-color: var(--global--color-white-95);
}

.dark-mode .macba-magazine-detall-template .audio-post-list .card-data:not(:last-child),
.dark-mode .macba-magazine-detall-template .videos-list .card-data:not(:last-child) {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .macba-magazine-detall-template .audio-post-list .audio-post-number.play, 
.dark-mode .macba-magazine-detall-template .videos-list .videos-list-number.play,
.dark-mode .macba-magazine-detall-template .podcast-audio .timeline::-webkit-slider-thumb {
	background: var(--global--color-white);
}

.dark-mode .macba-magazine-detall-template .audio-post-list .audio-post-number .play-icon .svg-play-icon path, 
.dark-mode .macba-magazine-detall-template .videos-list .videos-list-number .play-icon .svg-play-icon path {
    fill: var(--global--color-black);
}

.dark-mode .macba-magazine-detall-template .macba-button.button-basic-m.button-bold.live-button:focus, 
.dark-mode .macba-magazine-detall-template .macba-button.button-basic-l.button-bold.live-button:focus {
    background-color: var(--global--color-white-90);
}

.dark-mode .macba-magazine-detall-template .macba-button.button-basic-m.button-bold.live-button:hover,
.dark-mode .macba-magazine-detall-template .macba-button.button-basic-l.button-bold.live-button:hover {
	color: var(--global--color-black);
    background-color: var(--global--color-white-30);
    border: var(--global-border-width-s) solid var(--global--color-white-30);
}

.dark-mode .macba-magazine-detall-template .macba-button.button-basic-m.button-bold.live-button:disabled,
.dark-mode .macba-magazine-detall-template .macba-button.button-basic-l.button-bold.live-button:disabled {
    color: var(--global--color-black);
    background-color: var(--global--color-white-80);
    border: var(--global-border-width-s) solid var(--global--color-white-80);
}

.dark-mode .macba-magazine-detall-template .live-magazine.player-container {
	background-color: var(--global--color-black-60);
}

.portada-podcast {
	background-color: rgba(11, 14, 13, 0.04);
	padding: var(--global-spacing-05);
}

.bg-macba-orange{
	background-color: var(--global--color-orange-60);
}

.portada-podcast .podcast-audio .timeline-container .total-time, 
.portada-podcast .podcast-audio .timeline-container .current-time {
	white-space: nowrap;
}

.portada-podcast .card-data {
	z-index: 999;
}

.portada-podcast .card-artwork-overlay .overlay-content {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background: var(--global--color-white-40);
	padding: var(--global-spacing-05);
	top: 15px;
    left: 15px;
    position: absolute;
    right: 15px;
    bottom: 180px;
	justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.portada-podcast .podcast-img{
	aspect-ratio: 3/2;
	object-fit: cover;
}

.portada-podcast .card-title {
	font-size: var(--global--title-s-font-size);
	font-weight: var(--global--title-font-weight);
	line-height: var(--global--title-s-line-height);
	padding-top: var(--global-spacing-02);
	padding-bottom: var(--global-spacing-02);
}

.portada-podcast .podcast-audio {
	font-family: var(--global--caption-font-family);
	font-size: var(--global--caption-s-font-size);
	font-weight: var(--global--caption-font-weight);
	line-height: var(--global--caption-s-line-height);
	letter-spacing: var(--global--caption-letter-spacing);
}

.portada-podcast .podcast-audio .d-flex.gap-16 {
	gap: var(--global-spacing-05);
}

.macba-magazine-detall-template .podcast-audio .range-line.timeline,
.portada-podcast .podcast-audio input[type='range']  {
	overflow: hidden;
	width: 100%;
	-webkit-appearance: none;
	background: transparent;
	height: 2px;
}

.macba-magazine-detall-template .podcast-audio .range-line.timeline::-webkit-slider-runnable-track,
.portada-podcast .podcast-audio input[type='range']::-webkit-slider-runnable-track {
	height: 2px;
	width: 100%;
	-webkit-appearance: none;
	background: rgba(11, 14, 13, 0.3);
	margin-top: -1px;
}

.portada-podcast .podcast-audio input[type='range']::-webkit-slider-thumb,
.macba-magazine-detall-template .podcast-audio .range-line.timeline::-webkit-slider-thumb {
	width: 0;
	height: 0;
	-webkit-appearance: none;
	box-shadow: -1000px 0 0 1000px #0B0E0D;
}

@media screen and (max-width: 781px) {
	
	.portada-podcast,
	.magazine-card {
		width: 100vw !important;
		position: relative;
		left: calc(-50vw + 50%);
	}

	.component-slider .swiper-wrapper .swiper-slide.card-data .portada-podcast {
		width: 100% !important;
		position: static;
	}
}

/*Portada dark-mode*/

.dark-mode .portada-podcast {
	background-color: var(--global--color-white-95);	
}

.dark-mode .portada-podcast .podcast-audio input[type='range'] {
    background: var(--global--color-white-80);
}

.dark-mode .portada-podcast .podcast-audio .player-button svg path {
	fill: var(--global--color-black);
}

.dark-mode:not(.macba-magazine-page) .magazine-card .magazine-with-image .card-title {
	color: var(--global--color-black);
}

.dark-mode:not(.macba-magazine-page) .magazine-card .card-data .macba-type {
	color: var(--global--color-black);
}

.dark-mode:not(.macba-magazine-page) .magazine-card .card-data .macba-type-date {
	color: var(--global--color-black-50);
}

.dark-mode:not(.macba-magazine-page) .magazine-card .card-data .save-button {
	border: 1px solid rgba(11, 14, 13, 0.12);
	color: var(--global--color-black);
}

/* End Portada */

/* Activitats */
.activitat-content {
	padding: 0 var(--global-spacing-07);
}

.macba-type.dates {
	color: #696A6A;
	padding-top: var(--global-spacing-05);
}

.activitat-description {
	font-family: var(--global--font-inter-tight);
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.03em;
	padding-top: 12px;
}

.subsubtitle {
	color: var(--global--content-inverted-secondary)!important;
}

/*Macba Marketing Card*/

.component-marketing-content {
	height: 100%;
	margin-bottom: var(--global-spacing-07);
}

.component-marketing-content .card-background {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	height: 100vh;
	overflow: hidden;
}

.component-marketing-content .blur-effect {
	width: 100%;
	height: 100%;
	background: rgba(11, 14, 13, 0.5);
	top: 0;
}

.component-marketing-content .card-background video,
.component-marketing-content .card-background img {
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
	transition: transform 300ms ease;
}

/* .portada-page .full-content-anchor:hover + .component-marketing-content .card-background video,
.portada-page .full-content-anchor:hover + .component-marketing-content .card-background img {
	transform: scale(1.1);
} */

.component-marketing-content .full-card-data {
	position: absolute;
	top: var(--global-spacing-07);
	color: var(--global--color-white);
}

.component-marketing-content .card-title {
	font-family: var(--global--display-font-family);
	line-height: var(--global--display-l-line-height);
	font-size: var(--global--display-l-font-size);
	text-transform: uppercase;
	letter-spacing: var(--global--display-letter-spacing);
	font-weight: var(--global--display-font-weight);
	padding: 0 var(--global-spacing-07);
}

.card-building .card-description,
.component-marketing-content .card-description {
	font-family: var(--global--font-inter-tight);
	font-weight: var(--global--font-weight-normal); 
	font-size: var(--global--body-m-font-size);
	line-height: var(--global--body-m-line-height);
	letter-spacing: var(--global--letter-spacing-2);
	text-indent: var(--global--body-indent-80);
	opacity: 60%;
}

@media screen and (max-width: 768px) {
	.component-recorreguts-detail-content .card-title,
	.component-marketing-content .card-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
		margin-bottom: var(--global-spacing-05);
	}

	.component-marketing-content .card-data .macba-type {
		margin-bottom: var(--global-spacing-05);
		text-transform: uppercase;
	}

	.component-marketing-content .full-card-data {
		height: 100%;
		top: 0;
		padding-top: var(--global-spacing-07);
		padding-bottom: var(--global-spacing-07);
	}

	.component-marketing-content .macba-button {
		display: flex;
		align-items: center;
	}

	.component-marketing-content {
		margin-bottom: 0;
	}

	.component-marketing-content .card-background {
		height: 70vh;
	}
}

/* Block lliure contingut */
.lliure-contingut-block .left-images {
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-07);
}

.lliure-contingut-block a {
	text-decoration: underline;
}

.lliure-contingut-block .left-images img{
	max-width: 100%;
	height: auto;
	aspect-ratio: 5/4;
	object-fit: cover;
}

.lliure-contingut-block .left-map{
	min-height: 300px;
	max-height: 600px;
	object-fit: cover;
}

.lliure-contingut-block .gap-8 {
	gap: var(--global-spacing-08);
}

.lliure-contingut-block ul {
	list-style: none;
	padding-left: 0;
}

.lliure-contingut-block ul li {
	gap: var(--global-spacing-07);
	text-align: center;
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.lliure-contingut-block .pei-technical-info li {
    gap: var(--global-spacing-03);
}

.lliure-contingut-block .pei-technical-info li:first-child {
    padding-top: 0px !important;
}

.lliure-contingut-block .pei-technical-info li:last-child {
	border-bottom: none !important;
}

.lliure-contingut-block ul li span {
	width: 23px;
	text-align: start;
}

.lliure-contingut-block .actions {
	gap: var(--global-spacing-07);
	flex-wrap: wrap;
}

.lliure-contingut-block .paragraph-content {
	margin-bottom: -32px;
	padding-bottom: var(--global-spacing-07);
}

.paragraph-content a {
	text-decoration: underline;
}

.dark-mode .lliure-contingut-block .text-body {
	color: var(--global--color-white)!important;
}

.dark-mode .lliure-contingut-block .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .lliure-contingut-block .content-primary {
	color: var(--global--content-inverted-primary)!important;
}

.dark-mode .lliure-contingut-block .content-tertiary {
	color: var(--global--content-inverted-tertiary)!important;
}

.dark-mode .lliure-contingut-block ul li {
    border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

@media screen and (max-width: 768px) {
	.lliure-contingut-block .actions a .macba-button {
		width: 100%;
	}
}

/*Slider*/

.component-slider {
	padding: var(--global-spacing-08) 0 var(--global-spacing-07) 0;
	overflow-x: hidden;
}

.component-slider .separator {
	margin: 0 var(--global-spacing-04);
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
}

.component-slider .pagination {
	display: flex;
	align-items: end;
	gap: var(--global-spacing-03);
}

.component-slider .slider-header-container {
	border-bottom: 1px solid rgba(11, 14, 13, 0.08);
	padding-bottom: var(--global-spacing-05);
	margin-bottom: var(--global-spacing-07);
}

.component-slider .swiper-slide {
	padding-bottom: var(--global-spacing-08);

}

.component-slider .swiper-wrapper .swiper-slide .portada-podcast .card-artwork-overlay {
    position: absolute;
	z-index: 99;
	justify-content: start;
	background: var(--global--color-white-70);
	backdrop-filter: blur(0.2px);
	-webkit-backdrop-filter: blur(0.2px);
	left: 0;
	right: 0;
	top: 0;
}

.component-slider .swiper-slide .slider-buttons-container {
	gap: var(--global-spacing-04);
}

.component-slider .swiper-slide a {
	color: var(--global--color-black);
	text-decoration: none;
}

.agenda-template .slider-title,
.agenda-template .card-data .activitat-date,
.component-slider .card-data .activitat-date {
	font-family: var(--global--display-font-family);
	line-height: var(--global--display-m-line-height);
	font-size: var(--global--display-m-font-size);
	font-weight: var(--global--display-font-weight);
	letter-spacing: var(--global--display-letter-spacing);
	display: flex;
	align-items: start;
	gap: var(--global-spacing-02);
	padding-bottom: var(--global-spacing-04);
}

.agenda-template .slider-title {
	text-transform: uppercase;
}

.agenda-template .component-slider .slider-header-container .slider-title {
	text-transform: none !important;
	font-family: var(--global--title-font-family);
	font-size: var(--global--title-l-font-size);
	font-weight: var(--global--title-font-weight);
	line-height: var(--global--title-l-line-height);
	letter-spacing: var(--global--title-letter-spacing);
}

.component-slider .card-data .caption-s {
	font-family: var(--global--caption-font-family);
	line-height: var(--global--caption-s-line-height);
	font-size: var(--global--caption-s-font-size);
	font-weight: var(--global--caption-font-weight);
	letter-spacing: var(--global--caption-letter-spacing);
}

.component-slider .card-data .activitat-img {
	width: 100%;
	aspect-ratio: 1.36/1;
	object-fit: cover;
	margin-bottom: var(--global-spacing-04);
}

.component-slider .card-data .document-title,
.component-slider .card-data .activitat-title {
	font-family: var(--global--title-font-family);
	line-height: var(--global--title-s-line-height);
	font-size: var(--global--title-s-font-size);
	font-weight: var(--global--title-font-weight);
	letter-spacing: var(--global--title-letter-spacing);
	margin-bottom: var(--global-spacing-05);
}

.component-slider .swiper-wrapper .swiper-slide.card-data {
	padding-top: 0;
}

.component-slider .slider-header-container.card-data {
	padding-top: 0;
}

.component-slider .slider-header-container .dropdown input::placeholder {
	color: var(--global--color-black);
}

.component-slider .slider-header-container .dropdown .svg-chevron-icon {
	position: absolute;
	display: block;
	bottom: 0.90rem;
	right: 0.5rem;
	cursor: pointer;
}

.component-slider .slider-header-container .dropdown input {
	max-width: 134px;
}

.dropdown {
	position: relative;
	display: inline-block;
}

@media screen and (max-width: 768px) {

	.see-diary-button {
		width: 100%;
		font-size: var(--global--button-l-font-size)!important;
		line-height: var(--global--button-l-line-height)!important;
		padding: 10px var(--global-spacing-05)!important;
	}

	.agenda-template .slider-title,
	.component-slider .card-data .slider-title,
	.component-slider .slider-title {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.component-slider {
		width: 100vw;
		position: relative;
		left: calc(-50vw + 50%);
		padding: 0 var(--global-spacing-05);
	}
}
 
/*Slider Calendari*/

.ui-datepicker {
	z-index: 99 !important;
	width: 395px;
	background: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-black-93);
	border-radius: var(--global-border-radius-m);
	padding: var(--global-spacing-07) var(--global-spacing-05) var(--global-spacing-05);
	margin-bottom: var(--global-spacing-11);
	display: none;
}

.ui-datepicker table {
	width: 100%;
}

.ui-datepicker-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-bottom: var(--global-spacing-04);
}

.ui-datepicker-title {
	order: 2;
	font-size: var(--global--highlight-s-font-size);
	font-weight: var(--global--highlight-font-weight);
	font-family: var(--global--highlight-font-family);
	line-height: var(--global--highlight-s-line-height);
	letter-spacing: var(--global--highlight-letter-spacing);
	text-transform: capitalize;
}

.ui-datepicker-next {
	order: 3;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url('./img/ic-previous.svg');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
	background-position: center;
}

.ui-datepicker-next {
	transform: rotate(180deg);
}

.ui-datepicker-calendar  {
	text-transform: capitalize;
	font-size: var(--global--body-xs-font-size);
	font-family: var(--global--body-font-family);
	font-weight: var(--global--body-font-weight);
	line-height: var(--global--body-xs-line-height);
	letter-spacing: var(--global--body-letter-spacing);
	color: var(--global--color-black-70);
}

.ui-datepicker-calendar tbody tr,
.ui-datepicker-calendar thead tr {
	display: flex;
	justify-content: space-between;
} 

.ui-datepicker-calendar thead tr th::after {
	content: '.';
}
 
.ui-datepicker-calendar thead tr th,
.ui-datepicker-calendar tbody tr td {
	width: 32px;
	height: 32px;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: var(--global-spacing-05);
}

.ui-datepicker-calendar tbody tr td {
	cursor: pointer;
}

.ui-datepicker-calendar tbody tr td:hover {
	background: var(--global--color-black-95);
	border-radius: var(--global-border-radius-full);
}

.ui-datepicker-calendar tbody tr td:active,
.ui-datepicker-calendar tbody tr .active-day,
.ui-datepicker-calendar tbody tr .active-day:hover {
	background: var(--global--color-black);
	border-radius: var(--global-border-radius-full);
}

.ui-datepicker td span,
.ui-datepicker td:active a,
.ui-datepicker .active-day a {
	color: var(--global--color-white);
}

.ui-datepicker-calendar tbody tr td {
	font-size: var(--global--caption-m-font-size);
	font-family: var(--global--caption-font-family);
	font-weight: var(--global--caption-font-weight);
	line-height: var(--global--caption-m-line-height);
	letter-spacing: var(--global--caption-letter-spacing);
}

.ui-datepicker td span, 
.ui-datepicker td.disabled-day a {
	color: var(--global--color-black-70);
}

.enabled-day.disabled-day {
	background: var(--global--color-black-98);
}

.enabled-day.disabled-day a {
	color: var(--global--color-black-70);
}

.ui-datepicker td a {
	display: inline-block;
	color: var(--global--color-black);
}

.ui-datepicker-buttonpane.ui-widget-content {
	display: flex;
	justify-content: space-between;
	margin-top: var(--global-spacing-07);
}

button.ui-state-default.ui-corner-all {
	width: fit-content;
	height: fit-content;
	font-family: var(--global--button-font-family);
	font-weight: var(--global--button-font-weight);
	letter-spacing: var(--global--button-letter-spacing);
	border-radius: var(--global-border-radius-full);
	text-transform: uppercase;
	font-size: var(--global--button-m-font-size);
	line-height: var(--global--button-m-line-height);
	padding: 6px var(--global-spacing-04);
}

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
	color: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-black-93);
	background: transparent;
}

.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
	background: var(--global--color-black);
	color: var(--global--color-white);
	order: 2;
	border: var(--global-border-width-s) solid var(--global--color-black);
}

.ui-datepicker-current-day[data-handler="selectDay"] {
	background-color: var(--global--color-black);
	border-radius: var(--global-border-radius-full);
}

.ui-datepicker-current-day[data-handler="selectDay"] a{
	color: var(--global--color-white)!important;
}

.dark-mode .ui-datepicker-current-day[data-handler="selectDay"] {
	background-color: var(--global--color-white);
}

.dark-mode .ui-datepicker-current-day[data-handler="selectDay"] a{
	color: var(--global--color-black)!important;
}

@media screen and (max-width: 768px) {
	.ui-datepicker {
		position: fixed!important;
		top: inherit !important;
		bottom: 0;
		left: 0 !important;
		width: 100%!important;
		display: none;
		padding-top: 0;
		border-radius: 16px 16px 0px 0px!important;
	}

	.header-calendar-mobile {
		padding: var(--global-spacing-04);
		display: flex;
		justify-content: center;
		margin: 0 calc(var(--global-spacing-05)*-1);
		border-bottom: 1px solid var(--global--color-black-93);
		margin-bottom: var(--global-spacing-06);
	}

	.header-calendar-close-icon {
		right: var(--global-spacing-03);
		top: var(--global-spacing-03);
	}

	.dark-mode .header-calendar-mobile {
		border-bottom: 1px solid var(--global--color-white-90);
	}

}

/*Slider Datepicker dark mode*/

.dark-mode .ui-datepicker {
	background: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-white-90);
	border-radius: var(--global-border-radius-m);
}

.dark-mode .ui-datepicker td a {
	color: var(--global--color-white);
}

.dark-mode .ui-datepicker-calendar tbody tr td:hover {
	background: var(--global--color-white-93);
}

.dark-mode .ui-datepicker-calendar tbody tr td:active,
.dark-mode .ui-datepicker-calendar tbody tr .active-day,
.dark-mode .ui-datepicker-calendar tbody tr .active-day:hover {
	background: var(--global--color-white);
	border-radius: var(--global-border-radius-full);
}

.dark-mode .ui-datepicker td:active a,
.dark-mode .ui-datepicker td span,
.dark-mode .ui-datepicker .active-day a {
	color: var(--global--color-black);
}

.dark-mode .ui-datepicker td span {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .ui-datepicker .disabled-day a,
.dark-mode .ui-datepicker-calendar {
	color: var(--global--color-white-70);
}

.dark-mode .dark-mode .enabled-day.disabled-day {
	background: var(--global--color-white-95);
}

.dark-mode .ui-datepicker-prev, 
.dark-mode .ui-datepicker-next {
	background-image: url('./img/ic-previous-white.svg');
}

.slider-bottom-container {
	padding: var(--global-spacing-07) 0;
	border-top: 1px solid rgba(11, 14, 13, 0.08);
	margin-bottom: var(--global-spacing-11);
}

.slider-bottom-container.radio-bottom .body-m {
	text-indent: var(--global--body-indent-80);
}

@media screen and (max-width: 992px) {

	.component-slider .swiper-wrapper .swiper-slide.card-data {
		padding-top: 0;
	}

	.slider-bottom-container {
		padding: var(--global-spacing-05) 0;
	}

	.component-slider .slider-header-container .button-basic-m{
		padding: var(--global-spacing-03);
	}
	
	.component-slider .slider-bottom-button {
		justify-content: start !important;
	}

	.macba-container {
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-05);
		margin: 0 auto;
	}

	.component-slider .swiper-wrapper .swiper-slide {
		max-width: 290px;
	}
}

.highlight-slider .slide-image {
	height: auto;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1.25/1;
}

.highlight-slider .link-slide {
	font-size: var(--global--button-m-font-size);
	line-height: var(--global--button-m-line-height);
	font-family: var(--global--button-font-family);
	font-weight: var(--global--button-font-weight);
	letter-spacing: var(--global--button-letter-spacing);
	background-color: var(--global--color-black-98);
	padding: var(--global-spacing-05);
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-05);
}

.highlight-slider .link-slide-img img {
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.artwork-slider .slide-image {
	height: 100%;
	width: 100%;
}

.artist-slider .card-artwork.no-image,
.artwork-slider .card-artwork.no-image {
	min-width: 100%;
}

.radio-web-macba .show-all-button,
.artwork-slider .show-all-button {
	padding-left: var(--global-spacing-04);
	margin-left: var(--global-spacing-05);
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
} 

@media screen and (max-width: 768px) {

	.component-slider.artwork-slider .slider-title {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.component-slider.artwork-slider .swiper-slide {
		padding-bottom: 0;
	}

	.component-slider.artwork-slider .swiper-wrapper {
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.artist-slider .card-artwork.no-image .artwork-title {
		text-align: center;
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}

	.artist-slider .card-artwork.no-image .artwork-date,
	.artist-slider .card-artwork.no-image .artist-name {
		font-size: var(--global--caption-s-font-size);
		line-height: var(--global--caption-s-line-height);
	}
	
	.artist-slider .card-artwork.no-image .macba-tags-container {
		justify-content: center;
	}
}

/*Dark mode slider*/
.dark-mode .component-slider .separator {
	opacity: 0.12;
	border-left: var(--global-border-width-s) solid white;
}

.dark-mode .component-slider .slider-header-container {
	border-bottom: var(--global-border-width-s) solid rgba(255, 255, 255, 0.12);
}

.dark-mode .component-slider .card-data .activitat-date {
	color: var(--global--color-white);
}

.dark-mode .component-slider .card-data .activitat-title {
	color: var(--global--color-white);
}

.dark-mode .slider-bottom-container {
	border-top: var(--global-border-width-s) solid rgba(255, 255, 255, 0.12);
}

.dark-mode .slider-bottom-container.radio-bottom .macba-icon svg path {
	fill: var(--global--color-white);
}

.dark-mode .slider-bottom-container.radio-bottom .macba-button svg path {
	fill: var(--global--color-black);
}

.dark-mode .slider-bottom-container .text-body.body-m,
.dark-mode .slider-bottom-container.radio-bottom .body-m {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .component-slider.artwork-slider .header,
.dark-mode .component-slider.artwork-slider .swiper-wrapper {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .component-slider.highlight-slider .content-secondary, 
.dark-mode .component-slider.artwork-slider .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

/* Dark-mode magazine */
.dark-mode.macba-magazine-page .magazine-card.orange-60,
.dark-mode.macba-magazine-page .magazine-card.orange-60 .magazine-img {
	background-color: var(--global--color-orange-20);
}

.dark-mode.macba-magazine-page .magazine-card.red-90, 
.dark-mode.macba-magazine-page .magazine-card.red-90 .magazine-img {
	background-color: var(--global--color-red-10);
}

.dark-mode.macba-magazine-page .magazine-card.purple-80, 
.dark-mode.macba-magazine-page .magazine-card.purple-80 .magazine-img {
	background-color: var(--global--color-purple-20);
}

.dark-mode.macba-magazine-page .magazine-card.green-80, 
.dark-mode.macba-magazine-page .magazine-card.green-80 .magazine-img {
	background-color: var(--global--color-green-20);
}

.dark-mode.macba-magazine-page .magazine-card.blue-80, 
.dark-mode.macba-magazine-page .magazine-card.blue-80 .magazine-img {
	background-color: var(--global--color-blue-20);
}

.dark-mode.macba-magazine-page .magazine-card.brown-80, 
.dark-mode.macba-magazine-page .magazine-card.brown-80 .magazine-img {
	background-color: var(--global--color-brown-20);
}

.dark-mode.macba-magazine-page .magazine-card.orange-60 .blur-effect-magazine-img {
	background-color: var(--global--color-orange-20);
}

.dark-mode.macba-magazine-page .magazine-card.red-90 .blur-effect-magazine-img {
	background-color: var(--global--color-red-10);
}

.dark-mode.macba-magazine-page .magazine-card.purple-80 .blur-effect-magazine-img {
	background-color: var(--global--color-purple-20);
}

.dark-mode.macba-magazine-page .magazine-card.green-80 .blur-effect-magazine-img {
	background-color: var(--global--color-green-20);
}

.dark-mode.macba-magazine-page .magazine-card.blue-80 .blur-effect-magazine-img {
	background-color: var(--global--color-blue-20);
}

.dark-mode.macba-magazine-page .magazine-card.brown-80 .blur-effect-magazine-img {
	background-color: var(--global--color-brown-20);
}

.dark-mode.macba-magazine-page .magazine-card .svg-icon path {
	fill: var(--global--color-white);
}

.dark-mode .macba-magazine-page .magazine-card.orange-60,
.dark-mode .macba-magazine-page .magazine-card.orange-60 .magazine-img {
	background-color: var(--global--color-orange-20);
}

.dark-mode .macba-magazine-page .magazine-card.red-90, 
.dark-mode .macba-magazine-page .magazine-card.red-90 .magazine-img {
	background-color: var(--global--color-red-10);
}

.dark-mode .macba-magazine-page .magazine-card.purple-80, 
.dark-mode .macba-magazine-page .magazine-card.purple-80 .magazine-img {
	background-color: var(--global--color-purple-20);
}

.dark-mode .macba-magazine-page .magazine-card.green-80, 
.dark-mode .macba-magazine-page .magazine-card.green-80 .magazine-img {
	background-color: var(--global--color-green-20);
}

.dark-mode .macba-magazine-page .magazine-card.blue-80, 
.dark-mode .macba-magazine-page .magazine-card.blue-80 .magazine-img {
	background-color: var(--global--color-blue-20);
}

.dark-mode .macba-magazine-page .magazine-card.brown-80, 
.dark-mode .macba-magazine-page .magazine-card.brown-80 .magazine-img {
	background-color: var(--global--color-brown-20);
}

.dark-mode .macba-magazine-page .magazine-card.orange-60 .blur-effect-magazine-img {
	background-color: var(--global--color-orange-20);
}

.dark-mode .macba-magazine-page .magazine-card.red-90 .blur-effect-magazine-img {
	background-color: var(--global--color-red-10);
}

.dark-mode .macba-magazine-page .magazine-card.purple-80 .blur-effect-magazine-img {
	background-color: var(--global--color-purple-20);
}

.dark-mode .macba-magazine-page .magazine-card.green-80 .blur-effect-magazine-img {
	background-color: var(--global--color-green-20);
}

.dark-mode .macba-magazine-page .magazine-card.blue-80 .blur-effect-magazine-img {
	background-color: var(--global--color-blue-20);
}

.dark-mode .macba-magazine-page .magazine-card.brown-80 .blur-effect-magazine-img {
	background-color: var(--global--color-brown-20);
}

.dark-mode .macba-magazine-page .magazine-card .svg-icon path {
	fill: var(--global--color-white);
}

.dark-mode .macba-magazine-page .content-primary {
	color: var(--global--content-inverted-primary) !important;
}

.dark-mode .form-content .content-primary {
	color: var(--global--content-primary) !important;
}

.dark-mode .macba-magazine-page .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .macba-magazine-page .magazine-card .svg-file path,
.dark-mode .macba-magazine-page .magazine-card .svg-headphones path,
.dark-mode .macba-magazine-page .magazine-card .svg-play path {
	fill: var(--global--content-inverted-secondary) !important;
}

.dark-mode .macba-magazine-page .macba-page-header .filter-bar.fixed {
	background: var(--global--color-black);
}

/*Agenda*/

.agenda-template .macba-header-title {
    margin-bottom: 0;
	padding-top: var(--global-spacing-08);
}

.separator-full-screen.top {
    padding-bottom: var(--global-spacing-06);
}

.agenda-template .macba-header-title.fix {
	margin-top: var(--global-spacing-11);
} 

.agenda-template .macba-button.button-basic-m.button-secondary.see-more-button {
	margin-bottom: var(--global-spacing-07);
}

.card-buttons-container {
	gap: var(--global-spacing-05);
	padding: 0;
}

.agenda-template .macba-fitxa {
	margin-bottom: var(--global-spacing-11) !important;
}


.agenda-template .component-slider,
.agenda-template .macba-header-title {
	background: var(--global--color-brown-95);
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	padding: 0 var(--global-spacing-07);
}

.agenda-template .component-slider {
	margin-bottom:  var(--global-spacing-08);
}

.agenda-template .macba-header-title {
	padding-top: var(--global-spacing-08);
	padding-bottom:  var(--global-spacing-07);
}

/*Agenda Timeline calendar*/

.month-title {
	margin-right: var(--global-spacing-07);
}

.days-row {
	margin-right: var(--global-spacing-07); 
}

.letter-container,
.day-container {
	display: flex;
	padding: var(--global-spacing-05) var(--global-spacing-03);
	border: var(--global-border-width-m) solid transparent;
}

.letter-container.letter-container-active,
.day-container.day-container-active {
	border-bottom: var(--global-border-width-m) solid var(--global--color-black);
}

.macba-row-alphabet.fix .letter-container.letter-container-active,
.macba-timeline-slider.fix .day-container.day-container-active {
	border-top: var(--global-border-width-m) solid var(--global--color-black);
}

.letter-title,
.timeline-day {
	font-size: var(--global--caption-m-font-size);
	font-family: var(--global--caption-font-family);
	font-weight: var(--global--caption-font-weight);
	line-height: var(--global--caption-m-line-height);
	letter-spacing: var(--global--caption-letter-spacing);
	cursor: pointer;
	border: var(--global-border-width-m) solid transparent;
	background: transparent;
	color: var(--global--color-black);
}

.alphabet-letter:hover,
.timeline-day:hover {
	color: var(--global--color-black-50);
}

.alphabet-letter:disabled,
.timeline-day:disabled {
	color: var(--global--color-black-70);
	cursor: default;
}

.enabled-day,
.letter-container .alphabet-letter.alphabet-letter-enabled,
.timeline-day.timeline-day-enabled {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--global--color-black-98);
	border-radius: var(--global-border-radius-full);
	color: var(--global--color-black);
} 

.letter-container .alphabet-letter.alphabet-letter-enabled:hover,
.timeline-day.timeline-day-enabled:hover {
	background: var(--global--color-black-95);
}

.letter-container .alphabet-letter.alphabet-letter-enabled:disabled,
.timeline-day.timeline-day-enabled:disabled {
	background: var(--global--color-black-95);
	color: var(--global--color-black-70);
	cursor: default;
}

.macba-row-alphabet.fix,
.macba-timeline-slider {
	overflow: hidden;
	white-space: nowrap;
	/* Es veia un petit marge a la part esquerra, que provenia del main-content, això és per compensar */
	margin-left: calc(var(--global-spacing-07) * -0.7); 
	padding-left: var(--global-spacing-07);	
}

.macba-row-alphabet {
	overflow: hidden;
	white-space: nowrap;
}

.macba-row-alphabet.fix,
.macba-timeline-slider.fix {
	background: var(--global--color-white);
	top: var(--global-header-height);
	position: fixed;	
	border-bottom: var(--global-border-width-s) solid  var(--global--color-black-95);
	z-index: 999;
}

@media screen and (max-width: 991px) {
	
	.macba-row-alphabet.fix,
	.macba-timeline-slider.fix {
		bottom: var(--global-spacing-11);
		top: auto;
		border-top: var(--global-border-width-m) solid  var(--global--color-black-95);
		padding-left: var(--global-spacing-05);
	}

	.macba-row-alphabet .letter-container.letter-container-active,
	.macba-timeline-slider .day-container.day-container-active {
		border-bottom: var(--global-border-width-m) solid var(--global--color-black);
	}

	.macba-row-alphabet.fix .letter-container.letter-container-active,
	.macba-timeline-slider.fix .day-container.day-container-active {
		border-bottom: var(--global-border-width-m) solid transparent;
		border-top: var(--global-border-width-m) solid var(--global--color-black);
	}

	.agrupadora-items {
		padding-top: 0 !important;
	}

	.agenda-template .macba-fitxa {
		margin-bottom: var(--global-spacing-10) !important;
	}

	.agenda-template .component-slider {
		margin-bottom: var(--global-spacing-09);
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-05);
	}

	.agenda-template .macba-header-title {
		padding-top: var(--global-spacing-09);
		padding-bottom: var(--global-spacing-07);
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-05);
	}

	.agenda-template .component-slider .macba-fitxa {
		margin-bottom: var(--global-spacing-07) !important;
	}

	.agenda-template .component-slider .swiper-slide {
		padding-bottom: var(--global-spacing-09);
	}
}

/*Agenda dark mode*/

.dark-mode .letter-container.letter-container-active,
.dark-mode .day-container.day-container-active {
	border-bottom: var(--global-border-width-m) solid var(--global--color-white);
}

.dark-mode .alphabet-letter,
.dark-mode .timeline-day {
	color: var(--global--color-white);
}

.dark-mode .letter-container .alphabet-letter:hover,
.dark-mode .timeline-day:hover {
	color: var(--global--color-white-50);
}

.dark-mode .alphabet-letter:disabled,
.dark-mode .ui-datepicker-calendar tbody tr .calendar-day-disabled a,
.dark-mode .timeline-day:disabled {
	color: var(--global--color-white-70);
	cursor: default;
}

.dark-mode .enabled-day,
.dark-mode .letter-container .alphabet-letter.alphabet-letter-enabled,
.dark-mode .timeline-day.timeline-day-enabled {
	border-radius: var(--global-border-radius-full);
	background: var(--global--color-white-95);
} 

.dark-mode .letter-container .alphabet-letter.alphabet-letter-enabled:hover,
.dark-mode .timeline-day.timeline-day-enabled:hover {
	background: var(--global--color-white-93);
	color: var(--global--color-white);
}

.dark-mode .enabled-day:disabled,
.dark-mode .timeline-day.timeline-day-enabled:disabled {
	background: var(--global--color-white-93);
	color: var(--global--color-white-70);
	cursor: default;
}

.dark-mode .macba-row-alphabet.fix,
.dark-mode .macba-timeline-slider.fix {
	background: var(--global--color-black);
}

.dark-mode .macba-row-alphabet.fix .letter-container.letter-container-active,
.dark-mode .macba-timeline-slider.fix .day-container.day-container-active {
	border-bottom: var(--global-border-width-m) solid transparent;
	border-top: var(--global-border-width-m) solid var(--global--color-white);
}

.dark-mode .agenda-template .component-slider,
.dark-mode .agenda-template .macba-header-title {
	background: var(--global--color-white-95);
}

.dark-mode .macba-subtitle {
	color: var(--global--color-white) !important;
}
 
/*Footer*/

.hide-footer .footer-component {
	display: none;
}

/*ficar la class background a l'agenda*/
.footer-component.background {
	background: var(--global--color-brown-95);
	position: absolute;
	width: 100vw;
	left: calc(-50vw + 50%);
}

.footer-component .separator-full-screen {
	margin-bottom: var(--global-spacing-08);
}

.footer-component .macba-menu-container {
	border-bottom:  var(--global-border-width-s) solid var(--global--color-black-95);
	padding-bottom: var(--global-spacing-08);
	margin-bottom: var(--global-spacing-07);
}

.footer-component .macba-address.caption-m {
	text-transform: uppercase;
}

.footer-component .macba-menu-container .macba-consorci,
.footer-component .macba-menu {
	margin-bottom: var(--global-spacing-06);
}

.footer-component .macba-menu-list li {
	margin-bottom: var(--global-spacing-03);
}

.footer-component.text-body .body-m,
.footer-component.text-body .body-s,
.footer-component.text-body .body-xs {
	color: var(--global--color-black-50);
}

.footer-component.text-body .body-s span {
	color: var(--global--color-black);
}

.footer-component .macba-newsletter {
	margin-bottom: var(--global-spacing-05);
}

.footer-component .macba-newsletter::first-letter {
	text-transform: capitalize;
}

.first-letter-capitalize::first-letter {
	text-transform: capitalize !important;
}

.footer-list div:not(:first-child)::before {
	content: '·';
	padding: 0 8px;
} 

.footer-list-content {
	margin-bottom: var(--global-spacing-07);
}

.collapsed-blocks .paragraph-text p {
	width: 100%;
}

@media screen and (max-width: 991px) {
	.footer-component {
		margin-bottom: var(--global-spacing-11);
	}

	.footer-component .macba-menu-container {
		margin-bottom: var(--global-spacing-08);
	}

	.footer-component .macba-menu-container .macba-address-content {
		align-items: center;
		text-align: center;
		margin-bottom: var(--global-spacing-09);
	}

	.footer-component .macba-menu-container .macba-address-content .macba-logo,
	.footer-component .macba-menu-container .macba-consorci,
	.footer-component .macba-menu .macba-menu-list,
	.footer-component .macba-menu-content.macba-consorci-content .macba-menu-list .svg-consorci-icon{
		margin-bottom: var(--global-spacing-07);
	}

	.macba-menu-content {
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
		margin-bottom: var(--global-spacing-05);
	}

	.macba-menu-content.macba-consorci-content {
		margin-bottom: var(--global-spacing-03);

	}

	.macba-menu-content.macba-consorci-content .macba-menu-list {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.macba-newsletter-content {
		text-align: center;
	}

	.footer-list-content {
		flex-direction: column;
		text-align: center;
		align-items: center;
		padding-bottom: var(--global-spacing-08);
	}

	.footer-list-content .footer-list {
		flex-direction: column;
		text-align: center;
		align-items: center;
		gap: var(--global-spacing-04)!important;
		margin-bottom: var(--global-spacing-07);
	}

	.footer-list div:not(:first-child)::before {
		content: '';
	} 

	.dark-mode .footer-component .separator-full-screen {
		border-bottom: var(--global-border-width-s) solid rgba(255, 255, 255, 0.12)!important;
	}
}

/*Footer dark mode*/

.dark-mode .footer-component .separator-full-screen {
	border: 0;
}

.dark-mode .footer-component .macba-logo .macba-logo-type {
	fill: var(--global--color-black)
}

.dark-mode .footer-component .macba-logo .macba-logo-bg {
	fill: var(--global--color-white)
}

.dark-mode .separator-full-screen,
.dark-mode .footer-component .macba-menu-container {
	border-bottom: var(--global-border-width-s) solid rgba(255, 255, 255, 0.12);
}

.dark-mode .search-form.mobile .separator-full-screen{
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .footer-component .text-caption.caption-m,
.dark-mode .footer-component .text-highlight.highlight-m {
	color: var(--global--color-white);
}

.dark-mode .footer-component.text-body .body-m,
.dark-mode .footer-component.text-body .body-s,
.dark-mode .footer-component.text-body .body-xs {
	color: var(--global--color-white-50);
}

.dark-mode .footer-component.text-body .body-s span {
	color: var(--global--color-white);
}

.dark-mode .svg-share-icon path,
.dark-mode .svg-save-icon path,
.dark-mode .svg-player-icon path,
.dark-mode .svg-slider-icon path,
.dark-mode .svg-language-icon path,
.dark-mode .svg-consorci-icon path {
	fill: var(--global--color-white);
}

.dark-mode .svg-consorci-icon path.svg-ajuntament-icon {
	fill: var(--global--color-black);
}

.dark-mode .svg-player-icon rect,
.dark-mode .svg-save-icon rect,
.dark-mode .svg-slider-icon rect {
	stroke: var(--global--color-white);
}

@media screen and (max-width: 991px) {
	.dark-mode .day-container.day-container-active {
		border-bottom: none;
		border-top: var(--global-border-width-s) solid var(--global--color-white);
	}
}

/*Exposicions Activitats*/

.macba-page-header {
	margin-top: var(--global-spacing-08);
}

.macba-page-header .macba-header-title {
	margin-bottom: var(--global-spacing-06);
}

.agenda-template .macba-header-subtitle,
.macba-page-header .macba-header-subtitle {
	color: var(--global--color-black-50);
	text-transform: uppercase;
}

.macba-page-header .separator-full-screen {
	padding-bottom: var(--global-spacing-04);
}


@media screen and (max-width: 991px) {

	.agenda-template .macba-header-title,
	.macba-page-header .macba-header-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.agenda-template .macba-header-subtitle,
	.macba-page-header .macba-header-subtitle {
		font-size: var(--global--caption-s-font-size);
		line-height: var(--global--caption-s-line-height);
	}
}

.agrupadora-template .macba-button.button-basic-m.button-secondary.see-more-button  {
	margin-bottom: var(--global-spacing-14);
}

.border-bottom-gray {
	border-bottom: var(--global-border-width-s) solid  var(--global--color-black-95);
}

.dark-mode .border-bottom-gray {
	border-bottom: var(--global-border-width-s) solid  var(--global--color-white-95);
}

.agrupadora-items {
	padding-top: var(--global-spacing-06);
}

.macba-filters-header {
	gap: var(--global-spacing-03)
}

.dropdown-toggle::after {
    display: none !important;
}
  
.dropdown-menu {
	padding: var(--global-spacing-05) 0;
	border-radius: var(--global-border-radius-m);
	border: var(--global-border-width-s) solid var(--global--color-black-95); 
	background: var(--global--color-white);
	width: 290px;
	z-index: 99;
}

.agrupadora-template .dropdown-menu {
    max-height: 65vh;
    overflow: auto;
}

.agrupadora-template .dropdown-menu::-webkit-scrollbar {
   	display: none;
}

.dropdown-menu.dropdown-submenu {
	margin-top: 0 !important;
}

.dropdown-item button {
	border: none;
	background: transparent;
	padding: 0;
}

.dropdown-submenu .dropdown-item {
	display: flex;
	gap: var(--global-spacing-03);
}

.dropdown-submenu .dropdown-menu .dropdown-item {
	padding-left: var(--global-spacing-10);
}

.dropdown-buttons-container {
	padding: var(--global-spacing-08) var(--global-spacing-05) 0;
}

.dropdown button {
	position: relative;
}

/*TODO afegint la class show a dropdown s'activa l'overlay*/
.macba-overlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--global--color-white-60);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
    z-index: 9;
    display: none;
}

.macba-overlay.datapicker-overlay-desktop {
    top: 0;
	margin: -24px 0;
	position: fixed;
}

.macba-overlay.agrupadora-overlay {
	position: absolute;
	width: 100vw;
	left: calc(-50vw + 50%);
	height: 100%;
}

.dropdown.show + .macba-overlay {
	display: block;
}

.filters-header {
	padding-bottom: var(--global-spacing-05);
	margin-bottom: var(--global-spacing-07) !important;
	border-bottom: var(--global-border-width-s) solid  var(--global--color-black-95);
}

.fixed-filters.fix {
	background: var(--global--color-white);
	padding: var(--global-spacing-06) var(--global-spacing-07);
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
	left: 0;
	position: fixed;
	border-bottom: var(--global-border-width-s) solid  var(--global--color-black-95);
	padding-top: var(--global-spacing-04);
	padding-bottom: var(--global-spacing-04);
	top: var(--global-header-height);
	width: 100vw;
}

.fixed-filters .filters-title-fix {
	display: none;
	margin-right: var(--global-spacing-03);
}

.fixed-filters.fix .filters-title-fix {
	display: block;
}

.macba-page-header.fix .separator-full-screen {
	display: none;
}

/* Main Menu */

.menu-button-menu {
	background-color: transparent;
	border: none;
	padding: none;
	color: var(--global--color-white);
}

.menu-button-menu:hover {
	color: var(--global--content-inverted-secondary);
}

.menu-button-menu:hover svg path {
	fill: var(--global--content-inverted-secondary);
}

.menu-button-menu .macba-button.button-secondary.button-basic-m.button-minimal svg:hover path {
	fill: var(--global--content-inverted-secondary);
}

.menu-expanded-container {
	display: none;
    position: fixed;
    width: 100%;
    height: 100%;
	max-height: 100%;
    top: 0;
    z-index: 9999;
    overflow: hidden;
}

.menu-expanded {
	background-color: var(--global--color-black-40);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	flex-direction: column;
	height: 100%;
	width: 100%;
	display: flex;
}

.menu-expanded .close-menu {
	background-color: transparent;
	border: none;
	align-items: center;
	display: flex;
	gap: var(--global-spacing-01);
}

.menu-list-container {
	flex: 1 1 0%;
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

.menu-expanded .menu-list-container .col-span-7 {
	grid-column: span 7 / span 7;
}

.menu-expanded .menu-list-container .col-span-2 {
	grid-column: span 2 / span 2;
}

.menu-expanded .main-menu-content {
	flex: 1 1 0%;
	display: flex;
	gap: var(--global-spacing-07);
	color: var(--global--color-white);
}

.menu-expanded .accordion-icon::before {
	background-image: url('/wp-content/themes/macba/img/ic-show-less.svg');
}

.menu-expanded .accordion-button.collapsed {
	border-bottom: 1px solid var(--global--color-white-93);
}

.menu-expanded .accordion-button {
	border-bottom: 1px solid var(--global--color-white);
	cursor: pointer;
}

.menu-expanded .accodrion-subitems {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.menu-expanded .accordion-subitems .accordion-subitem {
	color: white!important;
	cursor: pointer;
}

.menu-expanded .accordion-subitems .accordion-subitem:hover {
	font-weight: 600;
	border-bottom: 1px solid var(--global--color-white);
}

.menu-expanded .menu-sidebar {
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-03);
}

.menu-expanded .menu-sidebar .menu-sidebar-item {
	cursor: pointer;
	padding-bottom: 8px;
	color: var(--global--color-white)!important;
}

.menu-expanded .menu-sidebar .menu-sidebar-item:not(:last-child) {
	border-bottom: 1px solid var(--global--color-white-93);
}

.menu-expanded .sidebar-text {
	color: var(--global--color-white)!important;
}

@media screen and (max-width: 768px) {

	.menu-expanded {
		overflow-y: auto;
	}

	.menu-expanded .menu-list-container .col-span-7 {
		grid-column: span 10 / span 10;
	}
	
	.menu-expanded .menu-list-container .col-span-2 {
		grid-column: span 10 / span 10;
	}

	.menu-expanded .main-menu-content {
		flex-direction: column;
		gap: 0;
	}

	.menu-expanded .sidebar-text {
		text-align: center;
	}

	.button-close-menu-mobile-container {
		position: fixed;
		bottom: var(--global-spacing-05);
		justify-content: center;
		width: 100%;
		left: 0;
	}

	.button-close-menu-mobile {
		align-items: center;
		border-radius: var(--global-border-radius-full);
		background-color: var(--global--color-white);
		padding: var(--global-spacing-03);
	}
	
}

/*Cercador header*/

.search-expanded {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
    overflow: hidden;
	display: none;
}

.search-form {
	width: 100%;
    height: 100%;
    background-color: var(--global--color-black-60);
    justify-content: flex-end;
}

.form-content {
	padding: var(--global-spacing-11) 0 0;
	background: var(--global--color-black);
	overflow: auto;
}

.search-form .form-content .header-modal {
	padding: var(--global-spacing-05);
}

.search-form .form-content .input-container {
	border-top: var(--global-border-width-s) solid var(--global--color-white-93);
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);
}

.search-form .form-content .input-container .input-content {
	padding: 0 var(--global-spacing-07);
}

.search-form .form-content .search-input.form-control {
	background: var(--global--color-black);
	padding: var(--global-spacing-05);
	box-shadow: none;
	color: var(--global--color-white);
	max-width: 100%;
}

.search-form .form-content .search-input.form-control::placeholder {
	color: var(--global--color-white-70);
	font-family: var(--global--title-font-family);
	font-size: var(--global--title-l-font-size);
	font-weight: var(--global--title-font-weight);
	line-height: var(--global--title-l-line-height);
	letter-spacing: var(--global--title-letter-spacing);
}

.search-form .form-content .list-item {
	color: var(--global--color-white);
	padding: var(--global-spacing-07);
	display: flex;
	gap: var(--global-spacing-03);
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);
}

.search-form .form-content .search-results-container,
.search-form .form-content .suggestions {
	padding: var(--global-spacing-07);
}

.search-form .form-content .search-results-container .search-results {
	color: var(--global--color-white);
	text-transform: uppercase;
}

.search-form .form-content .inline-message.no-results .title,
.search-form .form-content .search-results-container .inline-message .title{
	color: var(--global--color-white-50);
}

.search-form .form-content .inline-message .inline-message-content {
	padding-left: 0;
	padding-right: 0;
}

.search-form .form-content .search-results-container .search-item {
	padding: var(--global-spacing-07) 0;
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);
	color: var(--global--color-white-50);
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-03);
}

.search-form .form-content .search-results-container .search-item:hover {
	color: var(--global--color-white);
}

.search-form .form-content .search-results-container .search-item:hover .card-description {
	color: var(--global--color-white) !important;
}

.search-form .form-content .search-results-container .search-item .card-description {
	color: var(--global--color-white-50)!important;
}

.search-form .form-content .search-results-container .search-item .card-description span {
	color: var(--global--color-white);
}

.search-form .form-content .search-results-container .inline-message-border {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);
}

.search-form .form-content .search-results-container .inline-message {
	margin-top: var(--global-spacing-07)!important;
}

.search-expanded .search-input-container .svg-button-icon {
	cursor: pointer;
	left: 10px;
}

.search-expanded .search-input-container .svg-button-icon.intro {
	right: 10px;
	left: auto;
}

.search-expanded .search-input-container .svg-button-icon.intro path,
.search-expanded .search-input-container .svg-button-icon.intro text {
	text-transform: uppercase;
	fill: var(--global--color-white-70);
}

.inline-message {
	background: var(--global--color-white-95);
	padding: var(--global-spacing-05);
	margin-bottom: var(--global-spacing-07)!important;
}

.inline-message.no-results {
	background: var(--global--color-black);
}

.inline-message .title {
	color: var(--global--color-white);
	margin-bottom: var(--global-spacing-03);
}

.inline-message .description {
	color: var(--global--color-white-50) !important;
	margin-bottom: var(--global-spacing-05);
}

.suggestions .inline-message .description {
	margin-bottom: 0;
}

.inline-message .macba-button.button-basic-m.button-secondary {
	color: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-white);
}

.search-form .form-content .search-list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.search-form .form-content .search-list li {
	display: flex;
	gap: var(--global-spacing-04);
	color: var(--global--color-white-50);
}

.search-form .form-content .pagination-container {
	padding: var(--global-spacing-07) 0;
	gap: var(--global-spacing-04);
}

.search-form .form-content .pagination-container .numbers-container {
	gap: var(--global-spacing-02);
}

.search-form .form-content .pagination-container .pagination-number {
	padding: var(--global-spacing-04) var(--global-spacing-03);
	width: var(--global-spacing-08);
	height: var(--global-spacing-08);
	color: var(--global--color-white);
}

.search-form .form-content .pagination-container .pagination-focus {
	background: var(--global--color-white-90);
	border-radius: var(--global-border-radius-l);
}

.taxonomy-pagination-focus{
	background: var(--global--color-black-90)!important;
	border-radius: var(--global-border-radius-l)!important;
}
.dark-mode .taxonomy-pagination-focus{
	background: var(--global--color-white)!important;
	border-radius: var(--global-border-radius-l)!important;
	color: var(--global--color-black) !important;
}

@media screen and (max-width: 768px) {
	.search-form {
		padding: 0 0 var(--global-spacing-11);
	}

	.form-content {
		padding: 0 0 var(--global-spacing-08);
	}

	.search-form .form-content .search-input.form-control {
		min-width: 1%;
	}

	.search-form .form-content .input-container {
		border-top: none;	
	}

	.macba-cerca-facetada .container .search-input,
	.search-form .form-content .search-results-container .card-title,
	.search-form .form-content .search-input.form-control,
	.search-form .form-content .inline-message.no-results .title,
	.search-form .form-content .inline-message .title.text-title.title-l,
	.search-form .form-content .search-input.form-control::placeholder {
		font-size: var(--global--title-s-font-size);
		line-height: var(--global--title-s-line-height);
	}

	.search-form .form-content .inline-message.no-results .title,
	.search-form .form-content .inline-message .title.text-title.title-l {
		margin-bottom: var(--global-spacing-05);
	}

	.search-form .form-content .inline-message.no-results button {
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
	}

	.suggestions .inline-message .description {
		margin-bottom: var(--global-spacing-05);
	}

	.search-form .form-content .search-list {
		display: flex;
		flex-direction: column;
		gap: var(--global-spacing-03);
	}

	.search-form .form-content .search-results-container, 
	.search-form .form-content .suggestions {
		padding: var(--global-spacing-05);
	}

	.search-form .form-content .search-results-container .search-results span {
		display: none;
	}

	.search-form .form-content .search-results-container .search-item .card-description {
		font-size: var(--global--body-s-font-size);
		line-height: var(--global--body-s-line-height);
	}
}

/*Header searcher dark mode*/

.dark-mode .search-item.card-data .macba-type {
	color: var(--global--color-white-50);
}

.dark-mode .search-results-container .pagination-container .numbers-container .macba-button.button-basic-m {
	border: var(--global-border-width-s) solid var(--global--color-black);
}

@media screen and (max-width: 768px) {
	.agrupadora-template .macba-button.button-basic-m.button-secondary.see-more-button  {
		margin-bottom: var(--global-spacing-07);
	}

	.agrupadora-template .dropdown-menu ul {
		padding-left: 0;
	}

	.macba-page-header .macba-header-title {
		margin-bottom: var(--global-spacing-04);
	}

	.macba-page-header {
		margin-top: var(--global-spacing-09);
	}
/*TODO Header fixed quan faci scroll fer servir la class fix */
	.macba-page-header.fix .macba-header-title {
		display: none;
	}

	.dropdown-menu {
		width: 100vw;
		left: 0;
		border-radius: var(--global-border-radius-l) var(--global-border-radius-l) 0 0;
	}

	.dropdown.mobile-100-100  {
		position: inherit;
	}

	.dropdown.mobile-100-100  .dropdown-menu {
		bottom: 0!important;
		left: 0!important;
		transform: none!important;
	}

	.dropdown.mobile-100-100 .dropdown-menu {
		width: 100vw;
		height: 100%;
		position: relative;
		left: calc(-50vw + 50%);
		max-height: inherit!important;

		background: transparent;
		border: none;
		padding-bottom: 56px;
		overflow: hidden;
	}

	.dropdown.mobile-100-100 .dropdown-menu .macba-dropdown-mobile {
		background: white;
		padding: var(--global-spacing-05) 0;
		border-radius: var(--global-border-radius-m);
		border: var(--global-border-width-s) solid var(--global--color-black-95); 
		background: var(--global--color-white);
		height: 90%;
		position: absolute;
		bottom: 56px;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.dropdown.mobile-100-100 .dropdown-menu .macba-dropdown-mobile .flex-1{
		overflow-y: auto;
	}

	.dropdown-menu .text-title {
		padding: 0 var(--global-spacing-05) var(--global-spacing-05);;
	}

	.dropdown-buttons-container {
		padding-top: var(--global-spacing-05);
		margin-top: var(--global-spacing-08);
		border-top: var(--global-border-width-s) solid  var(--global--color-black-95);
	}

	.macba-overlay {
		top: 0;
		position: fixed;
	}

	.dark-mode .macba-dropdown-mobile .macba-button.button-basic-m.button-bold {
		color: var(--global--color-white);
		background-color: var(--global--color-black);
	}

	.dark-mode .macba-dropdown-mobile .macba-button.button-basic-m.button-secondary {
		color: var(--global--color-black);
		border-color: var(--global--color-black-93);
	}

	.dark-mode .macba-dropdown-mobile .svg-close-icon path {
		fill: var(--global--color-black);
	}
}

/*Recorreguts-Col.leccionables*/

.macba-page-template .macba-fitxa {
	margin-bottom: var(--global-spacing-11);
}

.macba-page-template .agrupadora-items  {
	padding-top: 0;
}
.macba-page-template .agrupadora-items .card-data {
	padding-top: var(--global-spacing-05);
}

.macba-page-template .agrupadora-items .card-data-pt-0 .card-data {
	padding-top: 0;
}

@media screen and (max-width: 768px) {
	.macba-page-template .macba-fitxa-md .macba-title-subtitle-container {
		padding: 0;
	}

	.macba-page-template .macba-fitxa {
		margin-bottom: var(--global-spacing-10);
	}

	.macba-page-template .agrupadora-items .card-data {
		padding-top: var(--global-spacing-05);
	}

	.macba-page-template.publicacions .container-with-separator {
		margin-right: 0;
		border-right: 1px solid transparent;
	}

	.macba-page-template.publicacions .search-form.mobile {
		background-color: var(--global--color-white);
	}

	.macba-page-template.publicacions .search-form.mobile .search {
		top: 7px;
    	left: var(--global-spacing-03);
	}

	.macba-page-template.publicacions .search-form.mobile .search-input.mobile {
		left: var(--global-spacing-08);
		top: 0px;
		outline: none;
		background-color: transparent;
	}

	.macba-page-template.publicacions .search-form.mobile .search-input.mobile::placeholder {
		color: var(--global--color-black-70);
	}

	.macba-page-template.publicacions .filters-container {
		width: 100%;
		justify-content: space-between;
	}
}

/*Recorreguts Detall */
/*Exposicions Detall */
/*Activitats Detall */

.card-building .component-full-content .svg-button-icon path,
.component-activitats-detail .component-full-content .svg-button-icon path,
.component-exposicions-detail .component-full-content .svg-button-icon path,
.component-recorreguts-detail .component-full-content .svg-button-icon path {
	fill: var(--global--color-white);
}

.component-full-content .macba-button.button-basic-m.button-secondary.icon-button,
.component-full-content .macba-button.button-basic-m.button-secondary.share-button {
	border: var(--global-border-width-s) solid var(--global--color-white-90);
}

.component-full-content .macba-button.button-basic-m.button-secondary.icon-button:hover,
.component-full-content .macba-button.button-basic-m.button-secondary.share-button:hover {
	background: var(--global--color-white-93);
}

.component-full-content .macba-button.button-basic-m.button-secondary.icon-button:focus,
.component-full-content .macba-button.button-basic-m.button-secondary.share-button:focus {
	background: var(--global--color-white-90);
}

.component-full-content .macba-button.button-basic-m.button-secondary.icon-button:focus .svg-button-icon path,
.component-full-content .macba-button.button-basic-m.button-secondary.icon-button:hover .svg-button-icon path,
.component-full-content .macba-button.button-basic-m.button-secondary.share-button:focus .svg-button-icon path,
.component-full-content .macba-button.button-basic-m.button-secondary.share-button:hover .svg-button-icon path {
	fill: var(--global--color-white);
}

.component-full-content .macba-button.button-basic-m.button-secondary.icon-button:disabled,
.component-full-content .macba-button.button-basic-m.button-secondary.share-button:disabled {
	color: var(--global--color-white-80);
	border: var(--global-border-width-s) solid var(--global--color-white-90);
	opacity: 0.3;
	background-color: transparent;
}

.component-full-content .macba-button.button-basic-m.button-secondary.icon-button:disabled .svg-button-icon path,
.component-full-content .macba-button.button-basic-m.button-secondary.share-button:disabled .svg-button-icon path {
	fill: var(--global--color-white-80);
}

.component-full-content .macba-button.button-basic-m.button-bold {
	background: var(--global--color-white);
	color: var(--global--color-black);
}

.component-recorreguts-detail .card-title {
	margin-bottom: var(--global-spacing-05);
}

.component-recorreguts-detail .card-description {
	color: var(--global--color-white) !important;
}

.card-building .full-card-data,
.card-rental-spaces .full-card-data,
.component-exposicions-detail .card-description {
	color: var(--global--color-white) !important;
}

.card-building .full-card-data,
.card-rental-spaces .full-card-data,
.component-exposicions-detail .video-description {
	color: var(--global--content-secondary) !important;
}

.card-mkt .full-card-data,
.component-activitats-detail .full-card-data,
.component-exposicions-detail .full-card-data,
.component-recorreguts-detail .full-card-data {
	top: var(--global-spacing-07);
	align-items: start;
	height: auto;
}

.component-activitats-detail .component-full-content,
.component-exposicions-detail .component-full-content,
.component-recorreguts-detail .component-full-content {
	margin-bottom: var(--global-spacing-04);
}

.exhibition-card-artist-content {
	gap: var(--global-spacing-07);
}

.exhibition-artist-number-content {
	gap: var(--global-spacing-03);
}

.section-credits .section-credits-content .credits,
.section-credits .section-credits-content .line,
.section-artworks .artist-name {
	color: var(--global--content-secondary);
}

.border-dotted-fill {
	border-bottom: 4px dotted #0B0E0D66;
	/* background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e"); */
	width: 100%;
	height: 1px;
}

.card-artist-bio-container {
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
	padding-left: var(--global-spacing-07);
	gap: var(--global-spacing-07);
}

.card-artist-bio {
	text-indent: var(--global--body-indent-104);
	color: var(--global--content-secondary) !important;
}

.exhibition-card-artist img,
.quotes-section img,
.art-exhibitions-artists-section img {
	aspect-ratio: 4/5;
	object-fit: cover;
}

/* .component-activitats-detail .tag-group,
.component-exposicions-detail .tag-group {
	margin-left: var(--global-spacing-07);
} */

.section-header {
	gap: var(--global-spacing-04);
	padding-bottom: var(--global-spacing-04);
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.section-header .section-header-subtitle {
	color: var(--global--content-secondary);
	padding: var(--global-spacing-03) 0;
}

.masonry-button .macba-button.button-basic-m.button-secondary.see-more-button {
	margin-bottom: 0;
}

.section-artworks .section-header .pagination,
.section-itinerances .section-header .pagination {
	gap: var(--global-spacing-04);
}

.itinerances-content {
	padding: 0;
	overflow: hidden;
}

.card-itinerance-date {
	color: var(--global--content-secondary);
	background: var(--global--color-black-98);
	border-radius: var(--global-border-radius-l);
	padding: var(--global-spacing-02) var(--global-spacing-03);
	width: fit-content;
}

.section-artworks .section-artworks-data-container,
.card-itinerance-data-container {
	gap: var(--global-spacing-03);
}

.card-itinerance-content {
	padding: var(--global-spacing-05) 0;
	gap:  var(--global-spacing-07);
}

.itinerances-content.component-slider {
	width: 100vw!important;
    position: relative;
    left: calc(-50vw + 50%);
	padding-left: var(--global-spacing-08);
	padding-right: var(--global-spacing-07);
}

.section-artworks .section-header .pagination {
	padding-right: var(--global-spacing-05);
	border-right: var(--global-border-width-s) solid var(--global--color-black-95);
}

.section-artworks .buttons-container {
	gap: var(--global-spacing-04);
}

.section-artworks .card-artwork-content {
	gap: var(--global-spacing-05);
}

.card-artist-artwork {
	color: var(--global--content-secondary);
}

.section-credits .section-credits-container {
	gap: var(--global-spacing-03);
}

.section-credits-title {
	margin-bottom: var(--global-spacing-08);
}

.logos-container {
	padding-top: var(--global-spacing-07);
	padding-bottom: var(--global-spacing-11);
	gap: var(--global-spacing-07);
}

.full-card-data .card-data .macba-type.bottom {
	margin-top: var(--global-spacing-05);
	color: var(--global--content-inverted-secondary);
}

.card-mkt .component-full-content .right-content {
	text-indent: var(--global--body-indent-104);
	color: var(--global--content-inverted-secondary)!important;
}

.intinerancies-slide {
	width: 499px;
}

@media screen and (max-width: 992px) {
	.intinerancies-slide {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.component-recorreguts-detail .card-description {
		font-size: var(--global--body-l-font-size);
		line-height: var(--global--body-l-line-height);
	} 

	.component-exposicions-detail .full-card-data,
	.component-recorreguts-detail .full-card-data {
		top: 0;
	}

	.component-recorreguts-detail .card-data {
		padding-top: 0;
	}

	.component-recorreguts-detail .component-full-content .half-height {
		height: 50vh;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}

	.component-activitats-detail .component-full-content .half-height,
	.component-exposicions-detail .component-full-content .half-height {
		height: 50vh;
		display: flex;
		flex-direction: column;
	}
	
	.card-artist-bio-container {
		border-left: none;
		padding-left: 0;
		padding-top: var(--global-spacing-07);
		border-top: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.component-activitats-detail .tag-group,
	.component-exposicions-detail .tag-group {
		margin-left: 0;
	}

	.section-basic-program .program-title-container {
		gap: var(--global-spacing-05);
	}
	
	.section-basic-program .program-list-item {
		border-left: none;
	}

	.section-basic-program .program-list-item .text-body {
		color: var(--global--content-secondary)!important;
	}

	.section-basic-program .program-time {
		padding-bottom: var(--global-spacing-04);
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.section-basic-program .program-item {
		gap: var(--global-spacing-04);
		padding: var(--global-spacing-05) 0;
	}
	
	.section-header {
		gap: var(--global-spacing-03);
	}

	.section-header .section-header-title {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.masonry-button {
		padding: var(--global-spacing-05) 0;
	}

	.itinerances-content.component-slider {
		padding-left: var(--global-spacing-05);
	}

	.section-artworks.component-slider {
		width: 100vw;
		position: relative;
		left: calc(-50vw + 50%);
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-07);
	}

	.section-artworks.component-slider .swiper-wrapper {
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.dark-mode .section-basic-program .program-time,
	.dark-mode .section-artworks.component-slider .swiper-wrapper {
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	}

	.dark-mode .section-basic-program .section-description {
		color: var(--global--content-inverted-primary)!important;
	}

	.dark-mode .section-basic-program .program-item .text-body {
		color: var(--global--content-inverted-secondary)!important;
	}

	.dark-mode .section-basic-program .program-list-item {
		border-left: none;
	}

	.dark-mode .card-artist-bio-container {
		border-top: var(--global-border-width-s) solid var(--global--color-white-95);
		border-left: none !important;
	}

	.section-artworks .artworks-section-button {
		margin: var(--global-spacing-07) 0;
	}

	.section-credits {
		display: flex;
		flex-direction: column;
		gap: var(--global-spacing-07);
	}

	.section-credits-title {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
		margin-bottom: 0;
	}

	.section-credits-content {
		gap: var(--global-spacing-03);
	}

	.section-credits .macba-link.macba-link-l {
		font-size: var(--global--link-m-font-size);
		line-height: var(--global--link-m-line-height);
	}

	.logos-container {
		width: 100vw;
		position: relative;
		left: calc(-50vw + 50%);
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-07);
		overflow: auto;
	}
}
 
/*Recorreguts Detall Dark Mode*/

.dark-mode .component-recorreguts-detail-content .macba-type.macba-type-content {
	color: var(--global--color-white-50);
}

/*Exposicions Detall Dark-mode*/

.dark-mode .section-header {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .card-artist-bio-container {
    border-left: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .exhibition-card-artist .caption-m,
.dark-mode .exhibition-card-artist .caption-s {
	color: var(--global--content-inverted-primary) !important;
}

.dark-mode .exhibition-card-artist .content-secondary,
.dark-mode .section-credits .section-credits-content .credits,
.dark-mode .section-credits .section-credits-content .line,
.dark-mode .section-artworks .artist-name,
.dark-mode .card-itinerance-location,
.dark-mode .section-header-subtitle,
.dark-mode .quote-position,
.dark-mode .card-artist-artwork,
.dark-mode .card-artist-bio {
	color: var(--global--content-inverted-secondary) !important;
}

/*Exposicións Dark Mode*/
.dark-mode .svg-close-icon path,
.dark-mode .svg-chevron-icon path {
	fill: var(--global--color-white)
}

.dark-mode .macba-page-header .macba-header-subtitle {
	color: var(--global--color-white-50);
}
/*TODO Header fixed quan faci scroll fer servir la class fix */
.dark-mode .macba-page-header.fix {
	background: var(--global--color-black);
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

/*Dark mode overlay*/

.dark-mode .macba-overlay {
    background-color: var(--global--color-black-60);
}

/*Dark mode dropdown*/

.dark-mode .dropdown-menu {
	background: var(--global--color-black);
	border: var(--global-border-width-s) solid var(--global--color-white-90);
}

.dark-mode .dropdown-item {
	color: var(--global--color-white);
}

.dark-mode .macba-modal .dropdown-menu {
	background: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-black-90);
}

.dark-mode .macba-modal .dropdown-item {
	color: var(--global--color-black);
}

@media screen and (min-width: 769px) {
	.dark-mode .filters-title {
		color: var(--global--color-white) !important;
	}
	
	.dark-mode .filters-header {
		border-bottom: var(--global-border-width-s) solid  var(--global--color-white-95);
	}
	
	.dark-mode .filters-header .text-body.body-s {
		color: var(--global--color-white) !important;
	}
}

/*Obras-Artword Card */
/*Publicacions Card */
/*Espai*/

.espai-card,
.artwork-card {
	padding-top: var(--global-spacing-07);
}

.publicacions-card .macba-pictures-container,
.espai-card .macba-pictures-container,
.artwork-card .macba-pictures-container {
	gap: var(--global-spacing-04);
	overflow-y: auto;
	max-height: calc(100vh - 56px);
	padding-left: 0;
}

.publicacions-card .macba-pictures-container::-webkit-scrollbar,
.espai-card .macba-pictures-container::-webkit-scrollbar,
.artwork-card .macba-pictures-container::-webkit-scrollbar {
    display: none;
}

.publicacions-card .macba-picture.principal,
.espai-card .macba-picture.principal,
.artwork-card .macba-picture.principal {
	padding: var(--global-spacing-05) 0 0 0;
}

.espai-card .espai-info,
.artwork-card .artwork-info {
	background: var(--global--color-white);
}

.artist-detail .technical-info {
	padding: 0;
}

.component-activitats-detail .card-data,
.component-exposicions-detail .card-data,
.artwork-card .card-data {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

.publicacions-card .macba-type-container,
.espai-card .macba-type-container,
.artwork-card .macba-type-container {
	gap: var(--global-spacing-07);
	padding-bottom: var(--global-spacing-07);
	margin-bottom: var(--global-spacing-07);
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.publicacions-card .buttons-block {
	gap: var(--global-spacing-03);
}

.publicacions-card .macba-fitxa {
    margin-bottom: 0;
}

.publicacions-card .artist-card img {
	aspect-ratio: 4/5;
	object-fit: cover;
	padding-right: var(--global-spacing-07);
}

.publicacions-card .artist-card {
	width: 100vw;
}

.publicacions-card .tag-group {
	flex: 0 0 auto;
    width: 83.33333333%;
}

.publicacions-card .component-exposicions-detail .row {
	justify-content: end !important;
}

.publicacions-card .buttons-block {
	flex-wrap: nowrap;
}

.publicacions-card .publicacions-buttons-container {
	flex-wrap: wrap;
}

.publicacions-card .publicacions-buttons-container .action-buttons {
	padding-bottom: var(--global-spacing-08) !important;
}

@media screen and (max-width: 1425px) {
	.publicacions-card .buttons-block {
		padding-bottom: 0px !important;
	}
}

@media screen and (max-width: 992px) {
	.publicacions-card .buttons-block {
		padding-bottom: 0px !important;
	}

	.publicacions-card .publicacions-buttons-container .macba-button.button-basic-m.button-secondary.icon-button,
	.more-options-podcast.icon-button {
		margin-top: var(--global-spacing-05);
		padding: 5px;
	}

	.publicacions-card .publicacions-buttons-container .action-buttons {
		padding-left: 0px !important;
	}
}

@media screen and (max-width: 768px) {
	.publicacions-card .publicacions-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);	
	}

	.publicacions-card .buttons-block {
		flex-wrap: wrap;
	}

	.publicacions-card .publicacions-buttons-container .action-buttons {
		padding-bottom: var(--global-spacing-05) !important;
	}

	.publicacions-card .macba-type-container {
		padding-bottom: var(--global-spacing-05);
    	margin-bottom: var(--global-spacing-05);
	}

	.fitxa-document-arxiu .card-buttons-container .macba-button.button-basic-m,
	.publicacions-card .tour-item-right .macba-button.button-basic-m,
	.publicacions-card	.publicacions-buttons-container .macba-button.button-basic-m {
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
		width: 100%;
		text-align: center;
	}

	.fitxa-document-arxiu .card-buttons-container .more-options-dropdown .macba-button.button-basic-m,
	.publicacions-card .macba-button.button-basic-m.button-secondary.icon-button,
	.more-options-podcast.icon-button {
		padding: 10px !important;
		margin-top: 0 !important;
	}

	.publicacions-card .buttons-block {
		gap: var(--global-spacing-05);
		padding-bottom: var(--global-spacing-05) !important;
		padding-top: 0 !important;
	}

	.publicacions-card .artist-card .artists-container {
		width: 100vw;
		position: relative;
		right: calc(-50vw + 50%);
		overflow: hidden;
	}

	.publicacions-card .artist-card .artists-container .text-display.display-s {
		font-size: var(--global--display-xs-font-size);
		line-height: var(--global--display-xs-line-height);
	}

	.publicacions-card .awards-title {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.publicacions-card .component-slider {
		padding: var(--global-spacing-09) var(--global-spacing-05) !important;
	}

	.publicacions-card .title-related-exhibitions,
	.publicacions-card .component-slider .text-display.display-m {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.publicacions-card .component-exposicions-detail {
		width: 100vw;
		position: relative;
		left: calc(-50vw + 50%);
		overflow: auto;
	}

	.publicacions-card .tag-group {
		flex: 0 0 auto;
    	width: 100%;
		margin-left: 0;
	}

	.publicacions-card .tag-group .card-data.tag-group-data {
		margin-left: var(--global-spacing-04);
	}

	.publicacions-card .tour-item-left .macba-title-subtitle-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.publicacions-card .participants-grid-item .artist-name {
		font-size: var(--global--display-xs-font-size);
		line-height: var(--global--display-xs-line-height);
	}

	.publicacions-card .tour-item-left .macba-fitxa.macba-fitxa-md .card-data {
		padding-bottom: var(--global-spacing-07);
	}

	.publicacions-card .tour-item-right .show-more {
		margin-top: var(--global-spacing-05);
	}

	.publicacions-card .tour-item-right {
		margin-bottom: var(--global-spacing-09);
	}

	.publicacions-card .macba-fitxa.macba-fitxa-md .card-data .card-title {
		padding-top: 0;
	}
}

@media screen and (max-width: 576px) {
	.publicacions-card .publicacions-right-content {
		padding-right: 0 !important;
	}
}

.artwork-card .macba-tags-container,
.card-artwork .macba-tags-container {
	gap: var(--global-spacing-04);
}

.artwork-card .artwork-card-title {
	font-size: var(--global--display-m-font-size);
	font-family: var(--global--display-font-family);
	font-weight: var(--global--display-font-weight);
	line-height: var(--global--display-m-line-height);
	letter-spacing: var(--global--display-letter-spacing);
	text-transform: uppercase;
}

.artwork-card .card-title-translation {
	margin-bottom: var(--global-spacing-05);
	color: var(--global--color-black-50) !important;
}

.artwork-card .card-year,
.technical-info .card-data .macba-type,
.technical-info .card-data.tag-group-data,
.artist-card .technical-info .card-data.artwork-data .macba-type,
.artist-card .technical-info .card-data.tag-group-data {
	color: var(--global--color-black-50) !important;
}

.multimedia-card .card-description,
.artwork-card .card-description {
	font-family: var(--global--body-font-family);
	font-size: var(--global--body-m-font-size);
	font-weight: var(--global--body-font-weight);
	line-height: var(--global--body-m-line-height);
	letter-spacing: var(--global--body-letter-spacing);
}

.multimedia-card .card-description,
.artwork-card .artwork-cover .card-description {
	color: var(--global--color-black-50);
	text-indent: var(--global--body-indent-104);
}

.espai-card .espai-cover .card-description,
.artwork-card .artwork-cover .card-description .content-part-one {
	text-indent: var(--global--body-indent-104);
}

.artwork-card .macba-fitxa-content {
	padding-left: var(--global-spacing-07);
}

.artwork-card .macba-fitxa-content .card-buttons-container {
	margin-bottom: var(--global-spacing-08);
	gap: var(--global-spacing-04);
}

.artwork-card .macba-fitxa-content .macba-type-container .macba-tags-container .macba-type.exhibition {
	color: var(--global--color-black-50);
	background-color: var(--global--color-black-98);
	border-radius: var(--global-border-radius-full);
	padding: var(--global-spacing-02) var(--global-spacing-03);
}

.artwork-card .macba-fitxa-content .macba-type-container .macba-tags-container .macba-type.artwork {
	padding-top: var(--global-spacing-02);
}

.artwork-card .card-description .content-part-one {
	margin-bottom: var(--global-spacing-05);
}

.artwork-card .card-description .show-more {
	text-indent: 0;
	color: var(--global--color-black);
	padding-top: var(--global-spacing-05);
}

.vertical-separator	{
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
}

.technical-info .card-data.artwork-data {
	padding-right: var(--global-spacing-07);
	padding-left: 0px;
	padding-bottom: var(--global-spacing-05);
}

.espai-card .buttons-block {
	padding-top: 0 !important;
	gap: var(--global-spacing-03);
}

.espai-card .espai-cover .macba-button.button-basic-m.button-secondary:last-child {
	padding: 7px;
	display: flex;
	width: fit-content;
}

.espai-card .espai-cover .macba-fitxa-content .tour-item-right-description .show-more::first-letter {
	text-transform: uppercase;
}

.espai-card .espai-cover .macba-fitxa-content .tour-item-right-description .show-more {
	text-indent: 0;
}

.espai-card .multimedia-card .content-counter,
.espai-card .technical-info-container .card-data .card-meta-information {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.espai-card .component-marketing-content .card-description {
	align-self: flex-start !important;
}

.espai-card .component-slider .swiper-slide {
    padding-bottom: 0;
}

.espai-card .meta-info .technical-info .card-data {
	padding-bottom: 0 !important;
}

.espai-card .section-videos	.row.card-data {
	padding-top: 0;
}

.espai-card .section-videos	.video-buttons-container {
	display: none !important;
}

.espai-card .full-content-anchor {
	width: 98% !important;
}

.espais-content iframe {
	width: 100%;
	height: auto!important;
	aspect-ratio: 1.7/1;
}

.dark-mode .espai-card .highlight-slider .link-slide {
	background-color: var(--global--color-white-98);
}

.dark-mode .espai-card .highlight-slider .link-slide {
	color: var(--global--color-white);
}

.dark-mode .espai-card .highlight-slider .link-slide svg path {
	fill: var(--global--color-white);
}

.dark-mode .espai-card .macba-type-container,
.dark-mode .espai-card .full-width-block .header,
.dark-mode .espai-card .multimedia-card .content-counter,
.dark-mode .espai-card .technical-info-container .card-data .card-meta-information {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .espai-card .content-primary {
	color: var(--global--content-inverted-primary) !important;
}

.dark-mode .espai-card .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

/*Llistat Artistes*/

.macba-page-artists-template .macba-page-header .macba-filters-header {
	gap: 0;
}

.macba-page-artists-template .separator-full-screen {
	margin-bottom: var(--global-spacing-07);
}

.macba-page-artists-template .separator-full-screen.top {
	margin-bottom: 0;
}

.macba-page-artists-template .macba-row-alphabet.fix .letter-container {
	padding: var(--global-spacing-03);
}

#inputContainer .svg-button-icon {
	position: absolute;
	cursor: pointer;
	left: 10px;
	top: 30%;
}

#inputContainer .svg-button-icon.intro {
	right: 10px;
	left: auto;
	top: 25%;
}

#inputContainer .svg-button-icon.intro text {
	text-transform: uppercase;
	fill: var(--global--color-black-70);
}

#inputContainer input[type="text"]::placeholder {
	font-family: var(--global--body-font-family);
	font-size: var(--global--body-s-font-size);
	font-weight: var(--global--body-font-weight);
	line-height: var(--global--body-s-line-height);
	letter-spacing: var(--global--body-letter-spacing);
	text-transform: none;
  }

#inputContainer {
	display: none;
}

.input-container .macba-button.button-basic-m.button-secondary {
	padding-left: var(--global-spacing-08);
	text-transform: none;
}

.macba-page-artists-template .macba-filters-header .separator {
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
	margin-left: var(--global-spacing-04);
	margin-right: var(--global-spacing-05);
}

.macba-page-artists-template .card-data .card-title {
	text-transform: uppercase;
}

.card-artists-container {
	padding-bottom: var(--global-spacing-07);
}

.card-artist {
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-03);
}

.tag-group {
	padding: var(--global-spacing-07) 0;
}

.tag-group .card-data.tag-group-data {
	gap: var(--global-spacing-04);
}

.tag-group .card-data.tag-group-data .macba-type {
	padding: var(--global-spacing-02) var(--global-spacing-03);
	background: var(--global--color-black-98);
	border-radius: var(--global-border-radius-full);
	color: var(--global--color-black-50);
	white-space: nowrap;
}

.meta-info .technical-info {
	padding-bottom: var(--global-spacing-05);
}

.meta-info .technical-info .card-data .card-meta-information,
.artwork-info .technical-info .card-data.artwork-data .card-meta-information {
	font-size: var(--global--body-s-font-size);
	font-family: var(--global--body-font-family);
	font-weight: var(--global--body-font-weight);
	line-height: var(--global--body-s-line-height);
	letter-spacing: var(--global--body-letter-spacing);
	padding-bottom: var(--global-spacing-04);
}

.card-data:not(:nth-last-child(-n+3)) .card-meta-information {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.technical-info-container .card-data .card-meta-information {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
} 

.artwork-info .macba-contact {
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
}

.artwork-info .macba-contact .text-body{
	color: var(--global--color-black-50) !important;
	padding: var(--global-spacing-11) 0;
}

.artwork-info .macba-contact a {
	color: var(--global--color-black-20);
}

.multimedia-card {
	padding: var(--global-spacing-07) 0 var(--global-spacing-11) 0;
}

.multimedia-card .card-picture {
	margin-bottom: var(--global-spacing-05);
}

.multimedia-card .card-data .card-title {
	margin-bottom: var(--global-spacing-03);
}

.multimedia-card .card-data .card-description {
	text-indent: 0;
}

.fitxa-detail-more {
    padding-right: 5.52px;
}
.flip-horizontal {
    transform: scaleY(-1);
}

.macba-five-videos-card.multimedia-card {
	padding: var(--global-spacing-11) 0;
}

.macba-five-videos-card .section-videos .videos-list {
	padding-right: 0;
	padding-left: var(--global-spacing-07);
}

.macba-five-videos-card .video-buttons-container {
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
	padding-top: var(--global-spacing-05);
	margin-top: var(--global-spacing-05);
}

.macba-five-videos-card .pagination {
	gap: var(--global-spacing-05);
}

.videos-list .card-data:not(:last-child) {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-98);
}

.macba-five-videos-card .section-videos .videos-list .card-data .card-title {
	font-family: var(--global--highlight-font-family);
	font-size: var(--global--highlight-m-font-size);
	font-weight: var(--global--highlight-font-weight);
	line-height: var(--global--highlight-m-line-height);
	letter-spacing: var(--global--highlight-letter-spacing);
}

.macba-five-videos-card .section-videos .videos-list .header-title {
	font-family: var(--global--caption-font-family);
	font-size: var(--global--caption-s-font-size);
	font-weight: var(--global--caption-font-weight);
	line-height: var(--global--caption-s-line-height);
	letter-spacing: var(--global--caption-letter-spacing);
	color: var(--global--color-black-50);
	padding: var(--global-spacing-03) var(--global-spacing-05);
	margin-bottom: var(--global-spacing-04);
}

.macba-five-videos-card .section-videos .videos-list .card-data {
	padding: var(--global-spacing-03) var(--global-spacing-04);
}

.macba-five-videos-card .section-videos .videos-list .card-picture {
	margin-bottom: 0;
}

.macba-five-videos-card .card-picture {
	object-fit: cover;
    aspect-ratio: 16/9;
}

.card-artwork-overlay.card-large {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: none;
}

.overlay-container.locked .card-artwork-overlay {
	display: flex;
}

@media screen and (max-width: 1200px) {
	.macba-five-videos-card .card-artwork-overlay {
		right: 349px;
	}

	.macba-five-videos-card .section-videos .videos-list .card-artwork-overlay {
		left: 10px;
		padding: 0 !important;
	}
}

@media screen and (max-width: 769px) {
	.multimedia-card .card-data .card-title {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}
}

@media screen and (max-width: 576px) {
	.macba-five-videos-card .card-artwork-overlay {
		right: 16px;
		left: 16px;
		top: 289px;
	}
}

@media screen and (max-width: 320px) {
	.macba-five-videos-card .card-artwork-overlay {
		top: 329px;
	}
}

.macba-five-videos-card .section-videos .videos-list .card-artwork-overlay {
	top: 0px !important;
	right: 10px;
	aspect-ratio: 16/9;
}

.audio-post-list .audio-post-number,
.videos-list .videos-list-number {
	color: var(--global--color-black-50);
	background: var(--global--color-black-98);
	border-radius: var(--global-border-radius-full);
	border: transparent;
	width: var(--global-spacing-07);
	height: var(--global-spacing-07);
	padding: var(--global-spacing-03) var(--global-spacing-02);
	gap: 4px;
	white-space: nowrap;
	align-items: center;
    justify-content: center;
}

.audio-post-list .play-background,
.videos-list .play-background {
	background: var(--global--color-black-98);
}

.videos-list .videos-list-number .play-number {
	display: flex;
}

.videos-list .videos-list-number .play-icon {
	display: none;
}

.videos-list .videos-list-number:hover .play-icon {
	display: block;
}

.videos-list .videos-list-number:hover .play-number {
	display: none;
}

.videos-list .videos-list-number .play-icon .svg-play-icon path {
	fill: var(--global--color-black-50);
}

.videos-list .video-timer {
	background: var(--global--color-white);
	border-radius: var(--global-border-radius-l);
	top: 12px;
    left: 20px;
    position: absolute;
	padding: var(--global-spacing-02) var(--global-spacing-03);
	color: var(--global--color-black);
}


.repositori-digital .slider-header-container,
.artwork-card .slider-header-container {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	padding-bottom: var(--global-spacing-05);
}

.repositori-digital .slider-header-container .pagination,
.artwork-card .slider-header-container .pagination {
	display: flex;
	align-items: end;
	gap: var(--global-spacing-03);
}

.detall-podcast .component-slider .document-slider .card-data,
.repositori-digital .component-slider .document-slider .card-data,
.artwork-card .component-slider .document-slider .card-data {
	background: var(--global--color-black-98);
	padding: var(--global-spacing-05);
}

.document-slider .component-slider .document-slider .macba-type span,
.artwork-card .component-slider .document-slider .macba-type span {
	margin-top: var(--global-spacing-02);
}

.fitxa-documents-slider,
.artwork-fitxa-documents-slider.component-slider {
	overflow-y: hidden;
}

.fitxa-documents-slider,
.document-slider .artwork-fitxa-documents-slider,
.artwork-card .artwork-fitxa-documents-slider {
	width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
	padding-left: var(--global-spacing-07);
	padding-right: var(--global-spacing-07);
}

.espai-card .espai-cover .macba-pictures-container {
	padding-left: var(--global-spacing-07);
    position: relative;
    left: calc(-50vw + 50%);
}

.participants-grid {
	grid-template-columns: 3fr 3fr 3fr;
}

.participants-grid-item:nth-last-child(-n+3) {
  padding-bottom: 0;
}

.participants-section .participants-image {
	aspect-ratio: 4/5;
}

.program-content-title {
	color: var(--global--content-secondary)!important;
}

.exhibition-title-container {
	background: #373938;
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	height: 100vh;
}

.exhibition-title-container .header .header-title {
	font-size: var(--global--display-m-font-size);
	line-height: var(--global--display-m-line-height);
}

.artist-link-container {
	gap: var(--global-spacing-03);
	overflow-y: auto;
}

.exhibition-title-container .macba-button {
	color: var(--global--content-inverted-primary);
}

.exhibition-title-container .macba-button.button-basic-m .svg-button-icon path {
	fill: var(--global--content-inverted-primary);
}

.publicacions-card .publicacions-cover .macba-pictures-container img {
	aspect-ratio: 4 / 3;
    object-fit: contain;
}

.publicacions-status.content-secondary svg{
	fill: var(--global--content-secondary)!important;
}

.dark-mode .publicacions-card .macba-publicacions-price {
	color: var(--global--content-inverted-primary);
}

.dark-mode .publicacions-card .macba-type-container {
    border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .publicacions-status.content-secondary{
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .publicacions-status.content-secondary svg{
	fill: var(--global--content-inverted-secondary)!important;
}

@media screen and (max-width: 768px) {
	
	.publicacions-card .publicacions-cover .macba-pictures-container ,
	.espai-card .espai-cover .macba-pictures-container,
	.fitxa-documents-slider,
	.artwork-card .artwork-fitxa-documents-slider,
	.artwork-card .artwork-cover .macba-pictures-container {
		overflow-x: auto;
		border: transparent;
		padding-left: var(--global-spacing-04);
		gap: 0;
	}

	.publicacions-card .publicacions-cover .macba-pictures-container {
		position: relative;
		left: calc(-50vw + 50%);
	}
	
	.artwork-card .artwork-cover .macba-pictures-container {
		padding-left: var(--global-spacing-07);
		position: relative;
		left: calc(-50vw + 50%);
	}

	.publicacions-card .publicacions-cover .macba-pictures-container,
	.espai-card .espai-cover .macba-pictures-container,
	.artwork-card .artwork-cover .macba-pictures-container {
		width: 100vw;
		height: 10vh;
	}

	.publicacions-card .macba-picture.principal,
	.espai-card .macba-picture.principal,
	.artwork-card .macba-picture.principal {
		padding: var(--global-spacing-04) 0 0 0;
	}

	.publicacions-card .macba-pictures-container,
	.espai-card .macba-pictures-container,
	.artwork-card .macba-pictures-container {
		padding-right: var(--global-spacing-05) ;
	}

	.publicacions-card .publicacions-cover .macba-pictures-container .macba-picture.selected,
	.espai-card .espai-cover .macba-pictures-container .macba-picture.selected,
	.artwork-card .artwork-cover .macba-pictures-container .macba-picture.selected {
		border: var(--global-border-width-m) solid var(--global--color-black);
		border-radius: 6px;
		padding: 2px;
	}

	.publicacions-card .publicacions-cover .macba-pictures-container .macba-picture,
	.espai-card .espai-cover .macba-pictures-container .macba-picture,
	.artwork-card .artwork-cover .macba-pictures-container .macba-picture {
		border: var(--global-spacing-02) solid transparent;
		object-fit: cover;
	}

	.fitxa-images.macba-pictures-container img {
		object-fit: contain!important;
	}

	.artwork-card .artwork-cover .macba-fitxa-content {
		padding: var(--global-spacing-07) 0 var(--global-spacing-09) 0;
	}

	.artwork-card .macba-type-container {
		padding-bottom: var(--global-spacing-05);
    	margin-bottom: var(--global-spacing-05);
		align-items: center;
	}

	.espai-card .espai-cover .macba-button.button-basic-m.button-secondary,
	.espai-card .espai-cover .buttons-block .macba-button.button-basic-m.button-bold,
	.section-artworks .artworks-section-button,
	.artwork-card .artwork-cover .macba-button.button-basic-m.button-secondary {
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
	}

	.espai-card .espai-cover .macba-button.button-basic-m.button-secondary:not(:last-child) {
		width: 83%;
		text-align: center;
	}

	.espai-card .espai-cover .buttons-block .macba-button.button-basic-m.button-bold,
	.artwork-card .artwork-cover .macba-button.button-basic-m.button-secondary {
		width: 100%;
	}

	.espai-card .buttons-block {
		gap: var(--global-spacing-05);
	}

	.espai-card .espai-cover .buttons-block .macba-button.button-basic-m.button-bold {
		width: 100%;
		text-align: center;
	}

	.espai-card .espai-cover .macba-button.button-basic-m.button-secondary:last-child {
		padding: var(--global-spacing-04);
	}

	.espai-card .component-slider.highlight-slider .text-display.display-m,
	.espai-card .multimedia-card .text-display.display-m {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.espai-card .multimedia-card .text-title.title-l {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}

	.espai-card .component-marketing-content .full-card-data {
		align-content: space-between;
	}

	.espai-card .component-slider.highlight-slider {
		padding-top: var(--global-spacing-09) !important;
		padding-bottom: var(--global-spacing-09) !important;
	}

	.espai-card .multimedia-card .card-data .card-title {
		margin-bottom: var(--global-spacing-05);
	}

	.espai-card .multimedia-card .card-data .card-description {
		padding-bottom: var(--global-spacing-05);
	}

	.artwork-card .artwork-cover .save-button.save-button-s {
		padding: var(--global-spacing-04);
	}

	.artwork-card .macba-fitxa-content .card-buttons-container {
		gap: var(--global-spacing-05);
	}

	.artwork-card .macba-fitxa-content .card-buttons-container .no-border {
		width: 100%;
	}

	.artwork-info .macba-contact .text-body {
		padding: var(--global-spacing-09) 0;
	}

	.card-data:not(:nth-last-child(-n+2)) .card-meta-information {
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.dark-mode .card-data:not(:nth-last-child(-n+2)) .card-meta-information {
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	}

	.main-content .macba-container .component-activitats-detail .participants-grid {
		padding-left: 0; 	
	}

	.participants-section {
		margin-left: 0;
		padding-left: 0;
	}
	
	.participants-grid {
		gap: var(--global-spacing-05);
		width: 100%;
		overflow: auto;
		scrollbar-width: 0;
	}


	.participants-grid::-webkit-scrollbar {
		width: 0.5em;
	}
	
	.participants-grid::-webkit-scrollbar-track {
		background-color: transparent;
	}
	
	.participants-grid::-webkit-scrollbar-thumb {
		background-color: transparent;
	}

	.participants-grid .participants-grid-item {
		padding-left: 0;
		padding-bottom: 0;
	}
}
/*Dark mode Obras-Artword Card*/
.dark-mode .vertical-separator	{
	border-left: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .artwork-info {
	background: var(--global--color-black);
}

.dark-mode .program-content-title,
.dark-mode .parent-section .activity-date,
.dark-mode .meta-info .macba-type,
.dark-mode .artwork-info .tag-group .card-data.tag-group-data,
.dark-mode .artwork-info .card-data.artwork-data .macba-type,
.dark-mode .artwork-card .card-description {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .card-data.tag-group-data .macba-type {
	background: var(--global--color-white-90);
	color: var(--global--content-inverted-secondary);
}

.dark-mode .parent-section .activity-container,
.dark-mode .artwork-card .macba-type-container {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .artwork-card .card-year,
.dark-mode .artwork-card .card-title-translation {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .artwork-card .macba-fitxa-content .macba-type-container .macba-tags-container .macba-type.exhibition {
    color: var(--global--content-inverted-secondary);
    background-color: var(--global--color-white-98);
}

.dark-mode .basic-program-data .section-description,
.dark-mode .artwork-card .card-description .show-more {
	color: var(--global--color-white) !important;
}

.dark-mode .technical-info {
	background-color: var(--global--color-black);
}

.dark-mode .technical-info-container .card-data .card-meta-information,
.dark-mode .card-data:not(:nth-last-child(-n+3)) .card-meta-information {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	color: var(--global--color-white);
}

.dark-mode .macba-five-videos-card .video-buttons-container,
.dark-mode .artwork-info .macba-contact,
.dark-mode .technical-info .macba-contact {
	border-top: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .technical-info .macba-contact .text-body{
	color: var(--global--color-white-50) !important;
}

.dark-mode .technical-info .macba-contact a {
	color: var(--global--color-white-20);
}

.dark-mode .artwork-info .macba-contact .text-body{
	color: var(--global--color-white-50) !important;
}

.dark-mode .artwork-info .macba-contact a {
	color: var(--global--color-white-20);
}

.dark-mode .videos-list .card-data:not(:last-child) {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-98);
}

.dark-mode .macba-five-videos-card .section-videos .videos-list .header-title {
	color: var(--global--color-white-50);
}

.dark-mode .audio-post-list .audio-post-number,
.dark-mode .videos-list .videos-list-number {
	color: var(--global--color-white-50);
	background: var(--global--color-white-90);
}

.dark-mode .audio-post-list .play-background,
.dark-mode .videos-list .play-background {
	background: var(--global--color-white-95);
}

.dark-mode .audio-post-list .audio-post-number, 
.dark-mode .videos-list .videos-list-number .play-icon .svg-play-icon path {
	fill: var(--global--color-white-50);
}

.dark-mode .artwork-card .component-slider .document-slider .card-data {
	background: var(--global--color-white-95);
}

.card-artist.card-data .card-title {
	font-family: var(--global--display-font-family);
	font-size: var(--global--display-s-font-size);
	font-weight: var(--global--display-font-weight);
	line-height: var(--global--display-s-line-height);
	letter-spacing: var(--global--display-letter-spacing);
	text-transform: uppercase;
}

.card-artist .macba-type {
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-03);
}

.card-artist.card-data {
	padding: var(--global-spacing-07) var(--global-spacing-07) var(--global-spacing-11) 0;
}

.card-artist.card-data:nth-child(3n) {
    padding-right: 0;
  }

.macba-page-artists-template {
	background: transparent;
}

.macba-page-artists-template .not-found {
	display: flex;
	justify-content: center;
	padding-top: var(--global-spacing-07);
	padding-bottom: var(--global-spacing-11);
}

.macba-page-artists-template .not-found .card-data {
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-05);
}

.macba-page-artists-template .not-found .card-data .description,
.macba-page-artists-template .not-found .card-data .card-title {
	color: var(--global--color-black-50)!important;
	text-transform: none;
}

.macba-page-artists-template .macba-button.button-basic-m.button-secondary.see-more-button {
	margin-bottom: var(--global-spacing-11);
}

@media screen and (max-width: 768px) {

	.macba-page-artists-template .macba-page-header .macba-header-title,
	.macba-page-artists-template .macba-page-header .macba-header-subtitle {
		margin-bottom: var(--global-spacing-07);
	}

	.macba-page-artists-template .macba-page-header .macba-header-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.macba-page-artists-template .separator-full-screen.top {
		padding-bottom: var(--global-spacing-07);
	}

	.card-artists-container {
		padding:0 0 var(--global-spacing-07) 0;
	}

	.card-artist.card-data {
		padding: var(--global-spacing-07) 0;
	}

	.macba-page-artists-template .macba-button.button-basic-m.button-secondary.see-more-button {
		margin-bottom: var(--global-spacing-07);
		margin-top: var(--global-spacing-07)
	}

	.macba-page-artists-template .macba-filters-header .macba-button.button-basic-m.button-secondary {
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		background-color: transparent;
		padding: 10px var(--global-spacing-05);
	}

	.macba-page-artists-template .macba-filters-header .input-container .macba-button.button-basic-m.button-secondary {
		padding-left: var(--global-spacing-08);
	}

	.dark-mode .artwork-card .artwork-cover .macba-pictures-container .selected {
		border: var(--global-border-width-m) solid var(--global--color-white);
		border-radius: var(--global-border-radius-s);
		padding: 2px;
	}
}

@media screen and (max-width: 1180px) {
	.macba-page-artists-template .macba-row-alphabet {
		overflow-x: auto;
	}
}

/*Dark Mode Llistat Artistes*/

.dark-mode .search-by-name {
	border-left: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .input-container .svg-button-icon path {
	fill: var(--global--color-white);
}

.dark-mode .macba-header-subtitle {
	color: var(--global--color-white-50) !important;
}

.dark-mode .macba-filters-header .separator {
	border-left: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode #inputContainer .svg-button-icon.intro text {
    fill: var(--global--color-white-70);
}
/*Fons documental*/

.fons-documental-template .macba-page-header .macba-header-title {
	margin-bottom: var(--global-spacing-08);
}

.detail-template .macba-type {
	margin-bottom: var(--global-spacing-02);
}

.detail-template .card-buttons-container {
	gap: var(--global-spacing-04);
}
 
.detail-template .detail-template-header {
	padding-bottom: var(--global-spacing-07);
	padding-top: var(--global-spacing-07);
}

.detail-template .detail-template-header .taxonomy-text {
	color: var(--global--content-secondary);
	padding-top: var(--global-spacing-01);
}

.detail-template .detail-template-header .detail-template-title {
	padding-bottom: var(--global-spacing-05);
}

.card-header-title {
	padding-top: 0;
}

.nota-premsa-detall .card-picture,
.detail-template .card-video,
.detail-template .card-picture {
	padding-bottom: var(--global-spacing-05);
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.nota-premsa-detall .card-picture {
	padding-bottom: 0;
}

@media screen and (max-width: 768px) {
	.nota-premsa-detall .post-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
		text-align: center;
	}

	.nota-premsa-detall .card-description {
		font-size: var(--global--body-l-font-size);
		line-height: var(--global--body-l-line-height);
		text-align: center;
	}

	.nota-premsa-detall .buttons-container .macba-button.button-basic-m {
		width: 100%;
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
	}

	.nota-premsa-detall .header-container {
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}
}

.detail-template .card-picture.artist-avatar {
	aspect-ratio: 3/4;
	object-fit: cover;
}

.detail-template .card-data {
	padding-bottom: var(--global-spacing-11);
	padding-top: var(--global-spacing-07);
}

.technical-info-container .card-data {
	padding-top: 0;
	padding-bottom: 16px!important;
}

.detail-template .portada-podcast {
	margin-bottom: var(--global-spacing-05);
}

.detail-template .portada-podcast .card-data {
	padding-bottom: 0;
	padding-top: 0;
	border-bottom: none !important;
}

.detail-template .sinopsis-container {
	padding-bottom: var(--global-spacing-11);
	padding-top: 0;
}

.sinopsis-container .sinopsis-title {
	margin-bottom: var(--global-spacing-07);
}

.sinopsis-container .sinopsis-subtitle {
	text-indent: var(--global--body-indent-104);
	color: var(--global--color-black) !important;
}

.macba-fons-documental-description {
	color: var(--global--color-black-50);
	margin-bottom: var(--global-spacing-09);
}

.macba-fons-documental-description span {
	color: var(--global--color-black);	
}

.macba-types-container {
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-02);
}

.detail-template .detail-template-header {
	padding-bottom: var(--global-spacing-10);
}

.detail-template .detail-template-header .subtitle{
	padding-top: var(--global-spacing-05);
}

.detail-template .detail-template-thumbnail {
	aspect-ratio: 16/9;
	height: auto!important;
	width: 100%!important;
	max-width: 100%;
	object-fit: cover;
	padding-bottom: var(--global-spacing-05);
}

.detail-template .peu-imatge-destacada {
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-03);
	padding-bottom: var(--global-spacing-07);
}

.detail-template .detail-template-content {
	padding: var(--global-spacing-11) 0;
}

.detail-template-content .show-more-text::first-letter {
	text-transform: capitalize;
}

.detail-template-content .detail-text-col-8 p {
	margin-bottom: var(--global-spacing-07);
}

.detail-template-content .detail-text-col-8 a,
.paragraph-content a,
.d-flex.flex-column.card-description a {
	text-decoration: underline;
}

.swiper-slide a {
	text-decoration: none!important;
}

.detail-template-content .detail-text-col-8 .meta-info {
	margin-top: var(--global-spacing-11);
}

.detail-template-content .detail-text-col-8 .video-description h1,
.detail-template-content .detail-text-col-8 .video-description h2,
.detail-template-content .detail-text-col-8 .video-description h3,
.detail-template-content .detail-text-col-8 .video-description h4,
.detail-template-content .detail-text-col-8 .video-description h5,
.detail-template-content .detail-text-col-8 .video-description h6,
.detail-template-content .detail-text-col-8 .video-description p {
	width: 100%;
}

.detail-template-content .detail-text-col-8 .meta-info .technical-info {
	padding-bottom: var(--global-spacing-11);
}

.full-width-block {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	padding: 0 var(--global-spacing-07);
}

.full-width-block .header {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .detail-template-content .text-display,
.dark-mode .detail-template-content .detail-text-col-8 p,
.dark-mode .detail-template .card-data .card-title,
.dark-mode .detail-template .detail-template-content .basic-text,
.dark-mode .detail-template .detail-template-header .subtitle {
	color: var(--global--content-inverted-primary)!important;
}

.dark-mode .detail-template-content .video-description p,
.dark-mode .detail-template .peu-imatge-destacada span.content-secondary,
.dark-mode .detail-template .detail-template-header .tag-content span {
	color: var(--global--content-inverted-secondary) !important;
}

.text-content-overflow .paragraph-text{
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 12;
	-webkit-box-orient: vertical;
}

.text-content-overflow .paragraph-text.expand{
	display: block;
}


@media screen and (max-width: 768px) {
	.macba-fons-documental-description {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
		margin-bottom: var(--global-spacing-10);
	}

	.detail-header {
		padding-bottom: var(--global-spacing-08);
	}

	.detail-header.card-data {
		padding-top: 0;
		padding-bottom: var(--global-spacing-08);
	}

	.detail-template-header .card-header-title {
		padding-top: var(--global-spacing-11);
		padding-bottom: var(--global-spacing-11);
		border-bottom:var(--global-border-width-s) solid var(--global--color-black-95);
		margin-bottom: var(--global-spacing-05);
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.detail-template-header .card-header-title.collectable {
		padding-bottom: 0;
		border-bottom: 0;
		margin-bottom: 0;
	}

	.detail-template-header .card-data-container {
		padding-bottom: var(--global-spacing-11);
		border-bottom:var(--global-border-width-s) solid var(--global--color-black-95);
		margin-bottom: var(--global-spacing-05);
	}

	.detail-template .peu-imatge-destacada {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}

	.detail-template .detail-template-header .subtitle {
		font-size: var(--global--body-l-font-size);
		line-height: var(--global--body-l-line-height);
	}

	.detail-template .card-picture {
		width: auto;
	}

	.detail-template .card-data {
		padding-bottom: var(--global-spacing-10);
	}

	.detail-template .card-data .card-title {
		margin-bottom: var(--global-spacing-05);
		padding: 0;
	}

	.detail-template .card-data:not(:last-child) {
		border-bottom:var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.detail-template .technical-info-container .card-data:not(:last-child) {
		border-bottom: none;
	}

	.technical-info .technical-info-container:not(:first-child) {
		padding-top: var(--global-spacing-05);
	}

	.detail-template-content .detail-text-col-8 .meta-info {
		margin-top: var(--global-spacing-09);
	}

	.detail-template-content .detail-text-col-8 p:first-child {
		font-size: var(--global--title-s-font-size);
		line-height: var(--global--title-s-line-height);
	}

	.detail-template-content .detail-text-col-8 .video-description p:first-child {
		font-size: var(--global--body-m-font-size);
		line-height: var(--global--body-m-line-height);
	}

	.technical-info-container .card-data:last-child {
		padding-bottom: 0 !important;
	}

	.card-artist-bio {
		font-size: var(--global--body-m-font-size);
		line-height: var(--global--body-m-line-height);
	}

	.detail-template-content .detail-text-col-8 .video-description p:last-child {
		margin-bottom: var(--global-spacing-05) !important;
	}

	.sinopsis-container {
		padding-bottom: var(--global-spacing-09);
	}

	.macba-title-subtitle-container .card-title,
	.sinopsis-container .sinopsis-title {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
		font-weight: var(--global--title-font-weight);
	}

	.tour-item-right,
	.tour-item-left {
		padding: 0 !important;
	}

	.tour-item-left .portada-podcast {
		width: auto !important;
		left: 0;
	}
	
	.tour-item-left .macba-fitxa {
		margin-bottom: var(--global-spacing-05);
	}

	.card-data .tour-item-right {
		padding: 0 !important;
		border-left: none;
	}

	.dark-mode .card-data .tour-item-right {
		border-left: none;
	}

	.tour-item-right .tour-item-right-description {
		margin-top: var(--global-spacing-05);
		margin-bottom: var(--global-spacing-09);
	}

	.tour-item-right .content-part-one {
		margin-top: var(--global-spacing-05);
		margin-bottom: var(--global-spacing-05);
	}

	.tour-item-right-description .paragraph-text,
	.tour-item-right .paragraph-text {
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}

	.tour-item-right-description .paragraph-text.expand,
	.tour-item-right .paragraph-text.expand {
		display: block;
	}

	.tour-item-component {
		padding-top: var(--global-spacing-05)!important;
	}

	.block-fitxa .technical-info {
		max-height: inherit;
	}

	.block-fitxa .technical-info.container-collapsed {
		max-height: 411px;
		overflow-y: hidden;
	}
	
}

@media screen and (min-width: 769px) {
	.col-md-8 .technical-info-container.col-md-10 {
		width: 100%;
		padding: 0!important;
	}
	
	.col-md-8 .technical-info-container.col-md-5 {
		width: 50%;
	}
}

.twelve-lines-content-text {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 12;
	-webkit-box-orient: vertical;
}

.dark-mode .publicacions-right-content .text-content-overflow {
	color: var(--global--content-inverted-secondary)!important;
}

@media screen and (max-width: 768px) {
	.tour-item-right-description .five-lines-content-text,
	.twelve-lines-content-text {
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
}

.tour-item-right-description .five-lines-content-text.expand,
.twelve-lines-content-text.expand {
	display: block;
}

@media screen and (min-width: 769px) {

	.tour-item-component {
		padding-top: var(--global-spacing-07)!important;
		padding-bottom: var(--global-spacing-11);
	}

	.detail-text-col-8 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.detail-text-col-8 .component-slider {
		width: 100%;
	}

	.detail-text-col-8 p,
	.detail-text-col-8 h1,
	.detail-text-col-8 h2,
	.detail-text-col-8 h3,
	.detail-text-col-8 h4,
	.detail-text-col-8 h5,
	.detail-text-col-8 h6 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.detail-text-col-8 .full-width-block {
		left: inherit;
		width: 100%;
		padding: 0;
	}

	.tour-item-left .audio-container {
		width: 45%!important;
	}
}

.tour-item-right {
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
	padding-left: var(--global-spacing-07);
	padding-right: 0;
}

.tour-item-right .content-part-two {
	text-indent: 0;
}

.tour-item-right .show-more {
	color: var(--global--color-black);
	text-indent: 0;
}

.show-more.hidden {
	display: none!important;
}

.show-more.expand svg {
	transform: rotate(180deg);
}

.dark-mode .show-more svg path {
	fill: var(--global--color-white-50);
}

.show-more.expand .show-more-text {
	display: none;
}

.show-more .show-more-text {
	display: block;
}

.show-more.expand .show-less-text {
	display: block;
}

.show-more .show-less-text {
	display: none;
}

.tour-item-left {
	padding-right: var(--global-spacing-07);
	padding-left: 0;
}

.tour-item-left .macba-fitxa.macba-fitxa-md img{
	background-color: var(--global--color-black);
	max-height: 580px;
	aspect-ratio: inherit;
	object-fit: contain;
}

.tour-item-right-description {
	color: var(--global--color-black-50) !important;
	margin-bottom: var(--global-spacing-07);
	text-indent: var(--global--body-indent-104);
}

.dark-mode .macba-fons-documental-description {
	color: var(--global--color-white-50);
}

.dark-mode .macba-fons-documental-description span {
	color: var(--global--color-white);
}

.dark-mode .sinopsis-subtitle {
	color: var(--global--color-white) !important;
}

.dark-mode .card-data .card-title {
	color: var(--global--color-white);
}

.dark-mode .tour-item-right {
	border-left: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .tour-item-right-description {
	color: var(--global--color-white-50) !important;
}

.dark-mode .tour-item-right .show-more {
	color: var(--global--color-white);
}

.dark-mode .svg-icon path,
.dark-mode .detail-template .macba-type .svg-icon path,
.component-exposicions-detail .component-full-content .svg-icon path {
	fill: var(--global--color-white);
}

/*Artist detail*/

.artist-detail.detail-template .artist-card.card-data {
    padding-bottom: var(--global-spacing-11);
    padding-top: var(--global-spacing-11);
}

.artist-detail.detail-template .artist-card.card-data .technical-info {
	gap: var(--global-spacing-05);
}

.artist-detail.detail-template .artist-card.card-data .technical-info .technical-item {
	display: flex;
	flex-direction: column;
	padding-bottom: var(--global-spacing-04);
	gap: var(--global-spacing-02);
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-93);
}

.artist-detail.detail-template .artist-card.card-data .technical-info .technical-item .macba-type {
	color: var(--global--content-secondary);
}

.artist-detail.detail-template .sinopsis-container .sinopsis-title {
	text-indent: var(--global--body-indent-104);
}

.artist-detail.detail-template .sinopsis-container .sinopsis-subtitle {
	text-indent: 0;
}

@media screen and (max-width: 768px) {

	.artist-detail.detail-template .sinopsis-container .sinopsis-title {
		text-indent: 0;
	}

	.artist-detail.detail-template .sinopsis-container .sinopsis-subtitle {
		text-indent: var(--global--body-indent-104);
	}

	.artist-detail.detail-template .sinopsis-container .sinopsis-subtitle .show-more {
		text-indent: 0;
	}

	.artist-detail.detail-template .card-picture.artist-avatar {
		width: 100%;
	}

	.dark-mode .detail-template .detail-template-header .card-data-container,
	.dark-mode .detail-template .detail-template-header .card-header-title {
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	}
}
/*Dark mode Artist detail*/

.dark-mode .artist-detail.detail-template .artist-card.card-data .technical-info .technical-item .macba-type {
	color: var(--global--content-inverted-secondary);
}

.dark-mode .artist-detail.detail-template .sinopsis-container .sinopsis-title,
.dark-mode .artist-detail.detail-template .sinopsis-container .sinopsis-subtitle,
.dark-mode .artist-detail.detail-template .artist-card.card-data .technical-info .technical-item .birth-date,
.dark-mode .artist-detail.detail-template .artist-card.card-data .technical-info .technical-item .death-date,
.dark-mode .artist-detail.detail-template .artist-card.card-data .technical-info .technical-item .origin {
	color: var(--global--color-white)!important;
}

.dark-mode .artist-detail.detail-template .actor-text-disclaimer.content-tertiary {
	color: var(--global--content-inverted-tertiary)!important;
}

.dark-mode .artist-detail.detail-template .artist-card.card-data .technical-info .technical-item {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);
}

/*Obres de l'Exposició*/

.macba-header {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-93);
}

.section-artworks-data-container {
	gap: var(--global-spacing-03);
}

.section-artworks-data-container .artist-name {
	color: var(--global--content-secondary);
}

.card-artwork.no-image {
	background: var(--global--color-black-98);
	padding: var(--global-spacing-08);
	min-height: 396px;
	min-width: 396px;
}

#llistatPosts .card-artwork.no-image {
	min-width: 100%;
}

.card-artwork.no-image .macba-button.button-basic-m.button-secondary.see-more-button {
	margin-bottom: 0;
}

.card-artwork-overlay {
    position: absolute;
    bottom: 90px;
   	top: 10px;;
    left: 10px;
	right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--global--color-white-40);
    backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.card-artwork-overlay.size-full {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.slide-obra .expand-button,
.card-artwork-overlay .expand-button {
	position: absolute;
	top: var(--global-spacing-05);
	right: var(--global-spacing-05);
	display: flex;
}

.overlay-container.locked .card-artwork-overlay,
.artwork-image-overlay-container:hover .card-artwork-overlay,
.slider-obres-image:hover .card-artwork-overlay {
    opacity: 1;
    pointer-events: auto;
	z-index: 9;
}

.overlay-container.locked .podcast-audio {
	opacity: 0.3;
}

.overlay-container.locked .button-disabled {
	pointer-events: none;
}

.overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s;
	z-index: 999;
}

.overlay-full-screen-button {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transition: opacity 0.5s;
}

.artwork-image-overlay-container:hover .overlay-full-screen-button,
.artwork-image-overlay-container:hover .overlay-button {
    opacity: 1;
}

@media screen and (max-width: 768px) {

	.artworks-exhibition .header-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.artworks-exhibition .header-subtitle {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
		font-weight: var(--global--title-font-weight);
	}

	.artworks-exhibition .masonry-grid .grid-item .card-artwork-overlay {
		top: 0px;
		bottom: 16px;
	}

	.section-artworks-data-container {
		gap: var(--global-spacing-02);
	}

	.section-artworks-data-container .artwork-date {
		color: var(--global--content-secondary);
	}

	.section-artworks-data-container .artist-name {
		color: var(--global--content-primary);
	}

	.artworks-exhibition .artwork-title {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}

	.card-artwork-overlay {
		left: 0;
		right: 0;
	}

	.grid-item.no-image {
		width: 100%;
	}

	.card-artwork.no-image {
		min-height: 328px;
		min-width: 328px;
	}
}

@media screen and (max-width: 1180px) {

	.single-collectable.detail-template .masonry-grid.grid-cols-3 .grid-item,
	.artworks-exhibition .masonry-grid.grid-cols-3 .grid-item {
		width: 50%;
		padding: var(--global-spacing-04);
	}
}

@media screen and (max-width: 768px) {
	
	.artworks-exhibition .masonry-grid.grid-cols-3 .grid-item {
		width: 100%;
	}
}

/* Dark mode Obres de l'Exposició*/

.dark-mode .number-artworks {
	color: var(--global--content-inverted-secondary);
}

.dark-mode .macba-header {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);
}

.dark-mode .artist-name {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .section-artworks-data-container .content-primary,
.dark-mode .section-artworks-data-container .artwork-date {
	color: var(--global--content-inverted-primary);
}

.dark-mode .card-artwork.no-image {
	background: var(--global--color-white-95);
}

.dark-mode .portada-podcast .card-artwork-overlay .overlay-content,
.dark-mode .component-slider .swiper-wrapper .swiper-slide .portada-podcast .card-artwork-overlay,
.dark-mode .card-artwork-overlay {
	background: var(--global--color-black-40);
}
/*Footer*/

.hide-footer .footer-component {
	display: none;
}

.footer-component .separator-full-screen {
	margin-bottom: var(--global-spacing-08);
}

.footer-component .macba-menu-container {
	border-bottom:  var(--global-border-width-s) solid var(--global--color-black-95);
	padding-bottom: var(--global-spacing-08);
	margin-bottom: var(--global-spacing-07);
}

.footer-component .macba-address.caption-m {
	text-transform: uppercase;
}

.footer-component .macba-menu-container .macba-consorci,
.footer-component .macba-menu {
	margin-bottom: var(--global-spacing-06);
}

.footer-component .macba-menu-list li {
	margin-bottom: var(--global-spacing-03);
}

.footer-component.text-body .body-m,
.footer-component.text-body .body-s,
.footer-component.text-body .body-xs {
	color: var(--global--color-black-50);
}

.footer-component.text-body .body-s span {
	color: var(--global--color-black);
}

.footer-component .macba-newsletter {
	margin-bottom: var(--global-spacing-05);
}

.footer-list div:not(:first-child)::before {
	content: '·';
	padding: 0 8px;
} 

.footer-list-content {
	margin-bottom: var(--global-spacing-07);
}

@media screen and (max-width: 991px) {
	.footer-component {
		margin-bottom: var(--global-spacing-11);
	}

	.footer-component .macba-menu-container {
		margin-bottom: var(--global-spacing-08);
	}

	.footer-component .macba-menu-container .macba-address-content {
		align-items: center;
		text-align: center;
		margin-bottom: var(--global-spacing-09);
	}

	.footer-component .macba-menu-container .macba-address-content .macba-logo,
	.footer-component .macba-menu-container .macba-consorci,
	.footer-component .macba-menu .macba-menu-list,
	.footer-component .macba-menu-content.macba-consorci-content .macba-menu-list .svg-consorci-icon{
		margin-bottom: var(--global-spacing-07);
	}

	.macba-menu-content {
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
		margin-bottom: var(--global-spacing-05);
	}

	.macba-menu-content.macba-consorci-content {
		margin-bottom: var(--global-spacing-03);

	}

	.macba-menu-content.macba-consorci-content .macba-menu-list {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.macba-newsletter-content {
		text-align: center;
	}

	.footer-list-content {
		flex-direction: column;
		text-align: center;
		align-items: center;
		padding-bottom: var(--global-spacing-08);
	}

	.footer-list-content .footer-list {
		flex-direction: column;
		text-align: center;
		align-items: center;
		gap: var(--global-spacing-04)!important;
		margin-bottom: var(--global-spacing-07);
	}

	.footer-list div:not(:first-child)::before {
		content: '';
	}

	.dark-mode .footer-component .separator-full-screen {
		border-bottom: var(--global-border-width-s) solid rgba(255, 255, 255, 0.12)!important;
	}

	.dark-mode .detail-template .card-data:not(:last-child) {
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	}

	.dark-mode .detail-template .technical-info-container .card-data:not(:last-child) {
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	}
}

/*Footer dark mode*/

.dark-mode .footer-component .separator-full-screen {
	border: 0;
}

.dark-mode .footer-component .macba-logo .macba-logo-type {
	fill: var(--global--color-black)
}

.dark-mode .footer-component .macba-logo .macba-logo-bg {
	fill: var(--global--color-white)
}

.dark-mode .separator-full-screen,
.dark-mode .footer-component .macba-menu-container {
	border-bottom: var(--global-border-width-s) solid rgba(255, 255, 255, 0.12);
}

.dark-mode .footer-component .text-caption.caption-m,
.dark-mode .footer-component .text-highlight.highlight-m {
	color: var(--global--color-white);
}

.dark-mode .footer-component.text-body .body-m,
.dark-mode .footer-component.text-body .body-s,
.dark-mode .footer-component.text-body .body-xs {
	color: var(--global--color-white-50);
}

.dark-mode .footer-component.text-body .body-s span {
	color: var(--global--color-white);
}

.dark-mode .svg-button-icon path,
.dark-mode .svg-button-icon path,
.dark-mode .svg-save-icon path,
.dark-mode .svg-player-icon path,
.dark-mode .svg-slider-icon path,
.dark-mode .svg-language-icon path,
.dark-mode .svg-consorci-icon path {
	fill: var(--global--color-white);
}

.dark-mode .svg-consorci-icon path.svg-ajuntament-icon {
	fill: var(--global--color-black);
}

.dark-mode .svg-player-icon rect,
.dark-mode .svg-save-icon rect,
.dark-mode .svg-slider-icon rect {
	stroke: var(--global--color-white);
}

/* Masonry Gallery */

@media only screen and (min-width: 992px) {
	.masonry-grid.grid-cols-3 .grid-item {
		width: 33%;
	}

	.masonry-grid.grid-cols-2 .grid-item {
		width: 50%;
	}

	.masonry-grid.grid-cols-1 .grid-item {
		width: 100%;
	}

	.grid-item {
		padding: var(--global-spacing-07) var(--global-spacing-04)!important;
	}

	.masonry-grid {
		margin-right: calc(var(--global-spacing-04) * -1)!important;
		margin-left: calc(var(--global-spacing-04) * -1)!important;
	}
}

.grid-item{
	break-inside: avoid;
	float: left;
	padding: var(--global-spacing-04) 0px;
	box-sizing: border-box;
}
.masonry-img {
	width: 100%;
	height: auto;
}

/* Imatge Carrousel */

.image-carrousel .swiper-slide img{ 
	width: 100%;
	height: auto;
	object-fit: cover;
}

.image-carrousel .carrousel-col-1 img{
	aspect-ratio: 2/1;
}

.image-carrousel .carrousel-col-2 img{
	aspect-ratio: 1/1;
}

.image-carrousel .carrousel-col-3 img{
	aspect-ratio: 5/4;
}

.image-carrousel .pagination {
	gap: var(--global-spacing-03);
}

/* Mes Contigut similar */

.mes-contingut-similar {
	background-color: var(--global--color-brown-95);
	padding: var(--global-spacing-07);
}

.mes-contingut-similar .macba-fitxa.macba-fitxa-sm,
.mes-contingut-similar .macba-fitxa.macba-fitxa-md {
	margin-bottom: 0;
}

.dark-mode .mes-contingut-similar {
	background-color: var(--global--color-white-95);
}

/* Buttons block */

.buttons-block {
	display: flex;
	gap: var(--global-spacing-05);
	flex-wrap: wrap;
}

.buttons-block .button-primary {
	display: flex;
	gap: var(--global-spacing-02);
	align-items: center;
}

.dark-mode .buttons-block svg path {
	fill: var(--global--color-white);
}

/* Banner block */
.block-banner {
	background-color: var(--global--color-black-98);
}

.block-banner img{
	aspect-ratio: 2.8/1;
	object-fit: cover;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.dark-mode .block-banner {
	background-color: var(--global--color-white-95);
	color: var(--global--color-white);
}

@media (max-width: 768px) {
	.block-banner img{
		aspect-ratio: 1.5/1;
		object-fit: cover;
		width: 100%;
		height: auto;
	}

	.block-banner .title-l {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}
}

/* Contacte block */

.block-contacte .contacte-info {
	width: 50%;
}

.block-contacte .contacte-info:not(:first-child){
	padding-left: var(--global-spacing-07);
	border-left: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .block-contacte .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .block-contacte .contacte-title, 
.dark-mode .block-contacte .contacte-subtitle {
	color: white;
}

@media (max-width: 768px) {
	.contacte-info-container {
		flex-direction: column;
	}
	.block-contacte .contacte-info {
		width: 100%;
	}

	.block-contacte .contacte-info:not(:first-child){
		margin-top: var(--global-spacing-07);
		padding-top: var(--global-spacing-07);
		border-top: var(--global-border-width-s) solid var(--global--color-black-93);
		border-left: none;
		padding-left: 0;
	}

	.dark-mode .block-contacte .contacte-info:not(:first-child){
		border-top: var(--global-border-width-s) solid var(--global--color-white-93);
	}
}

@media screen and (min-width: 769px) {
	.dark-mode .block-contacte .contacte-info:not(:first-child){
		border-left: var(--global-border-width-s) solid var(--global--color-white-93);
	}
}

/* Barra de desplazamiento vertical */
.macba-scrollbar::-webkit-scrollbar {
    width: 5px;
}

.macba-scrollbar::-webkit-scrollbar-track {
    background-color: var(--global--color-black);
}

.macba-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--global--color-white);
    border-radius: 5px;
}

.macba-scrollbar-black::-webkit-scrollbar {
    width: 5px;
}

.macba-scrollbar-black::-webkit-scrollbar-track {
    background-color: var(--global--color-white);
}

.macba-scrollbar-black::-webkit-scrollbar-thumb {
    background-color: var(--global--color-black);
    border-radius: 5px;
}

/* Languages Menu */

.dropdown-menu.languages-menu {
	padding: var(--global-spacing-07) var(--global-spacing-05) var(--global-spacing-05);
	border-bottom: none;
	border-radius: var(--global-border-radius-l);
}

.footer-languages .dropdown-menu.languages-menu {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

#radioMainMenu .dropdown-menu.languages-menu,
.dark-mode .footer-languages .dropdown-menu.languages-menu {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-90);
}

.wpml-ls-statics-shortcode_actions {
	display: flex;
}

.wpml-ls-legacy-list-horizontal>ul {
	display: flex;
	flex-direction: column;
}

.wpml-ls-statics-shortcode_actions li {
	font-family: var(--global--button-font-family);
	font-size: var(--global--button-m-font-size);
	line-height: var(--global--button-m-line-height);
	text-transform: uppercase;
	white-space: nowrap;
	text-align: end;
}

.wpml-ls-statics-shortcode_actions li a {
	display: flex;
	align-items: center;
	gap: var(--global-spacing-04);
	padding: 0;
}

.wpml-ls-statics-shortcode_actions li a::before {
	content: url('/wp-content/themes/macba/img/ic-checkbox.svg');
	height: 8px;
	width: 8px;
	padding: 8px 9px 10px;
	border-radius: 1000px;
	border: var(--global-border-width-s) solid var(--global--color-black-93);
	display: flex;
	justify-content: center;
	align-items: center;
}

.dark-mode .wpml-ls-statics-shortcode_actions li a {
	color: var(--global--color-white);
}

.dark-mode .wpml-ls-statics-shortcode_actions li a::before {
	content: url('/wp-content/themes/macba/img/ic-checkbox-dark-mode.svg');
	border-color: var(--global--color-white-90);
}

.wpml-ls-statics-shortcode_actions li a:hover::before {
	background-color: var(--global--color-black);
}

.dark-mode .wpml-ls-statics-shortcode_actions li a:hover::before {
	background-color: var(--global--color-white);
}

.wpml-ls-statics-shortcode_actions li:not(:last-child) {
	padding-bottom: var(--global-spacing-05);
}

/* Accodrion */

.accordion-icon {
	height: 16px;
	display: flex;
}

.accordion-icon::before {
	content: "";
	background-image: url('/wp-content/themes/macba/img/ic-show-less.svg');
	width: 16px;
	height: 16px;
	transition: transform 0.3s;
	display: inline-block;
	transform: rotate(0deg);
	position: absolute;
	top: 0;
}

/* Cambia el ícono a "+" cuando el acordeón está expandido */
.accordion-button.collapsed .accordion-icon::before {
	transform: rotate(90deg);
}
.hide-accordion-item {
	display: none
}

.artwork-modal-container {
	display: none;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background-color: var(--global--color-black);
	z-index: 9999;
	color: white;
	flex-direction: column;
}

.artists-list-modal-container {
	display: none;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999999;
}

.artwork-modal-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: var(--global-spacing-07);
}

.artwork-modal-grid .col-span-5{
	grid-column: span 5 / span 5;
	overflow: hidden;
}

.artwork-modal-grid .swiper-slide img {
	max-height: 100%;
	max-width: 100%;
}

.img-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.artwork-modal-container .flex-1 {
	flex: 1 1 0%;
	max-height: calc(100% - 68px);
}

.artwork-modal-controls {
	position: absolute;
	width: 100vw;
	top: 50%;
	left: 0;
}

.artwork-modal-controls .pagination {
	justify-content: space-between;
}

/*Not found 404*/

.not-found	{
	background: var(--global--color-black);
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	height: calc(100vh - 56px);
}

.not-found-trasnparent	{
	background: transparent !important;
}

.not-found .top-info {
	gap: var(--global-spacing-03);
}

.not-found .top-info .info-description::first-letter {
	text-transform: uppercase;
}

.not-found .top-info .info-description span {
	font-weight: var(--global--font-weight-semibold);
	text-decoration-line: underline;
}

.not-found .top-info .info-description span button {
	font-family: var(--global--body-font-family);
	font-size: var(--global--body-m-font-size);
	line-height: var(--global--body-m-line-height);
	font-weight: var(--global--font-weight-semibold);
	text-decoration-line: underline;
}

.not-found .bottom-info {
	border-top: var(--global-border-width-s) solid var(--global--color-white-93);
	flex-grow: 1;
	position: relative;
	overflow: hidden;
}

.not-found .bottom-info > div:first-child {
	max-width: 33%;
}

.not-found .not-found-image {
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: cover;
}

.not-found-image-container {
	text-align: end;
}

@media only screen and (max-width: 992px) {
	
	.not-found .info-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}
}

 @media only screen and (max-width: 767px) {

	.not-found {
		height: 100%;
	}

	.not-found .not-found-image {
		height: 100%;
		width: 100%;
	}

	.not-found .bottom-info > div:first-child {
		max-width: 100%;
	}
}

@media only screen and (max-width: 590px) {
	
	.not-found .bottom-info .not-found-image-container {
		max-height: 100%;
	}
}

/*Pricing*/

.pricing-content {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

/*Pricing dark mode*/

.dark-mode .pricing-description,
.dark-mode .pricing-be-part,
.dark-mode .pricing-features {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .pricing-content {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

@media only screen and (max-width: 768px) {

	.pricing-image {
		height: auto;
	}

	.pricing-give-away-container {
		flex: 1 1 0%;
	}

	.pricing-give-away-button,
	.pricing-friend-button {
		width: 100%;
	}

	.pricing-content {
		border-bottom: none;
	}
}

/* Anchor list Container */

.anchor-list-container .anchor-list {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	margin-bottom: var(--global-spacing-07);
}

.anchor-list-container.fix .anchor-list {
	margin-bottom: 0;
}

.anchor-list-container.fix {
	background: var(--global--color-white);
	position: fixed;
	padding: 0 var(--global-spacing-07);
	left: 0;
	top: var(--global-header-height);
	margin-bottom: 0;
	z-index: 9;
	max-width: 100%;
	width: 100%;
}


.dark-mode .anchor-list-container.fix {
	background: var(--global--color-black);
}

.dark-mode .anchor-list-container .anchor-list {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .anchor-list-container .dropdown-item {
	color: var(--global--color-white)!important;
}

.dark-mode .anchor-list-container .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

@media (max-width: 768px) {
	.anchor-list-container.fix {
		bottom: var(--global-spacing-11);
		top: auto;
		border-top: var(--global-border-width-m) solid var(--global--color-white-95);
		padding-left: var(--global-spacing-05);
	}

	.anchor-list-container .anchor-list {
		border-bottom: none;
		margin: 0;
	}

	.anchor-list-container .anchor-filter {
		justify-content: space-between;
		width: 100%;
	}

	.anchor-list-container .header-language-dropdown {
		display: none;
	}
}

/* Basic Page template */

.basic-page > p {
	max-width: 80%;
	font-family: var(--global--title-font-family);
	font-size: var(--global--title-l-font-size);
	line-height: var(--global--title-l-line-height);
	font-weight: var(--global--title-font-weight);
	padding-bottom: var(--global-spacing-08);
}

.basic-page iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 2/1;
}

/*Single Colleccionable*/

.single-collectable.detail-template .complex-list,
.single-collectable.detail-template .lliure-contingut-block {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
	padding: 0  var(--global-spacing-07) 0 var(--global-spacing-08);
}

.single-collectable.detail-template .full-width-block.component-slider.highlight-slider {
	padding-right: var(--global-spacing-04);
}

@media screen and (max-width: 768px)  {
	.single-collectable.detail-template .subtitle {
		padding-bottom: var(--global-spacing-11);
		margin-bottom: var(--global-spacing-05);
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.single-collectable.detail-template .detail-template-header {
		padding-top: 0;
		padding-bottom: var(--global-spacing-08);
	}

	.single-collectable.detail-template .complex-list,
	.single-collectable.detail-template .lliure-contingut-block,
	.single-collectable.detail-template .full-width-block,
	.single-collectable.detail-template .component-slider {
		padding: var(--global-spacing-09) var(--global-spacing-05)!important;
	}

	.single-collectable.detail-template .component-slider.highlight-slider .grid-item:nth-child(2n+1) {
		padding: 0 var(--global-spacing-05) var(--global-spacing-05) 0;
	}

	.single-collectable.detail-template .component-slider.highlight-slider .grid-item:nth-child(2n) {
		padding: 0 0 var(--global-spacing-05) 0;
	}

	.dark-mode .single-collectable.detail-template .subtitle {
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	}

	.dark-mode .detail-template .detail-template-header .card-header-title.collectable {
		border-bottom: none;
	}
}

.dark-mode .single-collectable.detail-template .detail-template-content p {
	color: var(--global--content-inverted-primary);
}

.dark-mode .single-collectable.detail-template .lliure-contingut-block,
.dark-mode .single-collectable.detail-template .full-width-block {
	color: var(--global--content-inverted-primary);
}

.dark-mode .single-collectable.detail-template .taxonomy-text,
.dark-mode .single-collectable.detail-template .content-secondary,
.dark-mode .single-collectable.detail-template .full-width-block.component-slider .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .accordion-icon {
	filter: invert(100%);
}

.dark-mode .accodrion-box {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.full-content-anchor {
	z-index: 999;
}

/*Edifici / Building*/

.card-building .component-full-content .buttons-block {
	border-top: var(--global-border-width-s) solid var(--global--color-white-93);
}

.card-building .contact-info {
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
}

.card-building	.tour-item-left {
	padding: 0;
}

.card-building .card-data .card-data {
	margin-bottom: 0 !important;
}

.card-building .tour-item-left img {
	margin-bottom: 0;
}

.card-building .macba-fitxa {
	padding-right: var(--global-spacing-07);
	margin-bottom: 0;
}

.card-building .component-slider .swiper-slide {
	padding-bottom: 0;
}

.card-building .section-contact {
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .card-building .section-contact {
	border-top: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .card-building .macba-fitxa {
	border-right: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .card-building .content-secondary,
.dark-mode .card-building .section-contact .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

.dark-mode .highlight-slider .link-slide {
	background-color: var(--global--color-white-98);
}

.dark-mode .component-slider .swiper-slide a {
	color: var(--global--content-inverted-primary);
}

.dark-mode .component-slider .swiper-slide a svg path {
	fill: var(--global--content-inverted-primary);
}

@media screen and (max-width: 768px) {

	.card-building .building-description {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
		padding-top: var(--global-spacing-07);
	}

	.card-building .component-full-content {
		height: 100%;
		margin-bottom: 0;
	}

	.card-building .component-full-content .card-background {
		height: 70vh;
	}

	.card-building  .buttons-block {
		padding-top: var(--global-spacing-07) !important;
		padding-bottom: var(--global-spacing-07) !important;
		margin-bottom: var(--global-spacing-09);
	}

	.card-building .building-spaces-filter .spaces-title {
		text-transform: none !important;
		font-size: var(--global--title-l-font-size);
		line-height: var(--global--title-l-line-height);
		font-family: var(--global--title-font-family);
		font-weight: var(--global--title-font-weight);
	}

	.card-building .building-spaces-filter .dropdown .macba-button.button-basic-m.button-secondary.button-minimal {
		padding-top: var(--global-spacing-03);
		padding-bottom: var(--global-spacing-03);
	}

	.card-building .tour-item-left {
		padding-bottom: var(--global-spacing-05) !important;
	}

	.card-building .macba-fitxa {
		border-right: none;
		padding-right: 0;
	}

	.card-building .card-data {
		margin-bottom: 0 !important;
		padding-top: var(--global-spacing-05);
	}

	.card-building .tour-item-right {
		padding-bottom: var(--global-spacing-09) !important;
	}

	.card-building .macba-fitxa-md .card-data .card-title {
		padding-top: var(--global-spacing-04);
		padding-bottom: var(--global-spacing-05);
	}

	.card-building .macba-title-subtitle-container {
		padding-left: 0;
		padding-right: 0;
	}

	.card-building .macba-fitxa-md .card-data .macba-type {
		padding-top: 0;
	}

	.card-building .macba-fitxa-md .card-data .save-button {
		margin-top:  0;
	}

	.card-building .tour-item-right .macba-button.button-basic-m,
	.card-building .buttons-block a,
	.card-building .spaces-button.macba-button.button-basic-m {
		width: 100%;
		text-align: center;
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
	}

	.card-building .component-slider {
		padding-top: var(--global-spacing-09) !important;
		padding-bottom: var(--global-spacing-09) !important;
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);

	}

	.card-building .component-slider .text-display{
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.card-building .component-slider .swiper-wrapper .swiper-slide {
		margin-right: var(--global-spacing-05) !important;
	}
}

/* Hero Landing */

.hero-landing {
	position: relative;
	height: 100%;
}

.hero-landing .hero-background {
	background: var(--global--color-brown-95);
	width: 100vw;
	position: absolute;
	left: calc(-50vw + 50%);
	height: 100%;
	z-index: -1;
}

.hero-landing.macba-background-white .hero-background {
	background: var(--global--color-white);
}

.dark-mode .hero-landing .hero-background {
	background: var(--global--color-white-95);
}

.dark-mode .hero-landing .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

.hero-landing .component-slider {
	padding: 0!important;
	width: 100%;
	left: inherit;
}

.hero-landing .component-slider .show-all-button {
	display: none;
}

.hero-landing .component-slider .swiper-slide {
	padding-bottom: 0;
}

.hero-landing .highlight-slider .link-slide {
	background-color: var(--global--color-white);
}

.hero-landing.macba-background-white .highlight-slider .link-slide {
	background-color: var(--global--color-brown-95);
}

.dark-mode .hero-landing.macba-background-white .highlight-slider .link-slide {
	background-color: var(--global--color-white-95);
}


@media screen and (max-width: 768px) {
	.hero-landing .programs-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.hero-landing .programs-description {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}

	.hero-landing .buttons-block {
		padding-top: var(--global-spacing-07) !important;
		padding-bottom: var(--global-spacing-07) !important;
	}

	.hero-landing .buttons-block .macba-button.button-basic-m {
		width: 100%;
		text-align: center;
	}

	.hero-landing .component-slider {
		padding-top: var(--global-spacing-09) !important;
		padding-bottom: 0 !important;
	}
}

/*Atri Museu*/

.header-list div:not(:first-child)::before {
	content: '·';
	padding: 0 var(--global-spacing-03);
}

.atri-museu .atri-museu-list .atri-museu-card {
	width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
}

.atri-museu .atri-museu-list .atri-museu-card:nth-child(odd) {
	background: var(--global--color-brown-95);
}

.atri-museu .atri-museu-list .atri-museu-card.uncomming-activities {
	background: var(--global--color-white);
}

.atri-museu .atri-museu-list .atri-museu-card .atri-image {
	aspect-ratio: 4/3 !important;
	object-fit: cover !important;
}

.atri-museu .atri-museu-list .atri-museu-card .atri-title {
	font-family: var(--global--font-inter-tight);
	font-size: var(--global-spacing-08);
	font-weight: var(--global--font-weight-semibold);
	line-height: 38px;
	letter-spacing: var(--global--letter-spacing--2);
}
/*Rental Spaces*/

.card-rental-spaces .component-full-content .buttons-block {
	border-top: var(--global-border-width-s) solid var(--global--color-white-93);
}

.card-rental-spaces .content-container {
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
}

.card-rental-spaces .grid-container {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.card-rental-spaces .grid-container .grid-container-item {
	grid-column: span 10 / span 10;
}

.card-rental-spaces .grid-container .grid-container-item:nth-child(even) {
	grid-column-start: 3;
}

.card-rental-spaces .macba-fitxa {
	margin-bottom: var(--global-spacing-11);
}

.dark-mode .card-rental-spaces .content-container {
	border-top: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .card-rental-spaces .content-container .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

.space-header .space-card-header-content .card-title {
	color: white;
}

@media screen and (min-width: 769px) {
	.card-rental-spaces .description-content {
		position: absolute;
		bottom: 0;
	}

	.card-rental-spaces .button-secondary {
		color: white;
	}

	.card-rental-spaces .component-full-content .svg-button-icon path {
		fill: var(--global--color-white);
	}

	.space-header .space-card-header-content {
		height: 100%;
		top: 0;
	}
}

@media screen and (max-width: 768px) {

	.card-rental-spaces .rental-description {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}

	.card-rental-spaces .buttons-block  {
		padding-top: var(--global-spacing-07)!important;
		padding-bottom: var(--global-spacing-07)!important;
		margin-bottom: var(--global-spacing-09);
	}

	.card-rental-spaces .buttons-block a {
		width: 100%;
		text-align: center;
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
	}

	.card-rental-spaces .macba-title-subtitle-container {
		padding-left: 0;
		padding-right: 0;
	}

	.card-rental-spaces .full-card-data {
		top: 0;
		padding: 0;
		height: 70vh;
	}

	.card-rental-spaces .component-full-content .card-title {
		margin-top: 0;
	}

	.card-rental-spaces .component-full-content .title-l.content-inverted-secondary {
		color: var(--global--color-black);
		padding-top: 24px;
	}

	.card-rental-spaces .component-full-content .macba-button.button-basic-m.button-bold {
		background: var(--global--color-black);
		color: var(--global--color-white);
	}

	.card-rental-spaces .macba-fitxa {
		padding-top: var(--global-spacing-05);
		margin-bottom: var(--global-spacing-10);
	}

	.card-rental-spaces .macba-fitxa-md .card-data .card-title {
		padding-top: var(--global-spacing-04);
		padding-bottom: var(--global-spacing-08);
	}

	.card-rental-spaces .macba-fitxa-md .card-data .save-button {
		margin-top:  0;
	}

	.card-rental-spaces .macba-fitxa-md .card-data .macba-type {
		padding-top: 0;
	}

	.card-rental-spaces .card-background {
		height: 70vh;
	}

	.card-rental-spaces .component-full-content {
		height: 100%;
	}

	.dark-mode .card-rental-spaces .rental-description {
		color: var(--global--content-inverted-primary);
	}

	.card-rental-spaces .grid-container .grid-container-item {
		grid-column: span 12 / span 12;
	}
	
	.card-rental-spaces .grid-container .grid-container-item:nth-child(even) {
		grid-column-start: 1;
	}
}

.leaflet-bottom.leaflet-right {
	visibility: hidden;
}

/*Cerca facetada/avançada*/

.hide-fons {
	display: none !important;
}

.color-inherit {
	color: inherit;
}
.color-inherit:hover{
	color: inherit;	
}

.filter-tags{
	max-height: 100px;
	overflow-y: hidden;
}

.filters-number-icon {
	padding: 2px 6px;
	border-radius: var(--global-border-radius-full);
	background-color: var(--global--color-black);
	color: var(--global--color-white);
}

.filtres-button-padding {
	padding-top: 5px;
	padding-bottom: 5px;
}

.filter-tags.expanded {
	max-height: inherit;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"]:hover:not(:focus):not([value=""])::-webkit-inner-spin-button,
input[type="number"]:hover:not(:focus):not([value=""])::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button;
}

.macba-cerca-facetada-results .macba-fitxa {
	margin-bottom: 0;
}

.macba-cerca-facetada-results .macba-fitxa img {
	aspect-ratio: inherit;
	width: 100%;
	height: auto;
}

.filter-tags-container {
	max-height: 80px;
	overflow: hidden;
}

.filter-tags-container.expand {
	max-height: inherit;
}

.button-expand-tags.expand .veure-tot, 
.button-expand-tags .veure-menys {
	display: none;
}

.button-expand-tags .veure-tot, 
.button-expand-tags.expand .veure-menys {
	display: block;
}

.macba-cerca-facetada .container .search-input .form-control::placeholder {
	color: var(--global--content-tertiary);
	font-family: var(--global--title-font-family);
	font-size: var(--global--title-s-font-size);
	font-weight: var(--global--title-font-weight);
	line-height: var(--global--title-s-line-height);
	letter-spacing: var(--global--title-letter-spacing);
}

.macba-page-header .filtres-counter {
	color: var(--global--color-white);
	background: var(--global--color-black);
	border-radius: var(--global-border-radius-full);
	padding: var(--global-spacing-01) 6px;
}

.macba-cerca-facetada .filtres-resultat {
	background: var(--global--color-brown-95);
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
}

.macba-cerca-facetada .search-input-container .svg-button-icon.intro text {
	text-transform: uppercase;
	fill: var(--global--content-tertiary);
}

.macba-cerca-facetada .filtres-resultat .card-table-item:not(:last-child) {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.card-document.no-image {
	background: var(--global--color-brown-95);
	padding: var(--global-spacing-05);
}

.dark-mode .card-document.no-image {
	background: var(--global--color-white-95);
}

.form-control:focus {
	color: var(--global--content-primary);
    background-color: var(--global--color-white);
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.advanced-search-menu .form-content {
	background-color: var(--global--color-white);
	border-radius: var(--global-border-radius-m);
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 90vh;
	height: fit-content;
}

.advanced-search-menu .filters-container .filter-item {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.advanced-search-menu .artist-selector {
	border-top-right-radius: var(--global-border-radius-m);
	border-top-left-radius: var(--global-border-radius-m);
	border: var(--global-border-width-s) solid var(--global--color-black-95);
}

.advanced-search-menu .filter-item .fons-item:first-child {
	border-top-right-radius: var(--global-border-radius-m);
	border-top-left-radius: var(--global-border-radius-m);
}

.advanced-search-menu .filter-item .fons-item:last-child {
	border-bottom-right-radius: var(--global-border-radius-m);
	border-bottom-left-radius: var(--global-border-radius-m);
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.advanced-search-menu .filter-item .fons-item {
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
	border-right: var(--global-border-width-s) solid var(--global--color-black-95);
}

.advanced-search-menu .artist-selected {
	border-bottom-right-radius: var(--global-border-radius-m);
	border-bottom-left-radius: var(--global-border-radius-m);
	border: var(--global-border-width-s) solid var(--global--color-black-95);
}

.macba-modal{
	z-index: 9995;
}

.advanced-search-menu.search-expanded{
	z-index: 9999;
}

.macba-modal .icon-tag {
	color: var(--global--color-black-50);
	background-color: var(--global--color-black-98);
	border-radius: var(--global-border-radius-full);
	padding: var(--global-spacing-02) var(--global-spacing-03);
}

.dark-mode .macba-modal .icon-tag.content-secondary {
	color: var(--global--color-black-50)!important;
	background-color: var(--global--color-black-98);
}

.dark-mode .macba-modal {
	color: var(--global--color-black);
}

.advanced-search-menu .search-form .dropdown .macba-button.button-basic-m.button-secondary {
	border-radius: var(--global-border-radius-m);
	text-transform: none;
}

.advanced-search-menu .search-form .macba-button.button-basic-m.button-secondary:hover {
	color: var(--global--color-black);
    border: var(--global-border-width-s) solid var(--global--color-black-93);
    background: var(--global--color-black-93);
}

.advanced-search-menu .search-form .filters-container .filter-item .dropdown .nav-item {
	list-style: none;
}

.advanced-search-menu .search-form a {
	text-decoration: none;
	cursor: pointer;
}

.advanced-search-menu.search-expanded {
	left: 0;
}

.advanced-search-menu .filters-buttons-container {
	position: sticky;
	bottom: 0;
	left: 0;
	background-color: var(--global--color-white);
}

.advanced-search-menu#advancedSearchMenuDocuments .filters-container .filter-item .fons-item {
	border-top-right-radius: var(--global-border-radius-m);
	border-top-left-radius: var(--global-border-radius-m);
}

.cerca-card-actor .artwork-title {
	font-family: var(--global--font-launchtype);
	font-weight: var(--global--display-font-weight);
	font-size: var(--global--display-s-font-size);
	line-height: var(--global--display-s-line-height);
}

@media screen and (max-width: 768px) {
	.macba-cerca-facetada .macba-page-header {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.macba-cerca-facetada .vertical-separator {
		border: var(--global-border-width-s) solid transparent;
	}

	.macba-cerca-facetada .container .search-input {
		overflow: hidden;
		white-space: nowrap;
	}	

	.advanced-search-menu .artist-selector {
		border-bottom-right-radius: var(--global-border-radius-m);
		border-bottom-left-radius: var(--global-border-radius-m);
	}

	.advanced-search-menu .form-content {
		border-radius: var(--global-border-radius-l);
	}

	.advanced-search-menu .form-content {
		height: 100%;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.advanced-search-menu .filters-container {
		max-height: 100vh;
		margin-bottom: var(--global-spacing-12);
		padding-bottom: var(--global-spacing-09);
	}

	.advanced-search-menu .filters-buttons-container,
	.macba-cerca-facetada .themes-filter .dropdown-menu,
	.macba-cerca-facetada .macba-page-header .filter-bar.fixed,
	.macba-magazine-page .macba-page-header .filter-bar.fixed {
		position: fixed !important;
		z-index: 999;
		background: var(--global--color-white);
		width: 100%;
		left: 0;
		bottom: var(--global-spacing-11);
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-05);
	}

	.macba-cerca-facetada .themes-filter .dropdown-menu {
		transform: none !important;
		inset: auto auto 56px 0px !important;
		z-index: 9999;
	}

	.filters-buttons .button-basic-m {
		font-size: var(--global--body-xs-font-size);
	}

	.sm-w-100{
		width: 100%;
	}
}

.border-bottom-neutral {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.border-left-neutral {
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .border-bottom-neutral {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

/*slider resenyes reviews slider*/

.reviews-slider.swiper-slide {
	background: var(--global--color-black-98);
	padding: var(--global-spacing-05);
}

.dark-mode .reviews-slider.swiper-slide .content-primary {
	color: var(--global--content-inverted-primary);
}

.dark-mode .highlight-slider .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .full-width-block .header {
    border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .reviews-slider.swiper-slide {
	background: var(--global--color-white-98);
}
/* Publicacions */

.publications-filters {
	display: flex;
	gap: var(--global-spacing-05);
	border-left: var(--global-border-width-s) solid var(--global--color-black-95);
	padding-left: var(--global-spacing-05);
}

.publications-filters .filters-num {
	padding: 1px 5px;
	background-color: var(--global--color-black);
	border-radius: 1000px;
	color: var(--global--color-white);
}

.modal.show .modal-dialog {
	z-index: 99999;
}

@media screen and (min-width: 769px) {
	.publications-filter {
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}
}

/*Repositiori digital*/

.repositori-digital .macba-five-videos-card .video-buttons-container {
	display: none !important;
}

.repositori-digital .macba-five-videos-card .card-data {
	padding-top: 0;
}

.repositori-digital .card-artwork-overlay {
    bottom: 0px;
}

@media screen and (max-width: 769px) {
	.repositori-digital .header .header-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.repositori-digital .artworks-exhibition .macba-button.button-basic-m {
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
	}

	.repositori-digital .artworks-exhibition .section-header {
		margin-bottom: var(--global-spacing-05);
	}

	.repositori-digital .artworks-exhibition .masonry-grid .grid-item .card-artwork-overlay {
		bottom: 8px;
		left: 8px;
		right: 8px;
	}
}

@media screen and (max-width: 576px) {
	
	.repositori-digital .artworks-exhibition .masonry-grid.grid-cols-3 .grid-item {
		width: 50%;
		padding: var(--global-spacing-03);
	}
}

/*Repositiori digital dark mode*/

.dark-mode .repositori-digital .content-primary {
	color: var(--global--content-inverted-primary) !important;
}

.dark-mode .repositori-digital p,
.dark-mode .repositori-digital .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .repositori-digital .content-tertiary {
	color: var(--global--content-inverted-tertiary) !important;
}

.dark-mode .repositori-digital path.content-tertiary {
	fill: var(--global--content-inverted-tertiary);
}

.dark-mode .detall-podcast .component-slider .document-slider .card-data,
.dark-mode .repositori-digital .component-slider .document-slider .card-data, .artwork-card .component-slider .document-slider .card-data {
    background: var(--global--color-white-98);
}

/*Suport*/

.macba-suport-block .suport-logo {
	height: 112px;
	width: 185px;
	max-height: 112px;
	max-width: 185px;
	padding: var(--global-spacing-01) var(--global-spacing-01);
	border: var(--global-border-width-s) solid var(--global--color-black-95);
}

.macba-suport-block .suport-logo a {
	max-width: 100%;
	max-height: 100%;
}

.macba-suport-block .suport-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 108px;
	max-width: 181px;
}

@media screen and (max-width: 768px) {
	.macba-suport-block .suport-icons-container {
		flex-wrap: nowrap!important;
		overflow: auto;
	}

	.macba-suport-block .suport-logo img {
		width: inherit;
	}
}

/*Suport dark-mode*/

.dark-mode .macba-suport-block {
	background: var(--global--color-black);
}

.dark-mode .macba-suport-block .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .macba-suport-block .suport-logo {
	border: var(--global-border-width-s) solid var(--global--color-white-93);
	background-color: var(--global--color-white);
}

/* Fitxa document arxiu */

.fitxa-document-arxiu .basic-text {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.fitxa-document-arxiu .header .audio,
.fitxa-document-arxiu .header .no-image {
	background: var(--global--color-black-98);
	border: var(--global-border-width-s) solid var(--global--color-black-95);
	height: 185px;
}

.fitxa-document-arxiu .buttons-block {
	padding-top: var(--global-spacing-07) !important;
	gap: var(--global-spacing-03);
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
}

.fitxa-document-arxiu .magba-picture {
	aspect-ratio: 16/9;
}

.macba-dropdown-button .arrow path{
	fill: var(--global--color-black-70);
}

.detall-podcast .player-container,
.fitxa-document-arxiu .player-container {
	width: 100vw;
	position: relative;
    left: calc(-50vw + 50%);
}

.macba-magazine-detall-template .podcast-audio .timeline-container .total-time, 
.macba-magazine-detall-template .podcast-audio .timeline-container .current-time,
.detall-podcast .podcast-audio .timeline-container .total-time, 
.detall-podcast .podcast-audio .timeline-container .current-time,
.fitxa-document-arxiu .podcast-audio .timeline-container .total-time, 
.fitxa-document-arxiu .podcast-audio .timeline-container .current-time {
	white-space: nowrap;
}

.macba-magazine-detall-template .podcast-audio,
.detall-podcast .podcast-audio,
.fitxa-document-arxiu .podcast-audio {
	font-family: var(--global--caption-font-family);
	font-size: var(--global--caption-s-font-size);
	font-weight: var(--global--caption-font-weight);
	line-height: var(--global--caption-s-line-height);
	letter-spacing: var(--global--caption-letter-spacing);
}

.macba-magazine-detall-template .podcast-audio .d-flex.gap-16,
.detall-podcast .podcast-audio .d-flex.gap-16,
.fitxa-document-arxiu .podcast-audio .d-flex.gap-16 {
	gap: var(--global-spacing-05);
}

.detall-podcast .podcast-audio .range-line.timeline,
.fitxa-document-arxiu .podcast-audio input[type='range'] {
	overflow: hidden;
	width: 100%;
	-webkit-appearance: none;
	background: rgba(11, 14, 13, 0.3);
	height: 2px;
}

.detall-podcast .podcast-audio .range-line.full-mobile-player.timeline {
	background: transparent;
}

.detall-podcast .podcast-audio .range-line.timeline::-webkit-slider-runnable-track,
.fitxa-document-arxiu .podcast-audio input[type='range']::-webkit-slider-runnable-track {
	height: 2px;
	width: 100%;
	-webkit-appearance: none;
	background: rgba(11, 14, 13, 0.3);
	margin-top: -1px;
}

.detall-podcast .podcast-audio .range-line.timeline::-webkit-slider-thumb,
.fitxa-document-arxiu .podcast-audio input[type='range']::-webkit-slider-thumb {
	width: 0;
	height: 0;
	-webkit-appearance: none;
	box-shadow: -1000px 0 0 1000px #0B0E0D;

}

.detall-podcast .player-container.fix,
.fitxa-document-arxiu .player-container.fix {
	position: fixed;
	z-index: 997;
	bottom: 0;
}

.fitxa-document-arxiu .inline-message {
	background: rgba(250, 190, 0, 0.16);
	margin-bottom: 0 !important;
}

.fitxa-document-arxiu .inline-message .warnning {
	color: #B15916;
}

.fitxa-document-arxiu .macba-button.button-basic-m.button-bold.restricted {
	color: var(--global--color-white);
	background-color: var(--global--color-black-90);
    border: 0;
}

.detall-podcast .player-container.desktop-bar .podcast-audio .player-buttons .player-button-bold .ic-play,
.detall-podcast .player-container.desktop-bar .podcast-audio .player-buttons .player-button-bold .ic-pause svg,
.fitxa-document-arxiu .player-container.desktop-bar .podcast-audio .player-buttons .player-button-bold .ic-play,
.fitxa-document-arxiu .player-container.desktop-bar .podcast-audio .player-buttons .player-button-bold .ic-pause svg {
	width: var(--global-spacing-08);
	height: var(--global-spacing-08);
}

.fitxa-document-arxiu .macba-button.button-basic-m.button-bold.restricted svg {
	display: flex !important;
}

.fitxa-document-arxiu .action-buttons .macba-button.button-basic-m.button-secondary.icon-button {
	padding: 6px;
}

.component-full-content .reproduir,
.repositori-digital .reproduir,
.fitxa-document-arxiu .reproduir,
.macba-fitxa.macba-fitxa-lg .reproduir {
	background: var(--global--color-white);
	border-radius: var(--global-border-radius-l);
	position: absolute;
	padding: var(--global-spacing-02) var(--global-spacing-03);
	cursor: pointer;
}

.macba-fitxa.macba-fitxa-lg .veure-mes-button .veure-mes.time-mark {
	display: block !important;
}

@media screen and (max-width: 768px) {

	.fitxa-document-arxiu .header .title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.fitxa-document-arxiu .buttons-block {
		padding-top: var(--global-spacing-05)!important;
	}

	.fitxa-document-arxiu .buttons-block .macba-button.button-basic-m.button-bold,
	.fitxa-document-arxiu .buttons-block .macba-button.button-basic-m.button-secondary {
		width: 100%;
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
		text-align: center !important;
	}

	.fitxa-document-arxiu .buttons-block .macba-button.button-basic-m.button-secondary.icon-button {
		padding: 10px;
	}

	.fitxa-document-arxiu .buttons-block .mobile-buttons {
		width: 100%;
	}

	.fitxa-document-arxiu .header .audio {
		height: auto;
	}

	.detall-podcast .player-container.fix,
	.fitxa-document-arxiu .player-container.fix {
		position: fixed;
		z-index: 997;
		top: 0;
		bottom: auto;
	}

	.detall-podcast .player-container .podcast-audio .player-buttons .player-button-bold .ic-play,
	.detall-podcast .player-container .podcast-audio .player-buttons .player-button-bold .ic-pause svg,
	.fitxa-document-arxiu .player-container .podcast-audio .player-buttons .player-button-bold .ic-play,
	.fitxa-document-arxiu .player-container .podcast-audio .player-buttons .player-button-bold .ic-pause svg {
		width: var(--global-spacing-08);
		height: var(--global-spacing-08);
	}

	.detall-podcast .player-container .podcast-audio .player-buttons,
	.fitxa-document-arxiu .player-container .podcast-audio .player-buttons {
		gap: var(--global-spacing-04);
	}

	.detall-podcast .player-container .podcast-audio .timeline-container,
	.fitxa-document-arxiu .player-container .podcast-audio .timeline-container {
		position: absolute;
		bottom: 0;
	}

	.detall-podcast .arxiu-podcast,
	.fitxa-document-arxiu .arxiu-podcast {
		width: 100vw !important;
		height: 100vh;
		position: fixed;
		left: calc(-50vw + 50%);
		top: 0;
		margin-bottom: var(--global-spacing-11);
	}

	.detall-podcast .portada-podcast,
	.fitxa-document-arxiu .portada-podcast {
		background: none;
	}

	.fitxa-document-arxiu .portada-podcast .podcast-img {
		aspect-ratio: 5/4;
	}

	.fitxa-document-arxiu .portada-podcast {
		height: calc(100vh - 56px);
		padding-bottom: var(--global-spacing-13);
	}

	.fitxa-document-arxiu .header .no-image {
		height: inherit;
	}

	.swiper-slide .portada-podcast {
		background-color: rgba(11, 14, 13, 0.04)!important;
		margin-bottom: 0;
		height: inherit!important;
		padding-bottom: 0!important;
		width: inherit!important;
		left: inherit!important;
	}

	.dark-mode .swiper-slide .portada-podcast {
		background-color: var(--global--color-white-95)!important;
	}
}

/* Fitxa document arxiu dark mode*/

.dark-mode .fitxa-document-arxiu .header .audio,
.dark-mode .fitxa-document-arxiu .header .no-image {
	background: var(--global--color-white-98);
} 

.dark-mode .fitxa-document-arxiu .basic-text {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .fitxa-document-arxiu .card-buttons-container,
.dark-mode .fitxa-document-arxiu .buttons-block {
	border-top: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .repositori-digital .reproduir .content-primary,
.dark-mode .fitxa-document-arxiu .reproduir .content-primary {
	color: var(--global--content-primary) !important;
}

.dark-mode .fitxa-document-arxiu .player-container .content-primary,
.dark-mode .fitxa-document-arxiu .arxiu-podcast .content-primary {
	color: var(--global--content-primary) !important;
}

.dark-mode .fitxa-document-arxiu .player-container .content-secondary,
.dark-mode .fitxa-document-arxiu .arxiu-podcast .content-secondary {
	color: var(--global--content-secondary) !important;
}

.dark-mode .fitxa-document-arxiu .arxiu-podcast .save-button .save-item .svg-save-icon path,
.dark-mode .fitxa-document-arxiu .player-container .save-button .save-item .svg-save-icon path,
.dark-mode .fitxa-document-arxiu .card-buttons-container .macba-button.button-basic-m.button-secondary.button-minimal .svg-icon path,
.dark-mode .fitxa-document-arxiu .podcast-audio .player-buttons .ten-more-button .svg-player-icon path,
.dark-mode .fitxa-document-arxiu .podcast-audio .player-buttons .ten-less-button .svg-player-icon path,
.dark-mode .fitxa-document-arxiu .podcast-audio .player-buttons .ic-before-after .svg-player-icon path,
.dark-mode .fitxa-document-arxiu .podcast-audio .player-buttons .player-button-bold svg rect {
	fill: var(--global--content-primary);
}

.dark-mode .detall-podcast .podcast-audio .player-buttons .player-button-bold svg path,
.dark-mode .fitxa-document-arxiu .podcast-audio .player-buttons .player-button-bold svg path {
	fill: var(--global--content-inverted-primary);
}

.dark-mode .detall-podcast .arxiu-podcast .save-button,
.dark-mode .detall-podcast .player-container .save-button,
.dark-mode .fitxa-document-arxiu .arxiu-podcast .save-button,
.dark-mode .fitxa-document-arxiu .player-container .save-button {
    color: var(--global--color-black);
    border: var(--global-border-width-s) solid var(--global--color-black-90);
}

/* Artists List */

.artists-list .macba-page-header {
	padding-bottom: var(--global-spacing-04);
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

@media screen and (max-width: 768px) {
	.artists-list .dropdown-menu {
		width: fit-content;
		min-width: 290px;
		left: inherit;
		border-radius: var(--global-border-radius-m);
	}

	.agrupadora-template.artists-list .grid-item {
		width: 100%;
	}

}

.container-with-separator {
	padding-right: var(--global-spacing-02);
	margin-right: var(--global-spacing-04);
	border-right: 1px solid var(--global--color-black-95);
}

.dark-mode .fitxa-document-arxiu .content-primary {
	color: var(--global--content-inverted-primary) !important;
}

.dark-mode .fitxa-document-arxiu .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .fitxa-document-arxiu .content-tertiary {
	color: var(--global--content-inverted-tertiary) !important;
}

/* block claustre */

.claustre-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--global-spacing-07);
	padding-bottom: var(--global-spacing-07);
}

.claustre-item-no-img {
	width: 185px;
	background-color: var(--global--color-black-95);
	border: 1px solid var(--global--color-black-93);
	padding: var(--global-spacing-07);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 185px;
}

.claustre-item {
	display: flex;
	flex-direction: column;
	gap: var(--global-spacing-05);
	width: 185px;
}

.claustre-item img {
	aspect-ratio: 4/5;
	width: 100%;
	object-fit: cover;
}

.dark-mode .claustre-item-no-img {
	background-color: var(--global--color-white-95);
	border: 1px solid var(--global--color-white-93);
}

@media screen and (max-width: 768px) {
	.claustre-item-no-img {
		width: calc(50% - 12px);
		height: 185px;
	}
	
	.claustre-item {
		width: calc(50% - 12px);
	}
}

/*About macba*/

.about-macba .about-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--global-spacing-07);
}

.about-macba .card-info-basic {
	background: var(--global--color-brown-95);
	height: fit-content;
}

.about-macba .card-info-basic .image-container {
	aspect-ratio: 16/9;
}

.dark-mode .about-macba .card-info-basic {
	background: var(--global--color-white-95);
}

.dark-mode .about-macba .card-info-basic .card-info-header .content-primary {
	color: var(--global--content-inverted-primary);
}

@media screen and (max-width: 768px) {
	.about-macba {
		margin-bottom: var(--global-spacing-11);
	}

	.about-macba .about-grid {
		grid-template-columns: 1fr;
		gap: var(--global-spacing-08);
		margin-top: var(--global-spacing-05);
		margin-bottom: var(--global-spacing-05);
	}

	.about-macba .macba-header-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}
}

.share-modal .modal-dialog {
	height: calc(100vh - 56px);
	padding-top: 56px;
	align-items: center;
}

.share-modal .modal-content {
	width: fit-content;
	height: fit-content;
}

.share-modal .modal-content .close-button {
	top: var(--global-spacing-03);
}

.share-modal .modal-content .xxss-buttons {
	gap: var(--global-spacing-07);
	margin-bottom: var(--global-spacing-07);
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);

}

.share-modal {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
    background: var(--global--color-black-60);
}

.more-options-dropdown .dropdown-menu {
	width: 290px;
	border-radius: var(--global-border-radius-m);
}

.more-options-dropdown .share-button,
.more-options-dropdown .save-button {
	border: var(--global-border-width-s) solid transparent !important;
	padding: 0 !important;
}

.more-options-dropdown .dropdown-item .save-button:focus-within .text-body {
	font-weight: var(--global--font-weight-semibold) !important;
	color: var(--global--content-primary) !important;
}

.more-options-dropdown .save-button.save-button-s.saved-item,
.more-options-dropdown .share-button:hover,
.more-options-dropdown .save-button:hover,
.more-options-dropdown .share-button:focus:hover,
.more-options-dropdown .save-button:focus:hover,
.more-options-dropdown .share-button:focus,
.more-options-dropdown .save-button:focus {
	background: transparent;
}

.dark-mode .share-modal .content-primary {
	color: var(--global--content-primary) !important;
}

.dark-mode .more-options-dropdown .content-primary {
	color: var(--global--content-inverted-primary) !important;
}

.dark-mode .more-options-dropdown .dropdown-item .save-button:focus-within .text-body {
	font-weight: var(--global--font-weight-semibold) !important;
	color: var(--global--content-inverted-primary) !important;
}
.dark-mode .share-modal .content-secondary {
	color: var(--global--content-secondary) !important;
}

.dark-mode .more-options-dropdown .share-item .svg-icon path,
.dark-mode .more-options-dropdown .save-item .svg-save-icon path,
.dark-mode .more-options-dropdown .saved-item .svg-save-icon path,
.dark-mode .more-options-dropdown .svg-button-icon path {
	fill: var(--global--color-white) !important;
}

.dark-mode .share-modal .macba-button.button-basic-m.button-secondary.share-button {
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .share-modal .macba-button.button-basic-l.button-bold {
	border: var(--global-border-width-s) solid var(--global--color-black);
	color: var(--global--content-primary);
}

.dark-mode .share-modal .macba-button.button-basic-m.button-secondary .svg-button-icon path {
	fill: var(--global--color-black);
}

.dark-mode .share-modal .macba-button.button-basic-l.button-bold:hover .svg-button-icon path {
	fill: var(--global--color-white);
}

.dark-mode .share-modal .macba-button.button-basic-l.button-bold:focus:hover .svg-button-icon path,
.dark-mode .share-modal .macba-button.button-basic-l.button-bold:focus .svg-button-icon path {
	fill: var(--global--color-black);
}

.dark-mode .share-modal .macba-button.button-basic-m.button-secondary:hover {
    color: var(--global--color-black);
    border: var(--global-border-width-s) solid var(--global--color-black-93);
    background: var(--global--color-black-93);
}

.dark-mode .share-modal .macba-button.button-basic-l.button-bold:hover {
    color: var(--global--color-white);
    background-color: var(--global--color-black);
}

.dark-mode .share-modal .macba-button.button-basic-l.button-bold:focus {
    color: var(--global--color-black);
    background-color: var(--global--color-black-90);
    border: 0;
}

.dark-mode .share-modal .macba-button.button-basic-m.button-secondary:focus {
    color: var(--global--color-black);
    border: var(--global-border-width-s) solid var(--global--color-black-90);
    background: var(--global--color-black-90);
}

/*Detall podcast Radio web MACBA*/

.detall-podcast .pagination-container .pagination-chevron-button .svg-chevron-icon path {
	border: 0;
	fill: var(--global--color-black);
}

.detall-podcast .pagination-container .pagination-chevron-button:disabled .svg-chevron-icon path {
	fill: var(--global--color-black-80);
}

.dark-mode .detall-podcast .pagination-container .pagination-chevron-button .svg-chevron-icon path {
	fill: var(--global--color-white);
}
.dark-mode .detall-podcast .pagination-container .pagination-chevron-button:disabled .svg-chevron-icon path {
	fill: var(--global--color-white-80);
}

.radio-web-macba .header-title.destacat {
	background: var(--global--color-blue-80);
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	padding: 0 var(--global-spacing-07);
}

.radio-web-macba .radio-card-podcast.destacat {
	background: var(--global--color-blue-80);
}

.radio-card-podcast.last-card{
	border-bottom: none !important;
}

.section-podcast-list .radio-web-text,
.radio-card-podcast.arxiu {
	background: var(--global--color-orange-60);
}
 
.section-podcast-list .radio-web-text,
.radio-web-macba .radio-web-tags,
.radio-web-macba .radio-card-podcast.highlight,
.radio-web-macba .radio-card-podcast.arxiu,
.radio-web-macba .radio-card-podcast.destacat {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	padding: 0 var(--global-spacing-07);
}

.radio-web-macba .radio-card-podcast.highlight .tag-group .macba-type:focus,
.radio-web-macba .radio-card-podcast.destacat .tag-group .macba-type:focus {
	background: var(--global--color-black);
	color: var(--global--content-inverted-primary);
}

.radio-web-macba .radio-card-podcast .tag-group .macba-type.especial:focus {
	background: var(--global--color-green-80);
}

.radio-web-macba .radio-card-podcast .tag-group .macba-type.recerca:focus {
	background: var(--global--color-purple-80);
}

.radio-web-macba .radio-card-podcast .tag-group .macba-type.extra:focus {
	background: var(--global--color-blue-80);
}

.radio-web-macba .radio-web-tags {
	background: var(--global--color-brown-95);
}

.radio-web-macba .radio-card-podcast .tag-group .macba-type.audio:focus {
	background: var(--global--color-red-90);
}

.radio-card-podcast .header-title {
	border-bottom: var(--global-border-width-s) solid transparent !important;
}

.section-podcast-list .header-title,
.radio-web-macba .radio-web-text,
.radio-web-macba .header-title,
.section-podcast-list .radio-card-podcast:not(:last-child),
.radio-web-macba-cerca-avançada .radio-card-podcast:not(:last-child),
.radio-web-macba .radio-card-podcast:not(:last-child),
.detall-podcast .radio-card-podcast:not(:last-child),
.detall-podcast .right-content .body-content,
.detall-podcast .right-content .illustration-caption,
.detall-podcast .buttons-block {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .radio-card-podcast .content-secondary {
	color: var(--global--content-inverted-secondary)!important;
}

.radio-card-podcast .content-primary {
	color: var(--global--content-primary)!important;
}

.dark-mode .radio-card-podcast .content-primary {
	color: var(--global--content-inverted-primary)!important;
}

.detall-podcast .bottom-content .podcast-item {
	background: var(--global--color-brown-95) ;
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .detall-podcast .bottom-content .podcast-item {
	background: var(--global--color-white-93) ;
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .detall-podcast .bottom-content .podcast-item .content-primary {
	color: var(--global--color-white)!important;
}

.detall-podcast .bottom-content .full-screen .podcast-item {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	border-top: var(--global-border-width-s) solid var(--global--color-black-95);
}

.macba-timeline-text > p {
	margin-bottom: 0;
}

.radio-web-macba .radio-web-text .radio-web-img {
	aspect-ratio: 3/2;
	object-fit: cover;
}

.podcast-image-text p {
	margin-bottom: 0;
}

.podcast-image-text.podcast-separate-content p {
	margin-bottom: 1rem;
}

.podcast-image {
	max-height: 333px;
	object-fit: contain;
	object-position: left;
}

.radio-web-macba-cerca-avançada .tag-group .macba-type.audio:focus,
.detall-podcast .tag-group .macba-type.quadern-audio-red:focus {
	background: var(--global--color-red-90);
}

.detall-podcast .tag-group .macba-type.quadern-audio-purple:focus {
	background: var(--global--color-purple-80);
}

.section-podcast-list .pagination-container .pagination-chevron-button .svg-chevron-icon path {
	fill: var(--global--color-black);
}

.section-podcast-list .pagination-container .pagination-chevron-button:disabled .svg-chevron-icon path {
	fill: var(--global--color-black-80);
}

.radio-web-text.taxonomy-description {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	padding-left: var(--global-spacing-07);
	padding-right: var(--global-spacing-07);
}

.radio-web-text.taxonomy-description .content-primary {
	text-indent: 0;
}

/*Radio web header*/

.search-form .radio-web-search-tags .macba-button {
    color: var(--global--color-white);
    border: var(--global-border-width-s) solid var(--global--color-white);
}

.search-form .radio-web-search-tags .macba-button:focus,
.search-form .radio-web-search-tags .macba-button:hover {
    color: var(--global--color-black);
    background-color: var(--global--color-white);
}

.search-form.radio-web-macba .radio-web-macba-link {
	font-family: var(--global--font-inter-tight);
	font-size: var();
}

.menu-expanded.radio-web-macba .close-menu {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	padding: var(--global-spacing-05) var(--global-spacing-07);
	background: var(--global--color-black-60);
	bottom: var(--global-spacing-11);
}

.menu-expanded.radio-web-macba .close-menu .macba-button.button-basic-l {
	background: var(--global--color-white);
}

@media screen and (max-width: 768px) {
	.search-form .radio-web-search-tags {
		max-height: 235px;
		overflow-y: hidden;
	}

	.search-form .radio-web-search-tags.container-collapsed {
		max-height: inherit;
	}

	.radio-card-podcast .button-basic-m {
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
	}

	.radio-card-podcast .more-options-podcast.icon-button {
		padding: 10px;
	}
}

/*Radio web footer*/

.footer-component.radio-web-macba {
	background: var(--global--color-brown-95);
}

.dark-mode .footer-component.radio-web-macba {
	background: var(--global--color-white-93);
}

.dark-mode .footer-component.radio-web-macba .footer-list-content,
.dark-mode .footer-component.radio-web-macba .macba-menu-content .macba-menu-list {
	color: var(--global--content-inverted-secondary);
}

.dark-mode .footer-component.radio-web-macba .separator-full-screen {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-93);
}

.dark-mode .footer-icon-bg {
	fill: var(--global--color-white);
}

.dark-mode .footer-icon-text {
	fill: var(--global--color-black);
}

/* .dark-mode .footer-component.radio-web-macba .macba-button.button-basic-m.button-secondary {
    border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .footer-component.radio-web-macba .macba-button.button-basic-m.button-secondary, 
.dark-mode .footer-component.radio-web-macba .macba-button.button-basic-l.button-secondary {
    color: var(--global--color-black);
}

.dark-mode .footer-component.radio-web-macba .macba-button.button-basic-m.button-secondary .svg-button-icon path, 
.dark-mode .footer-component.radio-web-macba .macba-button.button-basic-l.button-secondary .macba-button.button-basic-m .svg-button-icon path {
    fill: var(--global--color-black);
}

.dark-mode .footer-component.radio-web-macba .macba-menu-container {
    border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .footer-component.radio-web-macba .macba-button.button-basic-m.button-secondary:hover, 
.dark-mode .footer-component.radio-web-macba .macba-button.button-basic-l.button-secondary:hover {
    color: var(--global--color-black);
    border: var(--global-border-width-s) solid rgba(11, 14, 13, 0.12);
    background: rgba(11, 14, 13, 0.12);
} */

@media screen and (max-width: 768px) {

	.radio-web-macba-cerca-avançada .radio-card-podcast .buttons-block .macba-button.button-basic-m.button-bold,
	.radio-web-macba-cerca-avançada .radio-card-podcast .buttons-block .macba-button.button-basic-m,
	.section-podcast-list .buttons-block .macba-button.button-basic-m.button-bold,
	.section-podcast-list .buttons-block .macba-button.button-basic-m,
	.radio-web-macba .radio-web-text .macba-button.button-basic-m,
	.radio-web-macba .buttons-block .macba-button.button-basic-m.button-bold,
	.radio-card-podcast .buttons-block .macba-button.macba-play-podcast.button-basic-m.button-bold,
	.radio-card-podcast .buttons-block .macba-button.button-basic-m,
	.radio-web-macba .buttons-block .macba-button.button-basic-m,
	.detall-podcast .buttons-block .macba-button.button-basic-m.button-bold,
	.detall-podcast .buttons-block .macba-button.button-basic-m {
		width: 100%;
		font-size: var(--global--button-l-font-size);
		line-height: var(--global--button-l-line-height);
		padding: 10px var(--global-spacing-05);
		text-align: center !important;
	}

	.section-podcast-list .header-title .text-display.display-l,
	.radio-web-macba .header-title,
	.detall-podcast .header-title {
		font-size: var(--global--display-m-font-size);
		line-height: var(--global--display-m-line-height);
	}

	.radio-web-macba .header-subtitle {
		font-size: var(--global--title-m-font-size);
		line-height: var(--global--title-m-line-height);
	}
 
	.radio-web-macba .radio-card-podcast .right-content {
		border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.dark-mode .radio-web-macba .radio-card-podcast .right-content {
		border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
	}

	.radio-web-macba-cerca-avançada .buttons-block .mobile-buttons,
	.section-podcast-list .buttons-block .mobile-buttons,
	.radio-web-macba .buttons-block .mobile-buttons,
	.radio-card-podcast .buttons-block .mobile-buttons,
	.detall-podcast .buttons-block .mobile-buttons {
		width: 100%;
	}

	.detall-podcast .buttons-block {
		border-bottom: 0;
	}

	.detall-podcast .left-content .podcast-item {
		width: 100vw;
	}

	.macba-timeline-container {
		width: fit-content;
		position: relative;
		left: calc(-50vw + 50%);
	}

	.radio-card-podcast .header-title.text-display.display-s {
		font-size: var(--global--display-xs-font-size);
		line-height: var(--global--display-xs-line-height);
	}

	.radio-web-macba .header-title.text-display.display-m,
	.radio-card-podcast .header-title.text-display.display-m {
		font-size: var(--global--display-s-font-size);
		line-height: var(--global--display-s-line-height);
	}

	.radio-web-macba .header-title.destacat,
	.radio-web-macba .radio-card-podcast.destacat {
		padding-left: var(--global-spacing-05);
		padding-right: var(--global-spacing-05);
	}

	.menu-expanded.radio-web-macba .search-form.radio-web-macba {
		background-color: transparent;
	}

	.macba-timeline-container {
		display: none;
	}

	.macba-show-timeline .accordion-icon::before {
		transform: rotate(90deg);
	}
	
	/* Cambia el ícono a "+" cuando el acordeón está expandido */
	.macba-timeline-expanded .accordion-icon::before {
		transform: rotate(0deg);
	}

	.macba-podcast-mobile-expanded{
		display: none;
	}
	
}

/*Detall podcast dark mode*/

.dark-mode .radio-web-macba .header-title.destacat,
.dark-mode .radio-web-macba .radio-card-podcast.destacat {
	background: var(--global--color-blue-20);
}

.dark-mode .radio-web-macba .radio-card-podcast.highlight .tag-group .macba-type:hover,
.dark-mode .radio-web-macba .radio-card-podcast.highlight .tag-group .macba-type:focus,
.dark-mode .radio-web-macba .radio-card-podcast.destacat .tag-group .macba-type:hover,
.dark-mode .radio-web-macba .radio-card-podcast.destacat .tag-group .macba-type:focus {
    background: var(--global--color-white);
    color: var(--global--content-primary);
}

.dark-mode .search-form.radio-web-macba .list,
.dark-mode .search-form.radio-web-macba .sugestions,
.dark-mode .section-podcast-list .header-title,
.dark-mode .radio-web-macba .full-width-block .header,
.dark-mode .radio-web-macba .radio-web-text,
.dark-mode .radio-web-macba .header-title,
.dark-mode .radio-web-macba-cerca-avançada .radio-card-podcast:not(:last-child),
.dark-mode .section-podcast-list .radio-card-podcast:not(:last-child),
.dark-mode .radio-web-macba .radio-card-podcast:not(:last-child),
.dark-mode .detall-podcast .radio-card-podcast:not(:last-child),
.dark-mode .detall-podcast .right-content .body-content,
.dark-mode .detall-podcast .right-content .illustration-caption,
.dark-mode .detall-podcast .buttons-block {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}
 
.dark-mode .macba-modal .form-check-label,
.dark-mode .macba-cerca-facetada .form-check-label,
.dark-mode .radio-web-macba-cerca-avançada .form-check-label,
.dark-mode .radio-web-macba-cerca-avançada .content-primary,
.dark-mode .section-podcast-list .content-primary,
.dark-mode .radio-web-macba .content-primary,
.dark-mode .detall-podcast .content-primary {
	color: var(--global--content-inverted-primary) !important;
}
 
.dark-mode .macba-cerca-facetada .filters-container .filter-item .form-check-label,
.dark-mode .radio-web-macba-cerca-avançada .filters-container .content-primary,
.dark-mode .detall-podcast .podcast-item .content-primary {
	color: var(--global--content-primary) !important;
}

.dark-mode .macba-cerca-facetada .search-input-container .svg-button-icon.intro text {
	fill: var(--global--content-inverted-tertiary);
}

.dark-mode .macba-cerca-facetada .filters-container .filter-item .dropdown-menu {
	background: var(--global--color-white);
	border: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .select-element-filter input[type="checkbox"],
.dark-mode .macba-cerca-facetada .filters-container .filter-item input[type="checkbox"] {
    background: var(--global--color-white);
    border: var(--global-border-width-s) solid var(--global--color-black-90);
}

.dark-mode .radio-web-macba-cerca-avançada .filter-item .macba-button.button-basic-m {
	color: var(--global--content-primary);
    border: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode .macba-cerca-facetada .macba-button.button-basic-m.button-secondary {
    border: var(--global-border-width-s) solid var(--global--color-black-93);
	color: var(--global--content-primary);
}

.dark-mode .macba-cerca-facetada .filter-bar .macba-button.button-basic-m.button-secondary {
	color: var(--global--content-inverted-primary);
	border: var(--global-border-width-s) solid var(--global--color-white-93);
}

.dark-mode .macba-cerca-facetada .filter-bar .macba-button.button-basic-m.button-secondary.dropdown-toggle {
	border: 0;
}

.dark-mode .macba-cerca-facetada .macba-button.button-basic-m.button-secondary.button-minimal, 
.dark-mode .macba-cerca-facetada .macba-button.button-basic-l.button-secondary.button-minimal {
    border: var(--global-border-width-s) solid transparent;
}

.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .select-element-filter input[type="checkbox"]:checked,
.dark-mode .macba-cerca-facetada .filters-container .filter-item input[type="radio"]:focus, 
.dark-mode .macba-cerca-facetada .filters-container .filter-item input[type="checkbox"]:focus, 
.dark-mode .macba-cerca-facetada .filters-container .filter-item input[type="checkbox"]:checked:hover,
.dark-mode .macba-cerca-facetada .filters-container .filter-item input[type="checkbox"]:checked,
.dark-mode .macba-modal input[type="checkbox"]:focus:hover,
.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .select-element-filter input[type="checkbox"]:checked,
.dark-mode .macba-modal input[type="checkbox"]:focus, 
.dark-mode .macba-modal input[type="checkbox"]:checked:hover,
.dark-mode .macba-modal input[type="checkbox"]:checked,
.dark-mode .macba-modal input[type="checkbox"]:focus:hover  {
    background-color: var(--global--color-black-30);
    border-color: var(--global-border-width-s) solid var(--global--color-black-30);
    box-shadow: none;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.dark-mode .macba-cerca-facetada .container .search-input-container .submit-search text {
	fill: var(--global--content-inverted-tertiary);
}

.dark-mode .macba-cerca-facetada .filters-container .filter-item input[type="checkbox"]:not(:checked),
.dark-mode .macba-cerca-facetada .filters-container .filter-item input[type="checkbox"]:not(:checked):hover,
.dark-mode .macba-modal input[type="checkbox"]:not(:checked),
.dark-mode .macba-modal input[type="checkbox"]:not(:checked):hover {
	background-color: var(--global--color-white);
    border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .detall-podcast .bottom-content .full-screen .podcast-item {
	border-top: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .macba-cerca-facetada .filter-bar .filters-number-icon {
	background-color: var(--global--color-white);
	color: var(--global--content-primary);
}

.dark-mode .macba-cerca-facetada .filtres-resultat {
	background-color: var(--global--color-white-95);
}

.dark-mode .macba-cerca-facetada .filtres-resultat .content-primary {
	color: var(--global--content-inverted-primary);
}

.dark-mode .macba-cerca-facetada .filtres-resultat .macba-button.button-basic-m.button-secondary {
	border: var(--global-border-width-s) solid var(--global--color-white-93);
}

.dark-mode .macba-cerca-facetada .filtres-resultat .card-table-item:not(:last-child) {
    border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .macba-cerca-facetada .filtres-resultat .content-secondary,
.dark-mode .macba-cerca-facetada .content-secondary,
.dark-mode .radio-web-macba-cerca-avançada .content-secondary:not(.not-dark-mode),
.dark-mode	.section-podcast-list .content-secondary,
.dark-mode .radio-web-macba .content-secondary,
.dark-mode .detall-podcast .content-secondary {
	color: var(--global--content-inverted-secondary) !important;
}

.dark-mode .radio-web-macba .content-tertiary,
.dark-mode .detall-podcast .content-tertiary {
	color: var(--global--content-inverted-tertiary) !important;
}

.dark-mode .radio-card-podcast .header-title {
    border: 0;
}

.dark-mode .radio-web-macba .radio-web-tags .macba-button {
    color: var(--global--color-black);
    border: var(--global-border-width-s) solid var(--global--color-black);
}

.dark-mode .radio-web-macba .radio-card-podcast.highlight .tag-group .macba-type:focus,
.dark-mode .radio-web-macba .radio-web-tags .macba-button:focus,
.dark-mode .radio-web-macba .radio-web-tags .macba-button:hover {
    color: var(--global--color-white);
    background-color: var(--global--color-black);
}

.dark-mode .radio-web-macba-cerca-avançada .tag-group .macba-type:focus,
.dark-mode .section-podcast-list .radio-web-text,
.dark-mode .section-podcast-list .tag-group .macba-type:focus,
.dark-mode .radio-web-macba .tag-group .macba-type:focus,
.dark-mode .detall-podcast .tag-group .macba-type:focus,
.dark-mode .radio-card-podcast.arxiu {
	background: var(--global--color-orange-20);
	color: var(--global--content-inverted-primary);
}

.dark-mode .radio-web-macba-cerca-avançada .filters-container .content-secondary,
.search-form .radio-web-search-tags .content,
.dark-mode .radio-web-macba .radio-web-tags .content-secondary {
	color: var(--global--content-secondary) !important;
}

.dark-mode .radio-web-macba .radio-card-podcast .tag-group .macba-type.especial:focus {
	background: var(--global--color-green-20);
}

.dark-mode .detall-podcast .tag-group .macba-type.quadern-audio-purple:focus,
.dark-mode .radio-web-macba .radio-card-podcast .tag-group .macba-type.recerca:focus {
	background: var(--global--color-purple-20);
}

.dark-mode .radio-web-macba .radio-card-podcast .tag-group .macba-type.extra:focus {
	background: var(--global--color-blue-20);
}

.dark-mode .radio-web-macba-cerca-avançada .tag-group .macba-type.audio:focus,
.dark-mode .detall-podcast .tag-group .macba-type.quadern-audio-red:focus,
.dark-mode .radio-web-macba .radio-card-podcast .tag-group .macba-type.audio:focus {
	background: var(--global--color-red-10);
}

.dark-mode .macba-cerca-facetada .filter-item .macba-button.button-basic-m.button-secondary,
.dark-mode .radio-web-macba-cerca-avançada .filter-item .macba-button.button-basic-m.button-secondary,
.dark-mode .radio-web-macba .radio-card-podcast.highlight .buttons-block .share-button,
.dark-mode .radio-web-macba .radio-card-podcast.arxiu .buttons-block .share-button,
.dark-mode .radio-web-macba .radio-card-podcast.destacat .buttons-block .share-button {
	border: var(--global-border-width-s) solid var(--global--color-black-93);
}

.dark-mode .macba-cerca-facetada .filter-item .macba-button.button-basic-m.button-secondary.show-more,
.dark-mode .radio-web-macba-cerca-avançada .filter-item .macba-button.button-basic-m.button-secondary.show-more {
	border: var(--global-border-width-s) solid transparent;
}

.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .form-content .svg-chevron-icon path,
.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .form-content .svg-button-icon path,
.dark-mode .radio-web-macba .radio-card-podcast.highlight .buttons-block .share-button .svg-button-icon path,
.dark-mode .radio-web-macba .radio-card-podcast.arxiu .buttons-block .share-button .svg-button-icon path,
.dark-mode .radio-web-macba .radio-card-podcast.destacat .buttons-block .share-button .svg-button-icon path {
	fill: var(--global--color-black);
}

.dark-mode .macba-modal .form-check-label,
.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .form-check-label,
.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .form-content .text-body.body-m {
	color: var(--global--content-primary)!important;
}

.dark-mode .macba-cerca-facetada .macba-page-header .container .search-input svg path,
.dark-mode .radio-web-macba-cerca-avançada .macba-page-header .container .search-input svg path,
.dark-mode .section-podcast-list .pagination-container .pagination-chevron-button .svg-chevron-icon path {
	fill: var(--global--color-white);
}

.dark-mode .section-podcast-list .pagination-container .pagination-chevron-button:disabled .svg-chevron-icon path {
	fill: var(--global--color-white-80);
}

.dark-mode .macba-cerca-facetada .macba-page-header .container .form-control,
.dark-mode .radio-web-macba-cerca-avançada .macba-page-header .container .form-control {
	background: var(--global--color-black);
	color: var(--global--color-white);
}


.dark-mode .macba-cerca-facetada .macba-page-header .container .form-control::placeholder,
.dark-mode .radio-web-macba-cerca-avançada .macba-page-header .container .form-control::placeholder {
	color: var(--global--color-white-70);
}

.dark-mode .macba-cerca-facetada .advanced-search-menu .search-form .separator-full-screen,
.dark-mode .radio-web-macba-cerca-avançada .advanced-search-menu .search-form .separator-full-screen {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .macba-cerca-facetada .filters-buttons-container .macba-button.button-basic-m.button-bold,
.dark-mode .macba-cerca-facetada .filters-buttons-container .macba-button.button-basic-l.button-bold {
    color: var(--global--color-white);
    background-color: var(--global--color-black);
}

/*Modal llistat fons detall*/

.modal-llistat-fons-detall .item {
	border-bottom: var(--global-border-width-s) solid var(--global--color-black-95);
}

.dark-mode .modal-llistat-fons-detall .item {
	border-bottom: var(--global-border-width-s) solid var(--global--color-white-95);
}

.dark-mode .macba-podcast-timerange-line.podcast-item {
	background-color: var(--global--color-white-93);
	color: var(--global--color-white)!important;
}

.dark-mode .macba-podcast-timerange-line.podcast-item .podcast-timeline-text {
	color: var(--global--color-white)!important;
}

.dark-mode .podcast-timeline-icon path{
	fill: var(--global--color-white);
}

.macba-podcast-mobile-expanded {
	z-index: 998;
	overflow-y: auto;
}

span.wpml-ls-display {
    display: none;
}

.publicacions-filter-fix.fix{
	padding-top:var(--global-spacing-04);
}

@media screen and (max-width: 768px) {
	.publicacions-filter-fix.fix{
		border-top: var(--global-border-width-s) solid var(--global--color-black-95);
	}

	.dark-mode .publicacions-filter-fix.fix{
		border-top: var(--global-border-width-s) solid var(--global--color-white-95);
	}
}

.masonry-grid .card-artwork.no-image {
	min-width: inherit;
}

/*Block activitats filles*/

.component-slider.activitats-filles .card-data .card-title {
	font-family: var(--global--title-font-family);
	line-height: var(--global--title-s-line-height);
	font-size: var(--global--title-s-font-size);
	font-weight: var(--global--title-font-weight);
	letter-spacing: var(--global--title-letter-spacing);
	margin-bottom: var(--global-spacing-05);
}

.component-slider.activitats-filles .card-data img {
	margin-bottom: var(--global-spacing-04);
}

.component-slider.activitats-filles {
	padding-bottom: var(--global-spacing-11);
	padding-top: var(--global-spacing-11);
}

@media screen and (max-width: 768px) {
	.component-slider.activitats-filles {
		padding-bottom: var(--global-spacing-9);
		padding-top: var(--global-spacing-9);
	}
}

.dark-mode .tag-cerca-color {
	color: var(--global--color-black)!important;
	border-color: var(--global--color-black)!important;
}

.dark-mode .tag-cerca-color:hover {
	color: var(--global--color-white)!important;
    background-color: var(--global--color-black)!important;
}

.dark-mode .macba-cerca-facetada .tag-subtitle-color {
	color: var(--global--content-secondary)!important;
}

.dark-mode .title-content-primary {
	color: var(--global--color-white);
}

.component-exposicions-detail .component-slider .card-data {
	padding-top: var(--global-spacing-05);
}

.dark-mode .component-exposicions-detail .video-description {
	color: var(--global--content-inverted-secondary)!important;
}

/* Spinner basic search */
.loader {
	width: 50px;
	height: 20px;
	--g: radial-gradient(farthest-side, #0000 calc(95% - 3px), #fff calc(100% - 3px) 98%, #0000 101%) no-repeat;
	background: var(--g), var(--g), var(--g);
	background-size: 15px 15px;
	animation: l9 1s infinite alternate;
	margin: 24px 0;
}

@keyframes l9 {
	0% {
		background-position: 0 50%, 50% 50%, 100% 50%;
	}

	20% {
		background-position: 0 0, 50% 50%, 100% 50%;
	}

	40% {
		background-position: 0 100%, 50% 0, 100% 50%;
	}

	60% {
		background-position: 0 50%, 50% 100%, 100% 0;
	}

	80% {
		background-position: 0 50%, 50% 50%, 100% 100%;
	}

	100% {
		background-position: 0 50%, 50% 50%, 100% 50%;
	}
}

/*Transitions*/

.portada-page .component-slider .swiper-slide .macba-fitxa .activitat-imatge {
	position: relative;
	overflow: hidden;
}
/* .portada-page .component-slider .swiper-slide .macba-fitxa .activitat-imatge video,
.portada-page .component-slider .swiper-slide .macba-fitxa .activitat-imatge img {
	transition: transform 300ms ease;
}
.portada-page .component-slider .swiper-slide .macba-fitxa .activitat-imatge:hover video,
.portada-page .component-slider .swiper-slide .macba-fitxa .activitat-imatge:hover img {
	transform: scale(1.1);
} */

.macba-fitxa-sm,
.macba-fitxa-lg .position-relative {
	overflow: hidden;
}

.macba-fitxa-lg video,
.macba-fitxa-lg img {
	transition: transform 300ms ease;
}

/* .portada-page .macba-fitxa-lg:hover video,
.portada-page .macba-fitxa-lg:hover img {
	transform: scale(1.1);
	height: 100%;
} */

.portada-page .portada-podcast:hover {
	background-color: var(--global--color-black-95);
}

.veure-mes-button {
	pointer-events: none;
}

.veure-mes {
	background: var(--global--color-white);
	border-radius: var(--global-border-radius-l);
	padding: var(--global-spacing-02) var(--global-spacing-03);
}

.player-buttons .ic-before-after {
	padding: 9px 10px;
}

.dark-mode .portada-page .portada-podcast:hover {
	background-color: var(--global--color-white-93);
}

.llistat-filter-dropdown {
	max-height: 300px;
}

.llistat-filter-dropdown .flex-1, 
.macba-dropdown-mobile .flex-1 {
	overflow-y: auto;
	overflow-x: hidden;
}

/* .cursor-tracker {
	cursor: none;
} */

.dark-mode .svg-link {
	fill: var(--global--color-white)!important;
}

.macba-radio-hero .canal-tag {
	background-color: var(--global--color-black)!important;
	color: var(--global--color-white)!important;
}

.dark-mode .macba-radio-hero .canal-tag {
	background-color: var(--global--color-white)!important;
	color: var(--global--color-black)!important;
}

.dark-mode .radio-web-macba .share-modal .content-secondary {
	color: var(--global--content-secondary)!important;
}

@media screen and (min-width: 769px) {
	.podcast-basic-page .lliure-contingut-block .col-md-4 {
		padding-left: 0;
		padding-right: var(--global-spacing-07);
		width: 41.66666667%;
	}

	.podcast-basic-page .lliure-contingut-block .col-md-8 {
		padding-left: var(--global-spacing-07);
		padding-right: 0;
		width: 58.33333333%;
	}
}

.prevent-scroll {
	overflow: hidden;
	touch-action: none;
}

.dark-mode .autors-dropdown {
	color: white;
}

#llistatPosts .activitat-card {
	padding-bottom: var(--global-spacing-11);
}

@media screen and (max-width: 768px) {
	#llistatPosts .activitat-card {
		padding-bottom: var(--global-spacing-10);
	}
}

.otgs-development-site-front-end {
	display: none!important;
}

.page-template-atri-template #onetrust-consent-sdk {
	display: none;
}

.single-collectable .colleccionable-thumbnail .macba-fitxa.macba-fitxa-md .card-data {
	padding-bottom: 0;
}

.single-collectable .colleccionable-thumbnail .macba-fitxa-md {
	margin-bottom: 0;
}

.title-portada {
	line-height: 0px;
	margin: 0!important;
	color: transparent;
}
.fitxa-background{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.macba-magazine-detall-template .macba-block-video {
	padding-top: 0!important;
	padding-left: var(--global-spacing-07);
	padding-right: var(--global-spacing-07);
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
}

.macba-magazine-detall-template .macba-block-video .section-header {
	display: none!important;
}

.macba-magazine-detall-template .macba-block-video .video-info {
	width: 100%!important;
}

.macba-magazine-detall-template .macba-block-video .card-buttons-container, 
.macba-magazine-detall-template .macba-block-video .video-timer {
	display: none!important;
}

.macba-magazine-detall-template .macba-block-video .video-selector {
	align-items: center;
}

.macba-magazine-detall-template .macba-block-video .video-selector img {
	max-height: 64px;
	max-width: 64px;
}

.macba-magazine-detall-template .macba-block-video .video-list-img,
.macba-magazine-detall-template .macba-block-video .video-list-more-options {
	width: fit-content!important;
}

.macba-magazine-detall-template .macba-block-video .video-list-title {
	flex: 1 1 0%;
	width: auto!important;
}

.magazine-more-content-background .mes-contingut-similar{
	background-color: var(--global--color-white)!important;
}

.magazine-more-content-background .magazine-card {
	height: 100%;
}

.range-thumb.timeline {
	overflow: inherit!important;
}

.range-thumb.timeline::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: var(--global-spacing-03)!important;
	height: var(--global-spacing-03)!important;
	border-radius: var(--global-border-radius-full)!important;
	background: var(--global--color-black)!important;
	cursor: pointer;
	box-shadow: none!important;
}

.range-line.timeline::-webkit-slider-runnable-track {
	background: transparent !important;
}

.range-thumb.full-mobile-player.timeline::-webkit-slider-thumb {
	top: 40%;
    transform: translateY(-40%);
}