/* http://themestate.com/demo/geopoint/ */
:root {
  /* EDIT: Settings */
  --actions-gap: 16px;
  --actions-margin: var(-width-gap-lg);
  --breadcrumb-gap: 16px;
  --card-logo-aspect-ratio: 1.3;
  --card-logo-img-max-width: min(180px, 75%);
  --card-logo-img-max-height: min(60px, 75%);
  --card-logo-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  --pager-btn-size: calc(var(--btn-font-size) * 4);
  --pager-gap: var(--width-gap-xs);
  --pager-margin: var(--width-gap-xl);
  --scrollbar-color: var(--color-black);
  --scrollbar-background: var(--color-gray);
  --transition-time: .2s;
  --transition-time-slow: .5s;
  --transition-time-fast: .1s;
  --transition: all var(--transition-time) ease-in-out;
  --transition-slow: all var(--transition-time-slow) ease-in-out;
  --transition-fast: all var(--transition-time-fast) ease-in-out;


  --backdrop-filter: blur(var(--width-gap-sm));


  --letter-effect-size: 3px;

  --effects-time: 0.3s;
  --effects-delay: 0.2s;

  --gradient: linear-gradient(280deg,var(--color-purple) 0%, var(--color-red) 100%);
  --gradient-sm: linear-gradient(to right,var(--color-red-dark) 0%, var(--color-purple) var(--width-sections-gap));

  --header-height: 80px;

  --related-height: 280px;

  --border-width-effect: 1px;

  /* scroll */
  --scrollbar-background: var(--color-cream);
  --scrollbar-color: var(--color-bronze);

  --text-shadow: 0 2px 3px rgba(var(--color-black-rgb), 0.1), 0 6px 18px rgba(var(--color-black-rgb), 0.2);
  --text-shadow-white: 0 2px 3px rgba(var(--color-white-rgb), 0.5), 0 6px 18px rgba(var(--color-white-rgb), 0.2);

  --box-shadow: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), 0.2);
  --box-shadow-bot: 0 0 var(--width-gap-lg) rgba(var(--color-purple-rgb), 0.5);

  --fields-columns: 3;
  --placeholder-font: var(--body-font);
  --fields-gap: var(--width-gap);
  --input-padding: var(--width-gap-sm) !important;
  --input-outline: 2px solid rgba(var(--color-white-rgb), .2);
  --input-outline-offset: -2px;
  --input-hover-outline: 2px solid var(--color-white);
  --input-background: var(--color-gray);
  --input-hover-background: var(--color-black);
  --input-border-radius: calc(var(--width-border-radius) + 2px);
  --input-color: var(--color-white);
  --input-hover-color: var(--color-white);
  --checkbox-background: var(--color-gray-light);
  --checkbox-checked-background: var(--color-white);
  --checkbox-checked-color: var(--color-green);


  --notification-border-radius: var(--width-border-radius-rounded);
  --notification-padding: var(--width-gap-sm) var(--width-gap);
  --notifications-padding: var(--width-gap);
  --notifications-gap: var(--width-gap-xs);


  /*
--notifications-padding: 8px;
--notifications-gap: 8px;
--notification-max-width: 600px;
--notification-border-radius: 2px;
--notification-padding, 24px;
--notification-background: #00bcd4;
--notification-color: #FFF;
--notification-success-background: #00b462;
--notification-success-color: #FFF;
--notification-error-background: #f44336;
--notification-error-color: #FFF;
--notification-warning-background: #f2bd1d;
--notification-warning-color: #FFF;
--notifications-close-size: 16px;
--notifications-picture-size: 80px;
*/



  --bot-width: 700px;
  --bot-transition: all ease-in-out .2s;
  --bot-font: var(--small-font);
  --bot-font-color: var(--color-white);
  --bot-background: rgba(var(--color-black-rgb), .9);
  --bot-color-from-me: var(--color-gray);
  --bot-color-from-bot: var(--color-purple);
  --bot-color-icon-submit: var(--color-purple);
  --bot-color-icon-submit-hover: var(--color-white);
  --bot-button-size: 96px;
  --bot-gap: var(--width-gap);
  --bot-padding: var(--width-gap-sm);
  --bot-border-radius: var(--width-border-radius);
  --bot-avatar-size: 64px;
  --bot-outline: 1px solid var(--color-gray-light);
  --bot-box-shadow: var(--box-shadow-bot);
  --bot-submit-button-size: 26px;


  --calendar-font: var(--small-font);
  --calendar-title-font: var(--item-title-font);
  --calendar-day-background: var(--color-gray);
  --calendar-day-color: var(--color-gray-light);
  --calendar-day-padding: var(--width-gap-xs);
  --calendar-today-outline-color: var(--color-gray-light);
  --calendar-event-font: var(--calendar-event-font);
  
}

@media only screen and (max-width: 1440px) {
    :root{
      --fields-columns: 2;
    }
}

@media only screen and (max-width: 1366px) {
  :root {
   
    --input-padding: 12px;
    --related-height: 260px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px) {
  :root {
    --related-height: 220px;
     --bot-button-size: 72px;
  }
}
@media only screen and (max-width: 768px) {
  :root {

    --fields-columns: 1;
  }
}
/* mobile */
@media only screen and (max-width: 568px) {
  :root {
    --header-height: 70px;
     --bot-button-size: 56px;
  }
}


html{ background-color:var(--color-black);}
a {
  color: var(--color-white);
}
a:disabled{
  opacity: .5;
  filter: grayscale(1);
  pointer-events: none;
}

a > *{
  pointer-events: none;
  user-select: none;
}

#loading {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 2147483647;display: flex;align-items: center;justify-content: center;transition: var(--transition);pointer-events: none;backdrop-filter: brightness(.25) blur(var(--width-gap));}
#loading::after{content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/loading.svg);background-size: cover;background-repeat: no-repeat;background-position: center;transition: all var(--transition-time-slow) cubic-bezier(.55,.04,.92,.1);}
html:not(.is-loading) #loading{transition-delay: var(--transition-time);backdrop-filter: none;}
html:not(.is-loading) #loading::after{transform: scale(3);opacity: 0;}
[refreshing] {pointer-events: none;animation: refreshing_animation var(--transition-time-slow) ease-in-out infinite alternate; }
@keyframes refreshing_animation {
  from {opacity: .75;}
  to {opacity: 1;}
}

body {color: var(--color-white);}
*::selection{background: var(--color-white);color: var(--color-gray);}
a{outline: none;}
cookies-message::part(default), cookies-message::part(extended) {background: rgba(var(--color-gray-rgb), .75);backdrop-filter: blur(var(--width-gap-xs));}
section{display: block;position: relative;z-index: 5;}
custom-iframe{width: 100%;}
.grow, [grow]{flex-grow: 1;}
.subtitle{user-select: none;}
.material-symbols-outlined{font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;pointer-events: none;user-select: none;}

.el-pager {font: var(--btn-font);letter-spacing: var(--btn-letter-spacing);text-transform: var(--btn-text-transform);}
.el-pager > :is(a, span){background: var(--color-gray);border-radius: var(--width-border-radius);text-decoration: none;color: var(--color-white);}
.el-pager > .current{background-color: var(--color-white);color: var(--color-black);}

a:is(:hover,:focus) > [class^="language-flag-"]::after{box-shadow: var(--box-shadow);}
[class^="language-flag-"]{ pointer-events: none; }
[class^="language-flag-"]::after{content: "";aspect-ratio: 1;border-radius: 50%;height: 36px;max-height: calc(var(--header-height) * .5);background-color: var(--color-black);display: inline-flex;transition: var(--transition-fast);}
[class^="language-flag-"][class*="-es"]::after{background: url(../images/flags/es.svg) center center no-repeat;background-size: cover;}
[class^="language-flag-"][class*="-en"]::after{background: url(../images/flags/gb.svg) center center no-repeat;background-size: cover;}
[class^="language-flag-"][class*="-fr"]::after{background: url(../images/flags/fr.svg) center center no-repeat;background-size: cover;}
[class^="language-flag-"][class*="-it"]::after{background: url(../images/flags/it.svg) center center no-repeat;background-size: cover;}

a > span.avatar{display: flex;align-items: center;justify-content: center;height: var(--avatar-size, 48px);

  aspect-ratio: 1;border-radius: 50%;font: var(--subtitle-font);text-transform: var(--subtitle-text-transform);letter-spacing: var(--subtitle-letter-spacing);pointer-events: none;
position: relative;
overflow: hidden;
}

#header a > span.avatar {
  max-height: calc(var(--header-height) * .75);
}

a > span.avatar::after{content: attr(title);}
a > span.avatar > img{width: 100%;height: 100%;object-fit: cover;position: absolute;inset: 0;z-index: 2;}

/* NEW  */
/*
.tns-controls{display: flex;justify-content: center;gap: var(--width-gap-xs);}
.tns-controls + *, * + .tns-controls{margin-top: var(--width-gap);}
.tns-controls button{background-color: transparent;border: none;font-size: 24px;padding: 0;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(var(--color-blue-rgb), 0);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: rgba(var(--color-gray-rgb), .75);-webkit-transition: var(--transition);transition: var(--transition);}
.tns-controls button:hover{color: var(--color-white);background-color: rgba(var(--color-blue-rgb), .75);}
.tns-controls button:disabled{pointer-events: none;opacity: .1;}
*/

