@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* VARIABLES */
:root {
	--red: #FF001D;
	--red-dark: #480C16;
	--green: #A2FB94;
	--green-dark: #042E22;
	--white: #efe2e2;
	--black: #1b0202;
	--border: 2px solid var(--red);
	--space-xl: 10rem;
	--space-l: 5rem;
	--space-m: 2.5rem;
	--space-s: 1.25rem;
	--space-xs: 0.75rem;
	--space-xxs: 0.4rem;
	--swiper-pagination-color: var(--red);
}

@media (max-width: 991px) {
	:root {
		--space-xl: 5rem;
		--space-l: 2.5rem;
		--space-m: 1rem;
		--space-s: 0.75rem;
		--space-xs: 0.5rem;
		--wp--preset--spacing--80: 1.5rem;
	}
}

/* TYPOGRAPHY */
@font-face {
	font-family: 'Klarheit';
	src: url('../fonts/Klarheit.woff2') format('woff2'),
		url('../fonts/Klarheit.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-feature-values "Klarheit" {
	@styleset { alt-a: 1; alt-g: 2; }
	@stylistic { alternates: 1; }
}

.h-xxl, .has-x-large-font-size {
	font-family: 'Klarheit';
	font-size: clamp(4rem, 11vw, 12rem) !important;
	line-height: .9;
	margin-bottom: var(--space-s);
	letter-spacing: -.1rem;
}

.h-xl, .has-large-font-size {
	font-family: 'Klarheit';
	font-size: clamp(2.5rem, 4.5vw, 5rem) !important;
	line-height: .9;
	margin-bottom: var(--space-s);
	letter-spacing: -.03rem;
}

.h-l, .show-info__description h2, .has-medium-font-size {
	font-family: 'Klarheit';
	font-size: clamp(1.5rem, 3vw, 2rem) !important;
	line-height: .9;
	margin-bottom: var(--space-s);
}

.h-m, .show-info__description h3, .has-small-font-size {
	font-family: 'Klarheit';
	font-size: clamp(1.1rem, 2vw, 1.5rem) !important;
	line-height: .9;
	margin-bottom: var(--space-s);
}

@media (max-width: 991px) {
	.h-l, .h-m, .has-medium-font-size, .has-small-font-size {
		line-height: 1;
		letter-spacing: 0;
	}
}

p {
	margin-bottom: var(--space-xs);
}

a {
	color: var(--red);
	transition: all .3s ease;
}

.wp-block-image {
	margin-block: var(--space-m);
}

.wp-block-image img,
.wp-block-image a {
	width: 100%;
}

/* GENERAL */
body {
	font-family: 'Space Mono', system-ui, sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--red);
	background-color: var(--red-dark);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "ss02", "ss06";
}

@media (max-width: 991px) {
	body {
		font-size: .9rem !important;
	}
}

main {
	/* padding-bottom: var(--space-m); */
	animation: fadeMain .75s ease-out both;
	min-height: 100vh;
}

main section:last-child {
	padding-bottom: var(--space-l);
}

@keyframes fadeMain {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

main.page {
	padding-top: min(19vw, 19rem);
}

.container {
	width: 100%;
	max-width: 100rem;
	margin: 0 auto;
}

section:not(.hero), .wp-block-group {
	padding-block: var(--space-s);
	padding-inline: var(--space-s) !important;
	width: 100%;
}

.section__cta a {
	position: relative;
	padding-left: 2rem;
	color: var(--red);
}

.section__cta a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1rem;
	height: 1rem;
	border: var(--border);
}

.section__cta a:hover::before {
	background-color: var(--red);
}

.btn {
	font-family: 'Klarheit';
	padding: var(--space-s) var(--space-m);
	font-size: clamp(1rem, 2vw, 1.5rem);
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	text-align: center;
}

.btn--light {
	color: var(--red);
	border: 2px solid var(--red);
}

.btn--light:hover {
	color: var(--red-dark);
	border: 2px solid var(--red);
	background: var(--red);
}

.btn--dark {
	color: var(--red-dark);
	border: 2px solid var(--red-dark);
}

.btn--dark:hover {
	color: var(--red);
	border: 2px solid var(--red-dark);
	background: var(--red-dark);
}

.btn--green {
	color: var(--green);
	border: 2px solid var(--green);
}

