@charset "UTF-8";
.rulesVideo, .gameIcons li .icon, body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, .post-content-header .headerImage, .post-content-header .headerImage .headerBackgroundImage, .post-content-header .headerImage .headerBackgroundImage *, .post-content-header, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  transform: translate(-50%, 0);
  webkit-transform: translate(-50%, 0);
}

.post-content-header.is-creator .headerImage:after {
  transform: translate(-50%, -50%);
  webkit-transform: translate(-50%, -50%);
}

@keyframes errorBackgroundAnimation {
  from {
    background-color: rgba(255, 0, 0, 0.6); /* rojo sólido */
  }
  to {
    background-color: rgba(255, 0, 0, 0.2); /* rojo transparente */
  }
}
body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header.is-creator .headerImage:after, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  content: "";
  display: block;
}

.rulesVideo, .gameIcons li .icon, body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, .post-content-header .headerImage, .post-content-header .headerImage .headerBackgroundImage, .post-content-header .headerImage .headerBackgroundImage *, .post-content-header, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  transform: translate(-50%, 0);
  webkit-transform: translate(-50%, 0);
}

.post-content-header.is-creator .headerImage:after {
  transform: translate(-50%, -50%);
  webkit-transform: translate(-50%, -50%);
}

@keyframes errorBackgroundAnimation {
  from {
    background-color: rgba(255, 0, 0, 0.6); /* rojo sólido */
  }
  to {
    background-color: rgba(255, 0, 0, 0.2); /* rojo transparente */
  }
}
body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header.is-creator .headerImage:after, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  content: "";
  display: block;
}