.tns-nav {--width: 48px; margin-top: var(--width-gap-lg);display: flex;justify-content: flex-start;}
.tns-nav > button{border: none;width: var(--width);height: calc(var(--width) / 2);display: flex;align-items: center;
justify-content: center;padding: 0;background-color: transparent;}
.tns-nav > button::before{content: " ";display: block;width: 50%;height: 2px;background-color:rgba(var(--color-white-rgb), .5);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
.tns-nav > button:is(:hover,:focus)::before{width: 100%;background-color: var(--color-white);}
.tns-nav > button.tns-nav-active::before{width: 100%;background-color: var(--color-white);}
@media only screen and (max-width: 1024px) {
  .tns-nav {--width: 32px;}
}


/* OK */

[id^="drawer-"]{--close-size: 48px;position: fixed;top: 0;right: 0;bottom: 0;z-index: 101;width: min(1024px, calc(100vw - var(--width-gap-xl)));background-color: rgba(var(--color-gray-rgb), .75);backdrop-filter: var(--backdrop-filter);pointer-events: none;transform: translateX(100%);opacity: 0;transition: var(--transition-fast);display: flex;align-items: stretch;}
[id^="drawer-"] > .scroll{overflow-y: scroll;height: 100dvh;width: 100%;}
[id^="drawer-"] > .scroll > *{flex-shrink: 0;}
[id^="drawer-"] > .scroll > .content {padding: var(--width-gap-lg);display: flex;flex-direction: column;justify-content: center;gap: var(--width-gap);width: 100%;height: min-content;min-height: 100%;}
[id^="drawer-"] > .scroll > .content.start{justify-content: flex-start;}
[id^="drawer-"] > .scroll > .content > * {margin: 0;}
[id^="drawer-"] > [close-drawer]{position: absolute;top: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 2;border-radius: 50%;width: var(--close-size);aspect-ratio: 1;display: flex;align-items: center;justify-content: center;color: var(--color-white);text-decoration: none;}
[id^="drawer-"] > [close-drawer] > [class^="material"]{font-size: var(--close-size);}
#blocks {transition: var(--transition-slow);}
body[drawer-mgta] #blocks {filter: brightness(.25) var(--backdrop-filter);pointer-events: none;}
body[drawer-mgta] #drawer-mgta{opacity: 1;pointer-events: all;transform: translateX(0);box-shadow: var(--box-shadow);
overflow-y: auto;
}

body[drawer="profile"] #drawer-profile{opacity: 1;pointer-events: all;transform: translateX(0);box-shadow: var(--box-shadow);}
body[drawer="profile"]{overflow: hidden;}
body[drawer="rate"] #drawer-rate{opacity: 1;pointer-events: all;transform: translateX(0);box-shadow: var(--box-shadow);--star-size: 64px;}
body[drawer="add-review"] #drawer-add-review{opacity: 1;pointer-events: all;transform: translateX(0);box-shadow: var(--box-shadow);}
body[drawer="attendee"] #drawer-attendee{opacity: 1;pointer-events: all;transform: translateX(0);box-shadow: var(--box-shadow);}



/* OK drawer-venues */

#drawer-venues{top: var(--header-height);bottom: 0;left: 0;right: 0;width: 100%;transform: translate(0);clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);transition: var(--transition);z-index: 99;}
body[drawer="venues"] #drawer-venues{opacity: 1;pointer-events: all;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
#drawer-venues > .scroll { height: calc(100dvh - var(--header-height));}
#drawer-venues > .scroll > .content{padding: var(--width-sections-gap);}
#drawer-venues nav.venues{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );gap: var(--width-gap-sm);}
#drawer-venues nav.venues > a{aspect-ratio: 2;background-color: var(--color-black);color: var(--color-white);text-decoration: none;border-radius: var(--width-border-radius-rounded);overflow: hidden;position: relative;outline: 1px solid rgba(var(--color-white-rgb), .25);}
#drawer-venues nav.venues > a:is(:hover, :focus){outline-color: var(--color-white);}
#drawer-venues nav.venues > a > picture{width: 100%;height: 100%;}
#drawer-venues nav.venues > a > picture > img{width: 100%;height: 100%;object-fit: cover;filter: brightness(.25) contrast(1);transform: scale(1.1);transition: var(--transition);}
#drawer-venues nav.venues > a:is(:hover, :focus) > picture > img{transform: scale(1);filter: brightness(1);}
#drawer-venues nav.venues > a > .info{position: absolute;inset: var(--width-gap-sm);display: flex;align-items: center;justify-content: center;flex-direction: column;gap: var(--width-gap-sm);z-index: 2;text-align: center;transition: var(--transition);}
#drawer-venues nav.venues > a > .info .subtitle{color: rgba(var(--color-white-rgb), .5);}
#drawer-venues nav.venues > a > .info > picture{height: 30%;width: 60%;}
#drawer-venues nav.venues > a > .info > picture > img{width: 100%;height: 100%;object-fit: contain;}
#drawer-venues nav.venues > a:is(:hover, :focus) > .info {opacity: 0;transform: scale(.8);}
@media only screen and (max-width: 1024px) {
  #drawer-venues nav.venues > a > .info .subtitle{display: none;}
}

/* OK drawer-search */

#drawer-search{top: var(--header-height);bottom: auto;left: 0;right: 0;width: 100%;transform: translate(0);clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);transition: var(--transition);}
body[drawer="search"] #drawer-search{opacity: 1;pointer-events: all;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
#drawer-search > .scroll > .content > form{flex-grow: 1;}
#drawer-search input[type='search']{width: 100%;font: var(--h-font);background-color: var(--color-transparent);outline: none;border: none;border-bottom: 2px solid var(--color-white);color: var(--color-white);padding: 0 0 calc(var(--h-font-size) * .5) 0;line-height: 1;text-align: center;}
#drawer-search input[type='search']::placeholder{font: var(--h-font);}

/* OK drawer-language */

body[drawer="language"] #drawer-language{opacity: 1;pointer-events: all;transform: translateX(0);box-shadow: var(--box-shadow);}
#drawer-language nav.languages{display: grid;grid-template-columns: 1fr;gap: var(--width-gap-sm);}
#drawer-language nav.languages > a {display: flex;align-items: center;justify-content: flex-start;border-radius: var(--width-border-radius);color: var(--color-white);font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);font-weight: var(--btn-font-strong);text-decoration: none;background: var(--color-gray);transition: var(--transition);padding:var(--width-gap-sm);}
#drawer-language nav.languages > a:is(:hover, :focus),
#drawer-language nav.languages > a.current{background-color: var(--color-white);color: var(--color-black);}
#drawer-language nav.languages > a > div {display: flex;align-items: center;gap: var(--width-gap-sm);padding: 0 var(--width-gap-sm);}


/* NEW drawer-newsletter */
body[drawer="newsletter"] #drawer-newsletter{opacity: 1;pointer-events: all;transform: translateX(0);box-shadow: var(--box-shadow);--star-size: 64px;}
#drawer-newsletter div[class^="fields"]{grid-template-columns: 1fr;}
#drawer-newsletter div[class^="fields"] > :is(fieldset, .field-type-textarea, .field-type-checkbox, .field-type-info){grid-column: auto / span 1;}
#drawer-newsletter fieldset{display: flex;flex-direction: column;gap: var(--width-gap-xs);padding: var(--width-gap-sm);border-radius: var(--width-border-radius);border: none;background-color: var(--color-gray);}

/* NEW drawer-profile */

#drawer-profile div[class^="fields"]{grid-template-columns: repeat(2, 1fr);}
#drawer-profile div[class^="fields"] > :is(.field-type-textarea, .field-type-checkbox, .field-type-info, [class^="heading"]){grid-column: auto / span 2;}
#drawer-profile div[class^="fields"] > * {margin: 0;}
#drawer-profile[filter-type="login"] section.login{display: block;}
#drawer-profile:not([filter-type="login"]) section.login{display: none;}
#drawer-profile[filter-type="register"] section.register{display: block;}
#drawer-profile:not([filter-type="register"]) section.register{display: none;}
@media only screen and (max-width: 1024px) {
  #drawer-profile div[class^="fields"]{grid-template-columns: 1fr;}
  #drawer-profile div[class^="fields"] > :is(.field-type-textarea, .field-type-checkbox, .field-type-info, [class^="heading"]){grid-column: auto / span 1;}
}

/* NEW */

[class^="btn"]{--outline-width: 2px;}
[class^="btn"][class*="-lines"] {background: rgba(var(--color-white-rgb), 0);color: var(--color-white);outline: var(--outline-width) solid var(--color-white);outline-offset: calc(0px - var(--outline-width));}
[class^="btn"][class*="-lines"]:is(:hover, :focus) {background-color: var(--color-white);color: var(--color-black);}
[class^="btn"][class*="-blured"] {backdrop-filter: blur(var(--width-gap-sm));}
@media only screen and (max-width: 1024px) {
  [class^="btn"]{--outline-width: 1px;}
}