.btn--green:hover {
	color: var(--green-dark);
	border: 2px solid var(--green);
	background: var(--green);
}

@media (max-width: 991px) {
	.btn {
		font-size: clamp(1.5rem, 3vw, 3rem);
	}
}

::selection {
	color: var(--red);
	background-color: #360910;
}

/* HEADER */
.header {
	padding: var(--space-s);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	transition: all .3s ease-out;
}

.header img {
	width: 100%;
	transition: all .3s ease-out;
}

.scrolled .header {
	opacity: 0;
	pointer-events: none;
}

.header a:hover img {
	filter: drop-shadow(0 0 10px var(--red));
}


/* NAVIGATION */
@media (min-width: 992px) {
	.navigation__content {
		display: flex;
	}
	
	.navigation__buttons,
	.overlay-menu {
		display: none;
	}
	.navigation {
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 10;
	}

	.navigation__content {
		width: 100%;
		border-top: var(--border);
		transition: transform 0.3s ease-in-out;
		background: var(--red-dark);
	}

	.navigation__content--inner {
		width: 100%;
		display: flex;
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.navigation__content--inner li {
		flex: 1 0 auto;
		margin: 0;
		padding: 0;
	}

	.navigation__content--inner li a {
		display: block;
		border-right: var(--border);
		color: var(--red);
		padding: var(--space-s) var(--space-s);
		text-align: center;
		font-family: 'Klarheit';
		font-size: clamp(1rem, 2vw, 1.5rem);
		line-height: .9;
	}

	.navigation__content--inner li a:hover {
		color: var(--red-dark);
		background-color: var(--red);
	}

	.navigation__content--inner li:last-child {
		border-right: none;
	}

	.navigation__content--inner li:last-child a {
		border-right: none;
		background: var(--red);
		color: var(--red-dark);
		position: relative;
	}

	.navigation__content--inner > li:last-child a:after {
		content: url("../img/ticket.svg");
		position: absolute;
		top: 50%;
		right: 10%;
		width: 1rem;
		height: auto;
		transform: translate(-50%, -50%) scale(.8);
		transition: all .3s ease;
		opacity: 0;
	}

	.navigation__content--inner > li:last-child a:hover:after {
		opacity: 1;
	}
}

/* Menú para móviles */
@media (max-width: 991px) {
	.navigation__content {
		display: none;
	}
	
	
	.overlay-menu {
		display: none; 
	}
	
	.overlay-menu.active {
		display: flex;
	}
	
	/* Botones inferiores */
	.navigation__buttons {
		display: flex;
		justify-content: space-between;
		position: fixed;
		bottom: 1rem;
		left: 50%;
		width: calc(100% - 2rem);
		background: var(--red-dark);
		z-index: 40;
		border: 2px solid var(--red);
		transform: translateX(-50%);
	}

	.menu-button,
	.external-link {
		flex: 0 0 50%;
		color: var(--red);
		text-align: center;
		font-family: 'Klarheit';
		font-size: 1.25rem;
		padding: var(--space-s) var(--space-s);
		border: none;
		background: transparent;
		cursor: pointer;
		text-decoration: none;
	}
	
	.external-link {
		color: var(--red-dark);
		background: var(--red);
	}

	/* Overlay del menú */
	.overlay-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--red-dark);
		transform: translateY(100%);
		transition: transform 0.3s ease-in-out;
		z-index: 30;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.overlay-menu.active {
		transform: translateY(0);
	}

	.overlay-menu__items {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	.overlay-menu__items li {
		margin: var(--space-xxs) 0;
	}

	.overlay-menu__items li a {
		color: var(--red);
		font-family: 'Klarheit';
		font-size: 1.5rem;
		text-decoration: none;
	}

	.close-button {
		position: absolute;
		top: 5px;
		right: 15px;
		color: var(--red);
		font-family: 'Klarheit';
		font-size: 2rem;
		background: transparent;
		border: none;
		cursor: pointer;
	}

	
	.overlay-menu .sub-menu {
		list-style: none;
	}
	
	.overlay-menu .sub-menu a {
		font-size: 1.1rem;
	}
}

/* Estilo base del submenú */
.navigation__content--inner .menu-item-has-children .sub-menu {
	position: absolute; 
	bottom: 100%; 
	left: 0;
	display: none; 
	background: var(--red-dark); 
	list-style: none;
	z-index: 20;
	opacity: 0; 
	transition: all 0.3s ease-in-out;
	width: 100%;
}

/* Mostrar el submenú al hacer hover */
.navigation__content--inner .menu-item-has-children:hover .sub-menu {
	display: block; 
	opacity: 1; 
	transform: translateY(0);
}

/* Estilo de los enlaces del submenú */
.navigation__content--inner .menu-item-has-children .sub-menu li a {
	color: var(--red);
	background: var(--red-dark); 
	border-top: var(--border);
	border-left: var(--border);
	border-right: var(--border);
	padding: var(--space-s) var(--space-s);
	text-decoration: none;
	display: block;
	text-align: center;
}

.navigation__content--inner .menu-item-has-children .sub-menu li:last-child a {
	border-bottom: var(--border);
}

.navigation__content--inner .menu-item-has-children .sub-menu li a:hover {
	background: var(--red); 
	color: var(--red-dark); 
}

.navigation__content--inner .menu-item-has-children {
	position: relative;
}

/* HERO */
section.hero {
	min-height: 100vh;
	position: relative;
}

.hero__content {
	height: 100vh;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: var(--space-s);
	position: relative;
	background: var(--red-dark);
}

.swiper-slide a:hover {
	color: var(--white);
}

.swiper__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.swiper__img img {
	position: absolute;
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}

.swiper__info p {
	margin: 0;
}

.swiper__info h2 {
	margin-bottom: var(--space-xs);
}

.swiper-pagination {
	right: var(--space-s) !important;
}

.swiper-pagination-bullet {
	width: 1.25rem;
	height: 1.25rem;
	border: var(--border);
	border-radius: 0;
	background-color: transparent;
	opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--red);
}

