/* VARIABLES */
:root {
    --black: #080808;
    --white: #f8f8f8;
    --gray-light: #F2F2F2;

    --radius: 1.25rem;
    --transition: all .3s ease;
    --transition-fast: all .15s ease;

    --space-xxxl: 15rem;
    --space-xxl: 10rem;
    --space-xl: 5rem;
    --space-l: 2.5rem;
    --space-m: 1.25rem;
    --space-s: .5rem;
    --space-xs: .25rem;
}


.row {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: .75rem;
}

@media (max-width: 1199.98px) {
    :root {
        --space-xxl: 7.5rem;
        --space-xl: 2.5rem;
        --space-l: 1.25rem;
    }
}

@media (max-width: 991.98px) {
    .row {
        --bs-gutter-y: 0;
    }
}

.u-pb {
  padding-bottom: var(--space-xl) !important;
}

.u-pt {
  padding-top: var(--space-xl) !important;
}

@media (max-width: 991.98px) {
  .u-pb {
    padding-bottom: var(--space-l) !important;
  }
  .u-pt {
    padding-top: var(--space-l) !important;
  }
}


/* TYPEFACES */
@font-face {
    font-family: 'Labil';
    src: url('../fonts/LabilGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/LabilGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Labil';
    src: url('../fonts/LabilGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/LabilGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Labil';
    src: url('../fonts/LabilGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/LabilGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 2025 BRAND TYPE */
@font-face {
    font-family: 'Festival Font';
    src: url('../fonts/FestivalFont110-Regular.woff2') format('woff2'),
        url('../fonts/FestivalFont110-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* FONT STYLES */
.h-xxxl {
    font-size: 11.4rem;
    letter-spacing: -0.02em;
    line-height: .9;
    font-weight: 400;
}

.h-xxl, h1 {
    font-size: 5.7rem;
    letter-spacing: -0.0125em;
    line-height: .9;
    font-weight: 400;
}

.h-xl, h2 {
    font-size: 4rem;
    letter-spacing: -0.01em;
    line-height: 1.1;
    font-weight: 400;
}

.h-l, h3 {
    font-size: 3rem;
    letter-spacing: -0.01em;
    line-height: 1.1;
    font-weight: 400;
}

.h-m, h4 {
    font-size: 2.3rem;
    letter-spacing: -0.01em;
    line-height: 1.1;
    font-weight: 400;
}

.h-medium {font-weight: 500;}
.h-bold {font-weight: 700;}
.p-m {font-size: 1.5rem; font-weight: normal;}
.p-s {font-size: 1.25rem;}
.p-xs {font-size: 1.06rem;}

@media (max-width: 1500px) {
    html{font-size: 90%;}
}

@media (max-width: 991.98px) {
    html{font-size: 80%;}
    .h-xxxl, .head__content .h-xxxl  {
        font-size: min(5.7rem, 14vw);
    }
    .h-xxl, h1 {
        font-size: 3.6rem;
    }
    .h-xl, h2 {
        font-size: 3rem;
    }
    .h-l, h3 {
        font-size: 2.3rem;
    }

}


/* NEW RESET */
ul[role='list'], ol[role='list'] {list-style: none; }
html:focus-within {scroll-behavior: smooth; }
a:not([class]) {text-decoration-skip-ink: auto; }
img, picture, svg, video, canvas {width:100%;max-width: 100%;display: block;height: auto;}
input, button, textarea, select {font: inherit;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
p {text-wrap: pretty;}
h1, h2, h3, h4, h5, h6 {text-wrap: balance;}


/* GENERAL */
body {
    font-family: 'Labil', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    min-height: 100lvh;
    scroll-behavior: smooth;
    animation: fadeIn 1s ease both;
    overscroll-behavior: none;
    font-feature-settings: 'salt' 0, 'calt' 0, 'ss01' 0, 'ss02' 0;
    font-variant-alternates: normal;
}

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

a {
  text-decoration: none;
  color: var(--black);
}

.content a:not(.btn) {
    text-decoration: none;
    background-color: color-mix(in srgb, var(--primary) 50%, transparent);
}

.content a:not(.btn):hover {
    text-decoration: none;
    background-color: color-mix(in srgb, var(--primary) 90%, transparent);
    color: var(--black);
}

ul {
    padding-left: 1.5rem;
}

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

img {
    max-width: 100%;
}

::selection {
    background-color: var(--accent);
}

main {
    position: relative;
    z-index: 2;
}

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

section {
    padding: 1rem;
}

section.opaque {
    background-color: var(--gray-light);
    position: relative;
    z-index: 1;
}


section.invert {
    background-color: var(--black);
    color: var(--gray-light);
}

section.blended {
    mix-blend-mode: lighten;
}

section.spacer {
    padding: var(--space-xxxl) 0;
}

section.full-img {
    width: 100%;
    aspect-ratio: 16/6;
    position: relative;
    padding: 0;
    overflow: hidden;
    background-color: var(--gray-light);
}

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

section.padding-top-section {
    padding-top: calc(var(--space-xl) - .5rem) !important;
}

section.padding-bottom-section {
    padding-bottom: var(--space-xl);
}

.big-title__content {
    padding: var(--space-l);
}

/* @media (max-width: 991.98px) {
    section {
        padding: .5rem;
    }
} */


/* BUTTONS */
.btn {
    padding: .7rem 1.4rem !important;
    border-radius: 100rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
    position: relative;
    overflow: hidden;
    border: none;
}

.btn span.btn-wrapper {
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 10;
}

.btn span.btn-initial {
    transition: var(--transition);
    display: block;
    width: 100%;
}

.btn span.btn-final {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%) translate3d(0,0,0);
    transition: var(--transition);
    width: 100%;
}



.btn:after {
    content: "";
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%) translateY(105%);
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 100rem;
    transition: var(--transition);
    will-change: transform;
}



@media (min-width: 992px) {
  .btn:hover:after,
  .btn.active:after {
      transform: translateX(-50%) translateY(50%) scale(1.35) translate3d(0,0,0);
  }
  .btn:hover span.btn-initial {
      transform: translateY(-100%) translate3d(0,0,0);
  }
  
  .btn:hover span.btn-final {
      transform: translate(-50%, -50%) translate3d(0,0,0);
  }
}

.btn--disabled {
    opacity: .25;
    pointer-events: none;
}

.btn--yellow {
    background-color: var(--accent);
    color: var(--black);
}
  .btn--yellow.no-hover{
    background-color: var(--accent)!important;
    color: var(--black)!important;
    cursor:default;
  }


  .btn--yellow:hover,
  .btn--yellow:active {
      background-color: var(--accent);
      color: var(--black);
  }

@media (min-width: 992px) {
  .btn--yellow,
  .btn--yellow:hover,
  .btn--yellow:active {
    background-color: var(--accent)!important;
    color: var(--black)!important;
  }
}

.btn--yellow span.btn-final {
    color: var(--accent);
}

.btn--yellow:after {
    background-color: var(--black);
}

.btn--yellow.no-hover:after{
  display:none!important;
}


.btn--green {
    background-color: var(--green);
    color: var(--black);
}

.btn--green:hover,
.btn--green:active {
    background-color: var(--green);
    color: var(--black);
}

.btn--green span.btn-final {
    color: var(--green);
}

.btn--green:after {
    background-color: var(--black);
}



.btn--black {
    background-color: var(--black);
    color: var(--white);
}
  span.btn--black {
     pointer-events:none!important;
  }

.btn--black:disabled {
    background-color: var(--black);
    color: var(--white);
    opacity:.3;
}

.btn--black.active:after{
	color:var(--black);
}

.btn--black:hover,
.btn--black:active {
    background-color: var(--black);
    color: var(--white);
}

.btn--black span.btn-final {
    color: var(--black);
}

.btn--black:after {
    background-color: var(--accent);
}


.btn--white {
    background-color: var(--white);
    color: var(--black);
}
  span.btn--white {
     pointer-events:none!important;
  }

.btn--white:disabled {
    background-color: var(--white);
    color: var(--black);
    opacity:.3;
}

.btn--white.active:after{
  color:var(--white);
}

.btn--white:hover,
.btn--white:active {
    background-color: var(--white);
    color: var(--black);
}

.btn--white span.btn-final {
    color: var(--white);
}

.btn--white:after {
    background-color: var(--black);
}



.btn--wide {
    width: 100%;
    transition: var(--transition);
}

.btn--wide:hover,
.btn--wide:active {
    background-color: var(--black) !important;
    color: var(--accent) !important;
}

.btn--black.btn--wide:hover,
.btn--black.btn--wide:active {
    background-color: var(--accent) !important;
}

.btn--wide:after {
    display: none;
}


@media (max-width: 991.98px) {
    section {
        padding: 1rem 0;
    }
}


/* SECTION HEAD */
section.head {
    min-height: 55vh;
    padding-bottom: 2rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    animation: headAppear 1s ease forwards;
    will-change: transform;
    z-index: 2;
}

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

.head__content .h-xxxl {max-width: 15ch;margin: 0 auto;}

@keyframes headAppear {
    0% {transform: translateY(0);}
    100% {transform: translateY(-3vh);}
}

@media (max-width: 1800px) {
    .head__content .h-xxxl {font-size: 8vw;}
}

@media (max-width: 1700px) {
    .head__content {max-width: 70ch;}
}

@media (max-width: 991.98px) {
    section.head {
        min-height: 40vh;
    }
   .head__content .h-xxxl {
     font-size: 10.5vw;
     line-height: 1;
     letter-spacing: -.01em;
   }
}



/* SECTION BIG TITLE */
section.big-title {
    height: 55vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    color: var(--white);
}

section.big-title-block {
    height: auto;
    padding: calc(var(--space-xl) + 2rem) 0 var(--space-xl) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--white);
}

section.big-title-content {
    padding: var(--space-xl) 0;
}

@media (max-width: 991.98px) {
    section.head {
        min-height: 40vh;
    }
    section.big-title {
      height: 40vh;
    }
}


/* HEADER */
.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	padding: 1.25rem 1rem;
}

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

.navbar-nav {
	padding: 0 1.4rem;
	/* height: 3rem; */
	display: flex;
	align-items: center;
	border-radius: 100rem;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.25rem;
	background-color: rgba(255,255,255,.5);
	-webkit-backdrop-filter: saturate(150%) blur(5px);
  backdrop-filter: saturate(150%) blur(5px);

    
	gap: 1rem;
  transition: var(--transition-fast);
}

.navbar-nav:hover {
  background-color: rgba(255,255,255,.9);
}

.nav-link {
	color: var(--black);
}

@media (max-width: 1200px) {
  .navbar-nav {
    gap: 0;
  }
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x) !important;
        padding-left: var(--bs-navbar-nav-link-padding-x) !important;
        padding-top: .7rem;
        padding-bottom: .6rem;
    }
}

.header__logo {
	padding: 0 1.4rem;
	height: 3.5rem;
	display: flex;
	align-items: center;
	border-radius: 100rem;
	background-color: rgba(255,255,255,.5);
	-webkit-backdrop-filter: saturate(150%) blur(5px);
  backdrop-filter: saturate(150%) blur(5px);

    
    transition: var(--transition-fast);
}

.header__logo:hover {
  background-color: rgba(255,255,255,.9);
}

.header__logo img,
.header__logo svg {
	width: 2.9rem;
}

.header__info {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: .5rem 1.5rem;
  border-radius: 100rem;
  background-color: rgba(255,255,255,.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  
  display: none;
}

.header__info p {
  font-size: .9rem;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1;
}

.header__social {
    display: flex;
    gap: 0;
    justify-content: flex-end;
    display: none;
}

.header__social a {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: var(--transition);
}

.header__social a:hover {
    background-color: var(--accent);
}

.header__social a img {
    max-height: 1.5rem;
}

.header__social .ico-youtube {
    max-width: 1rem;
    transform: translateX(.1rem);
}

.header__social .ico-facebook {
    max-width: .8rem;
}

.header__cta {
  display: flex;
}

.header__cta-link {
	background-color: var(--accent);
	color: var(--black);
}

.header__cta-link:hover {
	background-color: var(--black);
	color: var(--accent);
}

@media (max-width: 1100px) {
  .navbar-nav {
    gap: .5rem;
    padding: 0 1rem;
  }
}

@media (max-width: 991.98px) {
    .navbar-nav:hover, .header__logo:hover {
      background-color: rgba(255,255,255,.5);
    }
    
    .header__logo {
      padding-block: 1.65rem;
    }

	.header {
		padding: .5rem 0;
	}
  .header__social {
    display: none;
  }
    .header__info {
      display: none;
    }
	.header__cta {
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 1rem;
		width: 100%;
	}
	.header__cta-link {
		padding: 1rem;
	}
    .header__cta-link:after {
      display: none;
    }
	.header__cta-link:hover,
    .header__cta-link:active {
		background-color: var(--accent) !important;
		color: var(--black) !important;
	}
	.header__cta a {
		width: 100%;
	}
	.header__menu {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
        padding: 0.4rem .3rem;
	}
	.navbar-toggler {
		padding: .8rem 1.4rem;
		border-radius: 100rem;
		background-color: rgba(255,255,255,.65);
		-webkit-backdrop-filter: saturate(150%) blur(5px);
        backdrop-filter: saturate(150%) blur(5px);
    
        
		border: none;
	}
    .navbar-nav .btn {
        padding: .5rem !important;
        text-transform: none;
        font-size: 3rem;
        letter-spacing: -0.0125em;
        line-height: 1.1;
        font-weight: 400;
        text-align: left;
    }
	.navbar-nav {
		border-radius: 1.5rem;
		padding: 1.5rem;
		margin-top: 1rem;
		height: auto;
        justify-content: flex-start;
        align-items: flex-start;
	}
    .navbar-nav .btn-wrapper span {
        text-transform: none;
        font-size: 3rem;
        letter-spacing: -0.0125em;
        line-height: 1.1;
        font-weight: 400;
    }
}


/* SPONSORS */
.sponsors .container-fluid {
  margin-top: var(--space-xl);  
}

.sponsors__header {
    margin-bottom: var(--space-xxl);    
    margin-top: var(--space-xl);   
}

.sponsors__group {
    margin-bottom: var(--space-xl);
}


.sponsors a {
    display: block;
    aspect-ratio: 4/2.6;
    flex: 0 1 100%;
    transition: var(--transition);
    transform: translate3d(0,0,0) scale(.95);
    will-change: transform;
}

.sponsors a:hover {
  transform: translate3d(0,0,0) scale(1);
}

.sponsors a.sponsors--estrella {
  width: 20rem;
}

.sponsors a.sponsors--repsol {
    display: flex;
    justify-content: center;
    max-width: 75%;
}

.sponsors__row-title {
    border-top: 1px solid var(--black);
    margin-bottom: var(--space-l);
    padding-top: var(--space-s);
}

.sponsors__group-wrapper {
    display: flex;
}


@media (max-width: 991.98px) {
    .sponsors .container-fluid {
      margin-top: var(--space-xl);  
    }
    .sponsors__row-item img {
        margin-bottom: 0;
    }
    .sponsors__header {
        margin-bottom: var(--space-xl); 
        margin-top: 0;      
    }
    .sponsors__group-wrapper {
       flex-wrap: wrap;
    }
    /* .sponsors__group-wrapper a {
        flex: 0 1 50%;
    } */
    .sponsors a {
        aspect-ratio: auto;
    }
    .sponsors a.sponsors--repsol {
        max-width: 100%;
        justify-content: flex-start;
        margin-bottom: var(--space-m);
    }
    .sponsors a.sponsors--repsol img {
        width: 30%;
    }
    .sponsors a.sponsors--estrella {
        max-width: 100%;
        justify-content: flex-start;
    }

}


/* FOOTER */
.footer {
    background-color: var(--black);
    color: var(--white);
    position: relative;
    z-index: 1;
    padding: 4rem 1rem;
}

.newsletter {
    /* background-color: var(--gray-light); */
    position: relative;
    z-index: 1;
    padding: var(--space-xxl) 1rem;
}

.newsletter__content {
  background-color: rgba(255,255,255,.5);
  -webkit-backdrop-filter: saturate(150%) blur(5px);
  backdrop-filter: saturate(150%) blur(5px);
  padding: 2.5rem;
  border-radius: var(--radius);
}

.single-artista .newsletter {
    background-color: var(--gray-light);
}

.single-artista .newsletter__content {
  background-color: rgba(0,0,0,.05);
}

.newsletter__content p {
    /* max-width: 56ch; */
    margin-bottom: var(--space-m);
    font-size: 1rem;
}

.newsletter__content h4 {
  margin-bottom: var(--space-m);
  /* max-width: 25ch; */
}

.newsletter h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--white);
    line-height: .8;
    letter-spacing: -0.025em;
    margin-bottom: var(--space-l);
}