/* OLD */

[class^="item-title"]{text-wrap: balance; }
[class^="item-title"].white {color: var(--color-white);}

[class^="heading"] + .intro{margin-top: var(--width-gap-sm);}
[class^="heading"][class*="-white"] .title {color: var(--color-white);}
[class^="heading"][class*="-white"] .subtitle{color: var(--color-white);}
[class^="heading"][class*="-colorized"] .title > strong {color: var(--color-purple);background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
[class^="heading"][class*="-white"][class*="-shadow"] .title{text-shadow: var(--text-shadow);}

[class^="article"]{font: var(--body-font);}
[class^="article"][class*="-sm"]{font: var(--body-sm-font);}
[class^="article"][class*="-small"]{font: var(--small-font);}
[class^="article"] hr + *, [class^="article"] * + hr{margin-top: var(--width-sections-gap);}
[class^="article"] hr{display: block;width: 75%;height: 1px;border: none;background-color: var(--color-gray-light);background: linear-gradient(to right, rgba(var(--color-white-rgb), 0) 0%, var(--color-gray-light) 50%, rgba(var(--color-white-rgb), 0) 100%);}
[class^="article"] ul{display: flex;padding-left: var(--width-gap);flex-direction: column;gap: var(--width-gap-xs);}
[class^="article"] ul + * , [class^="article"] * + ul {margin-top: var(--width-gap);}
[class^="article"] ul > li{position: relative;padding-left: var(--width-gap-xs);}
[class^="article"] > *:first-child{margin-top: 0;}
[class^="article"] > *:last-child{margin-bottom: 0;}

[class^="article"] em{font-style: normal;color: var(--color-white);background: var(--color-gray);display: inline-flex;padding: var(--width-gap-xs);border-radius: var(--width-border-radius-rounded);}
[class^="article"] blockquote{font: var(--intro-font);padding: var(--width-gap);margin: 0;background-color: var(--color-gray);border-radius: var(--width-border-radius-rounded);}
[class^="article"] blockquote strong{font-weight: var(--intro-font-strong);}
[class^="article"] * + blockquote, [class^="article"] blockquote + *{margin-top: var(--width-gap);}
[class^="article"] blockquote > :first-child{margin-top: 0;}
[class^="article"] blockquote > :last-child{margin-bottom: 0;}



[class^="article"] address{font: var(--intro-font);color: var(--color-gray-light);padding: var(--width-gap);margin: 0;outline: 2px solid var(--color-gray);border-radius: var(--width-border-radius-rounded);
text-align: center;
}
[class^="article"] address strong{font-weight: var(--intro-font-strong);}
[class^="article"] * + address, [class^="article"] address + *{margin-top: var(--width-gap);}
[class^="article"] address > :first-child{margin-top: 0;}
[class^="article"] address > :last-child{margin-bottom: 0;}
@media only screen and (min-width: 1025px){
  [class^="article"] address{padding: var(--width-gap) calc(25% + var(--width-gap));}
}


.labels{display: flex;gap: 4px;flex-wrap: wrap;}
.labels > span{
  font: var(--label-font);
  text-transform: var(--label-text-transform);
  letter-spacing: var(--label-letter-spacing);
  border-radius: var(--width-border-radius);
  background-color: var(--color-purple);
  color: var(--color-white);
  line-height: 1;
  padding: calc(var(--label-font-size) * 0.75);
}


/* NEW */
.intro.white{color: var(--color-white);}
.intro.half{max-width: 65%;text-wrap: balance;}
.intro.balance{text-wrap: balance;}
.intro.center{margin-left: auto;margin-right: auto;text-align: center;}
@media only screen and (max-width: 1366px){
  .intro.half{max-width: 70%;}
}
@media only screen and (max-width: 1024px){
  .intro.half{max-width: 85%;} 
}
@media only screen and (max-width: 768px){
  .intro.half{max-width: 100%;}
}
/* NEW  */
.line-with-actions{display: flex;align-items: center;justify-content: space-between;gap: var(--width-gap);flex-wrap: wrap;}
.line-with-actions > *{margin: 0 !important;}
/* OK  */
.field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 3;}
.field-type-info {background: var(--color-black);color: var(--color-white);outline:  var(--input-outline);outline-offset: var(--input-outline-offset);font: var(--small-font);padding: var(--width-gap-sm);max-height: 20vh;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);overflow-y: auto;}
.field-type-info > *:first-child{margin-top: 0;}
.field-type-info > *:last-child{margin-bottom: 0;}
.field-type-checkbox .description{font: var(--small-font);text-transform: var(--small-font-text-transform);letter-spacing: var(--small-font-letter-spacing);}
@media only screen and (max-width: 1440px){
  .field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 2;}
}
@media only screen and (max-width: 768px){
  .field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 1;}
}

/* NEW #header */
#header{top: 0;left: 0;width: 100%;position: fixed;z-index: 100;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);height: var(--header-height);--effects-delay: .5s;position: fixed;transition: var(--transition);}
body.scrolling #header,
body:is([drawer="search"], [drawer="venues"]) #header {background-color: var(--color-black);}
#header > [class^="package"]{padding: 0 calc(var(--header-height) * .2);}
#header .content {display: flex;height: var(--header-height);align-items: center;gap: var(--width-gap-xs);justify-content: flex-start;}
#header .content > .logo{z-index: 2;position: relative;flex-shrink: 0;}
#header .content > .logo img{height: calc(var(--header-height) * .5);width: auto;-webkit-transition: var(--transition-fast);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
#header a{text-decoration: none;color: var(--color-white);white-space: nowrap;display: flex;position: relative;line-height: 1;align-items: center;padding: var(--width-gap-xs);transition: var(--transition);gap: var(--width-gap-xs);}
#header .content > a > [class^="material"]{line-height: 1;}
#header a:is(:hover, :focus){color: rgba(var(--color-white-rgb), .75);}
#header .current > a{color: rgba(var(--color-white-rgb), .5);}
#header a > [class^="material"]{line-height: 0;font-size: calc(var(--menu-font-size) * 2);}
#header a[featured]{outline: 2px solid var(--color-white);outline-offset: -2px;border-radius: var(--header-height);padding: var(--menu-font-size) calc(var(--menu-font-size) * 2);background-color: var(--color-white);color: var(--color-black);}
#header a[featured]:is(:hover, :focus){outline: 2px solid var(--color-white);background-color: var(--color-black);color: var(--color-white);}
#header .content > .mobile-menu > a {display: flex;height: var(--header-height);width: var(--header-height);align-items: center;justify-content: center;}
#header .content > .mobile-menu > a > span{display: flex;position: relative;aspect-ratio: 1;height: 36px;pointer-events: none;}
#header .content > .mobile-menu > a > span::before, #header .content > .mobile-menu > a > span::after{content: "";width: 100%;position: absolute;height: 1px;top: 50%;background-color: var(--color-white);transition: var(--transition-fast);transform-origin: center center;}
#header .content > .mobile-menu > a > span::before{transform: translateY(-4px);}
#header .content > .mobile-menu > a:is(:hover, :focus) > span::before{transform: translateY(-6px);}
#header .content > .mobile-menu > a > span::after{transform: translateY(4px);}
#header .content > .mobile-menu > a:is(:hover, :focus) > span::after{transform: translateY(6px);}
body[mobile-menu] #header .content > .mobile-menu > a > span::before{transform: translate(0, 0);transform: rotate(-45deg);}
body[mobile-menu] #header .content > .mobile-menu > a > span::after{transform: translate(0, 0);transform: rotate(45deg);}
@media only screen and (max-width: 1024px){
}
@media only screen and (max-width: 568px){
  #header .content > .logo img{height: calc(var(--header-height) * .75);}
}
#menu{display: flex;font: var(--menu-font);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);gap: var(--width-gap-xs);align-items: center;}
#menu .menu-item > .submenu{opacity: 0;overflow: hidden;top: calc(100% - var(--width-gap-xs));background: rgba(var(--color-white-rgb), .2);border-radius: 0 var(--width-border-radius-rounded) var(--width-border-radius-rounded) var(--width-border-radius-rounded);backdrop-filter: var(--backdrop-filter);left: var(--width-gap-xs);transform: translateY(var(--width-gap-xs)) scale(0);-webkit-transform-origin: left top;transform-origin: left top;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);clip-path: circle(0.0% at 100% 0);overflow: hidden;display: flex;flex-direction: column;}
#menu .menu-item:hover > .submenu, #menu .menu-item > a:hover + .submenu{clip-path: circle(200% at 100% 0);opacity: 1;-webkit-transition-delay: .1s;transition-delay: .1s;-webkit-transform: translateY(0);transform: translateY(0);}
#main::before{content: " ";pointer-events: none;position: fixed;backdrop-filter: var(--backdrop-filter);z-index: 10;top: 0;left: 0;right: 0;height: var(--header-height);background-color: rgba(var(--color-black-rgb), .25);mask-image: linear-gradient(to top, transparent 0%, black 100%);transition: var(--transition);}
body.scrolling #main::before{background-color: transparent;transform: translateY(var(--header-height));height: calc(var(--header-height) / 2);}
#main::after{content: " ";pointer-events: none;position: fixed;inset: 0;background:rgba(var(--color-gray-rgb), .9);backdrop-filter: blur(10px);z-index: 10;opacity: 0;}
body[mobile-menu] > #main::after{opacity: 1;}
#mobile-menu{position: fixed;inset: var(--header-height) 0 0 0;z-index: 90;pointer-events: none;}
#mobile-menu a {text-decoration: none;}
#mobile-menu > .content{position: absolute;inset:0; opacity: 0;overflow-y: auto;}
body[mobile-menu] #mobile-menu > .content{opacity: 1;transform: translateY(0);}
body[mobile-menu] #mobile-menu{opacity: 1;pointer-events: all;transform: translateY(0);}
#mobile-menu .menu-item > a {display: block;font: var(--item-title-font);text-transform: var(--item-title-text-transform);letter-spacing: var(--item-title-letter-spacing);text-decoration: none;color: rgba(var(--color-white-rgb), .8);line-height: 1.1;padding: var(--item-title-font-size);position: relative;transition: var(--transition);}
#mobile-menu .menu-item > a > .link-label{display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;  overflow: hidden;}
#mobile-menu  .submenu > .menu-item > a {font: var(--item-title-sm-font);letter-spacing: var(--item-title-sm-letter-spacing);padding: var(--item-title-xs-font-size) var(--item-title-font-size);}
#mobile-menu .menu-item.menu-item.has-submenu-mobile > a{padding-right: 25%;}
#mobile-menu .content > nav > .menu-item:first-child{border-top: 1px solid var(--color-gray-light);}
#mobile-menu .content > nav > .menu-item:last-child{border-bottom: 1px solid var(--color-gray-light);}
#mobile-menu .content > nav > .menu-item + .menu-item{border-top: 1px solid var(--color-gray-light);}
#mobile-menu .menu-item.has-submenu-mobile > a {position: relative;}
#mobile-menu .menu-item.has-submenu-mobile > a > .show-children {aspect-ratio: 1;top: 0;bottom: 0;right: 0;position: absolute;display: flex;align-items: center;justify-content: center;pointer-events: all;}
#mobile-menu .menu-item.has-submenu-mobile > a > .show-children::before {font-family: "Material Symbols Outlined";content: "\e5db";line-height: 1;pointer-events: none;}
#mobile-menu .menu-item.has-submenu-mobile > .submenu{border-top: 1px solid var(--color-gray-light);}
#mobile-menu .menu-item.has-submenu-mobile:not(.show-children) > .submenu{display: none;}
#mobile-menu .menu-item > a:is(:hover, :focus){color: var(--color-white);}
#mobile-menu .menu-item.has-submenu-mobile.show-children > a > .show-children::before{content: "\e5d8";}
#mobile-menu .language_and_search{text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);display: flex;justify-content: center;align-items: center;gap: var(--width-gap);padding: var(--width-gap);border-bottom: 1px solid var(--color-gray-light);}
#mobile-menu .language_and_search > a > [class^="material"]{font-size: 36px;}