@media (pointer: coarse) {
	section.hero {
		min-height: 70svh;
	}
}

@media (max-width: 1024px) {
	section.hero {
		min-height: 70svh;
	}
}

@media (max-width: 991px) {
	section.hero {
		min-height: 60vh;
	}
	
	.swiper__img {
		filter: brightness(.7);
	}
	
	.hero__content {
		height: 60vh;
	}
	
	.swiper-slide {
		align-items: flex-end;
	}
}

/* INTRO */
.intro__text .wp-block-group {
	border-bottom: var(--border);
}

.intro__img {
	display: flex;
	justify-content: center;
	padding: var(--space-s) 0 var(--space-m) 0;
}

.intro__img img {
	width: 100%;
	max-width: 40rem;
}

.intro__text a:hover {
	text-decoration: underline;
}

@media (max-width: 991px) {
	.intro__text .h-xl,
	.wp-block-heading.has-large-font-size {
		font-family: 'Klarheit';
		font-size: clamp(1.5rem, 3vw, 3rem) !important;
		line-height: 1;
		margin-bottom: var(--space-xs);
		letter-spacing: 0;
	}
}


/* FEATURED SHOWS */
section.featured-shows:has(+ section:not(.featured-shows)) {
	border-bottom: var(--border);
	padding-bottom: var(--space-s);
}

.shows__actions {
	padding-top: var(--space-xs);
	border-top: var(--border);
	margin-bottom: var(--space-m);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.shows__search {
	display: flex;
	gap: var(--space-xs);
	align-items: center;
	flex: 1 0 auto;
	min-width: 100px;
}

.shows__search img {
	width: 100%;
	max-width: 1rem;
}

.shows__search p {
	margin-bottom: 0;
}

.shows__filters {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
	width: 100%;
}

.shows__filters .category {
	background-color: var(--red);
	border: var(--border);
	color: var(--red-dark);
	padding-inline: var(--space-xxs);
	letter-spacing: -.05rem;
	text-align: center;
	flex: 0 0 auto;
}

.shows__filters .category:hover {
	background-color: var(--white);
	color: var(--red-dark);
	border-color: var(--white);
}

.shows__filters .category.active {
	background-color: var(--white);
	color: var(--red-dark);
	border-color: var(--white);
}

.shows__filters .subcategory {
	background-color: var(--red-dark);
	color: var(--red);
	padding-inline: var(--space-xxs);
	border: var(--border);
	border-color: var(--red);
	letter-spacing: -.05rem;
	text-align: center;
	flex: 0 0 auto;
}

.shows__filters .subcategory:hover {
	color: var(--white);
	border-color: var(--white);
}

.shows__filters .subcategory.active {
	color: var(--white);
	border-color: var(--white);
}

.shows__filters--categories {
	display: flex;
	gap: var(--space-xs);
	overflow-x: scroll;
	scrollbar-width: none;
	flex-wrap: nowrap;
}

.shows__filters--subcategories {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-xs);
}