.newsletter h3 span {
    display: inline-block;
    background-color: var(--black);
    border-radius: var(--space-xxl);
    padding: .3rem 1.5rem 1rem 1.5rem;
}

.newsletter h3 span:last-child {
    position: relative;
}

.newsletter h3 span:last-child:after {
    content: "";
    width: 2rem;
    height: 3rem;
    background-color: var(--black);
    bottom: -28%;
    left: 0;
    position: absolute;
    clip-path: polygon(0 0,0% 100%,80% 20%);
    z-index: 1;
}

.fake-form {
    padding: 1rem 2rem;
    border-radius: 100rem;
    background-color: var(--white);
    width: 30rem;
}

.mailchimp-form{
    /* max-width: 36rem; */
}

.newsletter-fields-group {
  display: flex;
  gap: 1rem;
}

.newsletter-fields-group div {
  flex: 0 1 50%;
}

.newsletter-cta-group {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.newsletter-cta-group a {
  color: var(--black);
  text-decoration: underline;
  opacity: .75;
}

.newsletter-cta-group a:hover {
  opacity: 1;
}

.newsletter-cta-group .btn {
  padding: .6rem 1.5rem;
}

    .mailchimp-form .form-control,
    .wpcf7 .form-control{
        padding: .75rem 1.5rem;
        border-radius: 100rem;
        background-color: var(--white);
        font-size:1.25rem;
        color: var(--black);
        width:100%;
        border-color:transparent;
    }
        .wpcf7 textarea.form-control{
            border-radius:23px;
        }
        .mailchimp-form input[type='checkbox'],
        .wpcf7 input[type='checkbox']{
            accent-color: var(--primary);
        }
        .form-check-input:checked {
            background-color: var(--primary);
            border-color: var(--primary);
        }
        .form-check-input:focus {
            border-color: var(--primary);
            box-shadow: 0 0 0 0.25rem rgba(137, 92, 255, .2);
        }
        .mailchimp-form .form-check,
        .wpcf7 .form-check  {
            margin-left: var(--space-s);
        }
        .mailchimp-form .form-check-label,
        .wpcf7 .wpcf7-list-item-label{
            font-size:1rem;
            color: var(--black);
        }
        @media (max-width: 991.98px) {
            .mailchimp-form{
                max-width: 100%;
            }
            .newsletter__content {
              padding: 1.5rem;
            }
            .newsletter-fields-group {
              flex-direction: column;
              gap: 0;
            }
            .newsletter-cta-group {
              flex-direction: column;
              align-items: flex-start;
            }
            .newsletter h3 span:last-child:after {
                bottom: -35%;
            }
        }
        .mailchimp-form .form-control:focus,
        .wpcf7 .form-control:focus{
            box-shadow: 0 0 0 0.25rem var(--accent);
        }
        .btn-newsletter:hover {
            background-color: var(--accent);
            color: var(--black);
        }

.footer__top {
    margin-bottom: var(--space-xxl);
}

.footer__bottom {
    font-size: 1.25rem;
    align-items: flex-end;
}

.footer__lang {
    background-color: rgba(255,255,255,.25);
    border-radius: 100rem;
    width: fit-content;
    padding: .25rem;
    transform: translateX(-.25rem);
}

.footer__lang .btn {
    color: var(--gray-light);
    background-color: transparent;
}

.footer__lang .btn.active {
    background-color: var(--white);
    color: var(--black);
}

.footer__social {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.footer__social a {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    transition: var(--transition);
}

.footer__social a:hover {
    background-color: var(--accent);
}

.footer__social a img {
    max-height: 1.8rem;
}

.ico-youtube {
    max-width: 1.1rem;
    transform: translateX(.1rem);
}

.footer__menu {
    display: flex;
    flex-direction: column;
}

.footer__menu ul {
  list-style:none;
  padding:0;
  margin:0;
}

.footer__menu ul li {
  padding:0;
  margin:0;
}

.footer__menu a,
.footer__text a {
    text-decoration: none;
    color: var(--gray-light);
    transition: var(--transition);
}

.footer__menu a:hover,
.footer__text a:hover {
    color: var(--accent);
}

.footer__text p {
  margin-bottom: 0;
}


.footer__logo {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}

.footer__logo img {
    max-width: 20rem;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .footer {
        padding: 2rem 0;
    }
    .newsletter {
        padding: 0;
    }
    .newsletter .container-fluid {
      padding: 0;
      overflow: hidden;
    }
    .newsletter h3 {
        margin-bottom: var(--space-xl);
        font-size: 2.5rem;
    }
    
    .newsletter__content {
      padding: 2rem 1rem;
      border-radius: 0;
    }
    .newsletter__content p {
        max-width: 100%;
    }
    .footer__social {
        justify-content: flex-start;
    }
    .footer__lang {
        margin-bottom: 2rem;
        .btn {
          padding: .6rem 1.1rem!important;
          font-size: 1rem;
        }
    }
    .footer__top {
        margin-bottom: 4rem;
    }
    .footer__logo {
        margin-top: 4rem;
        margin-bottom: 6rem;
        align-items: flex-start;
        justify-content: center;
    }
    .footer__text p {
      margin-top: 1rem;
    }
}



/* BACKGROUND */
.back-wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.back-wrapper__video {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background: #000;
}

.back-wrapper video,
.back-wrapper__video video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center center;
  opacity: .7;
}

.back-wrapper:not(.back-wrapper-home) img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.back-wrapper__content {
    width: 100%;
    height: 100%;
    position: relative;
    will-change: transform;
}


/* GENERAL */
.content__title {
    margin-bottom: var(--space-xxl);
}

.content__box {
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: var(--space-s);
}

.content__box--text {
    padding: var(--space-m);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background-color: var(--white);
    width: 100%;
    height: 100%;
}

.content__box--text > *:last-child {
    margin-bottom: 0;
}

.content__box--text:has(iframe) div {
  width: 100%;
}

.content__box--text p:has(iframe) {
  margin: 0; 
}

.content__box--media {
    width: 100%;
    height: 100%;
}

.content__box--media > * {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.content .row {
    margin-bottom: var(--bs-gutter-x);
}

.page-default .content .row {
    margin-bottom: 0;
}

.page-default figure {
  margin: 0;
}

.page-default figcaption {
  display: none;
}
.sticky-content .content__box--text {
    padding: 0;
    background-color: transparent;
    height: auto;
    position: sticky;
    top: 7rem;
    overflow: visible;
}

@media (max-width: 991.98px) {
    .content__title {
        margin-bottom: var(--space-xl);
    }
    .content .row {
        gap: 1rem;
    }
}

@media (max-width: 767.98px) {
    .content .row {
        margin-bottom: var(--space-s);
        gap: 1rem;
    }
}

/* SECTION BOXES */
@media (max-width: 991.98px) {
    .boxes .row {
        margin-bottom: var(--space-xxl);
    }
    .boxes .row:last-child {
        margin-bottom: 0;
    }
}

/* SECTION MILESTONES */
.milestones {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl);
}

.milestones__header {
    margin-bottom: 4rem;
}

.milestone__item {
    border-top: 1px solid var(--black);
    margin-bottom: var(--space-xl);
}

.milestone__item h4 {
    padding: .75rem 0 1.5rem 0;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .milestones {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl);
    }
}