:root {
  --white: #FFF;
  --black: #000;
  --red:#EE4E3F;
  --blue: #1034c6;
  --mediumBlue: #55a4b8;
  --lightBlue: #77cadf;
  --darkBlue: #00f;
  --green: #0A4747;
  --greenHover: #127575;
  --lightGreen: #017E80;
  --magenta: #ec076e;
  --darkPurple: #70385C;
  --cyan: #00ffff;
  --yellow: #EAA142;
  --grey: #F4F4F2;
  --purple: #2b014d;
  --pink: #f248f1;
  --chalk: #F4F4F2;
  --lightGrey: #CCCCCC;
  --darkGrey: #3F4B4B;
  --lightYellow: #F8F7F2;
  --contentWidth:969px;
  --subWidth:600px;
  --innerContentWidth:90%;
  --textMargin: 1rem;
  --titleMargin: 1rem;
  --primaryColor: var(--white);
  --primaryText: var(--black);
  --primaryTitle: var(--black);
  --primaryHilight: var(--darkGrey);
  --primaryHilightDecoration: none;
  --primaryHilightHover: var(--primaryHilight);
  --primaryHilightHoverDecoration: underline;
  --primaryButton: var(--black);
  --primaryButtonText: var(--white);
  --primaryButtonHover: var(--darkGrey);
  --primaryButtonHoverText: var(--white);
  --primaryButtonShadowColor: none;
  --primaryButtonFont: var(--fontTitle);
  --primaryButtonRadius: 0px;
  --primaryButtonMargin: 0px;
  --primaryButtonPadding: .15em .25em;
  --primaryButtonWeight: 600;
  --primaryButtonTextTransform: none;
  --primaryButtonShadowTransformStart: none;
  --primaryButtonShadowTransformEnd: none;
  --primaryButtonShadowFilterStart: none;
  --primaryButtonShadowFilterEnd: none;
  --primaryButtonShadowTransition: none;
  --primaryButtonTransformStart: none;
  --primaryButtonTransformEnd: none;
  --primaryButtonTransition: none;
  --primaryButtonTextTransform: 500;
  --primaryTextWeight: var(--textWeight);
  --primaryTextMargin: var(--textMargin);
  --primaryTextStyle: normal;
  --primaryTextFont: var(--fontText);
  --primaryTextPadding: .5em;
  --primaryTextLetterSpacing: auto;
  --primaryTextDecoration:none;
  --primaryTextTextTransform:none;
  --primaryTitleWeight: var(--titleWeight);
  --primaryTitleMargin: var(--titleMargin);
  --primaryTitleStyle: normal;
  --primaryTitleFont: var(--fontTitle);
  --primaryTitlePadding: .25em;
  --primaryTitleLetterSpacing: auto;
  --primaryTitleDecoration:none;
  --primaryTitleTextTransform:none;
  --primaryFormBorder: currentColor 1px solid;
  --primaryFormFont: var(--fontText);
  --primaryFormBackground: var(--primaryColor);
  --primaryFormColor: var(--primaryText);
  --primaryFormWeight: var(--primaryTextWeight);
  --primaryFormLetterSpacing:var(--primaryTextLetterSpacing);
  --primaryFormFontSize:1rem;
  --primaryFormHoverColor: var(--primaryText);
  --primaryFormHoverBackground: var(--lightBlue);
  --primaryFormLabelFont: var(--fontText);
  --primaryFormLabelColor: var(--primaryText);
  --primaryFormLabelWeight: var(--textWeight);
  --primaryFormLabelFontSize: 1rem;
  --primaryFormLabelLetterSpacing: auto;
  --primaryFormLabelDistance: .5rem;
  --secondaryColor: var(--black);
  --secondaryText: var(--white);
  --secondaryTitle: var(--white);
  --secondaryHilight: var(--darkGrey);
  --secondaryHilightDecoration: none;
  --secondaryHilightHover: var(--secondaryHilight);
  --secondaryHilightHoverDecoration: underline;
  --secondaryButton: var(--white);
  --secondaryButtonText: var(--black);
  --secondaryButtonHover: var(--lightGrey);
  --secondaryButtonHoverText: var(--black);
  --secondaryButtonFont: var(--fontTitle);
  --secondaryButtonShadowColor: none;
  --secondaryButtonRadius: 0px;
  --secondaryButtonMargin: 0px;
  --secondaryButtonPadding: .15em .25em;
  --secondaryButtonWeight: 600;
  --secondaryButtonTextTransform: uppercase;
  --secondaryButtonShadowTransformStart: none;
  --secondaryButtonShadowTransformEnd: none;
  --secondaryButtonShadowFilterStart: none;
  --secondaryButtonShadowFilterEnd: none;
  --secondaryButtonShadowTransition: none;
  --secondaryButtonTransformStart: none;
  --secondaryButtonTransformEnd: none;
  --secondaryButtonTransition: none;
  --secondaryButtonTextTransform: 500;
  --secondaryTextWeight: var(--textWeight);
  --secondaryTextMargin: var(--textMargin);
  --secondaryTextStyle: normal;
  --secondaryTextFont: var(--fontText);
  --secondaryTextPadding: .5em;
  --secondaryTextLetterSpacing: auto;
  --secondaryTextDecoration:none;
  --secondaryTextTextTransform:none;
  --secondaryTitleWeight: var(--titleWeight);
  --secondaryTitleMargin: var(--titleMargin);
  --secondaryTitleStyle: normal;
  --secondaryTitleFont: var(--fontTitle);
  --secondaryTitlePadding: .25em;
  --secondaryTitleLetterSpacing: auto;
  --secondaryTitleDecoration:none;
  --secondaryTitleTextTransform:none;
  --secondaryFormBorder: currentColor 1px solid;
  --secondaryFormFont: var(--fontText);
  --secondaryFormBackground: var(--secondaryColor);
  --secondaryFormColor: var(--secondaryText);
  --secondaryFormWeight: var(--secondaryTextWeight);
  --secondaryFormLetterSpacing:var(--secondaryTextLetterSpacing);
  --secondaryFormFontSize:1rem;
  --secondaryFormHoverColor: var(--secondaryText);
  --secondaryFormHoverBackground: var(--darkGrey);
  --secondaryFormLabelFont: var(--fontText);
  --secondaryFormLabelColor: var(--secondaryText);
  --secondaryFormLabelWeight: var(--textWeight);
  --secondaryFormLabelFontSize: 1rem;
  --secondaryFormLabelLetterSpacing: auto;
  --secondaryFormLabelDistance: .5rem;
  --tertiaryColor: var(--darkGrey);
  --tertiaryText: var(--white);
  --tertiaryTitle: var(--white);
  --tertiaryHilight: var(--black);
  --tertiaryHilightDecoration: none;
  --tertiaryHilightHover: var(--tertiaryHilight);
  --tertiaryHilightHoverDecoration: underline;
  --tertiaryButton: #ddcc59;
  --tertiaryButtonText: var(--black);
  --tertiaryButtonHover: #f0da4d;
  --tertiaryButtonHoverText: var(--black);
  --tertiaryButtonFont: var(--fontTitle);
  --tertiaryButtonShadowColor: var(--darkGrey);
  --tertiaryButtonRadius: 0px;
  --tertiaryButtonMargin: .3rem 0 0;
  --tertiaryButtonPadding: .15em .25em;
  --tertiaryButtonWeight: 600;
  --tertiaryButtonTextTransform: none;
  --tertiaryButtonTextTransform: 500;
  --tertiaryButtonTransformStart: none;
  --tertiaryButtonTransformEnd: none;
  --tertiaryButtonTransition: transform none;
  --tertiaryButtonShadowFilterStart: none;
  --tertiaryButtonShadowFilterEnd: none;
  --tertiaryButtonShadowTransformStart: none;
  --tertiaryButtonShadowTransformEnd: none;
  --tertiaryButtonShadowTransition: none;
  --tertiaryTextWeight: var(--textWeight);
  --tertiaryTextMargin: var(--textMargin);
  --tertiaryTextStyle: normal;
  --tertiaryTextFont: var(--fontText);
  --tertiaryTextPadding: .5em;
  --tertiaryTextLetterSpacing: auto;
  --tertiaryTextDecoration:none;
  --tertiaryTextTextTransform:none;
  --tertiaryTitleWeight: var(--titleWeight);
  --tertiaryTitleMargin: var(--titleMargin);
  --tertiaryTitleStyle: normal;
  --tertiaryTitleFont: var(--fontTitle);
  --tertiaryTitlePadding: .25em;
  --tertiaryTitleLetterSpacing: auto;
  --tertiaryTitleDecoration:none;
  --tertiaryTitleTextTransform:none;
  --tertiaryFormBorder: currentColor 1px solid;
  --tertiaryFormFont: var(--fontText);
  --tertiaryFormBackground: var(--tertiaryColor);
  --tertiaryFormColor: var(--tertiaryText);
  --tertiaryFormWeight: var(--tertiaryTextWeight);
  --tertiaryFormLetterSpacing:var(--tertiaryTextLetterSpacing);
  --tertiaryFormFontSize:1rem;
  --tertiaryFormHoverColor: var(--tertiaryText);
  --tertiaryFormHoverBackground: var(--darkGrey);
  --tertiaryFormLabelFont: var(--fontText);
  --tertiaryFormLabelColor: var(--tertiaryText);
  --tertiaryFormLabelWeight: var(--textWeight);
  --tertiaryFormLabelFontSize: 1rem;
  --tertiaryFormLabelLetterSpacing: auto;
  --tertiaryFormLabelDistance: .5rem;
  --cuaternaryColor: var(--yellow);
  --cuaternaryText: var(--black);
  --cuaternaryTitle: var(--black);
  --cuaternaryHilight: var(--black);
  --cuaternaryHilightDecoration: none;
  --cuaternaryHilightHover: var(--secondaryHilight);
  --cuaternaryHilightHoverDecoration: underline;
  --cuaternaryButton: var(--yellow);
  --cuaternaryButtonText: var(--black);
  --cuaternaryButtonHover: var(--yellow);
  --cuaternaryButtonHoverText: var(--black);
  --cuaternaryButtonFont: var(--fontTitle);
  --cuaternaryButtonShadowColor: none;
  --cuaternaryButtonRadius: 0px;
  --cuaternaryButtonMargin: 0px;
  --cuaternaryButtonPadding: .15em .25em;
  --cuaternaryButtonWeight: 600;
  --cuaternaryButtonTextTransform: 500;
  --cuaternaryButtonTextTransform: none;
  --cuaternaryButtonShadowTransformStart: none;
  --cuaternaryButtonShadowTransformEnd: none;
  --cuaternaryButtonShadowFilterStart: none;
  --cuaternaryButtonShadowFilterEnd: none;
  --cuaternaryButtonShadowTransition: none;
  --cuaternaryButtonTransformStart: none;
  --cuaternaryButtonTransformEnd: none;
  --cuaternaryButtonTransition: none
  --cuaternaryTextWeight: var(--textWeight);
  --cuaternaryTextMargin: var(--textMargin);
  --cuaternaryTextStyle: normal;
  --cuaternaryTextFont: var(--fontText);
  --cuaternaryTextPadding: .5em;
  --cuaternaryTextLetterSpacing: auto;
  --cuaternaryTextDecoration:none;
  --cuaternaryTextTextTransform:none;
  --cuaternaryTitleWeBorder: currentColor 1px solid;
  --cuaternaryFormight: var(--titleWeight);
  --cuaternaryTitleMargin: var(--titleMargin);
  --cuaternaryTitleStyle: normal;
  --cuaternaryTitleFont: var(--fontTitle);
  --cuaternaryTitlePadding: .25em;
  --cuaternaryTitleLetterSpacing: auto;
  --cuaternaryTitleDecoration:none;
  --cuaternaryTitleTextTransform:none;
  --cuaternaryFormFont: var(--fontText);
  --cuaternaryFormBackground: var(--cuaternaryColor);
  --cuaternaryFormColor: var(--cuaternaryText);
  --cuaternaryFormWeight: var(--cuaternaryTextWeight);
  --cuaternaryFormLetterSpacing:var(--cuaternaryTextLetterSpacing);
  --cuaternaryFormFontSize:1rem;
  --cuaternaryFormHoverColor: var(--cuaternaryText);
  --cuaternaryFormHoverBackground: var(--darkGrey);
  --cuaternaryFormLabelFont: var(--fontText);
  --cuaternaryFormLabelColor: var(--cuaternaryText);
  --cuaternaryFormLabelWeight: var(--textWeight);
  --cuaternaryFormLabelFontSize: 1rem;
  --cuaternaryFormLabelLetterSpacing: auto;
  --cuaternaryFormLabelDistance: .5rem;
  --headerToggle: 1150px;
  --headerColor:transparent;
  --headerText: var(--black);
  --headerHilight: var(--darkGrey);
  --headerButton: var(--darkGrey);
  --headerButtonText: var(--white);
  --headerButtonHover: var(--black);
  --headerButtonHoverText: var(--white);
  --headerFontSize: .85rem;
  --headerFontWeight: 500;
  --headerTextTransform: uppercase;
  --headerBigGap: 1.25rem;
  --headerSmallGap: 1rem;
  --headerPaddingContent: .5rem 0;
  --footerMaxWidth: 800px;
  --footerColor: var(--black);
  --footerText: var(--white);
  --footerHilight: var(--lightBlue);
  --footerButton: var(--lightBlue);
  --footerButtonText: var(--white);
  --footerButtonHover: var(--lightBlue);
  --footerButtonHoverText: var(--white);
  --footerMargin: 3rem;
  --footerPadding: 3rem 0;
  --footerFontSize: .75rem;
  --footerFontWeight: 100;
  --footerTextAlign: center;
  --footerTextTransform:none;
  --footerLinkColor: var(--footerText);
  --footerLinkHoverColor: var(--footerHilight);
  --footerLinkDecoration:none;
  --footerLinkHoverDecoration: underline;
  --footerLinkTextTransform: none;
  --footerMenuGap: 1.5rem;
  --footerCopyrightFontSize:.75rem;
  --footerCopyrightTextTransform: none;
  --footerCopyrightFontWeight:100;
  --footerCopyrightMargin: 0;
  --footerTitleMargin: 0 auto 1rem;
  --footerTitleTextTransform: uppercase;
  --footerTitleTextDecoration: none;
  --footerTitleFontSize:1.2rem;
  --footerTitleColor:inherit;
  --footerTitleFontWeight:inherit;
  --modalWidth: 95vw;
  --modalMaxWidth: 500px;
  --modalMinWidth: auto;
  --modalColor: #FFF;
  --modalText: var(--black);
  --modalHilight: var(--darkPurple);
  --modalButton: var(--darkPurple);
  --modalButtonText: var(--white);
  --modalButtonHover: var(--black);
  --modalButtonHoverText: var(--white);
  --modalBack:rgba(0,0,0,.5);
  --modalHeaderMargin: 1rem;
  --modalBigGap: 2.5rem;
  --modalSmallGap: 2rem;
  --modalFontWeight: 100;
  --modalMenuFontWeight: bold;
  --modalPaddingVertical: 2rem;
  --modalPaddingHorizontal: 0;
  --modalPaddingHeader: .5rem;
  --modalHeaderBorder: currentColor 2px solid;
  --modalDivisionColor:currentColor;
  --modalDivisionHeight:2px;
  --modalDivisionWidth:100%;
  --modalTextTransform: uppercase;
  --modalLogoMinWidth: 60xp;
  --modalLogoMaxWidth: unset;
  --modalLogoMaxHeight: 32px;
  --modalCloseWidth: 1.5em;
  --modalCloseAspectRatio: 1 / 1;
  --modalCloseIconWidth:60%;
  --modalCloseIconWidthHover:50%;
  --modalCloseBorderRadius:50%;
  --modalclosePadding:.25rem;
  --carouselGapHorizontal: 5px;
  --carouselGapVertical: 20px;
  --carouselArrowWidth: 30px;
  --carouselArrowHeight: var(--carouselArrowWidth);
  --carouselArrowSmallWidth: 20px;
  --carouselArrowSmallHeight: var(--carouselArrowSmallWidth);
  --carouselArrowBigWidth: 40px;
  --carouselArrowBigHeight: var(--carouselArrowBigWidth);
  --carouselArrowColor: var(--black);
  --carouselArrowIconColor: var(--white);
  --carouselArrowRadius: 50%;
  --carouselArrowBorder: none;
  --carouselArrowWindowBreakpoint: 600px;
  --carouselFullWidthBreakpoint: 800px;
  --carouselFullWidthTaxBreakpoint: 450px;
  --socialIconSize: 65%;
  --socialIconSizeHover: 68%;
  --socialIconRadius: 50%;
  --socialIconContainerSize: 35px;
  --socialIconBorder: 2px;
  --socialiconBorderHover: 2px;
  --formWidth:100%;
  --formMaxWidth:600px;
  --formMargin:0 auto;
  --formGap:.25rem;
  --formResponseColor:var(--darkBlue);
  --formResponseText:var(--white);
  --formInputPadding: .4rem .5rem;
  --formInputSize: 1rem;
  --formInputAlign: left;
  --formInputRadius: 0;
  --formInputBorder: currentColor 1px solid;
  --formTextareaPadding: var(--formInputPadding);
  --formTextareaSize: var(--formInputSize);
  --formTextareaAlign: var(--formInputAlign);
  --formTextareaRadius: var(--formInputRadius);
  --formTextareaBorder: var(--formInputBorder);
  --formMessageBorder: var(--mediumBlue) 1px solid;
  --formMessageRadius: 10px;
  --formMessageFont: inherit;
  --formMessageSize: .75rem;
  --formMessagePadding: .75rem 1rem;
  --formMessageMargin: 1rem auto 0;
  --formMessageTextTransform: none;
  --formMessageBackground: var(--lightBlue);
  --formMessageColor: var(--black);
  --formMessageWeight: 100;
  --formMessageStyle: none;
  --formMessageTextAlign: center;
  --formInvalidBorder: none;
  --formInvalidRadius: none;
  --formInvalidFont: inherit;
  --formInvalidSize: .5rem;
  --formInvalidPadding: 0;
  --formInvalidMargin: .25rem auto 0;
  --formInvalidTextTransform: none;
  --formInvalidBackground: none;
  --formInvalidColor: var(--mediumBlue);
  --formInvalidWeight: 100;
  --formInvalidStyle: none;
  --formInvalidTextAlign: inherit;
  font-size: var(--formInputSize);
  color: var(--formInputColor);
  background: var(--formInputBackground);
  text-align: var(--formInputAlign);
  --fontTitle: "Noto Sans Display";
  --fontText: "Noto Sans Display";
  --fontButton: var(--fontTitle);
  --textWeight: 400;
  --titleWeight: 800;
  --textNormal:20px;
  --textNormalTablet:20px;
  --textNormalMobile:18px;
  --textSmall:0.6rem;
  --textMedium:1.25rem;
  --textLarge:1.5rem;
  --textLarger:1.5rem;
  --textXLarge:2rem;
  --textSmallSpace: auto;
  --textLargeSpace: auto,
  --textNormalSpace: auto,
  --textLargerSpace: auto;
  --textXargeSpace: auto;
  --textNormalHeight: auto;
  --textNormalHeight: auto;
  --textSmallHeight: auto;
  --textLargeHeight: auto,
  --textLargerHeight: auto;
  --textXLargeHeight: auto;
  --titleSmall:1.4rem;
  --titleNormal:2rem;
  --titleMedium:2.2rem;
  --titleLarge:2.6rem;
  --titleLarger:3rem;
  --titleXLarge:5rem;
  --titleNormalSpace: auto;
  --titleSmallSpace: auto;
  --titleMediumSpace: auto,
  --titleLargeSpace: auto,
  --titleLargerSpace: auto;
  --titleXLargeSpace: auto;
  --titleNormalHeight: auto;
  --titleSmallHeight: auto;
  --titleMediumHeight: auto;
  --titleLargeHeight: auto;
  --titleLargerHeight: auto;
  --titleXLargeHeight: auto;
  --titleMobileSmall:1.1rem;
  --titleMobileNormal:1.4rem;
  --titleMobileMedium:1.7rem;
  --titleMobileLarge:2rem;
  --titleMobileLarger:2.5rem;
  --titleMobileXLarge:3rem;
  --radius: 10px;
  --iconMargin:35px;
  --marginText:30px;
  --marginTitle:40px;
  --buttonRadius: 5px;
  --paddingSmall: .5rem;
  --paddingNormal: 1rem;
  --paddingLarge: 1.5rem;
  --paddingLarger: 1.75rem;
  --arrowMargin:1.75rem;
  --paddingMarginContainer: 10;
  --borderCyan:3px;
  --margin-bottom:30px;
  --padding-tb:20px;
  --scrollHeight:50;
  --keysHeight:112px;
  --lineHeight:10px;
  --paginationExam:20;
  --paginationBorder:2;
  --flexBottom:10;
  --flexTop:10;
  --defaultBorder:var(--black) $borderCyan solid;
  --logoWidth:131px;
  --borderContainer:10px;
  --fullBorderContainer:$borderContainer*2;
  --containerMargin:20px;
  --maxWidth:1024px;
  --mainColor:#8b77e4;
  --mainColorDark:#6757ae;
}