@media (max-width: 991px) {
	.shows__actions {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: var(--space-xs);
	}

	.shows__filters--subcategories {
		overflow-x: scroll;
		scrollbar-width: none;
		flex-wrap: nowrap;
	}

	.shows__filters--subcategories::-webkit-scrollbar {
		display: none;
	}

	.shows__filters--subcategories .subcategory {
		flex: 0 0 auto;
	}
}

.masonry-grid {
	width: calc(100% + var(--space-s));
	margin-right: calc(-1 * var(--space-s));
}

.show-card {
	padding-top: var(--space-xs);
	border-top: var(--border);
	width: calc(25% - var(--space-s)*3/4);
	margin-bottom: var(--space-s);
	box-sizing: border-box;
	transition: all .3s ease;
	overflow: hidden;
}

@media (min-width: 992px) {
	.show-card .show-card__img img {
		transform: scale(1.025);
		transition: all .3s ease;
	}

	.show-card:hover .show-card__img img {
		transform: scale(1);
	}

	.show-card:hover .show-card__img {
		clip-path: polygon(0 0, 100% 25%, 100% 75%, 0% 100%);
	}

	.show-card:hover .show-card__title,
	.show-card:hover .show-card__date,
	.show-card:hover .show-card__time {
		color: var(--white);
	}
}

.show-card__img {
	position: relative;
	display: block;
	aspect-ratio: 1/1;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
	transition: all .3s ease;
	cursor: pointer;
}

.show-card .show-card__img .show-card__alert{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120%;
	background: var(--white);
	color: var(--red-dark);
	transform: translate(-50%, -50%);
	text-align: center;
	padding: .25rem 0;
}
	.show-card .show-card__img .show-card__alert.show-card__alert-red{
		background: var(--red);
		color: var(--red-dark);
	}

.show-card__img.show-card__img--square {
	aspect-ratio: 1/1;
}

.show-card__img.show-card__img--horizontal {
	aspect-ratio: 3/2;
}

.show-card__img.show-card__img--vertical {
	aspect-ratio: 2/3;
}