/* MARQUEE */
.marquee {
    padding: var(--space-xxl) 0;
    overflow: hidden;
}

.marquee a {
  color: var(--black);
}


.marquee__wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    /* height: 100%; */

}

.marquee__top, .marquee__bottom {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}


.marquee__wrapper p {
    margin: 0 1rem;
    display: block;
    line-height: 1;

    white-space: nowrap;
    display: inline-block;
}

.marquee__img-wrapper {
    width: 8rem;
    padding-top: 1.5rem;
}

.marquee__img-wrapper img {
  width: 100%;
  transform: scale(1.4);
  /* animation: marqueeRotate 5s linear infinite both; */
}

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

@media (max-width: 991.98px) {
    .marquee__img-wrapper {
        width: 3rem;
        padding-top: .75rem;
    }
    .marquee__wrapper p {
      font-size: 15vw;
    }
    .marquee {
        padding: var(--space-xl) 0;
    }
}


/* LINEUP */
.lineup {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl);
    height: auto;
    overflow: hidden;
}

.lineup .azlineup {
  background: var(--accent);
  width: max-content;
  margin: 0 auto;
  padding: .25rem .75rem;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.lineup .azlineup p {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  color: var(--black);
  margin: 0;
}

.lineup__header {
    padding-bottom: var(--space-xxl);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--white);
}

.lineup__content {
	width: 85vw;
	position: relative;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 1rem;
    margin: 0 auto;
}

.lineup__content--effect {
  z-index: 2;
}

.lineup-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: var(--space-s);
  margin-bottom: var(--space-l);
}

.lineup-cta .btn {
  transform: scale(0.9, 1);
  opacity: 1;
  padding: .5rem 2.5rem !important;
  font-size: 1.75rem;
  color: var(--white);
}

@media (max-width: 1500px) {
    .lineup__content {
        width: 85vw;

    }
}

@media (max-width: 991px) {
   .lineup-cta .btn {
     font-size: 1.25rem;
     padding-inline: 1.5rem !important;
     padding-block: .25rem !important;
   }
}

.lineup__content-date {
    display: flex;
    justify-content: center;
    width: 100%;
}

.lineup__item {
	display: flex;
    gap: .35rem;
	align-items: baseline;
	position: relative;
    text-decoration: none;
    color: var(--white);
    font-weight: 700;
    cursor: pointer;
    padding: .25rem .75rem;
    z-index: 10;
}

span.lineup__item {
  cursor: default;
}

/* .lineup__item:after {
    content: "";
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
    border-radius: 100%;
    background-color: var(--white);
    transform: translateX(.5rem) translateY(-.25rem);
    z-index: 1;
} */

.lineup__item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.65rem;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
    border-radius: 100%;
    background-color: var(--white);
    transform: translateX(.5rem) translateY(-40%) scale(.75);
    z-index: 1;
}

.lineup__item.no-after:after {
    content: none;
}

.lineup__item:last-child:after {
    content: none;
    display: none;
}

/* .lineup__item:before {
  content: "";
  background: var(--accent);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: .5rem;
  outline: .5rem solid var(--accent);
  transform: translateX(-.5rem);
}

.lineup__item:hover:before {
  width: calc(100% - 2.5rem);
} */

.lineup__item .lineup__item-name {
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
    color: var(--white);
    overflow: visible;
}

.lineup__item .lineup__item-show {
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
    color: var(--white);
    overflow: visible;
    z-index: 1;
    flex: 1 0 auto;
}



/* 
.lineup__item:hover .lineup__item-name:before {
    color: var(--black);
    content: attr(data-text);
    position: absolute;
    filter: url(#goo-sm);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}
  span.lineup__item:hover .lineup__item-name:before {
      display:none;
  }

.lineup__item:hover .lineup__item-show:before {
    color: var(--black);
    content: attr(data-text);
    position: absolute;
    filter: url(#goo-sm);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
} */

.hover-reveal {
	position: absolute;
	z-index: -1;
	width: 20rem;
	height: 20rem;
	top: 0;
	left: 0;
	pointer-events: none;
    overflow: hidden;
	opacity: 0;
    border-radius: var(--radius);
}

.hover-reveal__inner {
	overflow: hidden;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}

.lineup__cta {
    margin-top: var(--space-l);
    display: flex;
    justify-content: center;
}

.lineup__item .lineup__item-name span,
.lineup__item-show {
  font-size: 2rem;
}