/* OK #footer */
#footer{background: var(--gradient);padding: var(--width-sections-gap) 0;background: linear-gradient(to bottom, transparent 0%, var(--color-gray-light) 300%);}
#footer > [class^="package"] > .content {display: flex;flex-direction: column;gap: var(--width-sections-gap);}
#footer > [class^="package"] > .content > .holder-logo { display: flex;justify-content: center; }
#footer > [class^="package"] > .content > .holder-logo > .logo {outline: none;transition: var(--transition-slow);}
#footer > [class^="package"] > .content > .holder-logo > .logo:is(:hover, :focus){filter: drop-shadow(0 calc(0px - var(--width-gap-xs)) var(--width-gap-sm) var(--color-white));}
#footer > [class^="package"] > .content > .holder-logo > .logo > picture > img{width: min(300px, 40vw);height: auto;}
#footer > [class^="package"] > .content > .columns{display: grid;grid-template-columns: repeat(6, 1fr);gap: var(--width-gap-lg);}
#footer > [class^="package"] > .content > .columns > .column {display: flex;flex-direction: column;gap: var(--width-gap);}
#footer > [class^="package"] > .content > .columns > .column-apps{grid-column: 5 / span 2;}
#footer > [class^="package"] > .content > .columns > .column > nav{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
#footer > [class^="package"] > .content > .columns > .column > nav > a {outline: none;text-decoration: none;font: var(--menu-font);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);transition: var(--transition);font-weight: var(--menu-font-strong);color: var(--color-gray-light);}
#footer > [class^="package"] > .content > .columns > .column > nav > a:is(:hover,:focus) {color: var(--color-white);}
#footer > [class^="package"] > .content > .columns > .column > .apps {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--width-gap-xs);}
#footer > [class^="package"] > .content > .columns > .column > .apps > a{aspect-ratio: 3;border-radius: var(--width-border-radius);background: url(../images/app-store.svg);background-size: 75%;background-repeat: no-repeat;background-position: center;outline: 1px solid rgba(var(--color-gray-light-rgb), 0);outline-offset: -1px;transition: var(--transition);}
#footer > [class^="package"] > .content > .columns > .column > .apps > a:is(:hover, :focus){outline-color: var(--color-gray-light);}
#footer > [class^="package"] > .content > .columns > .column > .apps > a[href*="google"]{background-image: url(../images/google-play.svg);}
#footer > [class^="package"] > .content > .columns > .column > .social-networks{display: flex;flex-wrap: wrap;}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a{display: block;width: 36px;aspect-ratio: 1;background: var(--color-gray-light);transition: var(--transition);mask-position: center;mask-size: 18px 18px;mask-repeat: no-repeat;}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a.social-network-facebook{mask-image: url(../images/social-networks/facebook.svg);}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a.social-network-instagram{mask-image: url(../images/social-networks/instagram.svg);}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a.social-network-tiktok{mask-image: url(../images/social-networks/tiktok.svg);}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a.social-network-youtube{mask-image: url(../images/social-networks/youtube.svg);}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a.social-network-x{mask-image: url(../images/social-networks/x.svg);}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a.social-network-pinterest{mask-image: url(../images/social-networks/pinterest.svg);}
#footer > [class^="package"] > .content > .columns > .column > .social-networks > a:is(:hover, :focus){background: var(--color-white);}
#footer > [class^="package"] > .content > .copyright{color: var(--color-gray-light);display: flex;align-items: center;justify-content: space-between;gap: var(--width-gap-sm);}
#footer > [class^="package"] > .content > .copyright > nav{display: flex;gap: var(--width-gap-sm);}
#footer > [class^="package"] > .content > .copyright > nav > a{color: var(--color-white);font-weight: var(--body-font-strong);transition: var(--transition);text-underline-offset: calc(var(--width-gap-xs) / 2);text-decoration-color: rgba(var(--color-gray-rgb), 0);}
#footer > [class^="package"] > .content > .copyright > nav > a:is(:hover, :focus){text-underline-offset: var(--width-gap-xs);text-decoration-color: var(--color-white);}
@media only screen and (max-width: 1366px){
  #footer > [class^="package"] > .content > .columns {grid-template-columns: repeat(3, 1fr);}
  #footer > [class^="package"] > .content > .columns > .column-apps{grid-column: auto / span 1;}
  #footer > [class^="package"] > .content > .copyright{flex-direction: column-reverse;text-align: center;}
}
@media only screen and (max-width: 768px){
  #footer > [class^="package"] > .content > .columns {grid-template-columns: repeat(2, 1fr);}
  #footer > [class^="package"] > .content > .columns > .column-apps{grid-column: auto / span 2;}
  #footer > [class^="package"] > .content > .columns > .column > .apps {grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width: 568px){
  #footer > [class^="package"] > .content > .columns{grid-template-columns: 1fr;text-align: center;}
  #footer > [class^="package"] > .content > .columns > .column > .social-networks{justify-content: center;}
  #footer > [class^="package"] > .content > .columns > .column-apps{grid-column: auto / span 1;padding: 0 15%;}
  #footer > [class^="package"] > .content > .columns > .column > .apps {grid-template-columns: repeat(2, 1fr);}
  #footer > [class^="package"] > .content > .copyright{gap: var(--width-gap);}
  #footer > [class^="package"] > .content > .copyright > nav {flex-direction: column;gap: var(--width-gap-xs);}
}

/* NEW */
section.divider {overflow: hidden;padding: 0 var(--width-sections-gap);}
section.divider > .holder-svg > svg{user-select: none;}
svg.fit {text-anchor: middle;dominant-baseline: middle;}
/* NEW */
section.text img{border-radius: var(--width-border-radius-rounded);}
@media only screen and (min-width: 1025px){
  section.text img.size-full{max-width: calc(100% + var(--width-gap-lg) * 2);width: calc(100% + var(--width-gap-lg) * 2);margin: var(--width-gap-xl) calc(0px - var(--width-gap-lg));}
}