.show-card__img img {
	position: absolute;
	object-fit: cover;
	object-position: center center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.show-card__info {
	padding-block: var(--space-xs);
}

.show-card__categories {
	display: flex;
	gap: var(--space-xxs);
	margin-bottom: var(--space-s);
	flex-wrap: wrap;
}

.show-card__categories .category {
	background-color: var(--red);
	color: var(--red-dark);
	padding-inline: var(--space-xxs);
	border: var(--border);
	letter-spacing: -.05rem;
}

.show-card__categories .category:hover {
	background-color: var(--white);
	border-color: var(--white);
}

.show-card__categories .subcategory {
	background-color: transparent;
	color: var(--red);
	padding-inline: var(--space-xxs);
	border: var(--border);
	border-color: var(--red);
	letter-spacing: -.05rem;
}

.show-card__categories .subcategory:hover {
	color: var(--white);
	border-color: var(--white);
}

.show-card__title {
	display: block;
	color: var(--red);
	transition: all .3s ease;
	cursor: pointer;
	margin-bottom: var(--space-m);
}

.show-card__date {
	margin-bottom: var(--space-xxs);
}

.show-card__date,
.show-card__time {
	transition: all .3s ease;
}

@media (max-width: 991px) {
	.show-card {
		width: calc(50% - var(--space-s)/2);
	}
}

@media (max-width: 576px) {
	.masonry-grid {
		width: 100%;
	}
	.show-card {
		width: 100%;
	}
	.show-card__img.show-card__img--square {
		aspect-ratio: 3/2;
	}
	.show-card__img.show-card__img--horizontal {
		aspect-ratio: 3/2;
	}
	.show-card__img.show-card__img--vertical {
		aspect-ratio: 3/2;
	}
}


/* GASTRO */
.featured-gastro__content {
	text-align: center;
}

.featured-gastro__img {
	display: flex;
	justify-content: center;
	padding: var(--space-m) 0;
}

.featured-gastro__cta {
	display: none;
}

/* PAGE SHOWS */
.shows__content {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: var(--space-s); 
}

.shows__cta {
	margin: var(--space-xl) 0;
	display:flex;
	justify-content:center;	
}

/* PAGE GASTRO */
.gastro__wrapper {
	background-color: var(--white);
	color: var(--red-dark);
	height: 100vh;
	text-align: center;
	margin-bottom: var(--space-xl);
	padding: var(--space-m);
}

.gastro__header {
	padding: var(--space-m) 0 var(--space-l) 0;
	text-align: center;
	position: relative;
}

.gastro__header:before {
	content: "";
	position: absolute;
	width: 2vw;
	height: 2vw;
	background-color: var(--red-dark);
	border-radius: 100%;
	top: var(--space-s);
	left: 50%;
	transform: translate(-1000%, -50%);
}

.gastro__header:after {
	content: "";
	position: absolute;
	width: 2vw;
	height: 2vw;
	background-color: var(--red-dark);
	border-radius: 100%;
	top: var(--space-s);
	left: 50%;
	transform: translate(1000%, -50%);
}

/* PAGE INFO */
.info__wrapper {
	background-color: var(--white);
	color: var(--red);
	margin-bottom: var(--space-l);
	padding: var(--space-m);
}

.info__header {
	padding: var(--space-m) 0 var(--space-l) 0;
	text-align: center;
}

.info__content {
	display: flex;
	gap: var(--space-m);
	flex-wrap: wrap;
}

.info__content h3 {
	margin-bottom: var(--space-s);
}

.info__item {
	padding-top: var(--space-xs);
	border-top: var(--border);
	margin-bottom: var(--space-m);
	flex: 0 1 calc(50% - var(--space-m) / 2);
}

.info__wrapper p {
	max-width: 42ch;
}

.info__wrapper a:hover {
	color: var(--red-dark);
}

.info__item ul {
	margin-left: 1rem;
}

@media (max-width: 991px) {
	.info__item {
		flex: 1 1 100%;
	}
}

/* PAGE LANDING */
.landing__wrapper {
	background-color: var(--white);
	color: var(--red);
	margin-bottom: var(--space-l);
	padding: var(--space-m);
}

.landing__header {
	padding: var(--space-m) 0 var(--space-l) 0;
	text-align: center;
}

.landing__item {
	padding-top: var(--space-xs);
	border-top: var(--border);
	margin-bottom: var(--space-m);
	flex: 0 1 calc(50% - var(--space-m) / 2);
}

.landing__wrapper a:hover {
	color: var(--red-dark);
}

@media (max-width: 991px) {
	.landing__item {
		flex: 1 1 100%;
	}
}

/* PAGE SHOW */
section.show-header {
	position: relative;
	min-height: max(70vh, 45vw);
	display: flex;
	align-items: flex-end;
}

.show-header__img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.show-header__img img {
	object-fit: cover;
	object-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.show-header__date {
	margin-bottom: var(--space-xxs);
}

.show-header__categories {
	margin-bottom: var(--space-xs);
	margin-left: .25rem;
}

.show-header__content {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}

.show-header__category {
	margin-bottom: 0;
}

.show-header__title {
	margin-bottom: var(--space-m);
	max-width: 25ch;
}

.show-header__cta {
	flex: 0 0 auto;
}

.show-info__content {
	display: flex;
	gap: var(--space-xl);
	background-color: var(--white);
	color: var(--red);
	padding: var(--space-l);
}

.show-info__content iframe {
	aspect-ratio: 16/9;
	margin-block: var(--space-s);
}

.show-info__description {
	flex: 0 1 70%;
	margin-bottom: var(--space-m);
}

	.show-info__description .show-card__alert{
		background: var(--white);
		color: var(--red);
		padding-inline: var(--space-xxs);
		border: var(--border);
		letter-spacing: -.05rem;
		display:inline-block;
		margin-bottom:1.5rem;
		width:100%;
		text-align:center;
		font-size:1.75rem;
		padding:1rem 1rem;
		margin-bottom:3rem;
	}
		.show-info__description .show-card__alert.show-card__alert-red{
			background: var(--red);
			color: var(--red-dark);
		}
		@media (max-width: 991px) {
			.show-info__description .show-card__alert{
				margin-bottom:1.5rem;
			}
		}

.show-info__description h2 {
	margin-bottom: var(--space-m);
}

.show-info__description h3 {
	margin-bottom: var(--space-m);
	line-height: 1.1;
}

.show-info__description a {
	text-decoration: underline;
}

.show-info__description a:hover {
	color: var(--red-dark);
}

.show-info__description strong,
.show-info__description b {
	font-weight: bold;
}

.show-info__description i,
.show-info__description em {
	font-style: italic;
}

.show-info__data {
	flex: 0 1 30%;
}

.show-info__data-element {
	padding-top: var(--space-xs);
	border-top: var(--border);
	margin-bottom: var(--space-m);
}

.show-info__data-element a,
.show-info__data-element img {
	box-shadow: none !important;
	outline: none !important;
}

.show-info__data-element img {
	width: 100%;
	margin-top: var(--space-m);
}

.show-info__data-element ol, 
.show-info__data-element ul {
  list-style-position: inside;
}

.tickets-mobile{
	display:none;
}
	.tickets-mobile a{
		text-decoration:none;
	}

	@media (max-width: 991px) {
		.tickets-mobile{
			display:block;
			margin-bottom:2rem;
		}
	}


.show-info__data-element--cta a {
	width: 100%;
}

.featured-shows__title {
	padding-top: var(--space-m);
	padding-bottom: var(--space-s);
}

.ticket-list__item a,
.newsletter__link,
.wp-block-button__link {
	background-color: transparent;
	color: var(--red);
	padding-inline: var(--space-xxs);
	padding-block: 0;
	border: var(--border);
	letter-spacing: -.05rem;
	border-radius: 0;
}

.ticket-list__item a:hover,
.newsletter__link:hover,
.wp-block-button__link:hover {
	background-color: var(--red);
	color: var(--white);
}

.newsletter__link {
	cursor: pointer;
}

@media (max-width: 1300px) {
	section.show-header {
		min-height: max(70vh, 45vw);
	}
	.show-info__content {
		padding: var(--space-m);
		gap: var(--space-l);
	}
}

@media (max-width: 991px) {
	section.show-header {
		justify-content: stretch;
		min-height: max(60vh, 55vw);
	}
	section.show-info {
		padding: 0 !important;
	}
	.show-info__content {
		padding: var(--space-m) var(--space-s);
	}
	.show-header__content {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-m);
	}
	.show-header__content .show-header__cta,
	.show-header__content .btn {
		width: 100%;
	}
	.show-header__img {
		filter: brightness(.7);
	}
	.show-info__content {
		flex-direction: column;
		gap: var(--space-s);
	}
}

/* PAGE ABOUT */
.about__img {
	display: flex;
	justify-content: center;
	padding: var(--space-s) 0 var(--space-m) 0;
}

.about__img img {
	width: 100%;
	max-width: 40rem;
}

.partners__header {
	margin-bottom: var(--space-m);
}

.partners__content {
	display: flex;
	gap: var(--space-m);
	flex-wrap: wrap;
}

.partners__content .partners__item {
	padding-top: var(--space-xs);
	border-top: var(--border);
	flex: 1 1 calc(33% - var(--space-m) / 1.5);
}

@media (max-width: 991px) {
	.partners__content .partners__item {
		flex: 0 1 auto;
	}
}

/* SALA SECTION */
section.sala {
	margin-block: var(--space-l);
	padding-block: var(--space-xl);
	background-color: var(--red);
	color: var(--red-dark);
}

section.sala p,
section.sala h3 {
	margin-bottom: var(--space-m);
}

@media (max-width: 991px) {
	section.sala {
		margin-block: 0;
		padding-block: var(--space-l);
	}
}

.sala__header {
	margin-bottom: var(--space-m);
}

.sala__content {
	display: flex;
	gap: var(--space-m);
	flex-wrap: wrap;
	display: none;
}

.sala__content .sala__img {
	position: relative;
	aspect-ratio: 1/1;
	flex: 1 1 calc(33% - var(--space-m) / 1.5);
}

.sala__content .sala__img img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}