body #headerContainer {
  position: relative !important;
  background: transparent !important;
}
body #headerContainer .header-container .mainContainer .header-logo {
  width: 20vw;
  max-width: 80px;
  min-width: 55px;
}
@media (max-width: 800px) {
  body #headerContainer .header-container .mainContainer .header-logo {
    max-width: 55px;
  }
}
body #headerContainer .header-container .mainContainer .header-logo svg, body #headerContainer .header-container .mainContainer .header-logo img {
  max-width: 100%;
  height: auto;
}
body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  text-align: end;
}
body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  width: 0;
  height: 1px;
  background: var(--headerText);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -ms-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
}
body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a span {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  display: inline-block;
  text-align: right;
  line-height: auto;
}
body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:hover {
  color: var(--headerButtonHover);
}
body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:hover:after {
  width: 100%;
}

.header-logo {
  width: 100%;
  max-width: 180px;
}

.rulesVideo, .gameIcons li .icon, body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, .post-content-header .headerImage, .post-content-header .headerImage .headerBackgroundImage, .post-content-header .headerImage .headerBackgroundImage *, .post-content-header, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  transform: translate(-50%, 0);
  webkit-transform: translate(-50%, 0);
}

.post-content-header.is-creator .headerImage:after {
  transform: translate(-50%, -50%);
  webkit-transform: translate(-50%, -50%);
}

@keyframes errorBackgroundAnimation {
  from {
    background-color: rgba(255, 0, 0, 0.6); /* rojo sólido */
  }
  to {
    background-color: rgba(255, 0, 0, 0.2); /* rojo transparente */
  }
}
body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header.is-creator .headerImage:after, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  content: "";
  display: block;
}