@media (max-width: 1750px) {
    .lineup__item .lineup__item-name {
        font-size: 2.5rem;
    }
    .lineup__item .lineup__item-show,
    .lineup__item .lineup__item-name span {
        font-size: 2rem;
    }
    .lineup__item--sm .lineup__item-name,
    .lineup__item--sm .lineup__item-show {
        font-size: 2rem;
    }

}


@media (max-width: 1500px) {
    .lineup__item .lineup__item-name {
        font-size: 2rem;
    }
    .lineup__item .lineup__item-show,
    .lineup__item .lineup__item-name span {
        font-size: 1.5rem;
    }
    .lineup__item--sm .lineup__item-name,
    .lineup__item--sm .lineup__item-show {
        font-size: 1.5rem;
    }
    .hover-reveal {
        width: 16rem;
        height: 16rem;
    }
}

@media (max-width: 991.98px) {
    .lineup__content {
        width: 100%;
        max-width: 95%;
        gap: 0 .5rem;
    }
    .lineup__item:hover .lineup__item-name:before {
        content: "";
        display: none;
    }
    .hover-reveal__inner {
        display: none;
    }
    .lineup__item {
        padding: .15rem .6rem;
        gap: 0;
    }
    .lineup__item.no-after {
        padding: .15rem .4rem .15rem .4rem;
    }
    .lineup__item .lineup__item-name {
        font-size: 1.3rem;
    }
    .lineup__item .lineup__item-show {
      margin-left: .25rem;
    }
    .lineup__item .lineup__item-show,
    .lineup__item .lineup__item-name span {
        font-size: .9rem;
    }
    .lineup__item--sm .lineup__item-name,
    .lineup__item--sm .lineup__item-show {
        font-size: .9rem;
    }
    .lineup__item:after {
        width: .75rem;
        height: .75rem;
        right: -.075rem;
        flex: 0 0 .75rem;
    }
    .lineup__content-date a,
    .lineup__content-date span {
        font-size: .8rem;
        padding: .15rem .75rem !important;
    }
    .lineup__content-date span {
        font-size: .8rem;
    }
    .lineup__content-date a:after {
      display: none;
    }
    .lineup__item:before {
      outline: .25rem solid var(--accent);
      transform: translateX(-.25rem) scaleY(.9);
    }
}

/* COUNTDOWN */
.lineup-home__header {
  margin-bottom: var(--space-l) !important;
}

.lineup-home__numbers {
  display: flex;
  align-items: center;
  gap: .5rem;
}

#countdown {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--black);
    background-color: var(--white);
    padding: .1rem 1rem;
    border-radius: 100rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    display: none;
} 

@media (min-width: 992px) {
  .lineup-home__header {
    transform: translateX(-2.5%); 
  }
}

@media (max-width: 991.98px) {
  #countdown {
    font-size: 1rem;
  }
}


/* LINEUP PAGE */
.lineup-card {
    width: 100%;
    aspect-ratio: 4/3;
    position: relative;
    margin-bottom: var(--space-m);
}

.lineup-card__image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    overflow: hidden;
}

.lineup-card__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: var(--transition);
}

.lineup-card__info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 0;
}

.lineup-card__name {
    font-weight: 500;
    position: relative;
    color: var(--white);
}


.lineup-card__name:before {
    color: var(--black);
    content: attr(data-text);
    position: absolute;
    filter: url(#goo);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.lineup-card__show {
    text-transform: uppercase;
    font-weight: 700;
    background-color: var(--black);
    color: var(--white);
    padding: .3rem .7rem .5rem .7rem;
    border-radius: var(--space-xxl);
    line-height: 1;
    transform: translateY(.2rem);
}

.lineup-card:hover img {
    transform: scale(1.1);
}

.lineup-card:hover .lineup-card__info {
    opacity: 1;
}

/* FAVORITES */
.btn-favorite{
  position:absolute;
  top:.75rem;
  right:.75rem;
  z-index:99999;
  cursor: pointer;
  aspect-ratio: 1/1;
}

.btn__favorite i {
  color: var(--white);
  opacity: 1;
  font-size: 1.4rem;
  padding: 11px;
  background: var(--black);
  border-radius: 100%;
  aspect-ratio: 1/1;
  display: block;
}

.btn__favorite i:hover {
  background: var(--primary);
}

.artist-timeline-fav .btn__favorite.btn__favorite--yes i {
  color: var(--primary) !important;
  background: var(--white) !important;
}

.btn__favorite.btn__favorite--yes i {
  color: var(--black) !important;
  background: var(--primary) !important;
}

.artist-timeline-fav .btn__favorite i {
  font-size: 1rem;
  padding: 5px;
  background: rgba(0,0,0,.2);
}

.artist-timeline-fav .btn__favorite i:hover {
  background: var(--primary);
}

.simplefavorite-button.active {
  opacity: 1 !important;
}

.btn--favs {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(15rem);
  z-index: 9999999;
  color: var(--white);
  background: var(--black);
  transition: var(--transition);
}

.btn--favs:after {
  background: var(--primary);
  color: var(--white);
}

.btn--favs span.btn-final {
  color: var(--black);
}

.btn--favs.appear {
  transform: translateX(-50%) translateY(0);
}

.favs-info {
  max-width: 60ch;
  position: relative;
  display: block;
  background: var(--white);
  border-radius: var(--radius);
  padding: var(--space-m);
  font-size: 1.25rem;
}

.favs-info i {
  color: var(--primary);
}

.section-schedule {
  overflow: hidden;
}


@media (max-width: 991.98px) {
  .btn--favs {
    padding: 1rem;
    width: calc( 100% - 2rem );
    /* bottom: 5.5rem; */
    bottom: 1rem;
  }
}

@media (max-width: 991.98px) {
    .lineup-card {
        aspect-ratio: auto;
        display: flex;
        /* align-items: center; */
        gap: 1rem;
    }
    .lineup-card .lineup-card__info {
        opacity: 1;
        position: relative;
        display: block;
        flex: 1 1 100%;
    }
    .lineup-card__name {
        color: var(--black);
    }
    .lineup-card__name:before {
        display: none;
    }
    .lineup-card__image {
      width: auto !important;
      min-width: 4rem;
      text-align: center;
    }
    .lineup-card__image img {
      display: none;
    }
    .btn-favorite {
      position: relative !important;
      top: .4rem !important;
      left: 0 !important;
    }
    .lineup-card__show {
      display: none;
    }
    .section-schedule .lineup-card__metas {
      /*
      position: static !important;
      top: auto !important;
      left: auto !important;
      width: auto !important;
      */

    }
    .section-schedule .lineup-card .lineup-card__venue,
    .section-schedule .lineup-card .lineup-card__time {
      color: var(--black) !important;
      background: var(--white) !important;
    }
    .lineup-card__image {
      flex: 0 1 auto !important;
    }
    .lineup-card a:not(.simplefavorite-button) {
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
    }
    .lineup-card .h-xl {
      font-size: 1.5rem;
    }
    .page-template-page-favorites .header__cta .header__cta-link,
    .page-template-page-schedule .header__cta .header__cta-link,
    .page-template-page-timeline .header__cta .header__cta-link,
    .page-id-3798 .header__cta .header__cta-link,
    .page-id-3932 .header__cta .header__cta-link,
    .page-id-3933 .header__cta .header__cta-link,
    .page-id-3934 .header__cta .header__cta-link,
    .page-id-4469 .header__cta .header__cta-link,
    .page-id-4651 .header__cta .header__cta-link,
    .page-id-4652 .header__cta .header__cta-link {
      display: none;
    }
    
}

/* FAVORITES IMAGE */
.favorites__container {
  width: 1080px;
  height: 1920px;
  background: var(--primary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-image: url('../img/poster-bg-2026.jpg');
  background-size: cover;
  position: absolute;
  left: -99999px;
}

@media (max-width: 991.98px) {
  .favorites__container {
    transform:scale(0.5);
  }
}

.favorites__header,
.favorites__content,
.favorites__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.favorites__content {
  flex: 1;
}

.favorites__logo-brunch {
  padding: 150px 0 50px 0;
  max-width: 800px;
  width: 800px;
  height: 387px;
  display: block;
}

.favorites__pre-title {
  font-weight: 700;
  font-size: 42px;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 0;
  background: var(--white);
  display: block;
  height: 67px;
  line-height: .5;
}

.favorites__container h3 {
  font-weight: 700;
  font-size: 42px;
  text-transform: uppercase;
  padding: 5px 20px;
  border-radius: 0;
  background: var(--accent);
  height: 67px;
  line-height: .8;
}

.favorites__container h3:not(:first-child) {
  margin-top: 50px;
}

.favorites__artist {
  font-weight: 700;
  font-size: 58px;
  line-height: 1;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: var(--white);
  margin: 0;
  gap: 10px;
  filter: drop-shadow(0 0 16px rgba(0,0,0,.2));
}

.favorites__artist span {
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 0;
  background: var(--black);
  color: var(--white);
  line-height: 1;
  height: 50px;
  display: block;
  line-height: .7;
  transform: translateY(15px);
  display: none;
}

.favorites__footer {
  margin-bottom: 50px;
}

.favorites__footer h2 {
  font-weight: 700;
  font-size: 42px;
  text-transform: uppercase;
  padding: 5px 25px;
  border-radius: 0;
  color: var(--white);
  background: var(--black);
  height: 67px;
  line-height: .9;
  margin: 0;
}

.favorites__footer p {
  font-weight: 700;
  font-size: 42px;
  text-transform: uppercase;
  padding: 5px 25px;
  border-radius: 0;
  background: var(--accent);
  height: 67px;
  line-height: .9;
}



.lineup-list {
    padding-bottom: var(--space-xxl);
}

.lineup-list .content__title {
  margin-bottom: var(--space-l);
}

.lineup-list .favs-info {
  margin-bottom: var(--space-l);
}

.lineup-list__filters,
.lineup-list__filters nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: var(--space-s);
}

.lineup-list__filters nav {
    margin-bottom: 0;
}

.lineup-list__filters .btn {
    margin-bottom: var(--space-s);
}

.lineup-list__filters .btn.active {
  color: var(--black);
}

.lineup-list__items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s);
    width: 80%;
}