/* OK */
section.welcome {background-color: var(--color-black);color: var(--on-surface);padding: var(--width-sections-gap) 0;}
section.welcome > picture{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: block;z-index: 1;}
section.welcome > video{pointer-events: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;width: 100%;height: 100%;object-fit: cover;mask-image: linear-gradient(to top, transparent 0%, black 75%);}
section.welcome > picture > img{width: 100%;height: 100%;object-fit: cover;mask-image: linear-gradient(to top, transparent 0%, black 75%);}
section.welcome > [class^="package"]{display: flex;flex-direction: column;justify-content: center;}
section.welcome.counter_0 > [class^="package"] {min-height: calc(100dvh -  var(--width-sections-gap) * 2);}
section.welcome > [class^="package"] > .content{padding-top: 25vh;}

/* OK arrow for fullscreen sections */
.arrow {--width: 64px;display: block;width: var(--width);height: var(--width);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: var(--transition-slow);}
body.scrolling .arrow {transform: translateY(calc(0px - var(--width-gap))) translateX(-50%);opacity: 0;pointer-events: none;}
.arrow::before, .arrow::after {content: " ";display: block;width: calc(var(--width) / 2);aspect-ratio: 1;border-bottom: 3px solid white;border-right: 3px solid white;transform: rotate(45deg);position: absolute;top: 0;left: calc(var(--width) * .25);animation: animate_arrow 3s infinite;pointer-events: none;}
.arrow::after {animation-delay: -0.15s;}
@keyframes animate_arrow {
    0% {opacity: 0;}
    50% {opacity: 0;transform: rotate(45deg) translate(calc(0px - var(--width)), calc(0px - var(--width)));}
    70% {opacity: 1;}
    90% {opacity: 0;transform: rotate(45deg) translate(0, 0);}
    100% {opacity: 0;}
}
@media only screen and (max-width: 1440px){
  .arrow {--width: 36px;}
}
  
/* NEW */
section.call_to_action_transparent{overflow: hidden;padding: var(--width-sections-gap) 0;background: linear-gradient(to bottom, transparent 0%, var(--color-gray) calc(100% - var(--width-sections-gap)), transparent calc(100% - var(--width-sections-gap)));}
section.call_to_action_transparent > [class^="package"] .content + picture{margin-top: var(--width-gap-lg);}
section.call_to_action_transparent > [class^="package"] > picture{aspect-ratio: 16 / 9;overflow: hidden;}
section.call_to_action_transparent > [class^="package"] > picture > img{width: 100%;height: 100%;object-fit: contain;object-position: bottom center;transform: translateY(0);user-select: none; pointer-events: none;}
section.call_to_action_transparent > .holder-svg{position: absolute;bottom: var(--width-sections-gap);left: var(--width-gap);right: var(--width-gap);}
section.call_to_action_transparent > .holder-svg > svg{user-select: none;}

/* NEW */

section.call_to_action_subtle{padding: var(--width-sections-gap) 0;}
section.call_to_action_subtle > picture{position: absolute;inset: calc(0px - var(--width-gap-lg)) 15%;pointer-events: none;}
section.call_to_action_subtle > picture > img{width: 100%;height: 100%;object-fit: cover;filter: contrast(.75);mask-image: radial-gradient(closest-side, rgba(var(--color-black-rgb), .5) 25%, transparent 100%);filter: blur(0) contrast(1);transition: var(--transition-slow);}
section.call_to_action_subtle:hover > picture > img{filter: blur(var(--width-gap-xs)) contrast(1.5) brightness(.5);}
section.call_to_action_subtle > [class^="package"] > .content > .info{perspective: 200px;}
section.call_to_action_subtle > [class^="package"] > .content > .info > [class^="actions"]{transition: var(--transition);transform-origin: center center;}
section.call_to_action_subtle > [class^="package"] > .content > .info > [class^="actions"]{transform: rotateX(90deg) translateY(-25px);opacity: 0;}
section.call_to_action_subtle:hover > [class^="package"] > .content > .info > [class^="actions"]{transform: rotateX(0) translateZ(0);opacity: 1;}
@media only screen and (max-width: 1024px){
  section.call_to_action_subtle > [class^="package"] > .content > .info > [class^="actions"]{transform: rotateX(0) translateZ(0);opacity: 1;}
}


/* NEW */

section.title_event{padding: calc(var(--width-sections-gap) * 2) 0 0 0;background: linear-gradient(to bottom, transparent 0%, var(--color-gray) 75%, transparent 50%);}
section.title_event > [class^="package"] > .content{display: flex;flex-direction: column;gap: var(--width-gap-lg);}
section.title_event > [class^="package"] > .content > .image{display: flex;align-items: center;justify-content: center;user-select: none;}
section.title_event > [class^="package"] > .content > .image > picture{width: min(540px, calc(100% - var(--width-gap-lg) * 2));aspect-ratio: 1;}
section.title_event > [class^="package"] > .content > .image > picture > img{width: 100%;height: 100%;object-fit: cover;filter: drop-shadow(0 var(--width-gap) var(--width-gap) rgba(var(--color-gray-light-rgb), .25));border-radius: var(--width-border-radius-rounded);outline: 1px solid rgba(var(--color-gray-light-rgb), .5);outline-offset: -1px;}
section.title_event > .holder-svg{position: absolute;bottom: 25%;left: var(--width-gap);right: var(--width-gap);user-select: none;}
section.title_event > picture{position: absolute;display: block;margin: 0 auto;top: 0;left: 10%;right: 10%;height: 40%;mask-image: radial-gradient(closest-side,rgba(var(--color-black-rgb), .25) 0%, transparent 100%);filter: blur(var(--width-gap-xs)) contrast(1.5) grayscale(1);}
section.title_event > picture > img{width: 100%;height: 100%;object-fit: cover;object-position: center 25%;}
section.title_event h1{font-weight: var(--h-font-strong);}

/* NEW */

section.event_details .content{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--width-gap);}
section.event_details .content > .column{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
section.event_details .content > .column > *{margin: 0;}
section.event_details .content > .column > [class^="article"]{color: var(--color-gray-light);}
section.event_details .content > .column > .details{display: flex;gap: var(--width-gap-xs);}
section.event_details .content > .column > .details > :is(div, a){display: inline-flex;align-items: center;text-decoration: none;gap: var(--width-gap-xs);font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);padding: calc(var(--btn-font-size) * .75);line-height: 0;border-radius: calc(var(--width-border-radius) + 1px);transition: var(--transition);font-weight: lighter;outline: 1px solid var(--color-gray-light);outline-offset: -1px;user-select: none;}
section.event_details .content > .column > .details > a:is(:hover, :focus){outline-color: var(--color-white);}
section.event_details .content > .column > .details > div > [class^="material"]{font-size: 28px;}
@media only screen and (max-width: 1366px){
  section.event_details .content{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 768px){
  section.event_details .content{grid-template-columns: 1fr;}
}

/* NEW */

section.call_to_actions {background-color: var(--color-black);}
.card-call-to-action {height: 70vh;max-height: 1000px;position: relative;display: block;}
.card-call-to-action > picture{position: absolute;display:block;inset: 0;overflow: hidden;}
.card-call-to-action > picture > img{width: 100%;height: 100%;object-fit: cover;mask-image: linear-gradient(to top, transparent 0%, black 75%);user-select: none;}
.card-call-to-action > video{display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;mask-image: linear-gradient(to top, transparent 0%, black 75%);}
.card-call-to-action > .info{position: absolute;bottom: 0;left: 0;right: 0;padding: var(--width-gap-lg);z-index: 2;}
.card-call-to-action.single > .info{right: 25%;}
@media only screen and (max-width: 1680px){
  .card-call-to-action > .info{padding: var(--width-gap);}
  .card-call-to-action {height: 70vh;}
  .card-call-to-action > .info > .intro{width: 100%;}
}

/* OK */

section.events_latest{overflow: hidden;}
section.events_latest * + .tns-outer {margin-top: var(--width-gap-xl);}
section.events_latest .tns-ovh{overflow: visible !important;}
.card-event {--date-width: 64px;display: flex;flex-direction: column;gap: var(--width-gap-sm);user-select: none;}
.card-event > .info{display: flex;padding: 0;align-items: center;gap: var(--width-gap-sm);}
.card-event > .info > [class^="heading"]{gap: calc(var(--width-gap-xs) / 2);}
.card-event > .info > [class^="heading"] > .title{font-weight: var(--h-font-strong);display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.card-event > .info > [class^="heading"] > .title > a{text-decoration: none;color: var(--color-white);}
.card-event > .info > [class^="heading"] > .subtitle{text-decoration: none;color: var(--color-gray-light);}
.card-event > .info > .date{--size: calc(var(--date-width) / 6);font: var(--subtitle-font);text-transform: var(--subtitle-text-transform);letter-spacing: var(--subtitle-letter-spacing);font-size: var(--size);text-align: center;line-height: 1;width: var(--date-width);height: var(--date-width);display: flex;flex-direction: column;flex-shrink: 0;justify-content: space-around;user-select: none;}
.card-event > .info > .date > .day_numeric{font-size: calc(var(--size) * 3);font-weight: var(--subtitle-font-strong);}
.card-event > .info > .date > *{width: 100%;}
.card-event > .image{position: relative; border-radius: var(--width-border-radius);overflow: hidden;}
.card-event.expired > .image > a > picture > img{filter: grayscale(1) brightness(.5);}
.card-event > .image > .custom-actions{position: absolute;inset: 0;display: flex;flex-direction: column;padding: var(--width-gap);gap: var(--width-gap-sm);align-items: center;justify-content: center;z-index: 2;opacity: 0;backdrop-filter: blur(var(--width-gap-xs)) contrast(.75) brightness(.75);transition: var(--transition);transition-delay: .3s;pointer-events: none;}
.card-event > .image > .custom-actions > a{pointer-events: all;}
.card-event > .image:is(:hover,:focus) > .custom-actions{opacity: 1;}
.card-event > .image > a{display: block;}
.card-event > .image > a > picture{width: 100%;aspect-ratio: 400 / 540;}
.card-event > .image > a > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-event > .custom-actions-mobile{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: var(--width-gap-xs);}
@media only screen and (max-width: 768px){
  .card-event > .info > .date{display: none;}
}

/* OK */
section.concerts_latest{overflow: hidden;}
section.concerts_latest * + .tns-outer {margin-top: var(--width-gap-xl);}
section.concerts_latest .tns-ovh{overflow: visible !important;}

/* OK */

section.events_list * + [class^="layout"]{ margin-top: var(--width-gap-xl); }
section.events_list [class^="layout"]{gap: var(--width-gap-sm);}
section.events_list .holder-content > .content{display: flex;flex-direction: column;gap: var(--width-gap-lg);}
section.events_list div[class^="fields"]{grid-template-columns: repeat(3, 1fr);gap: var(--width-gap-sm);}
@media only screen and (max-width: 568px){
  section.events_list div[class^="fields"]{grid-template-columns: 1fr;}
}

/* OK */
section.concerts_list {position:  relative;}
section.concerts_list * + [class^="layout"]{ margin-top: var(--width-gap-xl); }
section.concerts_list [class^="layout"]{gap: var(--width-gap-sm);}
section.concerts_list .holder-content > .content{display: flex;flex-direction: column;gap: var(--width-gap-lg);}
section.concerts_list div[class^="fields"]{grid-template-columns: repeat(3, 1fr);gap: var(--width-gap-sm);}

section.concerts_list > picture{
  position: absolute;
  inset: 0;

 
}
section.concerts_list > picture > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
   mask-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .5) 90%, transparent 100%);
   max-height: 50vh;
}