:root {
  --white: #FFF;
  --black: #000;
  --red:#EE4E3F;
  --blue: #1034c6;
  --mediumBlue: #55a4b8;
  --lightBlue: #77cadf;
  --darkBlue: #00f;
  --green: #0A4747;
  --greenHover: #127575;
  --lightGreen: #017E80;
  --magenta: #ec076e;
  --darkPurple: #70385C;
  --cyan: #00ffff;
  --yellow: #EAA142;
  --grey: #F4F4F2;
  --purple: #2b014d;
  --pink: #f248f1;
  --chalk: #F4F4F2;
  --lightGrey: #CCCCCC;
  --darkGrey: #3F4B4B;
  --lightYellow: #F8F7F2;
  --contentWidth:969px;
  --subWidth:600px;
  --innerContentWidth:90%;
  --textMargin: 1rem;
  --titleMargin: 1rem;
  --primaryColor: var(--white);
  --primaryText: var(--black);
  --primaryTitle: var(--black);
  --primaryHilight: var(--darkGrey);
  --primaryHilightDecoration: none;
  --primaryHilightHover: var(--primaryHilight);
  --primaryHilightHoverDecoration: underline;
  --primaryButton: var(--black);
  --primaryButtonText: var(--white);
  --primaryButtonHover: var(--darkGrey);
  --primaryButtonHoverText: var(--white);
  --primaryButtonShadowColor: none;
  --primaryButtonFont: var(--fontTitle);
  --primaryButtonRadius: 0px;
  --primaryButtonMargin: 0px;
  --primaryButtonPadding: .15em .25em;
  --primaryButtonWeight: 600;
  --primaryButtonTextTransform: none;
  --primaryButtonShadowTransformStart: none;
  --primaryButtonShadowTransformEnd: none;
  --primaryButtonShadowFilterStart: none;
  --primaryButtonShadowFilterEnd: none;
  --primaryButtonShadowTransition: none;
  --primaryButtonTransformStart: none;
  --primaryButtonTransformEnd: none;
  --primaryButtonTransition: none;
  --primaryButtonTextTransform: 500;
  --primaryTextWeight: var(--textWeight);
  --primaryTextMargin: var(--textMargin);
  --primaryTextStyle: normal;
  --primaryTextFont: var(--fontText);
  --primaryTextPadding: .5em;
  --primaryTextLetterSpacing: auto;
  --primaryTextDecoration:none;
  --primaryTextTextTransform:none;
  --primaryTitleWeight: var(--titleWeight);
  --primaryTitleMargin: var(--titleMargin);
  --primaryTitleStyle: normal;
  --primaryTitleFont: var(--fontTitle);
  --primaryTitlePadding: .25em;
  --primaryTitleLetterSpacing: auto;
  --primaryTitleDecoration:none;
  --primaryTitleTextTransform:none;
  --primaryFormBorder: currentColor 1px solid;
  --primaryFormFont: var(--fontText);
  --primaryFormBackground: var(--primaryColor);
  --primaryFormColor: var(--primaryText);
  --primaryFormWeight: var(--primaryTextWeight);
  --primaryFormLetterSpacing:var(--primaryTextLetterSpacing);
  --primaryFormFontSize:1rem;
  --primaryFormHoverColor: var(--primaryText);
  --primaryFormHoverBackground: var(--lightBlue);
  --primaryFormLabelFont: var(--fontText);
  --primaryFormLabelColor: var(--primaryText);
  --primaryFormLabelWeight: var(--textWeight);
  --primaryFormLabelFontSize: 1rem;
  --primaryFormLabelLetterSpacing: auto;
  --primaryFormLabelDistance: .5rem;
  --secondaryColor: var(--black);
  --secondaryText: var(--white);
  --secondaryTitle: var(--white);
  --secondaryHilight: var(--darkGrey);
  --secondaryHilightDecoration: none;
  --secondaryHilightHover: var(--secondaryHilight);
  --secondaryHilightHoverDecoration: underline;
  --secondaryButton: var(--white);
  --secondaryButtonText: var(--black);
  --secondaryButtonHover: var(--lightGrey);
  --secondaryButtonHoverText: var(--black);
  --secondaryButtonFont: var(--fontTitle);
  --secondaryButtonShadowColor: none;
  --secondaryButtonRadius: 0px;
  --secondaryButtonMargin: 0px;
  --secondaryButtonPadding: .15em .25em;
  --secondaryButtonWeight: 600;
  --secondaryButtonTextTransform: uppercase;
  --secondaryButtonShadowTransformStart: none;
  --secondaryButtonShadowTransformEnd: none;
  --secondaryButtonShadowFilterStart: none;
  --secondaryButtonShadowFilterEnd: none;
  --secondaryButtonShadowTransition: none;
  --secondaryButtonTransformStart: none;
  --secondaryButtonTransformEnd: none;
  --secondaryButtonTransition: none;
  --secondaryButtonTextTransform: 500;
  --secondaryTextWeight: var(--textWeight);
  --secondaryTextMargin: var(--textMargin);
  --secondaryTextStyle: normal;
  --secondaryTextFont: var(--fontText);
  --secondaryTextPadding: .5em;
  --secondaryTextLetterSpacing: auto;
  --secondaryTextDecoration:none;
  --secondaryTextTextTransform:none;
  --secondaryTitleWeight: var(--titleWeight);
  --secondaryTitleMargin: var(--titleMargin);
  --secondaryTitleStyle: normal;
  --secondaryTitleFont: var(--fontTitle);
  --secondaryTitlePadding: .25em;
  --secondaryTitleLetterSpacing: auto;
  --secondaryTitleDecoration:none;
  --secondaryTitleTextTransform:none;
  --secondaryFormBorder: currentColor 1px solid;
  --secondaryFormFont: var(--fontText);
  --secondaryFormBackground: var(--secondaryColor);
  --secondaryFormColor: var(--secondaryText);
  --secondaryFormWeight: var(--secondaryTextWeight);
  --secondaryFormLetterSpacing:var(--secondaryTextLetterSpacing);
  --secondaryFormFontSize:1rem;
  --secondaryFormHoverColor: var(--secondaryText);
  --secondaryFormHoverBackground: var(--darkGrey);
  --secondaryFormLabelFont: var(--fontText);
  --secondaryFormLabelColor: var(--secondaryText);
  --secondaryFormLabelWeight: var(--textWeight);
  --secondaryFormLabelFontSize: 1rem;
  --secondaryFormLabelLetterSpacing: auto;
  --secondaryFormLabelDistance: .5rem;
  --tertiaryColor: var(--darkGrey);
  --tertiaryText: var(--white);
  --tertiaryTitle: var(--white);
  --tertiaryHilight: var(--black);
  --tertiaryHilightDecoration: none;
  --tertiaryHilightHover: var(--tertiaryHilight);
  --tertiaryHilightHoverDecoration: underline;
  --tertiaryButton: #ddcc59;
  --tertiaryButtonText: var(--black);
  --tertiaryButtonHover: #f0da4d;
  --tertiaryButtonHoverText: var(--black);
  --tertiaryButtonFont: var(--fontTitle);
  --tertiaryButtonShadowColor: var(--darkGrey);
  --tertiaryButtonRadius: 0px;
  --tertiaryButtonMargin: .3rem 0 0;
  --tertiaryButtonPadding: .15em .25em;
  --tertiaryButtonWeight: 600;
  --tertiaryButtonTextTransform: none;
  --tertiaryButtonTextTransform: 500;
  --tertiaryButtonTransformStart: none;
  --tertiaryButtonTransformEnd: none;
  --tertiaryButtonTransition: transform none;
  --tertiaryButtonShadowFilterStart: none;
  --tertiaryButtonShadowFilterEnd: none;
  --tertiaryButtonShadowTransformStart: none;
  --tertiaryButtonShadowTransformEnd: none;
  --tertiaryButtonShadowTransition: none;
  --tertiaryTextWeight: var(--textWeight);
  --tertiaryTextMargin: var(--textMargin);
  --tertiaryTextStyle: normal;
  --tertiaryTextFont: var(--fontText);
  --tertiaryTextPadding: .5em;
  --tertiaryTextLetterSpacing: auto;
  --tertiaryTextDecoration:none;
  --tertiaryTextTextTransform:none;
  --tertiaryTitleWeight: var(--titleWeight);
  --tertiaryTitleMargin: var(--titleMargin);
  --tertiaryTitleStyle: normal;
  --tertiaryTitleFont: var(--fontTitle);
  --tertiaryTitlePadding: .25em;
  --tertiaryTitleLetterSpacing: auto;
  --tertiaryTitleDecoration:none;
  --tertiaryTitleTextTransform:none;
  --tertiaryFormBorder: currentColor 1px solid;
  --tertiaryFormFont: var(--fontText);
  --tertiaryFormBackground: var(--tertiaryColor);
  --tertiaryFormColor: var(--tertiaryText);
  --tertiaryFormWeight: var(--tertiaryTextWeight);
  --tertiaryFormLetterSpacing:var(--tertiaryTextLetterSpacing);
  --tertiaryFormFontSize:1rem;
  --tertiaryFormHoverColor: var(--tertiaryText);
  --tertiaryFormHoverBackground: var(--darkGrey);
  --tertiaryFormLabelFont: var(--fontText);
  --tertiaryFormLabelColor: var(--tertiaryText);
  --tertiaryFormLabelWeight: var(--textWeight);
  --tertiaryFormLabelFontSize: 1rem;
  --tertiaryFormLabelLetterSpacing: auto;
  --tertiaryFormLabelDistance: .5rem;
  --cuaternaryColor: var(--yellow);
  --cuaternaryText: var(--black);
  --cuaternaryTitle: var(--black);
  --cuaternaryHilight: var(--black);
  --cuaternaryHilightDecoration: none;
  --cuaternaryHilightHover: var(--secondaryHilight);
  --cuaternaryHilightHoverDecoration: underline;
  --cuaternaryButton: var(--yellow);
  --cuaternaryButtonText: var(--black);
  --cuaternaryButtonHover: var(--yellow);
  --cuaternaryButtonHoverText: var(--black);
  --cuaternaryButtonFont: var(--fontTitle);
  --cuaternaryButtonShadowColor: none;
  --cuaternaryButtonRadius: 0px;
  --cuaternaryButtonMargin: 0px;
  --cuaternaryButtonPadding: .15em .25em;
  --cuaternaryButtonWeight: 600;
  --cuaternaryButtonTextTransform: 500;
  --cuaternaryButtonTextTransform: none;
  --cuaternaryButtonShadowTransformStart: none;
  --cuaternaryButtonShadowTransformEnd: none;
  --cuaternaryButtonShadowFilterStart: none;
  --cuaternaryButtonShadowFilterEnd: none;
  --cuaternaryButtonShadowTransition: none;
  --cuaternaryButtonTransformStart: none;
  --cuaternaryButtonTransformEnd: none;
  --cuaternaryButtonTransition: none
  --cuaternaryTextWeight: var(--textWeight);
  --cuaternaryTextMargin: var(--textMargin);
  --cuaternaryTextStyle: normal;
  --cuaternaryTextFont: var(--fontText);
  --cuaternaryTextPadding: .5em;
  --cuaternaryTextLetterSpacing: auto;
  --cuaternaryTextDecoration:none;
  --cuaternaryTextTextTransform:none;
  --cuaternaryTitleWeBorder: currentColor 1px solid;
  --cuaternaryFormight: var(--titleWeight);
  --cuaternaryTitleMargin: var(--titleMargin);
  --cuaternaryTitleStyle: normal;
  --cuaternaryTitleFont: var(--fontTitle);
  --cuaternaryTitlePadding: .25em;
  --cuaternaryTitleLetterSpacing: auto;
  --cuaternaryTitleDecoration:none;
  --cuaternaryTitleTextTransform:none;
  --cuaternaryFormFont: var(--fontText);
  --cuaternaryFormBackground: var(--cuaternaryColor);
  --cuaternaryFormColor: var(--cuaternaryText);
  --cuaternaryFormWeight: var(--cuaternaryTextWeight);
  --cuaternaryFormLetterSpacing:var(--cuaternaryTextLetterSpacing);
  --cuaternaryFormFontSize:1rem;
  --cuaternaryFormHoverColor: var(--cuaternaryText);
  --cuaternaryFormHoverBackground: var(--darkGrey);
  --cuaternaryFormLabelFont: var(--fontText);
  --cuaternaryFormLabelColor: var(--cuaternaryText);
  --cuaternaryFormLabelWeight: var(--textWeight);
  --cuaternaryFormLabelFontSize: 1rem;
  --cuaternaryFormLabelLetterSpacing: auto;
  --cuaternaryFormLabelDistance: .5rem;
  --headerToggle: 1150px;
  --headerColor:transparent;
  --headerText: var(--black);
  --headerHilight: var(--darkGrey);
  --headerButton: var(--darkGrey);
  --headerButtonText: var(--white);
  --headerButtonHover: var(--black);
  --headerButtonHoverText: var(--white);
  --headerFontSize: .85rem;
  --headerFontWeight: 500;
  --headerTextTransform: uppercase;
  --headerBigGap: 1.25rem;
  --headerSmallGap: 1rem;
  --headerPaddingContent: .5rem 0;
  --footerMaxWidth: 800px;
  --footerColor: var(--black);
  --footerText: var(--white);
  --footerHilight: var(--lightBlue);
  --footerButton: var(--lightBlue);
  --footerButtonText: var(--white);
  --footerButtonHover: var(--lightBlue);
  --footerButtonHoverText: var(--white);
  --footerMargin: 3rem;
  --footerPadding: 3rem 0;
  --footerFontSize: .75rem;
  --footerFontWeight: 100;
  --footerTextAlign: center;
  --footerTextTransform:none;
  --footerLinkColor: var(--footerText);
  --footerLinkHoverColor: var(--footerHilight);
  --footerLinkDecoration:none;
  --footerLinkHoverDecoration: underline;
  --footerLinkTextTransform: none;
  --footerMenuGap: 1.5rem;
  --footerCopyrightFontSize:.75rem;
  --footerCopyrightTextTransform: none;
  --footerCopyrightFontWeight:100;
  --footerCopyrightMargin: 0;
  --footerTitleMargin: 0 auto 1rem;
  --footerTitleTextTransform: uppercase;
  --footerTitleTextDecoration: none;
  --footerTitleFontSize:1.2rem;
  --footerTitleColor:inherit;
  --footerTitleFontWeight:inherit;
  --modalWidth: 95vw;
  --modalMaxWidth: 500px;
  --modalMinWidth: auto;
  --modalColor: #FFF;
  --modalText: var(--black);
  --modalHilight: var(--darkPurple);
  --modalButton: var(--darkPurple);
  --modalButtonText: var(--white);
  --modalButtonHover: var(--black);
  --modalButtonHoverText: var(--white);
  --modalBack:rgba(0,0,0,.5);
  --modalHeaderMargin: 1rem;
  --modalBigGap: 2.5rem;
  --modalSmallGap: 2rem;
  --modalFontWeight: 100;
  --modalMenuFontWeight: bold;
  --modalPaddingVertical: 2rem;
  --modalPaddingHorizontal: 0;
  --modalPaddingHeader: .5rem;
  --modalHeaderBorder: currentColor 2px solid;
  --modalDivisionColor:currentColor;
  --modalDivisionHeight:2px;
  --modalDivisionWidth:100%;
  --modalTextTransform: uppercase;
  --modalLogoMinWidth: 60xp;
  --modalLogoMaxWidth: unset;
  --modalLogoMaxHeight: 32px;
  --modalCloseWidth: 1.5em;
  --modalCloseAspectRatio: 1 / 1;
  --modalCloseIconWidth:60%;
  --modalCloseIconWidthHover:50%;
  --modalCloseBorderRadius:50%;
  --modalclosePadding:.25rem;
  --carouselGapHorizontal: 5px;
  --carouselGapVertical: 20px;
  --carouselArrowWidth: 30px;
  --carouselArrowHeight: var(--carouselArrowWidth);
  --carouselArrowSmallWidth: 20px;
  --carouselArrowSmallHeight: var(--carouselArrowSmallWidth);
  --carouselArrowBigWidth: 40px;
  --carouselArrowBigHeight: var(--carouselArrowBigWidth);
  --carouselArrowColor: var(--black);
  --carouselArrowIconColor: var(--white);
  --carouselArrowRadius: 50%;
  --carouselArrowBorder: none;
  --carouselArrowWindowBreakpoint: 600px;
  --carouselFullWidthBreakpoint: 800px;
  --carouselFullWidthTaxBreakpoint: 450px;
  --socialIconSize: 65%;
  --socialIconSizeHover: 68%;
  --socialIconRadius: 50%;
  --socialIconContainerSize: 35px;
  --socialIconBorder: 2px;
  --socialiconBorderHover: 2px;
  --formWidth:100%;
  --formMaxWidth:600px;
  --formMargin:0 auto;
  --formGap:.25rem;
  --formResponseColor:var(--darkBlue);
  --formResponseText:var(--white);
  --formInputPadding: .4rem .5rem;
  --formInputSize: 1rem;
  --formInputAlign: left;
  --formInputRadius: 0;
  --formInputBorder: currentColor 1px solid;
  --formTextareaPadding: var(--formInputPadding);
  --formTextareaSize: var(--formInputSize);
  --formTextareaAlign: var(--formInputAlign);
  --formTextareaRadius: var(--formInputRadius);
  --formTextareaBorder: var(--formInputBorder);
  --formMessageBorder: var(--mediumBlue) 1px solid;
  --formMessageRadius: 10px;
  --formMessageFont: inherit;
  --formMessageSize: .75rem;
  --formMessagePadding: .75rem 1rem;
  --formMessageMargin: 1rem auto 0;
  --formMessageTextTransform: none;
  --formMessageBackground: var(--lightBlue);
  --formMessageColor: var(--black);
  --formMessageWeight: 100;
  --formMessageStyle: none;
  --formMessageTextAlign: center;
  --formInvalidBorder: none;
  --formInvalidRadius: none;
  --formInvalidFont: inherit;
  --formInvalidSize: .5rem;
  --formInvalidPadding: 0;
  --formInvalidMargin: .25rem auto 0;
  --formInvalidTextTransform: none;
  --formInvalidBackground: none;
  --formInvalidColor: var(--mediumBlue);
  --formInvalidWeight: 100;
  --formInvalidStyle: none;
  --formInvalidTextAlign: inherit;
  font-size: var(--formInputSize);
  color: var(--formInputColor);
  background: var(--formInputBackground);
  text-align: var(--formInputAlign);
  --fontTitle: "Noto Sans Display";
  --fontText: "Noto Sans Display";
  --fontButton: var(--fontTitle);
  --textWeight: 400;
  --titleWeight: 800;
  --textNormal:20px;
  --textNormalTablet:20px;
  --textNormalMobile:18px;
  --textSmall:0.6rem;
  --textMedium:1.25rem;
  --textLarge:1.5rem;
  --textLarger:1.5rem;
  --textXLarge:2rem;
  --textSmallSpace: auto;
  --textLargeSpace: auto,
  --textNormalSpace: auto,
  --textLargerSpace: auto;
  --textXargeSpace: auto;
  --textNormalHeight: auto;
  --textNormalHeight: auto;
  --textSmallHeight: auto;
  --textLargeHeight: auto,
  --textLargerHeight: auto;
  --textXLargeHeight: auto;
  --titleSmall:1.4rem;
  --titleNormal:2rem;
  --titleMedium:2.2rem;
  --titleLarge:2.6rem;
  --titleLarger:3rem;
  --titleXLarge:5rem;
  --titleNormalSpace: auto;
  --titleSmallSpace: auto;
  --titleMediumSpace: auto,
  --titleLargeSpace: auto,
  --titleLargerSpace: auto;
  --titleXLargeSpace: auto;
  --titleNormalHeight: auto;
  --titleSmallHeight: auto;
  --titleMediumHeight: auto;
  --titleLargeHeight: auto;
  --titleLargerHeight: auto;
  --titleXLargeHeight: auto;
  --titleMobileSmall:1.1rem;
  --titleMobileNormal:1.4rem;
  --titleMobileMedium:1.7rem;
  --titleMobileLarge:2rem;
  --titleMobileLarger:2.5rem;
  --titleMobileXLarge:3rem;
  --radius: 10px;
  --iconMargin:35px;
  --marginText:30px;
  --marginTitle:40px;
  --buttonRadius: 5px;
  --paddingSmall: .5rem;
  --paddingNormal: 1rem;
  --paddingLarge: 1.5rem;
  --paddingLarger: 1.75rem;
  --arrowMargin:1.75rem;
  --paddingMarginContainer: 10;
  --borderCyan:3px;
  --margin-bottom:30px;
  --padding-tb:20px;
  --scrollHeight:50;
  --keysHeight:112px;
  --lineHeight:10px;
  --paginationExam:20;
  --paginationBorder:2;
  --flexBottom:10;
  --flexTop:10;
  --defaultBorder:var(--black) $borderCyan solid;
  --logoWidth:131px;
  --borderContainer:10px;
  --fullBorderContainer:$borderContainer*2;
  --containerMargin:20px;
  --maxWidth:1024px;
  --mainColor:#8b77e4;
  --mainColorDark:#6757ae;
}