/* HISTORIA SECTION */
section.historia {
	padding-block: var(--space-l);
}

section.historia p,
section.historia h3 {
	margin-bottom: var(--space-m);
}

/* FOOTER */
.footer {
	position: relative;
	min-height: 100vh;
	background-color: var(--red);
	color: var(--red-dark);
	z-index: 200;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: var(--space-s);
}

.footer a {
	color: var(--red-dark);
}

.footer a:hover {
	color: var(--white);
}

.footer p {
	margin-bottom: var(--space-xxs);
}

.footer__info {
	display: flex;
	justify-content: space-between;
}

.footer__contact {
	flex: 0 0 50%;
}

.footer__newsletter {
	flex: 0 0 50%;
	margin: var(--space-m) 0;
}

.footer__links {
	flex: 0 1 50%;
}

.footer__social {
	flex: 0 1 50%;
}

.footer__legal {
	padding-top: var(--space-xs);
}

.footer__legal-links {
	width: 100%;
}

.footer__legal-links ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-m);
	justify-content: center;
}

.footer__legal-links ul li {
	padding: 0;
	margin: 0;
}

.footer__sponsors-content {
	display: flex;
	flex: 1 0 50%;
	gap: var(--space-m);
	flex-wrap: wrap;
}

.footer__sponsor-wrap:first-of-type {
	flex: 1 1 100%;
}