.lineup-list__items .lineup-list__artist {
    font-weight: 500;
    overflow: visible;
    position: relative;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    margin-right: var(--space-m);
    color: var(--black);
}

.lineup-list__items a:before {
    color: var(--black);
    content: attr(data-text);
    position: absolute;
    filter: url(#goo-sm);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translate3d(0,0,0);
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    backface-visibility: hidden;
}

.lineup-list__items a:after {
    content: "";
    position: absolute;
    top: 55%;
    right: -1.1rem;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    background-color: var(--primary);
    transform: translateY(-50%);
}

.lineup-list__items a:last-child:after {
    display: none;
}

.lineup-list__items a:hover {
    z-index: 10;
    color: var(--white);
    text-overflow: none;
    overflow: visible;
}

.lineup-list__items a:hover:before {
    opacity: 1;
}

@media (max-width: 991.98px) {
    .lineup-list__items {
        width: 100%;
    }
    .lineup-list__items .lineup-list__artist {
      font-size: 1.75rem;
    }
    .lineup-list__filters {
      margin-bottom: 0;
    }
    .lineup-list__filters .btn {
      font-size: 1.1rem;
      padding: .3rem 1rem;
      flex: 1 0 auto;
    }
    .lineup-list__filters .btn:after {
      content: none;
    }
    .lineup-list__filters .btn.active {
      background: var(--accent);
    }
    .lineup-list__filters, .lineup-list__filters nav {
      flex-wrap: nowrap;
    }
    .days-filter {
      padding-left: .5rem;
    }
    .scroller {
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
      -ms-overflow-style: none; 
      scrollbar-width: none; 
    }
    
    .scroller::-webkit-scrollbar {
      display: none; 
    }
}



/* TICKETS */
.ticket-card {
    background-color: var(--white);
    border-radius: var(--radius);
    padding: var(--space-m);
    margin-bottom: var(--space-s);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position:relative;
}

/* .ticket-card--active {
  animation: glowUp 1s alternate infinite both;
} */

@keyframes glowUp {
  0%{box-shadow: 0 0 0 0 var(--accent);}
  100%{box-shadow: 0 0 3rem 0 var(--accent);} keyframes
}

.ticket-card--vip {
    background: linear-gradient(141deg, var(--pink) 10%, var(--red) 100%);
    color: var(--white);
}

.ticket-card--afterparty {
    background: var(--black);
    color: var(--white);
}

.ticket-card--alert {
  background: rgba(0,0,0,.1);
}

.ticket-card--alert .btn--yellow {
  background: var(--black) !important;
  color: var(--accent) !important;
}

.ticket-card--preregister {
  background: rgba(0,0,0,.1);
}

.ticket-card--preregister .btn--yellow {
  background: var(--black) !important;
  color: var(--accent) !important;
}

.ticket-card--afterparty a:not(.btn) {
  color: var(--white);
}

.ticket-card__header {
    padding-bottom: var(--space-xl);
    flex: 1;
}

.ticket-card__info {
    padding: var(--space-s) 0;
}

.ticket-card--active li strong {
  background: color-mix(in srgb, var(--primary) 50%, transparent);
}

.ticket-card--soldout .ticket-card__header,
.ticket-card--soldout .ticket-card__info {
  opacity: .5;
}

.ticket-card--soldout {
  position: relative;
}

.ticket-card--soldout:after {
  content: "Soldout";
  position: absolute;
  background: var(--black);
  padding: .2rem .5rem;
  top: 2rem;
  right: 1rem;
  font-size: .9rem;
  border-radius: 10rem;
  font-weight: bold;
  color: var(--accent);
  transform: rotate(20deg);
  text-transform: uppercase;
}

.ticket-card__header:has(.ticket-card__message) .ticket-card__price {
  margin-bottom: 0; 
}

.ticket-card__message {
  background: rgba(255, 230, 0, 0.4);
  font-weight: 700;
  display: inline-block;
}

.ticket-card__countdown {
  background: rgba(255, 230, 0, 0.4);
  display: inline-block;
}

.ticket-card__countdown p {
  margin-bottom: 0;
}



.ticket-card .message  {
  position: absolute;
  background: var(--black);
  padding: .2rem .5rem;
  top: 2rem;
  right: 1rem;
  font-size: .9rem;
  border-radius: 10rem;
  font-weight: bold;
  color: var(--accent);
  transform: rotate(20deg);
  text-transform: uppercase;
  z-index:9999999;

}

#modal-aviso-ticket .modal-content {
  border-radius: var(--radius);
}

#modal-aviso-ticket .modal-header {
  display: none;
}

#modal-aviso-ticket .modal-body {
  text-align: center;
}

#modal-aviso-ticket .wpcf7-spinner {
  position: absolute;
  top: 25%;
  right: -3.5rem;
  transform: translateY(-50%);
}

#modal-aviso-ticket .modal-ticket-form {
  position: relative;
  margin-bottom: 2rem;
}

#modal-aviso-ticket .modal-ticket-form label {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

#modal-aviso-ticket .wpcf7-response-output {
  font-size: 1.1rem;
}

@media (max-width: 991.98px) {
    .page-template-page-tickets .header__cta {
        display: none;
    }
}



/* NEWS */
.news-card {
    border-radius: var(--radius);
    overflow: hidden;
    background-color: var(--white);
    margin-bottom: var(--space-s);
    position: relative;
}

.news-card__content {
    color: var(--black);
    padding: var(--space-m);
    position: relative;
    overflow: hidden;
}



.news-card__content:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    bottom: 0;
    left: 0;
    transform: translateY(-100%);
    background-color: var(--accent);
    transition: var(--transition);
    z-index: 1;
}

.news-card:hover .news-card__content:before {
    transform: translateY(0);
}

.news-card:after {
    content: url(../img/ico-arrow.svg);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    position: absolute;
    border-radius: 100%;
    top: var(--space-s);
    right: var(--space-s);
    transform: translateX(calc(100% + var(--space-s))) translateY(calc(-100% - var(--space-s)));
    background-color: var(--accent);
    transition: var(--transition);
    z-index: 1;
    pointer-events: none;
}

.news-card:hover:after {
    transform: translateX(0) translateY(0);
}

.news-card__title {
    font-weight: 500;
    position: relative;
    z-index: 2;
    margin-top: var(--space-l);
    margin-bottom: 0;
}


.news-card__image {
    overflow: hidden;
}

.news-card__image img {
    transition: var(--transition);
    transform-origin: center bottom;
}

.news-card:hover img {
    transform: scale(1.05);
}

@media (max-width: 991.98px) {
    .news-card__title {
        margin-top: 0;
        margin-bottom: var(--space-s);
    }
}



/* FAQS */
.faqs {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl);
}

main .faqs {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
}

.faqs__group {
    border-top: 1px solid var(--black);
}

.faqs__title {
    padding-top: 1rem;
}

  .faqs__title--block {
    max-width: 25ch;
  }

.faqs__header {
    margin-bottom: 4rem;
}

.accordion-item {
    background-color: transparent;
    border-bottom:  1px solid var(--black);
}

.accordion-button {
    font-size: 1.25rem;
    font-weight: normal;
    background-color: transparent;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--black);
    box-shadow: none;
}

.accordion-body {
    font-size: 1.25rem;
    padding-top: 0;
    padding-bottom: 2rem;
}

.accordion-button:focus {
    border: none;
    box-shadow: none;
}

@media (max-width: 991.98px) {
    .faqs__title {
        padding-bottom: 1rem;
        border-bottom:  1px solid var(--black);
    }
    .faqs__title--block {
      max-width: 100%;
    }
    .faqs__title h4 {
        margin-bottom: 0;
    }
    .accordion-button {
        padding-left: 0;
    }
    .accordion-body {
        padding-left: 0;
    }
}

/* PAGE ABOUT */
.page-about a {
  color: var(--primary);
}

.page-about a:hover {
  text-decoration: underline;
}


/* PAGE ARTIST */
.single-artista .back-wrapper {
  height: 70vh;  
}