@media only screen and (max-width: 568px){
  section.concerts_list div[class^="fields"]{grid-template-columns: 1fr;}
}

/* OK */

section.faqs > [class^="package"] > .holder-content {display: flex;gap: var(--width-gap-lg);align-items: flex-start;}
section.faqs > [class^="package"] > .holder-content > .content {flex-grow: 1;position: relative;}
section.faqs > [class^="package"] > .holder-content >  [class^="layout"]{width: 60%;flex-shrink: 0;}
section.faqs [class^="layout"]{gap: var(--width-gap-xs);}
@media only screen and (max-width: 1440px){
  section.faqs > [class^="package"] > .holder-content {flex-direction: column;}
  section.faqs > [class^="package"] > .holder-content >  [class^="layout"]{width: 100%;}
}

.card-faq{background-color: var(--color-gray);border-radius: var(--width-border-radius-rounded);}
.card-faq .content{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-faq .content > *:not([class^="actions"]){margin: 0;}
.card-faq .content > picture{border-radius: var(--width-border-radius-rounded);overflow: hidden;}
.card-faq details {border-radius: var(--width-border-radius-rounded);padding: var(--width-gap);transition: var(--transition);outline: 2px solid rgba(var(--color-white-rgb), 0);}
.card-faq details[open] {background-color: var(--color-black);outline: 2px solid var(--color-white);}
.card-faq details > * {margin: 0;}
.card-faq details > summary{display: flex;align-items: center;cursor: pointer;gap: var(--width-gap-lg);user-select: none;}
.card-faq details > summary > [class^="item-title"]{flex-grow: 1;text-wrap: balance;}
.card-faq details > summary > [class^="material"]{margin: 0;transition: var(--transition);}
.card-faq details[open] > summary > [class^="material"]{transform: rotate(180deg);}
.card-faq details > :not(summary){display: none;flex-direction: column;gap: var(--width-gap-xs);margin-top: var(--width-gap-sm);}
.card-faq details[open] > :not(summary){display: flex;}

/* OK section.form */

section.form * + form{margin-top: var(--width-sections-gap);}

/* OK */

section.galleries_latest{overflow: hidden;}
section.galleries_latest * + .tns-outer {margin-top: var(--width-gap-xl);}
section.galleries_latest .tns-ovh{overflow: visible !important;}
.card-gallery{display: flex;flex-direction: column;gap: var(--width-gap);text-decoration: none;color: var(--color-black);user-select: none;position: relative;}
.card-gallery > picture{display: inline-flex;width: 100%;aspect-ratio: .75;border-radius: var(--width-border-radius);overflow: hidden;background-color: var(--color-gray);}
.card-gallery > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;
  mask-image: linear-gradient(to top, transparent 0%, black 50%);transition: var(--transition-slow);}
.card-gallery:is(:hover,:focus) > picture > img {transform: scale(1.05);}
.card-gallery > [class^="heading"] {position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;padding: var(--width-gap-sm);}
.card-gallery > [class^="heading"] > .title{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.card-gallery > [class^="heading"] > .subtitle{transition: var(--transition);transition-delay: .2s;}
.card-gallery:is(:hover,:focus) > [class^="heading"] > .subtitle{transform: translateY(var(--width-gap-xs));opacity: 0;}


section.galleries_list * + [class^="layout-"] {margin-top: var(--width-gap-xl);}

/* NEW */

section.image > [class^="package"] .image{text-decoration: none;position: relative;display: flex;flex-direction: column;gap: var(--width-gap-xs);display: flex;}
section.image > [class^="package"] picture > img{border-radius: var(--width-border-radius-rounded);}
section.image.no-section-gap > [class^="package"] .image{border-radius: 0;}
section.image > [class^="package"] .image > picture{width: 100%;}
section.image > [class^="package"] picture img{width: 100%;user-select: none;}
section.image > [class^="package"] .image > figcaption{text-align: right;z-index: 2;color: var(--color-gray-light);font: var(--small-font);--effects-delay: .5s;}
section.image > [class^="package"] .image > figcaption strong{font-weight: var(--small-font-strong);}

/* NEW */

section.image_text > [class^="package"] > .holder-content > .content{gap: var(--width-gap-lg);display: flex;align-items: stretch;justify-content: center;}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > .image{width: 50%;position: relative;}
section.image_text .content > .image > picture{position: absolute;inset: 0;border-radius: var(--width-border-radius);overflow: hidden;}
section.image_text .content > .image > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;}
section.image_text .content > .text{width: 50%;display: flex;flex-direction: column;gap: var(--width-gap);padding: var(--width-gap-lg);min-height: 30vh;--effects-delay: 1.5s;}
section.image_text .content > .text > .info{--effects-delay: .3s;display: flex;flex-direction: column;gap: var(--width-gap-sm);flex-grow: 1;justify-content: center;}
section.image_text .content > .text > .info > *:not([class^="actions"]) {margin: 0;}
section.image_text .content > .image{position: relative;--effects-delay: .5s;}
@media only screen and (max-width: 1440px){
  section.image_text .content > .text{padding: 0;}
}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column-reverse;}
  section.image_text.image_position_right .content {flex-direction: column-reverse;}
  section.image_text .content > :is(.image, .text){width: 100%;}
  section.image_text .content > .text > .info > .grow{display: none;}
  section.image_text .content > .text{min-height: 0;}
  section.image_text .content > .image{aspect-ratio: 2;}
}

/* OK  */

section.image_text_alternative > [class^="package"] > .holder-content > .content{display: flex;align-items: center;justify-content: left;padding: calc(var(--width-sections-gap) * 2) 0;min-height: 50vh;}
section.image_text_alternative.image_position_right > [class^="package"] > .holder-content > .content {justify-content: right;}
section.image_text_alternative > picture{position: absolute;inset: 0;overflow: hidden;}
section.image_text_alternative > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;filter: brightness(1) contrast(1);}
section.image_text_alternative .content > .text{width: 70%;flex-shrink: 0;backdrop-filter: var(--backdrop-filter);background-color: rgba(var(--color-black-rgb), .5);padding: var(--width-gap-lg);border-radius: var(--width-border-radius-rounded);display: flex;}
section.image_text_alternative .content > .text > .info{display: flex;flex-direction: column;justify-self: stretch;align-self: stretch;}
section.image_text_alternative .content > .text > .info{--effects-delay: .3s;display: flex;flex-direction: column;gap: var(--width-gap-sm);}
section.image_text_alternative .content > .text > .info > *:not([class^="actions"]) {margin: 0;}
@media only screen and (max-width: 1440px){
  section.image_text_alternative .content > .text{width: 70%;}
}
@media only screen and (max-width: 1024px){
  section.image_text_alternative > [class^="package"] > .holder-content > .content {min-height: 0;}
  section.image_text_alternative .content{flex-direction: column-reverse;}
  section.image_text_alternative.image_position_right .content {flex-direction: column-reverse;}
  section.image_text_alternative .content > .text{width: 100%;}
  section.image_text_alternative .content > .text{min-height: 0;}
}