.rulesVideo, .gameIcons li .icon, body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, .post-content-header .headerImage, .post-content-header .headerImage .headerBackgroundImage, .post-content-header .headerImage .headerBackgroundImage *, .post-content-header, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  transform: translate(-50%, 0);
  webkit-transform: translate(-50%, 0);
}

.post-content-header.is-creator .headerImage:after {
  transform: translate(-50%, -50%);
  webkit-transform: translate(-50%, -50%);
}

@keyframes errorBackgroundAnimation {
  from {
    background-color: rgba(255, 0, 0, 0.6); /* rojo sólido */
  }
  to {
    background-color: rgba(255, 0, 0, 0.2); /* rojo transparente */
  }
}
body:not(.wp-admin) .gameInfo .gameInfoContent:before, body:not(.wp-admin) .gameInfo .wp-block-heading > span:before, .post-content-header.is-creator .headerImage:after, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before, #globalContainer > .mainContainer:before, #footerContainer:before, body #headerContainer .header-container .mainContainer ul li:not(.lang-item) a:after {
  content: "";
  display: block;
}

:root {
  --white: #FFF;
  --black: #000;
  --red:#EE4E3F;
  --blue: #1034c6;
  --mediumBlue: #55a4b8;
  --lightBlue: #77cadf;
  --darkBlue: #00f;
  --green: #0A4747;
  --greenHover: #127575;
  --lightGreen: #017E80;
  --magenta: #ec076e;
  --darkPurple: #70385C;
  --cyan: #00ffff;
  --yellow: #EAA142;
  --grey: #F4F4F2;
  --purple: #2b014d;
  --pink: #f248f1;
  --chalk: #F4F4F2;
  --lightGrey: #CCCCCC;
  --darkGrey: #3F4B4B;
  --lightYellow: #F8F7F2;
  --contentWidth:969px;
  --subWidth:600px;
  --innerContentWidth:90%;
  --textMargin: 1rem;
  --titleMargin: 1rem;
  --primaryColor: var(--white);
  --primaryText: var(--black);
  --primaryTitle: var(--black);
  --primaryHilight: var(--darkGrey);
  --primaryHilightDecoration: none;
  --primaryHilightHover: var(--primaryHilight);
  --primaryHilightHoverDecoration: underline;
  --primaryButton: var(--black);
  --primaryButtonText: var(--white);
  --primaryButtonHover: var(--darkGrey);
  --primaryButtonHoverText: var(--white);
  --primaryButtonShadowColor: none;
  --primaryButtonFont: var(--fontTitle);
  --primaryButtonRadius: 0px;
  --primaryButtonMargin: 0px;
  --primaryButtonPadding: .15em .25em;
  --primaryButtonWeight: 600;
  --primaryButtonTextTransform: none;
  --primaryButtonShadowTransformStart: none;
  --primaryButtonShadowTransformEnd: none;
  --primaryButtonShadowFilterStart: none;
  --primaryButtonShadowFilterEnd: none;
  --primaryButtonShadowTransition: none;
  --primaryButtonTransformStart: none;
  --primaryButtonTransformEnd: none;
  --primaryButtonTransition: none;
  --primaryButtonTextTransform: 500;
  --primaryTextWeight: var(--textWeight);
  --primaryTextMargin: var(--textMargin);
  --primaryTextStyle: normal;
  --primaryTextFont: var(--fontText);
  --primaryTextPadding: .5em;
  --primaryTextLetterSpacing: auto;
  --primaryTextDecoration:none;
  --primaryTextTextTransform:none;
  --primaryTitleWeight: var(--titleWeight);
  --primaryTitleMargin: var(--titleMargin);
  --primaryTitleStyle: normal;
  --primaryTitleFont: var(--fontTitle);
  --primaryTitlePadding: .25em;
  --primaryTitleLetterSpacing: auto;
  --primaryTitleDecoration:none;
  --primaryTitleTextTransform:none;
  --primaryFormBorder: currentColor 1px solid;
  --primaryFormFont: var(--fontText);
  --primaryFormBackground: var(--primaryColor);
  --primaryFormColor: var(--primaryText);
  --primaryFormWeight: var(--primaryTextWeight);
  --primaryFormLetterSpacing:var(--primaryTextLetterSpacing);
  --primaryFormFontSize:1rem;
  --primaryFormHoverColor: var(--primaryText);
  --primaryFormHoverBackground: var(--lightBlue);
  --primaryFormLabelFont: var(--fontText);
  --primaryFormLabelColor: var(--primaryText);
  --primaryFormLabelWeight: var(--textWeight);
  --primaryFormLabelFontSize: 1rem;
  --primaryFormLabelLetterSpacing: auto;
  --primaryFormLabelDistance: .5rem;
  --secondaryColor: var(--black);
  --secondaryText: var(--white);
  --secondaryTitle: var(--white);
  --secondaryHilight: var(--darkGrey);
  --secondaryHilightDecoration: none;
  --secondaryHilightHover: var(--secondaryHilight);
  --secondaryHilightHoverDecoration: underline;
  --secondaryButton: var(--white);
  --secondaryButtonText: var(--black);
  --secondaryButtonHover: var(--lightGrey);
  --secondaryButtonHoverText: var(--black);
  --secondaryButtonFont: var(--fontTitle);
  --secondaryButtonShadowColor: none;
  --secondaryButtonRadius: 0px;
  --secondaryButtonMargin: 0px;
  --secondaryButtonPadding: .15em .25em;
  --secondaryButtonWeight: 600;
  --secondaryButtonTextTransform: uppercase;
  --secondaryButtonShadowTransformStart: none;
  --secondaryButtonShadowTransformEnd: none;
  --secondaryButtonShadowFilterStart: none;
  --secondaryButtonShadowFilterEnd: none;
  --secondaryButtonShadowTransition: none;
  --secondaryButtonTransformStart: none;
  --secondaryButtonTransformEnd: none;
  --secondaryButtonTransition: none;
  --secondaryButtonTextTransform: 500;
  --secondaryTextWeight: var(--textWeight);
  --secondaryTextMargin: var(--textMargin);
  --secondaryTextStyle: normal;
  --secondaryTextFont: var(--fontText);
  --secondaryTextPadding: .5em;
  --secondaryTextLetterSpacing: auto;
  --secondaryTextDecoration:none;
  --secondaryTextTextTransform:none;
  --secondaryTitleWeight: var(--titleWeight);
  --secondaryTitleMargin: var(--titleMargin);
  --secondaryTitleStyle: normal;
  --secondaryTitleFont: var(--fontTitle);
  --secondaryTitlePadding: .25em;
  --secondaryTitleLetterSpacing: auto;
  --secondaryTitleDecoration:none;
  --secondaryTitleTextTransform:none;
  --secondaryFormBorder: currentColor 1px solid;
  --secondaryFormFont: var(--fontText);
  --secondaryFormBackground: var(--secondaryColor);
  --secondaryFormColor: var(--secondaryText);
  --secondaryFormWeight: var(--secondaryTextWeight);
  --secondaryFormLetterSpacing:var(--secondaryTextLetterSpacing);
  --secondaryFormFontSize:1rem;
  --secondaryFormHoverColor: var(--secondaryText);
  --secondaryFormHoverBackground: var(--darkGrey);
  --secondaryFormLabelFont: var(--fontText);
  --secondaryFormLabelColor: var(--secondaryText);
  --secondaryFormLabelWeight: var(--textWeight);
  --secondaryFormLabelFontSize: 1rem;
  --secondaryFormLabelLetterSpacing: auto;
  --secondaryFormLabelDistance: .5rem;
  --tertiaryColor: var(--darkGrey);
  --tertiaryText: var(--white);
  --tertiaryTitle: var(--white);
  --tertiaryHilight: var(--black);
  --tertiaryHilightDecoration: none;
  --tertiaryHilightHover: var(--tertiaryHilight);
  --tertiaryHilightHoverDecoration: underline;
  --tertiaryButton: #ddcc59;
  --tertiaryButtonText: var(--black);
  --tertiaryButtonHover: #f0da4d;
  --tertiaryButtonHoverText: var(--black);
  --tertiaryButtonFont: var(--fontTitle);
  --tertiaryButtonShadowColor: var(--darkGrey);
  --tertiaryButtonRadius: 0px;
  --tertiaryButtonMargin: .3rem 0 0;
  --tertiaryButtonPadding: .15em .25em;
  --tertiaryButtonWeight: 600;
  --tertiaryButtonTextTransform: none;
  --tertiaryButtonTextTransform: 500;
  --tertiaryButtonTransformStart: none;
  --tertiaryButtonTransformEnd: none;
  --tertiaryButtonTransition: transform none;
  --tertiaryButtonShadowFilterStart: none;
  --tertiaryButtonShadowFilterEnd: none;
  --tertiaryButtonShadowTransformStart: none;
  --tertiaryButtonShadowTransformEnd: none;
  --tertiaryButtonShadowTransition: none;
  --tertiaryTextWeight: var(--textWeight);
  --tertiaryTextMargin: var(--textMargin);
  --tertiaryTextStyle: normal;
  --tertiaryTextFont: var(--fontText);
  --tertiaryTextPadding: .5em;
  --tertiaryTextLetterSpacing: auto;
  --tertiaryTextDecoration:none;
  --tertiaryTextTextTransform:none;
  --tertiaryTitleWeight: var(--titleWeight);
  --tertiaryTitleMargin: var(--titleMargin);
  --tertiaryTitleStyle: normal;
  --tertiaryTitleFont: var(--fontTitle);
  --tertiaryTitlePadding: .25em;
  --tertiaryTitleLetterSpacing: auto;
  --tertiaryTitleDecoration:none;
  --tertiaryTitleTextTransform:none;
  --tertiaryFormBorder: currentColor 1px solid;
  --tertiaryFormFont: var(--fontText);
  --tertiaryFormBackground: var(--tertiaryColor);
  --tertiaryFormColor: var(--tertiaryText);
  --tertiaryFormWeight: var(--tertiaryTextWeight);
  --tertiaryFormLetterSpacing:var(--tertiaryTextLetterSpacing);
  --tertiaryFormFontSize:1rem;
  --tertiaryFormHoverColor: var(--tertiaryText);
  --tertiaryFormHoverBackground: var(--darkGrey);
  --tertiaryFormLabelFont: var(--fontText);
  --tertiaryFormLabelColor: var(--tertiaryText);
  --tertiaryFormLabelWeight: var(--textWeight);
  --tertiaryFormLabelFontSize: 1rem;
  --tertiaryFormLabelLetterSpacing: auto;
  --tertiaryFormLabelDistance: .5rem;
  --cuaternaryColor: var(--yellow);
  --cuaternaryText: var(--black);
  --cuaternaryTitle: var(--black);
  --cuaternaryHilight: var(--black);
  --cuaternaryHilightDecoration: none;
  --cuaternaryHilightHover: var(--secondaryHilight);
  --cuaternaryHilightHoverDecoration: underline;
  --cuaternaryButton: var(--yellow);
  --cuaternaryButtonText: var(--black);
  --cuaternaryButtonHover: var(--yellow);
  --cuaternaryButtonHoverText: var(--black);
  --cuaternaryButtonFont: var(--fontTitle);
  --cuaternaryButtonShadowColor: none;
  --cuaternaryButtonRadius: 0px;
  --cuaternaryButtonMargin: 0px;
  --cuaternaryButtonPadding: .15em .25em;
  --cuaternaryButtonWeight: 600;
  --cuaternaryButtonTextTransform: 500;
  --cuaternaryButtonTextTransform: none;
  --cuaternaryButtonShadowTransformStart: none;
  --cuaternaryButtonShadowTransformEnd: none;
  --cuaternaryButtonShadowFilterStart: none;
  --cuaternaryButtonShadowFilterEnd: none;
  --cuaternaryButtonShadowTransition: none;
  --cuaternaryButtonTransformStart: none;
  --cuaternaryButtonTransformEnd: none;
  --cuaternaryButtonTransition: none
  --cuaternaryTextWeight: var(--textWeight);
  --cuaternaryTextMargin: var(--textMargin);
  --cuaternaryTextStyle: normal;
  --cuaternaryTextFont: var(--fontText);
  --cuaternaryTextPadding: .5em;
  --cuaternaryTextLetterSpacing: auto;
  --cuaternaryTextDecoration:none;
  --cuaternaryTextTextTransform:none;
  --cuaternaryTitleWeBorder: currentColor 1px solid;
  --cuaternaryFormight: var(--titleWeight);
  --cuaternaryTitleMargin: var(--titleMargin);
  --cuaternaryTitleStyle: normal;
  --cuaternaryTitleFont: var(--fontTitle);
  --cuaternaryTitlePadding: .25em;
  --cuaternaryTitleLetterSpacing: auto;
  --cuaternaryTitleDecoration:none;
  --cuaternaryTitleTextTransform:none;
  --cuaternaryFormFont: var(--fontText);
  --cuaternaryFormBackground: var(--cuaternaryColor);
  --cuaternaryFormColor: var(--cuaternaryText);
  --cuaternaryFormWeight: var(--cuaternaryTextWeight);
  --cuaternaryFormLetterSpacing:var(--cuaternaryTextLetterSpacing);
  --cuaternaryFormFontSize:1rem;
  --cuaternaryFormHoverColor: var(--cuaternaryText);
  --cuaternaryFormHoverBackground: var(--darkGrey);
  --cuaternaryFormLabelFont: var(--fontText);
  --cuaternaryFormLabelColor: var(--cuaternaryText);
  --cuaternaryFormLabelWeight: var(--textWeight);
  --cuaternaryFormLabelFontSize: 1rem;
  --cuaternaryFormLabelLetterSpacing: auto;
  --cuaternaryFormLabelDistance: .5rem;
  --headerToggle: 1150px;
  --headerColor:transparent;
  --headerText: var(--black);
  --headerHilight: var(--darkGrey);
  --headerButton: var(--darkGrey);
  --headerButtonText: var(--white);
  --headerButtonHover: var(--black);
  --headerButtonHoverText: var(--white);
  --headerFontSize: .85rem;
  --headerFontWeight: 500;
  --headerTextTransform: uppercase;
  --headerBigGap: 1.25rem;
  --headerSmallGap: 1rem;
  --headerPaddingContent: .5rem 0;
  --footerMaxWidth: 800px;
  --footerColor: var(--black);
  --footerText: var(--white);
  --footerHilight: var(--lightBlue);
  --footerButton: var(--lightBlue);
  --footerButtonText: var(--white);
  --footerButtonHover: var(--lightBlue);
  --footerButtonHoverText: var(--white);
  --footerMargin: 3rem;
  --footerPadding: 3rem 0;
  --footerFontSize: .75rem;
  --footerFontWeight: 100;
  --footerTextAlign: center;
  --footerTextTransform:none;
  --footerLinkColor: var(--footerText);
  --footerLinkHoverColor: var(--footerHilight);
  --footerLinkDecoration:none;
  --footerLinkHoverDecoration: underline;
  --footerLinkTextTransform: none;
  --footerMenuGap: 1.5rem;
  --footerCopyrightFontSize:.75rem;
  --footerCopyrightTextTransform: none;
  --footerCopyrightFontWeight:100;
  --footerCopyrightMargin: 0;
  --footerTitleMargin: 0 auto 1rem;
  --footerTitleTextTransform: uppercase;
  --footerTitleTextDecoration: none;
  --footerTitleFontSize:1.2rem;
  --footerTitleColor:inherit;
  --footerTitleFontWeight:inherit;
  --modalWidth: 95vw;
  --modalMaxWidth: 500px;
  --modalMinWidth: auto;
  --modalColor: #FFF;
  --modalText: var(--black);
  --modalHilight: var(--darkPurple);
  --modalButton: var(--darkPurple);
  --modalButtonText: var(--white);
  --modalButtonHover: var(--black);
  --modalButtonHoverText: var(--white);
  --modalBack:rgba(0,0,0,.5);
  --modalHeaderMargin: 1rem;
  --modalBigGap: 2.5rem;
  --modalSmallGap: 2rem;
  --modalFontWeight: 100;
  --modalMenuFontWeight: bold;
  --modalPaddingVertical: 2rem;
  --modalPaddingHorizontal: 0;
  --modalPaddingHeader: .5rem;
  --modalHeaderBorder: currentColor 2px solid;
  --modalDivisionColor:currentColor;
  --modalDivisionHeight:2px;
  --modalDivisionWidth:100%;
  --modalTextTransform: uppercase;
  --modalLogoMinWidth: 60xp;
  --modalLogoMaxWidth: unset;
  --modalLogoMaxHeight: 32px;
  --modalCloseWidth: 1.5em;
  --modalCloseAspectRatio: 1 / 1;
  --modalCloseIconWidth:60%;
  --modalCloseIconWidthHover:50%;
  --modalCloseBorderRadius:50%;
  --modalclosePadding:.25rem;
  --carouselGapHorizontal: 5px;
  --carouselGapVertical: 20px;
  --carouselArrowWidth: 30px;
  --carouselArrowHeight: var(--carouselArrowWidth);
  --carouselArrowSmallWidth: 20px;
  --carouselArrowSmallHeight: var(--carouselArrowSmallWidth);
  --carouselArrowBigWidth: 40px;
  --carouselArrowBigHeight: var(--carouselArrowBigWidth);
  --carouselArrowColor: var(--black);
  --carouselArrowIconColor: var(--white);
  --carouselArrowRadius: 50%;
  --carouselArrowBorder: none;
  --carouselArrowWindowBreakpoint: 600px;
  --carouselFullWidthBreakpoint: 800px;
  --carouselFullWidthTaxBreakpoint: 450px;
  --socialIconSize: 65%;
  --socialIconSizeHover: 68%;
  --socialIconRadius: 50%;
  --socialIconContainerSize: 35px;
  --socialIconBorder: 2px;
  --socialiconBorderHover: 2px;
  --formWidth:100%;
  --formMaxWidth:600px;
  --formMargin:0 auto;
  --formGap:.25rem;
  --formResponseColor:var(--darkBlue);
  --formResponseText:var(--white);
  --formInputPadding: .4rem .5rem;
  --formInputSize: 1rem;
  --formInputAlign: left;
  --formInputRadius: 0;
  --formInputBorder: currentColor 1px solid;
  --formTextareaPadding: var(--formInputPadding);
  --formTextareaSize: var(--formInputSize);
  --formTextareaAlign: var(--formInputAlign);
  --formTextareaRadius: var(--formInputRadius);
  --formTextareaBorder: var(--formInputBorder);
  --formMessageBorder: var(--mediumBlue) 1px solid;
  --formMessageRadius: 10px;
  --formMessageFont: inherit;
  --formMessageSize: .75rem;
  --formMessagePadding: .75rem 1rem;
  --formMessageMargin: 1rem auto 0;
  --formMessageTextTransform: none;
  --formMessageBackground: var(--lightBlue);
  --formMessageColor: var(--black);
  --formMessageWeight: 100;
  --formMessageStyle: none;
  --formMessageTextAlign: center;
  --formInvalidBorder: none;
  --formInvalidRadius: none;
  --formInvalidFont: inherit;
  --formInvalidSize: .5rem;
  --formInvalidPadding: 0;
  --formInvalidMargin: .25rem auto 0;
  --formInvalidTextTransform: none;
  --formInvalidBackground: none;
  --formInvalidColor: var(--mediumBlue);
  --formInvalidWeight: 100;
  --formInvalidStyle: none;
  --formInvalidTextAlign: inherit;
  font-size: var(--formInputSize);
  color: var(--formInputColor);
  background: var(--formInputBackground);
  text-align: var(--formInputAlign);
  --fontTitle: "Noto Sans Display";
  --fontText: "Noto Sans Display";
  --fontButton: var(--fontTitle);
  --textWeight: 400;
  --titleWeight: 800;
  --textNormal:20px;
  --textNormalTablet:20px;
  --textNormalMobile:18px;
  --textSmall:0.6rem;
  --textMedium:1.25rem;
  --textLarge:1.5rem;
  --textLarger:1.5rem;
  --textXLarge:2rem;
  --textSmallSpace: auto;
  --textLargeSpace: auto,
  --textNormalSpace: auto,
  --textLargerSpace: auto;
  --textXargeSpace: auto;
  --textNormalHeight: auto;
  --textNormalHeight: auto;
  --textSmallHeight: auto;
  --textLargeHeight: auto,
  --textLargerHeight: auto;
  --textXLargeHeight: auto;
  --titleSmall:1.4rem;
  --titleNormal:2rem;
  --titleMedium:2.2rem;
  --titleLarge:2.6rem;
  --titleLarger:3rem;
  --titleXLarge:5rem;
  --titleNormalSpace: auto;
  --titleSmallSpace: auto;
  --titleMediumSpace: auto,
  --titleLargeSpace: auto,
  --titleLargerSpace: auto;
  --titleXLargeSpace: auto;
  --titleNormalHeight: auto;
  --titleSmallHeight: auto;
  --titleMediumHeight: auto;
  --titleLargeHeight: auto;
  --titleLargerHeight: auto;
  --titleXLargeHeight: auto;
  --titleMobileSmall:1.1rem;
  --titleMobileNormal:1.4rem;
  --titleMobileMedium:1.7rem;
  --titleMobileLarge:2rem;
  --titleMobileLarger:2.5rem;
  --titleMobileXLarge:3rem;
  --radius: 10px;
  --iconMargin:35px;
  --marginText:30px;
  --marginTitle:40px;
  --buttonRadius: 5px;
  --paddingSmall: .5rem;
  --paddingNormal: 1rem;
  --paddingLarge: 1.5rem;
  --paddingLarger: 1.75rem;
  --arrowMargin:1.75rem;
  --paddingMarginContainer: 10;
  --borderCyan:3px;
  --margin-bottom:30px;
  --padding-tb:20px;
  --scrollHeight:50;
  --keysHeight:112px;
  --lineHeight:10px;
  --paginationExam:20;
  --paginationBorder:2;
  --flexBottom:10;
  --flexTop:10;
  --defaultBorder:var(--black) $borderCyan solid;
  --logoWidth:131px;
  --borderContainer:10px;
  --fullBorderContainer:$borderContainer*2;
  --containerMargin:20px;
  --maxWidth:1024px;
  --mainColor:#8b77e4;
  --mainColorDark:#6757ae;
}