.artist-header {
    min-height: 70vh;
    color: var(--white);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.artist-header__content {
    padding: var(--space-m);
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.artist-header__fav {
  position: absolute;
  bottom: 1.25rem;
  right: 0.75rem;
  cursor: pointer;
  z-index: 10;
}

.artist-header__name {
    color: var(--white);
    position: relative;
}

/* .artist-header__name:before {
    color: var(--black);
    content: attr(data-text);
    position: absolute;
    filter: url(#goo);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
} */

/* .artist-header__show {
    padding: var(--space-s) var(--space-m);
    border-radius: 100rem;
    font-weight: bold;
    background-color: var(--black);
    text-transform: uppercase;
} */

.artist-header__show {
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

/* .artist-header__show:before {
    color: var(--black);
    content: attr(data-text);
    position: absolute;
    filter: url(#goo);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
} */


.artist-content__title {
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
    padding: var(--space-xl) 0;
}

.artist-content__wrapper {
    display: flex;
    align-items: flex-start;
    padding: var(--space-l) 0;
}

.artist-content__data {
    position: sticky;
    top: 7rem;
    border-radius: var(--radius);
    background-color: var(--white);
    padding: var(--space-m);
    min-width: 28.2rem;
    margin-bottom: var(--space-m);
}

.artist-content__data-row {
    display: flex;
    align-items: baseline;
    margin-bottom: var(--space-s);
    gap: var(--space-s);
}

.artist-content__data-row:last-child {
  margin-bottom: 0;
}

.artist-content__data-row p {
    margin-bottom: 0;
}

.artist-content__data-row p.artist-content__data-title {
    flex: 0 1 50%;
}

.artist-content__data-row p.artist-content__data-value {
    flex: 0 1 50%;
    font-weight: 500;
}
	.artist-content__date{
		text-transform:capitalize;
	}

.artist-content__cta {
    padding-top: var(--space-m);
}

.artist-content__info {
    max-width: 55ch;
    padding: 0 var(--space-m);
    margin: 0 auto;
}

.artist-content__info h1,
.artist-content__info h2,
.artist-content__info h3,
.artist-content__info h4 {
    font-weight: 500;
    margin-bottom: var(--space-l);
}

.artist-content__info a {
    color: var(--primary);
}

.artist-content__info a:hover {
    text-decoration: underline;
}

.artist-content__info img,
.artist-content__info figure {
    border-radius: var(--radius);
    overflow: hidden;
    margin: var(--space-l) 0;
}

@media (max-width: 991.98px) {
  .artist-header {
      min-height: 60vh;
  }
    .artist-content__info {
        padding: 0;
    }
    .artist-content__wrapper {
        flex-direction: column;
        gap: var(--space-m);
    }
    .artist-content__data,
    .artist-content__info {
        width: 100%;
        max-width: 100%;
        position: static;
    }
    .artist-content__cta {
        display: none;
    }
    .artist-header__content {
        flex-direction: column;
    }
}

/* LINEUP HOME */
.lineup-home {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xxl);
}

.lineup-home__header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xl);
    margin-bottom: var(--space-xl);
    margin-top: var(--space-xl);
}

.lineup-home__logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.lineup-home__header-barcelona {
  background-color: var(--white);
  color: var(--black);
  font-size: 1.75rem;
  font-weight: 700;
  padding: .5rem 1.5rem;
  border-radius: 100rem;
  text-transform: uppercase;
}

.lineup-home__logo-estrella {
    max-width: 10rem;
}

.lineup-home__header-barcelona,
.lineup-home__logo-estrella {
  margin-top: 1.5rem;
}

.lineup-home__logo-brunch {
    max-width: 40rem;
}

.lineup-home__dates {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--black);
    background-color: var(--white);
    padding: .1rem 1rem;
    border-radius: 100rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    display: block;
}

@media (max-width: 1750px) {
  .lineup-home__logo-brunch {
    max-width: 32rem;
  }
}

@media (max-width: 1200px) {
  .lineup-home__header {
    margin-top: var(--space-xxl);
  }
}
.lineup-home__logo-estrella {
  width:139px;
}
@media (max-width: 991.98px) {
    .lineup-home {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-l);
    }
    .lineup-home__logo-brunch {
      max-width: min(70%, 20rem);
      margin: 0 auto;
    }
    .lineup-home__logo-estrella {
      margin: 0 auto;
    }
    .lineup-home__dates {
      font-size: 1rem;
    }
    .lineup-home__header {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: .75rem;
        margin-top: var(--space-m);
    }
    .lineup-home__logo-estrella {
        max-width: 8rem;
    }
    .lineup-home__logo {
      gap: .75rem;
    }
    .lineup-home__header-barcelona {
      font-size: 1.5rem;
      padding: .5rem 1.5rem;

    }
    .lineup-home__header-barcelona,
    .lineup-home__logo-estrella {
      margin-top: 0;
    }

}

.lineup-home__header,
.lineup__content-date_wrap,
.azlineup,
.lineup-cta {
    opacity: 0;
}

/* .lineup__content-date_wrap:has(.lineup__item) {
  margin-bottom: 2rem;
} */

.lineup__content-date_wrap:has(.lineup__item) .lineup__content-date {
  padding-bottom: var(--space-m);
}



/* PAGE TEASER */
.page-id-239 .header {
    display: none;
}
.page-teaser {
    background-color: var(--black);
    padding-bottom: var(--space-xxl);
}
.page-id-239 .sponsors__header {
    margin-top: 0;
}
.teaser-logo {
    max-width: 20rem;
}
.teaser-cta {
    gap: 2rem;
}
.teaser-cta img {
    max-width: 5rem;
}
.teaser-cta a {
    display: block;
}
.page-teaser video {
    border-radius: var(--radius);
}

@media (max-width: 991.98px) {
    .teaser-cta {
        position: relative;
        z-index: 100;
    }
    .teaser-cta-link {
        position: fixed;
        bottom: var(--space-s);
        left: 50%;
        transform: translateX(-50%);
        padding: 1rem;
        width: 95%;
    }
    .page-teaser {
        padding-bottom: var(--space-l);
    }
}

/* PAGE GENERAL */
.page-general .wp-content {
    margin: var(--space-xl) 0;
}
.page-general .wp-content h1,
.page-general .wp-content h2,
.page-general .wp-content h3,
.page-general .wp-content h4 {
    font-weight: 500;
    margin-top: var(--space-l);
    margin-bottom: var(--space-m);
}

.page-general .wp-content a {
    color: var(--primary);
}

.page-general .wp-content a:hover {
    text-decoration: underline;
}

/* PAGE DEFAULT */
.wp-block-group.opaque,
.content-columns {
  background-color: var(--gray-light);
  position: relative;
  z-index: 20;
  padding: 1rem;
}

.wp-bootstrap-blocks-container.opaque .wp-block-columns {
  margin-bottom: 0;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 1rem;
}

.content-columns.mini-text p,
.content-columns.mini-text ul,
.content-columns.mini-text li {
  font-size: 1rem;
}

.content-columns.mini-text a {
  text-decoration: underline;
}

@media (max-width: 991.98px) {
    .wp-block-group.opaque,
    .content-columns {
      padding: 1rem 0rem;
    }
}

.wp-block-group.opaque .wp-block-separator,
.wp-block-group.opaque hr,
.content-columns hr{
  border: none;
  opacity: 1;
  height: 1px;
  background-color: var(--black);
  margin: .75rem 0;
}

.wp-block-group.opaque hr + h6,
.content-columns .col-12 hr + h6{
  margin-bottom: var(--space-l);
}

/* PAGE MUSIC TTV MEDIA */
.card-video {
  border-radius: var(--radius);
  background: var(--black);
  overflow: hidden;
}

  .card-video-embed iframe {
    width: 100% !important;
    background: var(--black);
    display: block !important;
    aspect-ratio: 16/9;
    height: auto !important;
  }
  .card-video-text {
    padding: 1.25rem 1.75rem;
    color: var(--white);
  }
  .card-video h4 {
    margin-bottom: var(--space-m);
    font-weight: 500;
  }
  .card-video-text {
    font-size: 1.2rem;
  }

/* PAGE SCHEDULE */

.stage-title {
  font-weight: 500;
}
.section-schedule h4 {
  padding-top: var(--space-l);
  padding-bottom: var(--space-xs);
}

.stage-description {
  padding-bottom: var(--space-m);
  font-size: 1.25rem;
}

.section-schedule h3 {
  padding-top: var(--space-l);
  padding-bottom: var(--space-m);
  font-weight: 500;
  text-transform: capitalize;
}

.section-schedule .lineup-card {
  position: relative
}

.lineup-card__metas {
  position: absolute;
  display: flex;
  gap: .5rem;
  top: 1rem;
  left: 1rem;
  z-index: 999;
  flex-direction: column-reverse;
  gap: 0;
  align-items: flex-start;
}

.section-schedule .lineup-card .lineup-card__time {
  background: var(--black);
  padding: .15rem .5rem .15rem .5rem;
  font-size: .9rem;
  border-radius: 10rem;
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
}

.section-schedule .lineup-card .lineup-card__venue {
  background: var(--black);
  padding: .15rem .5rem .15rem .5rem;
  font-size: .9rem;
  border-radius: 0;
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
}

.section-schedule .lineup-card .lineup-card__time {
  display: flex;
  gap: .5rem;
}

@media (max-width: 991.98px) {
    .section-schedule .lineup-card .lineup-card__time {
      position: static;
    }
}

.afterparties__content h3 {
  padding-bottom: var(--space-m);
  font-weight: 500;
  font-size: 2rem;
  text-transform: none;
}

/* CONTACT FORM */
.form-control {
    border-color:#FFF;
    border-radius:100px;
    font-variation-settings: "wght" 75;
    font-size: 1.15rem;
    margin-bottom:1rem;
    padding:.5rem 1rem;
}

textarea.form-control {
  height: 8rem;
  border-radius:20px;
}

.wpcf7-not-valid-tip {
  position:relative;
  font-size: .8em;
  top: -.8rem;
  padding-left:1.5rem;
  margin-bottom:.5rem;
  font-size:1rem;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
  color: #FFF;
  border-radius:10px;
  padding: 0.75rem 1rem;
  background-color: var(--primary);
  border-color: var(--primary);
  text-align: center;
  font-variation-settings: "wght" 125;
}

.wpcf7-not-valid-tip {
  color: var(--primary);
  margin-top: .2rem;
  margin-bottom:.5rem;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: var(--green);
  color: #FFF;
  border-color: var(--green);
  text-align: center;
}

.wpcf7 form .wpcf7-response-output {
  margin: 1em 0 0 0;
}