/* OK */
section.logos{overflow: hidden;}
section.logos * + .tns-outer{margin-top: var(--width-gap-xl);}
section.logos .tns-ovh{overflow: visible !important;}
.card-logo {display: flex;border-radius: var(--width-border-radius);overflow: hidden; background-color: rgba(var(--color-gray-rgb), .5);}
a.card-logo:is(:hover, :focus){background-color: var(--color-gray);}
.card-logo > picture{display: flex;aspect-ratio: 2;}
.card-logo > picture > img{object-fit: contain;width: 100%;height: 100%;padding: 15%;user-select: none;}

/* OK */
section.capsules{overflow: hidden;}
section.capsules * + .tns-outer{margin-top: var(--width-gap-xl);}
section.capsules .tns-carousel {display: flex;align-items: stretch !important;justify-content: stretch !important;}
section.capsules .tns-ovh{overflow: visible !important;}
.card-capsule {display: flex;flex-direction: column;border-radius: var(--width-border-radius);overflow: hidden; background-color: rgba(var(--color-gray-rgb), .5);gap: var(--width-gap-sm);padding: var(--width-gap);height: 100%;}
.card-capsule > picture{display: flex;aspect-ratio: 1;width: 80px;}
.card-capsule > picture > img{object-fit: contain;width: 100%;height: 100%;user-select: none;}
/* NEW  */
section.map.counter_0 {padding-top: var(--header-height);}
section.map > [class^="package"]{margin-top: var(--width-sections-gap);}
section.map > * + div.holder {margin-top: var(--width-sections-gap);}
section.map > div.holder{background-color: var(--color-black);}
section.map google-maps{height: 40vh;--effects-delay: .3s;}
@media only screen and (max-width: 1366px){
  section.map google-maps{height: 35vh;}
}
@media only screen and (max-width: 568px){
  section.map google-maps{height: 30vh;}
}

/* OK */
section.news_latest{overflow: hidden;}
section.news_latest * + .tns-outer {margin-top: var(--width-gap-xl);}
section.news_latest .tns-ovh{overflow: visible !important;}
.card-new{display: flex;flex-direction: column;gap: var(--width-gap);text-decoration: none;color: var(--color-black);user-select: none;outline: none;}
.card-new > picture{display: inline-flex;width: 100%;aspect-ratio: 1;border-radius: var(--width-border-radius);overflow: hidden;background-color: var(--color-gray);transition: var(--transition);}
.card-new > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;transition: var(--transition-slow);filter: contrast(.9) brightness(.9);}
.card-new:is(:hover, :focus) > picture > img{transform: scale(1.1);filter: contrast(1);}
.card-new:is(:hover, :focus) > picture {transform: scale(.95);}
.card-new > [class^="heading"] > .title{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
@media only screen and (max-width: 1440px){
  .card-new > picture{aspect-ratio: 2;}
}

/* OK */
section.news_list * + [class^="layout"] {margin-top: var(--width-gap-xl);}
section.news_list [class^="layout"]{gap: var(--width-gap-xl);}

/* TODO  */
section.featured_pages{--aspect-ratio: .75;overflow: hidden;}
section.featured_pages * + .tns-outer {margin-top: var(--width-gap-xl);}
section.featured_pages .tns-ovh{overflow: visible !important;}
.card-featured-page{user-select: none;display: flex;overflow: hidden;position: relative;}
.card-featured-page picture{width: 100%; aspect-ratio: var(--aspect-ratio);overflow: hidden;filter: brightness(.5);transition: var(--transition-slow);}
.card-featured-page:is(:hover, :focus) picture{filter: brightness(1);}
.card-featured-page video{position: absolute;width: 100%;height: 100%;pointer-events: none;object-fit: cover;z-index: 2;opacity: 0;transition: var(--transition-slow);transition-delay: .5s;}
.card-featured-page:is(:hover, :focus) video{opacity: 1;}
.card-featured-page picture > img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
.card-featured-page > .info{position: absolute;bottom: 0;left: 0;right: 0;padding: var(--width-gap);padding-right: 25%;display: flex;flex-direction: column;z-index: 3;transition: var(--transition);background: linear-gradient(to top, var(--color-black) 0%, rgba(var(--color-black-rgb), 0) 100%);}
.card-featured-page:is(:hover, :focus) > .info{transform: translateY(var(--width-gap-xs));opacity: 0;}
@media only screen and (max-width: 1440px){
  .card-featured-page > .info{padding: var(--width-gap-sm);}
}

/* NEW  */
section.featured_pages_accordion .layout-grid-featured-pages-accordion{display: flex;gap: 0;}
section.featured_pages_accordion .layout-grid-featured-pages-accordion > .item{transition: var(--transition);width: 100%;flex-shrink: .75;min-width: 0px;}
section.featured_pages_accordion .layout-grid-featured-pages-accordion > .item:hover{width: 125%;min-width: min(800px, calc(100vw - var(--width-sections-gap)));box-shadow: var(--box-shadow);z-index: 2;}
.card-featured-page-accordion {overflow: hidden;position: relative;display: block;}
.card-featured-page-accordion > picture{width: 100%;height: min(50vh, 800px);transition: var(--transition);}
.card-featured-page-accordion:is(:hover, :focus) > picture{filter: brightness(.25);}
.card-featured-page-accordion > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-featured-page-accordion > .info{position: absolute;bottom: 0;left: 0;min-width: min(800px, calc(100vw - var(--width-sections-gap)));padding: var(--width-gap);display: flex;flex-direction: column;z-index: 3;transition: var(--transition);background: linear-gradient(to top, var(--color-black) 0%, rgba(var(--color-black-rgb), 0) 100%);opacity: 0;}
.card-featured-page-accordion:is(:hover,:focus) > .info{opacity: 1;transition-delay: .1s;}
.card-featured-page-accordion > .word{position: absolute;top: 0;right: 0;padding: var(--width-gap);z-index: 2;font: var(--item-title-sm-font);transition: var(--transition);line-height: 1;}
.card-featured-page-accordion:is(:hover,:focus) > .word{opacity: 0;transform: translateY(calc(0px - var(--width-gap)));}
@media only screen and (max-width: 1366px){
  section.featured_pages_accordion .layout-grid-featured-pages-accordion {display: grid;grid-template-columns: repeat(3, 1fr);}
  section.featured_pages_accordion .layout-grid-featured-pages-accordion > .item{width: auto;flex-shrink: 0;}
  section.featured_pages_accordion .layout-grid-featured-pages-accordion > .item:hover{width: 100%;min-width: 0;}
  .card-featured-page-accordion > picture{height: auto;aspect-ratio: .75;}
  /*
  .card-featured-page-accordion > .word{font: var(--label-font);letter-spacing: var(--label-letter-spacing);text-transform: var(--label-text-transform);padding: var(--width-gap-sm);}
  */
  .card-featured-page-accordion > .info{opacity: 1;right: 0;min-width: 0;padding: var(--width-gap-sm);}
}

@media only screen and (max-width: 992px){
    section.featured_pages_accordion .layout-grid-featured-pages-accordion {display: grid;grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (max-width: 568px){
  section.featured_pages_accordion .layout-grid-featured-pages-accordion {display: grid;grid-template-columns: 1fr;}
  .card-featured-page-accordion > picture{aspect-ratio: 2;}
}

/* OK */

section.video [class^="layout-grid-videos"]{gap: var(--width-gap-xl);}
section.video * + [class^="layout-grid-videos"]{margin-top: var(--width-sections-gap);}
.card-youtube {display: block;aspect-ratio: 16 / 9;width: 100%;}
.card-youtube > iframe {width: 100%;height: 100%;-webkit-border-radius: var(--width-border-radius-rounded);border-radius: var(--width-border-radius-rounded);outline: var(--width-gap-xs) solid rgba(var(--color-gray-rgb), 0);transition: var(--transition-slow);}
.card-youtube:is(:hover, :focus) > iframe{outline: var(--width-gap-xs) solid var(--color-gray);}

/* NEW */

section.ratings .content{--star-size: 40px;display: flex;gap: var(--width-gap);align-items: center;justify-content: space-between;}
section.ratings .content > * {margin: 0;}
@media only screen and (max-width: 1024px){
  section.ratings .content{flex-direction: column;text-align: center;}
}

.holder-rate {--star-size: 40px;display: inline-flex;flex-direction: column;gap: var(--width-gap-sm);user-select: none;}
.holder-rate > .stars{display: flex;align-items: center;}
.holder-rate > .stars > span{width: var(--star-size);aspect-ratio: 1;display: flex;background-color: var(--color-gray-light);transition: var(--transition);mask-image: url(../images/star.svg);mask-size: cover;mask-position: center;mask-repeat: no-repeat; cursor: pointer;transform: scale(.75);}
.holder-rate > .stars > span.filled{background-color: var(--color-white);transform: scale(1);}
.holder-rate > .summary{font: var(--calendar-event-font);letter-spacing: var(--calendar-event-letter-spacing);text-transform: var(--calendar-event-text-transform);text-align: center;color: var(--color-gray-light);user-select: none;}

[class^="comment-stars-"]{--star-size: 12px;height: var(--star-size);width: var(--star-size);background-color: var(--color-gray-light);mask-image: url(../images/star.svg);mask-size: contain;mask-position: left center;mask-repeat: repeat-x;}
[class^="comment-stars-"][class*="-2"]{width: calc(var(--star-size) * 2);}
[class^="comment-stars-"][class*="-3"]{width: calc(var(--star-size) * 3);}
[class^="comment-stars-"][class*="-4"]{width: calc(var(--star-size) * 4);}
[class^="comment-stars-"][class*="-5"]{width: calc(var(--star-size) * 5);}

/* NEW section.gallery */

section.gallery{overflow: hidden;}
section.gallery [class^="layout-"] {gap: var(--width-gap-sm);}
section.gallery * + [class^="layout-"]{margin-top: var(--width-gap-lg);}
.card-image {position: relative;display: block;overflow: hidden;outline: none;outline: none;border-radius: var(--width-border-radius);overflow: hidden;}
.card-image > picture{transition: var(--transition);pointer-events: none;user-select: none;aspect-ratio: 1.25;}
.card-image > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;transition: var(--transition);filter: contrast(.9) brightness(.9);}
.card-image:is(:hover, :focus) > picture > img{transform: scale(1.05);filter: contrast(1);}
@media only screen and (max-width: 758px){
  .card-image > picture{aspect-ratio: 1;}
}


section.gallery_horizontal{overflow: hidden;}
section.gallery_horizontal * + [class^="tns-outer"] {margin-top: var(--width-gap-lg);}
section.gallery_horizontal .tns-ovh{overflow: visible !important;}

.card-image-alternative {position: relative;display: block;overflow: hidden;outline: none;outline: none;border-radius: var(--width-border-radius);overflow: hidden;}
.card-image-alternative > picture, .card-image-alternative > video{transition: var(--transition);pointer-events: none;user-select: none;aspect-ratio: 3 / 4;}
.card-image-alternative > video{ object-fit: cover;width: 100%;}
.card-image-alternative > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;transition: var(--transition);filter: contrast(.9) brightness(.9);}
.card-image-alternative:is(:hover, :focus) > picture > img{transform: scale(1.05);filter: contrast(1);}
@media only screen and (max-width: 758px){

}

/* NEW section.iframe */
section.iframe .holder-iframe{width: 100%;position: relative;aspect-ratio: 2;}
section.iframe .holder-iframe > iframe{border: none;display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;border-radius: var(--width-border-radius);overflow: hidden;box-shadow: var(--box-shadow);}
@media only screen and (max-width: 568px){
  section.iframe .holder-iframe{aspect-ratio: 2;}
}


/* NEW section.title */

section.title {position: relative;background: var(--color-black);overflow: hidden;padding: var(--width-sections-gap) 0;}
section.title.counter_0 {padding-top: calc(var(--width-sections-gap) * 2);}
#blocks > section.title.counter_0 + section:not(.no-section-gap){margin-top: 0;}
section.title > [class^="package"]{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;min-height: 25vh;}
section.title.no-background > [class^="package"]{min-height: 0;}
section.title > [class^="package"] > .content{min-height: calc(100vh - var(--preheader-height) - var(--header-height));display: flex;align-items: center;gap: 0;padding-right: 25%;}
section.title > picture{pointer-events: none; user-select: none;--effects-delay: .3s;position: absolute;inset: 0;}
section.title > picture > img{width: 100%;height: 100%;object-fit: cover;mask-image: linear-gradient(to top, transparent 25%, black 100%);}
@media only screen and (max-width: 1366px){
  section.title > [class^="package"] > .content{padding-right: 15%;}
}
@media only screen and (max-width: 568px){
  section.title > [class^="package"] > .content{padding-right: 0;}
}
/* NEW section.info_schedules */
section.info_schedules .holder-content > * + .content{margin-top: var(--width-gap-lg);}
section.info_schedules .holder-content > .content{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--width-sections-gap);}
section.info_schedules .holder-content > .content > .info{grid-column: auto / span 2;}
section.info_schedules .holder-content > .content > .schedules > dl{display: flex;flex-direction: column;gap: var(--width-gap-xs);}
section.info_schedules .holder-content > .content > .schedules > dl > dt{font: var(--small-font);letter-spacing: var(--small-letter-spacing);text-transform: var(--small-text-transform);color: var(--color-gray-light);}
section.info_schedules .holder-content > .content > .schedules > dl > dd{font: var(--item-title-sm-font);letter-spacing: var(--item-title-sm-letter-spacing);text-transform: var(--item-title-sm-text-transform);color: var(--color-white);margin: 0;}
@media only screen and (max-width: 1024px){
  section.info_schedules .holder-content > .content{display: flex;flex-direction: column;gap: var(--width-gap-lg);}
}