#footerContainer:before {
  position: relative;
  margin-bottom: -1px;
  width: 100vw;
  height: 20px;
  left: 50%;
  background: url(../assets/images/footersep.png) repeat-x center center;
  background-size: auto 100%;
}
#footerContainer .footer-main.footer-menu {
  font-size: 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-transform: uppercase;
}
#footerContainer .footer-main.footer-menu li {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1.25;
}
#footerContainer .footer-main.footer-menu li + li::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
  margin: 0 0.75em;
}
#footerContainer .footer-main.footer-menu a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  text-transform: inherit;
}
#footerContainer .footer-main.footer-menu a:hover, #footerContainer .footer-main.footer-menu a:focus {
  text-decoration: none;
  color: inherit;
}
#footerContainer .footer-main.footer-menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 0.1em;
  width: 0;
  background: currentColor;
  transform: translateX(-50%);
  transition: width 250ms ease;
}
#footerContainer .footer-main.footer-menu a:hover::after, #footerContainer .footer-main.footer-menu a:focus::after {
  width: 100%;
}

body.showing-menu-modal #superContainer {
  overflow: hidden;
}
body.popup {
  overflow: hidden;
}
body .menu-modal.active {
  z-index: 100000 !important;
}

html {
  overflow: initial !important;
  font-size: var(--textNormal);
}