.wpcf7-form-control-wrap{
    margin:0;
    padding:0;
}

.wpcf7-list-item{
    padding:0;
    margin:0;
}

/* PAGE 404 */
.error-section {
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/* TIMELINE */
.timeline-container{
  width:100%;
  overflow-x:auto;
  padding: 1rem 2rem 2rem 0;
  /* position: relative; */
}
.timeline-container:empty {
  background-color: red; /* Ejemplo de estilo */
  border: 1px solid black; /* Otro ejemplo de estilo */
}

.artist-timeline {
  position: relative;
  --initial-width: 0;
  --animation-duration: 0s;
  --animation-delay: 0s;
}

.artist-timeline:before {
  content: "";
  background: rgba(0,0,0,.1);
  width: var(--initial-width);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  animation: timepass var(--animation-duration) var(--animation-delay) linear both;
}

@keyframes timepass {
  0% { width: var(--initial-width); }
  100% { width: 100%; }
}

.timeline-wrap{
  margin: 2rem 0;
}
    .timeline-wrap-title {
      flex:0 0 3rem;
      width:3rem;
      background:var(--gray-light);
      color:var(--black);
      display: flex;
      align-items: center;
      justify-content: center;
      padding:0;
      margin:0;
      min-height:10rem;
      position:absolute;
      z-index:99999;
    }
      .timeline-wrap-title h4 {
        transform: rotate(-90deg);
        margin: 0;
        padding: 0;
        padding-bottom: 1rem;
      }
      /*.timeline-wrap-title:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3rem;
        background: var(--gray-light);
        top: -3rem;
        z-index: 99999:
      }
      */
      .timeline-wrap-title img {
        transform: rotate(-90deg) scale(3.5);
        margin: 0;
        padding: 0;
        padding-bottom: .2rem;
      }
      @media (max-width: 991.98px) {
        .timeline-wrap-title img {
          transform: rotate(-90deg) scale(3);
        }
      }
.timeline-1 {
  display: flex;
  width: 100%;
  position: relative;
  min-width:100rem;
  position:relative;
  margin-left:5rem;
}

h4.timeline-h4-empty{
  display: block;
  z-index: 99999;
  min-height: 0;
}

h4.timeline-h4-empty:after {
  content: "";
  position: absolute;
  background: var(--gray-light);
  height: 4rem;
  top: -2rem;
  left: 0;
  width: 100%;
  z-index: 999;
}

.timeline {
  display: flex;
  width: 100%;
  position: relative;
  min-height:10rem;
  min-width:100rem;
  position:relative;
  margin-left:5rem;
}

.timeline-1 div {
  flex: 1;
  border-left: 1px solid #CCC;
  text-align: center;
  padding: .25rem 0;
  margin-top: .25rem;
  box-sizing: border-box;
  background: var(--gray-light);
  position:relative;
}
  .timeline-1 div .final{
    position:absolute;
    top:0;
    right:0;
    display:block;
    transform:translateY(-2rem) translateX(50%);
    z-index:9999;
  }
  .timeline-1 div .initial{
    position:absolute;
    top:0;
    left:0;
    transform:translateY(-2rem) translateX(-50%);
    z-index:9999;
    display:none;
  }
    .timeline-1 div:first-child .initial{
      display:block;
    }

.timeline-1 div:last-child {
  border-right: 1px solid var(--black);
}

.timeline div.artist-timeline {
  position: absolute;
  top: 0;
  background-color: var(--white);
  border-radius: var(--radius);
  border: .4rem solid var(--gray-light);
  z-index: 1;
  height:100%;
  padding:var(--space-m);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  overflow:hidden;
}

.artist-timeline-name {
  margin: 0;
  line-height: 1;
}

.artist-timeline-name span {
  font-size: 1rem;
}

.artist-timeline-name a {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 700;
}

.artist-timeline-name a:hover {
  color: var(--black);
  background: var(--primary);
}

.artist-timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hours-muted {
  margin-top: 4rem;
}

.hours-muted .timeline-1 div {
  border-left: 1px solid #CCC;
  color: #CCC;
  background: transparent;
}

@media (max-width: 991.98px) {
  .artist-timeline-name a {
    font-size: 1.25rem;
  }
  .final.p-s, .initial.p-s {
    font-size: 1rem;
  }
  .timeline-wrap-title,
  .timeline {
    min-height: 8rem;
  }
  .timeline-wrap {
    margin: .5rem 0;
  }
  .hours-muted {
      margin-top: 2.5rem;
  }
  .timeline-wrap-title .p-m {
    font-size: 1.25rem;
  }
}

/* FAVS CLICK */
.artist-timeline-header{ 
  position:relative;
  z-index:2
  ;pointer-events:none; 
  margin-right: 2rem;
}
.artist-timeline-fav-trigger{
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  left:0%;
  z-index:0;
}
.artist-timeline-fav{ 
  position:absolute; 
  top:1rem; 
  right:1rem; 
  z-index:999; 
}


.artist-timeline-fav > i > i {
  font-size: 1rem;
  padding: .25rem;
  background: var(--gray-light);
  color: #CCC;
  display: block;
}

@media (max-width: 991.98px) {
  .artist-timeline-fav > i > i {
    padding: .35rem .25rem 0rem .25rem;
  }
}

.artist-timeline-fav:hover > i > i {
  color: var(--black);
  background: var(--gray-light);

}

/* FAVS CLICK */

.artist-timeline-header .artist-content__date {
  font-size: .9rem;
  text-transform: uppercase;
  margin: 0;
}

.timeline div.artist-timeline.selected {
  background: var(--primary);
  color: var(--black);
}

.timeline div.artist-timeline.selected .btn__favorite.btn__favorite--yes i {
  background: rgba(0,0,0,.15) !important;
  color: var(--black) !important;;
}

.timeline div.artist-timeline.selected .artist-timeline-name a {
  color: var(--black);
}

@media (min-width: 992px) {
  .timeline div.artist-timeline:hover {
    /* box-shadow: 0 0 0 0.4rem rgba(220, 220, 220, 1); */
    border: .4rem solid rgba(255, 229, 5, .5);
    z-index: 2;
  }
}

@media (max-width: 991.98px) {
  .timeline-1, .timeline {
    min-width: 100rem;
  }
  .timeline div.artist-timeline {
    padding: 1rem;
  }
  .artist-timeline-fav{ 
    top:1rem; 
    right:1rem; 
  }
}


/* WARMUP */
.page-nike {
  font-family: 'Festival Font';
}

.page-nike .h-l {
  letter-spacing: 0;
}

.warmup-intro {
  padding: var(--space-xxxl) 0;
  color: var(--white);
  text-align: center;
}
.warmup-intro h1 {
  max-width: 40ch;
  margin: 0 auto;
}
.warmup-intro__content img {
  max-width: 45rem;
}
.warmup-intro__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.warmup-intro__pills {
  display: flex;
  gap: 0;
  margin: var(--space-l) 0;
}
.warmup-intro__pills span {
  display: block;
  flex: 0 1 auto;
  border-radius: 10rem;
  background-color: var(--warmup);
  color: var(--black);
  text-transform: uppercase;
  font-weight: bold;
  padding: .6rem 2rem;
}
.warmup-lineup {
  padding: var(--space-xl) 0;
}
.warmup-lineup h2 {
  color: var(--white);
}
.warmup-lineup__item {
  background-color: var(--warmup);
  padding: var(--space-m) var(--space-m) var(--space-s) var(--space-m);
  border-radius: var(--radius);
  max-width: 50rem;
  margin: 1rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.warmup-lineup__time{
  color: var(--warmup);
  background: var(--black);
  border-radius: 100rem;
  padding: .2rem 1.5rem;
  margin-bottom: var(--space-s);
  display: block;
}


.warmup-activity {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl) !important;
}

.warmup-activity--purple {
  background-color: #C947F6 !important;
  color: var(--white);
}
.warmup-activity__img {
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
  margin-bottom: var(--space-l);
}
.warmup-activity__img img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center center;
  transition: var(--transition);
}
.warmup-activity__img:hover img {
  transform: scale(1.1);
}
.warmup-activity__tag {
  position: absolute;
  top: var(--space-m);
  left: var(--space-m); 
}
.warmup-activity__tag p {
  color: var(--white);
  border-radius: 10rem;
  background: var(--black);
  padding: .2rem .6rem;
  text-transform: uppercase;
}
.warmup-activity__ctas {
  display: flex;
  align-items: center;
  gap: .5rem;
  text-transform: uppercase;
}
.warmup-activity__ctas p {
  margin: 0;
}
.warmup-activity__activity {
  text-transform: uppercase;

}
.warmup-activity__time {
  color: var(--white);
  background: var(--black);
  border: 2px solid var(--black);
  border-radius: 100rem;
  padding: .2rem 1.5rem;
}
.warmup-activity__btn {
  color: var(--black);
  border: 2px solid var(--black);
  border-radius: 100rem;
  padding: .2rem 1.5rem;
}
.warmup-activity__btn:hover {
  color: var(--warmup);
  background: var(--black);
}

.warmup-activity--black {
  background-color: #000 !important;
  color: var(--white);
}
.warmup-activity--black .warmup-activity__time {
  background: var(--warmup);
  color: var(--black);
}
.warmup-activity--black .warmup-activity__btn {
  border: 2px solid var(--warmup);
  color: var(--warmup);
}
.warmup-activity--black .warmup-activity__btn:hover {
  color: var(--black);
  background-color: var(--warmup);
}