.footer__sponsor {
	display: flex;
	flex-wrap: wrap;
}

	.footer__sponsor a,
	.footer__sponsor span{
		display:inline-block;
	}
		.footer__sponsor a img,
		.footer__sponsor span img{
			width: 150px;
			max-width:150px;
			height:auto;
			opacity: .7;
		}
		.footer__sponsor a:hover img{
			opacity: 1;
		}
@media (max-width: 1250px) {
	.footer__newsletter {
		flex: 1;
		margin-bottom: var(--space-m);
	}
	.footer__sponsor-wrap {
		flex: auto;
	}
}

@media (max-width: 991px) {
	.footer__info,
	.footer__contact {
		display: flex;
		flex-direction: column;
		gap: var(--space-m);
	}
	.footer__contact {
		flex-direction: column-reverse;
	}
	.footer__contact,
	.footer__address,
	.footer__links,
	.footer__sponsor-wrap,
	.footer__sponsors-content {
		flex: 1;
	}
	.footer__legal-links ul {
		flex-direction: column;
		font-size: 90%;
		gap: 0;
	}
	.footer__sponsors-content {
		flex-direction: column;
		gap: var(--space-s);
		margin-top: var(--space-l);
	}
	.footer__sponsor{
		flex:1;
		text-align:left;
	}
	.footer__sponsor a img {
		max-width: 100px;
	}
	.footer__newsletter {
		margin-top: 0;
	}
	.footer__newsletter .btn {
		width: 100%;
	}
	.footer__logo {
		padding-bottom: 2rem;
	}
}

/* SEARCH FORM */
.search-field {
	background: var(--red-dark);
	border: none;
	border-bottom: 1px solid var(--red-dark);
	color: var(--red);
	outline: none !important;
	width: 100px;
	transition: all .3s ease;
}

.search-field:focus {
	border-bottom: 1px solid var(--red);
	width: 200px;
}

.search-field::placeholder {
	color: var(--red);
}

.search-submit {
	background-color: var(--red);
	border: var(--border);
	color: var(--red-dark);
	padding-inline: var(--space-xxs);
	letter-spacing: -.05rem;
	text-align: center;
	transition: all .3s ease;
	cursor: pointer;
}

.search-submit:hover {
	background-color: var(--white);
	color: var(--red-dark);
	border-color: var(--white);
}

/* FANCYBOX */
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
	width: 620px !important;
}

@media (max-width: 991px) {
	.fancybox-slide {
		padding: 0 !important;
	}
}

/* PAGE DEFAULT */
.page-template-default {
	padding-top: min(19vw, 19rem);
}

.page-template-default header {
	transition: all .3s ease-out;
}

.page-template-default .entry-title {
	font-family: 'Klarheit';
	font-size: clamp(1.5rem, 3vw, 3rem);
	line-height: .9;
	margin-bottom: 0;
	padding: var(--space-m) 0;
	text-align: center;
}