.logo {
  min-width: 140px;
}

.owl-item .information-block {
  display: none;
}
.owl-item .information-block:first-child {
  display: flex;
}

#globalContainer > .mainContainer:before {
  width: 100%;
  height: 11px;
  background: url(../assets/images/thinline.png) repeat-x center bottom !important;
  background-size: auto 10px !important;
  position: absolute;
  top: -1px;
  left: 50%;
  z-index: 1;
}
@media (max-width: 950px) {
  #globalContainer > .mainContainer:before {
    width: 100vw;
  }
}

.entry-content {
  margin-top: 2em;
}

.post-content-header {
  width: 100%;
  left: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 3em 0 2em;
  gap: 0;
}
.post-content-header:not(.is-creator) {
  min-height: 50vh;
}
@media (max-width: 950px) {
  .post-content-header:not(.is-creator) {
    padding: 0;
    justify-content: flex-start;
    flex-direction: column;
    width: 100vw;
  }
}
.post-content-header .headerImage, .post-content-header .headerImage .headerBackgroundImage, .post-content-header .headerImage .headerBackgroundImage * {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.post-content-header .headerImage .headerMainImage {
  display: none;
}
@media (max-width: 950px) {
  .post-content-header .headerImage, .post-content-header .headerImage .broom-media {
    position: relative;
    aspect-ratio: 16/9;
    max-height: 60vh;
  }
  .post-content-header .headerImage .headerMainImage {
    display: block;
  }
}
.post-content-header .headerMainImage {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 10%;
  left: 5%;
  width: 40%;
  height: 80%;
  filter: drop-shadow(5px 6px 15px #000000);
}
.post-content-header .headerMainImage img {
  object-fit: contain;
  object-position: center center;
}
.post-content-header:not(.is-creator) .post-content-header-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 2em !important;
}
@media (max-width: 950px) {
  .post-content-header:not(.is-creator) .post-content-header-container {
    justify-content: flex-start;
    margin-top: 0 !important;
  }
}
.post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner {
  padding: 1em;
  max-width: 400px;
  font-size: var(--textNormal);
}
@media (max-width: 950px) {
  .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner, .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner > * {
    text-align: center !important;
  }
  .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner .post-content-header-info {
    justify-content: center;
  }
}
.post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before {
  background: var(--secondaryColor);
  background-size: 100% 100%;
  opacity: 75%;
  position: absolute;
  width: 100%;
  height: 100%;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: 0;
  left: 50%;
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  border-top-right-radius: 30px;
}
@media (max-width: 950px) {
  .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner:before {
    opacity: 100;
    width: 100vw;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
}
@media (max-width: 950px) {
  .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner h1 {
  margin: 0;
}
.post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner .under-title {
  margin-top: 0.5rem;
}
.post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner .post-content-header-info {
  z-index: 1;
  margin-top: 1rem;
}
.post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner .post-content-header-info p a {
  color: inherit;
}
.post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner .post-content-header-info .wp-block-button {
  margin-top: 1rem;
}
@media (max-width: 950px) {
  .post-content-header:not(.is-creator) .post-content-header-container .post-content-header-container-inner .post-content-header-info .wp-block-button .wp-element-button {
    width: 100%;
  }
}
.post-content-header.is-creator .headerImage {
  position: absolute !important;
  aspect-ratio: unset !important;
}
.post-content-header.is-creator .headerImage:after {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: 50%;
  left: 50%;
  background: url(../assets/images/headercircle.png) rgba(255, 255, 255, 0.8) no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 650px) {
  .post-content-header.is-creator .headerImage {
    max-height: 100vh;
    width: 650px !important;
  }
}
.post-content-header.is-creator .headerImage .broom-media {
  aspect-ratio: unset !important;
  max-height: 100% !important;
}
.post-content-header.is-creator .post-content-header-container {
  display: inline-grid;
  width: auto !important;
  max-width: 700px !important;
  grid-template-columns: 200px 1fr;
  align-items: center;
  margin: 0 auto;
  gap: 2em;
}
@media (max-width: 600px) {
  .post-content-header.is-creator .post-content-header-container {
    grid-template-columns: 1fr;
  }
  .post-content-header.is-creator .post-content-header-container .broom-media-container {
    max-width: 250px;
    margin: 0 auto;
  }
  .post-content-header.is-creator .post-content-header-container .header-main-content * {
    text-align: center !important;
  }
}
.post-content-header.is-creator .post-content-header-container .creatorImage .mediaContainer {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  border: #000 8px solid;
  height: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 0;
  left: 0;
}
.post-content-header.is-creator .post-content-header-container .wp-block-heading {
  margin: 0;
  padding: 0;
}
.post-content-header.is-creator .post-content-header-container p {
  margin: 0.6em 0 0;
}

.tag-div .wp-element-button {
  cursor: default !important;
}
.tag-div .wp-element-button, .tag-div .wp-element-button:hover {
  background: #4b4b4b !important;
  color: #FFF !important;
}

body:not(.wp-admin) .gameInfo {
  background: #a6a6a6;
  background: linear-gradient(0deg, rgb(166, 166, 166) 0%, rgb(204, 204, 204) 100%);
  color: #000;
  padding: 0 1em 0.5em;
  -webkit-border-top-right-radius: 2em !important;
  -moz-border-radius-topright: 2em !important;
  border-top-right-radius: 2em !important;
  margin: 3em 0;
  overflow: hidden;
}
body:not(.wp-admin) .gameInfo .wp-block-heading {
  margin: 0;
  font-size: 1.7em !important;
  font-weight: bold;
}
body:not(.wp-admin) .gameInfo .wp-block-heading > span {
  margin: 0;
  padding: 0.5em 0 !important;
  display: block !important;
}
body:not(.wp-admin) .gameInfo .wp-block-heading > span > span {
  margin: 0 !important;
}
body:not(.wp-admin) .gameInfo .wp-block-heading > span:before {
  background: inherit !important;
  width: 300vw;
  top: 0;
  left: 50%;
  height: 100% !important;
  position: absolute;
  mask: unset !important;
}
body:not(.wp-admin) .gameInfo .wp-block-heading > span:after {
  display: none !important;
}
body:not(.wp-admin) .gameInfo .gameInfoContent {
  columns: 2;
  column-gap: 2em;
  font-size: 0.8em;
  margin: 10px 0;
}
body:not(.wp-admin) .gameInfo .gameInfoContent:before {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: currentColor;
}
body:not(.wp-admin) .gameInfo .gameInfoContent > * {
  break-inside: avoid;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 11em 1fr;
  gap: 2em;
}
body:not(.wp-admin) .gameInfo .gameInfoContent > * > *:first-child {
  font-weight: bold;
}
body:not(.wp-admin) .gameInfo .gameInfoContent > * > * a {
  color: inherit;
  text-decoration: underline;
}
body:not(.wp-admin) .gameInfo .gameInfoContent > * > * a:hover {
  color: #4b4b4b;
  text-decoration: underline;
}
body:not(.wp-admin) .gameInfo .gameInfoContent > * > * ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
body:not(.wp-admin) .gameInfo .gameInfoContent > * > * ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 900px) and (min-width: 650px) {
  body:not(.wp-admin) .gameInfo .gameInfoContent > * {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 650px) {
  body:not(.wp-admin) .gameInfo .gameInfoContent {
    columns: 1;
  }
  body:not(.wp-admin) .gameInfo .gameInfoContent:before {
    display: none;
  }
}
@media (max-width: 520px) {
  body:not(.wp-admin) .gameInfo .gameInfoContent > * {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.post-content-header .gameIconsLink {
  position: absolute;
  top: 15px;
  right: 10px;
  filter: drop-shadow(-1px 1px 4px #000000);
}
@media (max-width: 950px) {
  .post-content-header .gameIconsLink .gameIcons {
    grid-template-columns: 1fr;
    right: 15px;
  }
  .post-content-header .gameIconsLink .gameIcons li:first-child {
    -webkit-border-top-right-radius: 10px !important;
    -moz-border-radius-topright: 10px !important;
    border-top-right-radius: 10px !important;
  }
  .post-content-header .gameIconsLink .gameIcons li:last-child {
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    border-top-right-radius: 0 !important;
  }
}

.gameIcons {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  font-size: 0.75em;
  margin: 0;
  padding: 0;
  gap: 0.5em;
}
.gameIcons li {
  color: #ffffff;
  background: #000000;
  aspect-ratio: 1/1;
  display: block;
  margin: 0;
  width: 4.5em;
  padding: 0.5em;
  font-size: 0.8em;
  text-align: center;
}
.gameIcons li .icon {
  position: absolute;
  top: 10%;
  left: 50%;
  height: 50%;
  aspect-ratio: 1/1;
}
.gameIcons li .icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
}
.gameIcons li .icon svg, .gameIcons li .icon svg * {
  fill: currentColor !important;
}
.gameIcons li .text {
  position: absolute;
  width: 79%;
  bottom: 7%;
  font-weight: bold;
}
.gameIcons li:last-child {
  -webkit-border-top-right-radius: 10px !important;
  -moz-border-radius-topright: 10px !important;
  border-top-right-radius: 10px !important;
}

.rulesVideo {
  width: 100%;
  max-width: var(--contentWidth);
  max-height: 80vh;
  aspect-ratio: 16/9;
  left: 50%;
  background: #000;
}
.rulesVideo iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.wp-block-button:last-child .wp-element-button {
  -webkit-border-top-right-radius: 10px !important;
  -moz-border-radius-topright: 10px !important;
  border-top-right-radius: 10px !important;
}

.post-content-header-info {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.filterContainer {
  padding: 0 0 20px;
  margin: 30px 0 20px;
  border-bottom: currentColor 1px solid;
}
.filterContainer .taxonomyFilterList {
  margin: 0;
}
.filterContainer a {
  font-size: 0.75rem;
  color: inherit;
  text-decoration: none;
  word-break: keep-all;
  white-space: nowrap;
}
.filterContainer a:hover {
  text-decoration: underline;
}
.filterContainer .taxonomyFilterListElement.selected a,
.filterContainer .swiper-slide.selected a {
  background: var(--black);
  color: var(--white);
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 4px;
}
.filterContainer .taxonomyFilterListElement.selected a:hover,
.filterContainer .swiper-slide.selected a:hover {
  color: var(--white);
  text-decoration: none;
}