.warmup-activity--white {
  background-color: #FFF !important;
  color: var(--black);
}
.warmup-activity--white .warmup-activity__time {
  background: var(--black);
  color: var(--white);
}
.warmup-activity--white .warmup-activity__btn {
  border: 2px solid var(--black);
  color: var(--black);
}
.warmup-activity--white .warmup-activity__btn:hover {
  color: var(--black);
  background-color: var(--warmup);
}

.warmup-activity--yellow {
  background-color: var(--warmup) !important;
  color: var(--black);
}

.warmup-activity__name {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--black);
  transform: translate(-50%, -50%);
  font-weight: bold;
  text-align: center;
  opacity: 0;
  line-height: .9;
  text-wrap: nowrap !important;
  font-weight: normal !important;
}

.warmup-activity__name:before {
    color: var(--warmup);
    content: attr(data-text);
    position: absolute;
    filter: url(#goo-sm);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    font-weight: normal !important;
}

.warmup-activity__img:hover .warmup-activity__name {
  opacity: 1;
}

.page-template-page-nike .sponsors {
  background: var(--warmup);
  display: none;
}

.warmup-menu-item,
.store-menu-item,
.open-menu-item {
  display: none;
}

.warmup-btn,
.store-btn,
.open-btn {
  display: block;
  padding: 0 1.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  border-radius: 100rem;
  background-color: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: saturate(150%) blur(5px);
  backdrop-filter: saturate(150%) blur(5px);
  transition: var(--transition-fast);
}

.dark-btn {
  height: 3.5rem;
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: saturate(150%) blur(5px);
  backdrop-filter: saturate(150%) blur(5px);
  transition: var(--transition-fast););
}

.dark-btn img {
  max-width: 1.25rem;
}

.store-btn {
  padding: 0 1.25rem;
}

.warmup-btn img {
  height: 2rem;
  width: auto;
}

.open-btn img {
  height: 1.3rem;
  width: auto;
}

.store-btn img {
  height: 1.1rem;
  width: auto;
}

.warmup-btn:hover,
.open-btn:hover,
.store-btn:hover,
.dark-btn:hover,
.dark-mode .dark-btn {
  background-color: rgba(255, 255, 255, 1);
}

.btn--warm {
  letter-spacing: 0.02em;
  font-size: 2rem;
  margin-top: 1rem;
  width: 100%;
  max-width: 25rem;
  color: var(--warmup);
  padding-block: .25rem !important;
  background-color: rgba(255,255,255,.25)
}

@media (max-width: 991.98px) {
  .page-template-page-nike .header__cta-link {
    display: none;
  }
  .warmup-intro {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl);
  }
  .dark-btn {
    display: none;
  }
  .warmup-activity__name {
    opacity: 1;
  }
  .warmup-menu-item,
  .store-menu-item,
  .open-menu-item {
    display: block;
  }
  .warmup-btn,
  .store-btn,
  .open-btn {
    display: none;
  }
}

/* PRE REGISTER */
.pre-register {
  height: 90vh;
}
.pre-register__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--white);
  gap: var(--space-m);
  text-align: center;
  padding: var(--space-xl) 0;
  height: 90vh;
}

.pre-register__content {
  height: 70vh;
}
.lineup-home {
  padding-bottom: var(--space-xl);
  padding-top: var(--space-xl);
}

/* POOLSERA */
.page-template-page-estrella .back-wrapper {
  background: #d5c4b9;  
}

.page-template-page-estrella .back-wrapper__content {
  display: none;
}

#poolsera-form {
  scroll-margin-top: 20px;
}

.page-template-page-estrella .big-title__content {
  color: #ED1C25;
}

.poolsera {
  background-color: #E8D8CE !important;
  padding-bottom: 0 !important;
}

.poolsera__media {
  display: flex;  
  justify-content: center;
  align-items: flex-end;
}

.poolsera__media img {
  max-width: 25rem;
}

.poolsera__form {
  padding-bottom: var(--space-m);
  max-width: 40rem;
}

.poolsera .form-control {
  font-size: 1.25rem;
}

.poolsera .form-check-label {
  font-size: 1.1rem;
}

.poolsera .form-check-input:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}

.poolsera .form-check-input:focus {
  box-shadow: 0 0 0 .25rem rgba(72, 253, 13, 0.25);

}


.poolsera .form-control:focus {
  border-color: #94FF01;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(72, 253, 13, 0.25);
}

.poolsera .alert {
  text-align: center;
  font-size: 1.25rem;
}

.poolsera .btn {
  width: 100%;
}

@media (max-width: 991.98px) {
  .poolsera__media {
    align-items: center;
  }
  
  .poolsera__media img {
    max-width: 15rem;
  }

}

/* SANT JORDI */
.stjordi-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25vw !important;
  object-fit: initial !important;
  height: auto !important;
}

.stjordi-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 25vw !important;
  object-fit: initial !important;
  height: auto !important;
}



.stjordi-intro {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xl) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  text-align: center;
  color: var(--white) !important;
  min-height: 100svh;
}

.stjordi-top {
  margin-bottom: var(--space-l);
}

.stjordi-intro h1 {
  transform: scaleX(.9);
  filter: url(#fancy-goo);
  font-weight: 700;
  text-transform: uppercase;
  line-height: .8;
  font-size: min(8.5rem, 11vw);
  max-width: 15ch;
  text-align: center;
  margin: 0 auto;
}

.stjordi-bottom h2 {
  transform: scaleX(.9);
  filter: url(#fancy-goo-sm);
  font-weight: 700;
  text-transform: uppercase;
  line-height: .8;
  font-size: min(4rem, 8vw);
  text-align: center;
}

.stjordi-bottom span {
  transform: scaleX(.9);
  filter: url(#fancy-goo-sm);
  font-weight: 700;
  text-transform: uppercase;
  line-height: .8;
  font-size: min(2.5rem, 5vw);
  text-align: center;
}

.stjordi-bottom p {
  transform: scaleX(.9);
  font-weight: 700;
  text-transform: uppercase;
  line-height: .8;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.1;
}

.stjordi-bottom span {
  font-weight: 400;
  font-size: min(2.5rem, 5vw);
  margin-bottom: 2rem;
  margin-top: 1rem;
  display: block;
}

.stjordi-ctas {
  display: flex;
  justify-content: center;
  gap: var(--space-m);
  margin-top: var(--space-l);
}

.stjordi-ctas-btn {
  color: var(--black);
  background: var(--accent);
  text-transform: uppercase;
  font-weight: bold;
  padding: .7rem 1.4rem !important;
  border-radius: 100px;
}

.stjordi-ctas-btn:hover {
  background: var(--primary);
  color: var(--white);
}

@media (max-width: 991.98px) {
  .stjordi-intro h1 {
    filter: url(#fancy-goo-sm);
  }
  .stjordi-bottom h2,
  .stjordi-bottom span,
  .stjordi-bottom p {
    filter: none;
  }
  .page-template-page-sant-jordi .header__cta {
    display: none;
  }
  .stjordi-ctas {
    flex-direction: column;
  }
  .stjordi-ctas-btn {
    font-size: 1rem;
  }
  .stjordi-bg {
    transform: scale(1.75) translateY(-5%);
  }
  .stjordi-left {
    width: 50vw !important;
  }
  .stjordi-right {
    width: 50vw !important;
  }
}


/* MEDIA QUERIES */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Extra large devices (extralarge desktops, 1400px and up) */
@media (min-width: 1400px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Extra large devices (extralarge desktops, 1400px and up) */
@media (max-width: 1399.98px){}


.otgs-development-site-front-end {
  z-index: 9999999999999999999999;
  position: relative;
}

.alert-warning {
  font-family: 'Labil';
  font-weight: 700;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.3;
  color: var(--black);
  background: var(--accent);
  /* backdrop-filter: saturate(150%) blur(5px); */
  border: none;
  border-radius: 2rem;
  margin-top: .5rem;
  margin-bottom: .25rem;
}

.alert-warning p {
  margin: 0;
}

@media (max-width: 991.98px) {
  .alert-warning {
    margin-top: .25rem;
    border-radius: 1.75rem;
  }
}

/* OPENING CONCERT */ 
.page-template-page-opening .header__cta-link {
  display: none;
}

.opening-concert__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3vh;
  padding: var(--space-xl) 0;
  min-height: 100svh;
}

.opening-concert__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 2vh;
}

.opening-concert__logo-estrella {
  max-width: 8rem;
}

.opening-concert__logo-brunch {
  max-width: 20rem;
}

.opening-concert__wrap h1 {
  font-size: min(8rem, 12vw);
}

.opening-concert__wrap span.super {
  font-size: 0.5em;
  vertical-align: super;
}

.opening-concert__content h1,
.opening-concert__content h2,
.opening-concert__content h3 {
  filter: url(#fancy-goo-sm);
  font-weight: bold;
  transform: perspective(1e3px) scale(1.1) scaleX(.9);
  text-transform: uppercase;
  color: var(--white);
}

.opening-concert__wrap .btn {
  min-width: 20rem;
}

/* BUNQ PROMO */
.bunq-promo {
  background: var(--white);
  border-radius: var(--radius);
  display: flex;
  overflow: hidden;
  margin-bottom: var(--space-m);
}

.bunq-logo {
  position: relative;
  flex: 0 0 50%;
  aspect-ratio: 6.5/3;
}

.bunq-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bunq-claim {
  display: flex;
  align-items: center;
  flex: 0 0 50%;
  padding: var(--space-m) var(--space-l);
}

/* COOKIES ENTRADAS */
#tickets-consent-msg {
  display: flex;
  justify-content: center;
  align-items: center;
}