section.comments_latest {overflow: hidden;}
section.comments_latest  * + .tns-outer {margin-top: var(--width-gap-xl);}
section.comments_latest  .tns-ovh{overflow: visible !important;}

.card-comment {display: flex;flex-direction: column;gap: var(--width-gap-sm);user-select: none;}
.card-comment > .comment_content{border-radius: var(--width-border-radius-rounded);padding: var(--width-gap);position: relative;font: var(--small-font);letter-spacing: var(--small-letter-spacing);text-transform: var(--small-text-transform);background-color: var(--color-gray);}
.card-comment > .comment_content > .comment_text{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.card-comment > .comment_content::after{display: block;content: " ";display: block;position: absolute;bottom: -10px;right: var(--width-gap);width: 10px;height: 10px;background-color: var(--color-gray);clip-path: polygon(100% 0, 0 0, 100% 100%);}
.card-comment > .info{display: flex;flex-direction: column;gap: var(--width-gap-xs);align-items: flex-end;}
.card-comment > .info > .comment_author {font: var(--btn-font);letter-spacing: var(--subtitle-letter-spacing);text-transform: var(--btn-text-transform);color: var(--color-white);}
.card-comment > .info > .comment_date {font: var(--subtitle-font);letter-spacing: var(--subtitle-letter-spacing);text-transform: var(--subtitle-text-transform);color: var(--color-gray-light);}

/* NEW */
section.matches .attendees{display: flex;align-items: center;flex-direction: row-reverse;--avatar-size: 48px;justify-content: center;border-radius: var(--width-border-radius-rounded);}
section.matches .attendees > a {margin-left: calc(0px - var(--avatar-size) / 4);transition: var(--transition);}
section.matches .attendees > a > .avatar{outline: 2px solid var(--color-gray);outline-offset: 0;}
section.matches .attendees > a + a {z-index: 2;}
section.matches .attendees > a:is(:hover, :focus){z-index: 3;transform: scale(1.25);}
#attendees{display: flex;flex-direction: column;gap: var(--width-gap-sm);--avatar-size: 72px;}
.card-attendee{display: flex;align-items: center;gap: var(--width-gap-sm);padding: var(--width-gap-sm);outline: 2px solid rgba(var(--color-gray-light-rgb), .25);outline-offset: -2px;border-radius: var(--width-border-radius-rounded);}
.card-attendee > a {pointer-events: none;}
.card-attendee .attendee-info{display: flex;flex-direction: column;gap: var(--width-gap-xs);}
.card-attendee .attendee-info > .attendee-name{font: var(--item-title-xs-font);letter-spacing: var(--item-title-xs-letter-spacing);text-transform: var(--item-title-xs-text-transform);color: var(--color-white);}
.card-attendee .attendee-info > .attendee-social-networks{display: flex;gap: var(--width-gap-xs);}
.card-attendee .attendee-info > .attendee-social-networks > a{display: block;width: 20px;aspect-ratio: 1;background: var(--color-gray-light);transition: var(--transition);mask-position: center;mask-size: 20px 20px;mask-repeat: no-repeat;}
.card-attendee .attendee-info > .attendee-social-networks > a:is(:hover, :focus){background-color: var(--color-white);}
.card-attendee .attendee-info > .attendee-social-networks > a.social-network-instagram{mask-image: url(../images/social-networks/instagram.svg);}
.card-attendee .attendee-info > .attendee-social-networks > a.social-network-tiktok{mask-image: url(../images/social-networks/tiktok.svg);}
@media only screen and (max-width: 1024px){
  #attendees{--avatar-size: 48px;}
  .card-attendee .attendee-info{ gap: var(--width-gap-sm);}
  .card-attendee .attendee-info > .attendee-social-networks{gap: var(--width-gap-sm);}
}