.page-template-default .entry-content {
	width: 100%;
	max-width: 50rem;
	margin: 0 auto var(--space-l) auto;
	padding: var(--space-s);
}

#CookiebotWidget {
	display: none;
}

/* LANGUAGE SELECTOR */
.language-chooser{
	list-style:none;
	margin:0;
	padding:0;
}
	.language-chooser li{
		margin-bottom: var(--space-xxs);
	}
		.language-chooser li a{
			opacity:.6;
			color: var(--red-dark)!important;
		}
			.language-chooser li a:hover,
			.language-chooser li.active a{
				opacity:1;
			}
			
.qtranxs-available-languages-message{
	display:none!important;
}
.wpm-language-switcher{
	list-style:none;
	margin:0;
	padding:0;
}
	.wpm-language-switcher li{
		margin-bottom: var(--space-xxs);
	}
		.wpm-language-switcher li a{
			opacity:.6;
			color: var(--red-dark)!important;
		}
			.wpm-language-switcher li a:hover,
			.wpm-language-switcher li.active a{
				opacity:1;
			}
			
.badge-soldout{
	font-family: 'Klarheit';
	padding: var(--space-s) var(--space-m);
	font-size: clamp(1rem, 2vw, 1.5rem);
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	color: var(--red);
	border: 2px solid var(--red-dark);
	background: var(--red-dark);
}

@media (max-width: 991px) {
	.badge-soldout {
		width: 100%;
	}
}

/* SPONSORS */
.sponsor-category{
	margin-bottom:2rem;
}
	.sponsor-columns{
		display:flex;
	}
		.sponsor-column{
			flex:0 0 20%;
		}
		
		
/* LOAD MORE */
#load-more{
	width: 100px;
	height: 100px;
	display:inline-block;
	text-align:center;
	background-image: url('../img/ico-loading.svg'); /* Replace with your image URL */
	background-size: cover;
	background-position: center;
	opacity:0;
}
#load-more.loading{
	animation: loading 3s linear infinite; /* Animation with 3s duration */
	opacity:1;
}
#load-more.finish{
	opacity:1;
	display:none;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#btn-arxiu{
	display:none;
}
#btn-arxiu.show{
	display:block!important;
}

/* DATE PICKER */
.control-form{
	border:2px solid #FF001D;
	background:#480C16;
	padding:2px 5px;
	color: #FF001D;
	height:27px;
	outline:none;
}
.control-form::placeholder{
	color:#FF001D;
}
.control-form.has-value{
	border-color:#FFF;
	color:#FFF;
}
.button-form{
	background-color: var(--red);
	border: var(--border);
	color: var(--red-dark);
	padding-inline: var(--space-xxs);
	letter-spacing: -.05rem;
	text-align: center;
	flex: 0 0 auto;
	transition:all .3s ease;
	cursor:pointer;
}
.button-form:hover{
	background-color: var(--white);
	color: var(--red-dark);
	border-color: var(--white);
}

#dates-search {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

#dates-search.show {
  max-height: 500px; /* Adjust to the height you want for the content */
}


/* SEARCH DATES */
.search-date-wrap{
	flex-direction:row;
	gap:10px;
	align-items:flex-start;
}
@media (max-width: 991px) {
	.search-date-wrap{
		flex-direction:column;
		gap:10px;
		align-items:flex-start;
	}
}
.date-search-flex{
	width:100%;
}
.date-search-flex {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
	width:100%;
}
.rang-dates {
  min-width:240px;
}
@media (max-width: 991px) {
	.rang-dates {
	  height: 24px;
	  min-width:220px;
	}
	.date-search-flex{
		flex-direction:column;
	}
		.shows__search{
			margin-bottom:10px;
			justify-self: flex-end;
		}
		.search-date-wrap{
			order:2;
		}
	#date-range-form{
		display:flex;
		align-items:flex-start;
		gap: var(--space-xs);
	}
}

.filters-wrap{
	display:none;
}
.filters-wrap.visible{
	display:flex;
	gap: var(--space-xs);
	flex-direction:column;
}
.days-search-wrap{
	flex-direction:row;
}
@media (max-width: 991px) {
	.days-search-wrap{
		flex-direction:column;
	}
}