@font-face {
  font-family: Fwc26 Condensed;
  src: url('../fonts/FWC26-CondensedBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fwc26 Condensed;
  src: url('../fonts/FWC26-CondensedMedium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fwc26 Normal;
  src: url('../fonts/FWC26-NormalLight.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fwc26 Normal;
  src: url('../fonts/FWC26-NormalBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fwc26 Normal;
  src: url('../fonts/FWC26-NormalMedium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fwc26 Expanded;
  src: url('../fonts/FWC26-ExpandedBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fwc26 UltraCondensed;
  src: url('../fonts/FWC26-UltraCondensedBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fwc26 Semiexpanded;
  src: url('../fonts/FWC26-SemiExpandedBlack.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Fwc26 Normal;
  src: url('../fonts/FWC26-NormalRegular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_swatches---negro: #000;
  --responsive--h1: clamp(2.8rem, 5.9vw, 5.31rem);
  --responsive--h2: clamp(2.5rem, 5.1vw, 4.625rem);
  --responsive--h3: clamp(1.7rem, 2.5vw, 2.5rem);
  --responsive--h4: clamp(1.6rem, 2.2vw, 2rem);
  --responsive--h5: clamp(1.4rem, 1.7vw, 1.5rem);
  --responsive--h6: clamp(1.3rem, 1.4vw, 1.25rem);
  --responsive--body: clamp(.95rem, 1.1vw, 1.065rem);
  --responsive--small: clamp(.8rem, .9vw, .875rem);
  --responsive--lead: clamp(1.05rem, 1.3vw, 1.25rem);
  --_swatches---blanco: white;
  --_swatches---negro-secondary: #024b40;
  --_swatches---naranja: #ff9103;
  --_swatches---viola: #7c4dff;
  --_spacing---m: clamp(2.5rem, 4.8vw, 6.5rem);
  --_spacing---l: clamp(3rem, 5.5vw, 7.5rem);
  --_spacing---xl: clamp(4.5rem, 8vw, 11.25rem);
  --_swatches---naranja-acento: #ff3d00;
  --_swatches---verde-obscuro: #187f1b;
  --_swatches---chartreuse: #afea00;
  --_swatches---gris-claro: whitesmoke;
  --responsive--display: clamp(3.1rem, 6.7vw, 6rem);
  --responsive--h2-small: clamp(2rem, 2.8vw, 4rem);
  --dark-purple: #170549;
  --_swatches---rojo: #ff5252;
  --_swatches---verde-fifa: #00c852;
  --responsive--h3-display: clamp(2.2rem, 3.8vw, 3.5rem);
  --font--primary-font: "Fwc26 Normal", Arial, sans-serif;
  --font--secondary-font: "Fwc26 Condensed", Arial, sans-serif;
  --font--font-light: 300;
  --font--font-regular: 400;
  --font--font-medium: 500;
  --_spacing---s: clamp(2rem, 3.8vw, 5rem);
  --_spacing---xs: clamp(1.5rem, 2.8vw, 3.75rem);
  --font--font-bold: 700;
  --letter-spacing--tight: -.2em;
  --letter-spacing--size: 0em;
  --line-height--small: 1;
  --line-height--medium: 1.1;
  --line-height--large: 1.3;
  --line-height--x-large: 1.5;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--_swatches---negro);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.065rem;
  line-height: 20px;
}

h1 {
  font-family: Fwc26 Normal, Arial, sans-serif;
  font-size: var(--responsive--h1);
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  font-family: Fwc26 Normal, Arial, sans-serif;
  font-size: var(--responsive--h2);
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  font-family: Fwc26 Normal, Arial, sans-serif;
  font-size: var(--responsive--h3);
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

h4 {
  font-family: Fwc26 Normal, Arial, sans-serif;
  font-size: var(--responsive--h4);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 130%;
}

h5 {
  font-family: Fwc26 Normal, Arial, sans-serif;
  font-size: var(--responsive--h5);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
}

h6 {
  font-family: Fwc26 Normal, Arial, sans-serif;
  font-size: var(--responsive--h6);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
}

p {
  font-family: Fwc26 Normal, Arial, sans-serif;
  font-size: var(--responsive--body);
  margin-bottom: 0;
  font-weight: 300;
  line-height: 160%;
}

.text-small {
  font-size: var(--responsive--small);
  line-height: 160%;
}

.text-lead {
  font-size: var(--responsive--lead);
  text-transform: none;
  line-height: 170%;
}

.text-lead.bold {
  font-weight: 700;
}

.text-lead.bold.time-date {
  font-size: var(--responsive--lead);
}

.page-wrapper {
  font-family: Fwc26 Normal, Arial, sans-serif;
}

.nav-bar-component {
  padding: 16px 32px;
}

.nav-bar-content {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-bar-icon {
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 2rem;
}

.nav-bar-icon.close-div {
  flex: none;
  width: 180px;
  display: none;
}

.nav-bar-links {
  flex: none;
  display: flex;
}

.nav-link-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  aspect-ratio: auto;
  color: var(--_swatches---blanco);
  cursor: pointer;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 20px;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-link-item.language {
  border-left: 2px solid var(--_swatches---naranja);
  padding-right: 0;
}

.nav-link-item.home-highlight {
  text-transform: uppercase;
}

.nav-link-text {
  font-size: 1.12rem;
}

.nav-link-text.has-shadow {
  text-shadow: none;
  font-size: 1.12rem;
}

.nav-link-icon {
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
}

.nav-link-icon.has-shadow {
  text-shadow: 0 7px 20px #0003;
}

.nav-floating {
  z-index: 10000;
  color: var(--_swatches---blanco);
  position: fixed;
  inset: 0% 0% auto;
}

.nav-floating.absolute {
  position: absolute;
  inset: 0% 0% auto;
}

.section.violet-theme {
  background-color: var(--_swatches---viola);
  color: var(--_swatches---blanco);
  position: relative;
}

.section.preefoter {
  border-top: 4px solid var(--_swatches---blanco);
  border-bottom: 4px solid var(--_swatches---blanco);
  background-color: var(--_swatches---viola);
  height: 160px;
  color: var(--_swatches---blanco);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.section.promotion-terms {
  background-color: var(--_swatches---viola);
  height: 30vh;
  min-height: 370px;
  color: var(--_swatches---blanco);
  text-align: center;
  background-image: linear-gradient(#0000004d 12%, #0000 59%), linear-gradient(#00000029, #00000029), url('../images/carousel-fans-flag_1carousel-fans-flag.avif');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.spacer-m {
  width: 100%;
  height: var(--_spacing---m);
}

.spacer-l {
  z-index: 1;
  width: 100%;
  height: var(--_spacing---l);
  position: relative;
}

.spacer-xl {
  width: 100%;
  height: var(--_spacing---xl);
}

.container {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  position: relative;
}

.container.social-component {
  color: var(--_swatches---blanco);
}

.container.sponsors {
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.two-columns {
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.two-columns.gap-56 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
}

.content-text {
  flex-flow: column;
  display: flex;
}

.content-text.map-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: 0 auto;
  width: 55%;
}

.heading-is-condensed {
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-weight: 500;
}

.heading-is-condensed.history-year {
  color: var(--_swatches---naranja);
  font-size: 40px;
  line-height: 80%;
}

.heading-is-condensed.red {
  color: var(--_swatches---naranja-acento);
}

.heading-is-condensed.dicover-heading {
  font-size: 200%;
  line-height: 110%;
}

.button {
  background-color: var(--_swatches---naranja);
  min-height: auto;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: var(--responsive--lead);
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  line-height: 130%;
  display: flex;
}

.button:where(.w-variant-64763baf-2e01-7978-1dd7-a049140bce7b) {
  background-color: var(--_swatches---viola);
}

.button:where(.w-variant-613cdd31-39bb-aa56-3502-5939557d809f) {
  background-color: var(--_swatches---verde-obscuro);
}

.button:where(.w-variant-a0af6a07-6d37-9366-d31e-8ca331424509) {
  background-color: var(--_swatches---blanco);
  outline-offset: -1.5px;
  color: var(--_swatches---viola);
  outline: 1.5px solid #7c4dff;
}

.button:where(.w-variant-11ea75df-54e7-7f63-354c-d6472f3b7a53) {
  background-color: var(--_swatches---chartreuse);
  color: var(--_swatches---negro-secondary);
}

.button:where(.w-variant-6b2820b8-d138-f335-4995-632d408f9c92) {
  background-color: var(--_swatches---blanco);
  outline-offset: -1.5px;
  color: var(--_swatches---naranja);
  outline: 1.5px solid #ff9103;
}

.button:where(.w-variant-6b114e83-8e44-a105-5a85-2239e9cfc853) {
  background-color: var(--_swatches---blanco);
  outline-color: var(--_swatches---verde-obscuro);
  outline-offset: -1.5px;
  color: var(--_swatches---verde-obscuro);
  outline-width: 1.5px;
  outline-style: solid;
}

.button:where(.w-variant-3898a00b-2b25-5a7a-02f1-5a429f75d020) {
  background-color: var(--_swatches---blanco);
  outline-offset: -1.5px;
  color: var(--_swatches---verde-obscuro);
  outline: 1.5px solid #afea00;
}

.button:where(.w-variant-8dbcd487-9e35-3bf1-1ba1-543e0636e450) {
  outline-offset: -1.5px;
  background-color: #fff0;
  outline: 1.5px solid #fff;
}

.button.smaller {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_swatches---blanco);
  outline-offset: -1.5px;
  color: var(--_swatches---naranja);
  outline: 1.5px solid #ff9103;
  padding-top: 12px;
  padding-bottom: 12px;
}

.button.smaller.green {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_swatches---verde-obscuro);
  outline-color: var(--_swatches---verde-obscuro);
  color: var(--_swatches---blanco);
  font-size: var(--responsive--lead);
}

.button.smaller.white-bg-purple {
  outline-color: var(--_swatches---viola);
  color: var(--_swatches---viola);
  background-color: #fff;
}

.button.icons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  outline-offset: -1.5px;
  background-color: #fff0;
  outline: 1.5px solid #fff;
}

.button.chartehouse {
  background-color: var(--_swatches---chartreuse);
  color: var(--_swatches---negro-secondary);
}

.button.form-submit {
  background-color: var(--_swatches---negro);
  letter-spacing: .5px;
  font-family: Fwc26 Normal, Arial, sans-serif;
}

.button.white {
  background-color: var(--_swatches---blanco);
  color: var(--_swatches---negro);
}

.button.dark {
  background-color: var(--_swatches---negro);
}

.buttons-wrapper {
  display: flex;
}

.buttons-wrapper.flex-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.buttons-wrapper.flex-24.centered {
  justify-content: center;
  align-items: flex-start;
}

.buttons-wrapper.flex-24.centered.spaced {
  padding-top: 24px;
  padding-bottom: 24px;
}

.title-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.title-container.is-centered {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.title-container.is-centered.max-900 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  max-width: 890px;
}

.title-container.is-centered.max-700 {
  max-width: 630px;
}

.title-container.cultural {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.og-flag {
  flex: none;
  width: 54px;
}

.og-flag.schedule-version {
  border-radius: 8px;
  max-width: 54px;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.og-flag.empty {
  background-color: var(--_swatches---naranja);
  min-height: 36px;
  color: var(--_swatches---blanco);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  display: flex;
}

.dark-green-font {
  color: var(--_swatches---negro-secondary);
  font-size: var(--responsive--h2);
  font-weight: 700;
}

.games-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.game-line {
  width: auto;
  color: var(--_swatches---negro-secondary);
  background-color: #fff;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  display: flex;
  box-shadow: 0 4px 4px #187f1b2e;
}

.game-line.purble-line {
  background-color: var(--_swatches---viola);
  max-height: 95px;
  color: var(--_swatches---blanco);
}

.game-line.purble-line.line-4, .game-line.purble-line.line-5 {
  max-height: none;
  position: relative;
  overflow: hidden;
}

.game-line.line1, .game-line.line-2, .game-line.line-3 {
  position: relative;
  overflow: hidden;
}

.game-group {
  justify-content: flex-start;
  align-items: center;
  min-width: 120px;
  display: flex;
}

.game-group.rounds {
  min-width: 110px;
}

.game-date {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  min-width: 120px;
  display: flex;
}

.game-teams {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.game-cta {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.schedule-team {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  display: flex;
}

.schedule-team.left {
  justify-content: flex-end;
  align-items: center;
  width: 200px;
}

.schedule-match-teams {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.schedule-match-teams.finalstage {
  justify-content: center;
  align-items: center;
  width: 476.461px;
}

.orange {
  color: var(--_swatches---naranja);
  text-decoration: none;
}

.orange.endgame {
  color: var(--_swatches---negro-secondary);
  align-self: center;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: clamp(2rem, 3.6vw, 3.3rem);
  font-weight: 500;
  line-height: 69%;
}

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

.game-team {
  font-size: var(--responsive--h5);
  text-transform: none;
}

.game-team.mobile {
  display: none;
}

.game-team.compressed {
  line-height: 110%;
}

.game-team.compressed:lang(es) {
  font-family: Fwc26 Normal, Arial, sans-serif;
}

.schedule-content {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: column;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.charterhouse {
  color: var(--_swatches---chartreuse);
}

.content-map-wrapper {
  z-index: 4;
  position: relative;
}

.map-built {
  z-index: 12;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 100%;
  padding: 200px 56px 100px 72px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.map-space {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  width: auto;
  height: 94vh;
  display: flex;
  position: sticky;
  top: 24px;
  overflow: hidden;
}

.collection-cards {
  grid-column-gap: 40px;
  grid-row-gap: 64px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 64px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.card-item {
  text-align: left;
  flex-flow: column;
  flex: 1;
  order: 1;
  align-self: stretch;
  width: auto;
  min-width: 40%;
  min-height: auto;
  display: flex;
}

.card-item.full, .card-item._100 {
  min-width: 100%;
}

.card-item.hidden {
  display: none;
}

.card-image {
  min-height: 300px;
}

.card-image.height1 {
  background-image: url('../images/Entrance_of_the_Museo_Franz_Mayer_1Entrance_of_the_Museo_Franz_Mayer.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px 120px 40px 20px;
  flex: 1;
}

.card-image.height2 {
  background-image: url('../images/tolerancia_1tolerancia.avif');
  background-position: 100%;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.jumex {
  background-image: url('../images/jumex_1jumex.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 64px 64px 32px 120px;
  flex: 1;
}

.card-image.vancuic {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/Museo_Yancuic_1Museo_Yancuic.avif');
  background-size: cover;
  border-radius: 120px 20px 20px;
  flex: 1;
}

.card-image.stadium {
  background-image: url('../images/stadium-2_1stadium-2.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 120px 0 120px 32px;
  flex: 1;
  min-height: 350px;
}

.card-image.zocalo {
  background-image: url('../images/zocalo.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px 120px 40px 20px;
  flex: 1;
  min-height: 350px;
}

.card-image.angel {
  background-image: url('../images/card-1_1card-1.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.basilica {
  background-image: url('../images/basilica_1basilica.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.castillo {
  background-image: url('../images/chapultepec_1chapultepec.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.aicm {
  background-image: url('../images/AICM_AIR_T2_1AICM_AIR_T2.avif');
  background-position: 100%;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.aifa {
  background-image: url('../images/68b1f23f30635-WhatsApp-Image-2025-08-29-at-12_gmxdot_25_gmxdot_30-PM_gmxdot_jpeg_168b1f23f30635-WhatsApp-Image-2025-08-29-at-12_gmxdot_25_gmxdot_30-PM_gmxdot_jpeg.avif');
  background-position: 0%;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.bellas-artes {
  background-image: url('../images/bellas-artes_1bellas artes.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.historic-c {
  background-image: url('../images/gettyimages-521147408-170667a_1gettyimages-521147408-170667a.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px 120px 40px 20px;
  flex: 1;
  min-height: 350px;
}

.card-image.polanco {
  background-image: url('../images/Polanco_Skyline_Mexico_City_DF_1Polanco_Skyline_Mexico_City_DF.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px 40px 120px 32px;
  flex: 1;
}

.card-image.condesa {
  background-image: url('../images/Colonia_Condesa_-_calle_Michoacán_1Colonia_Condesa_-_calle_Michoacán.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 64px 64px 32px 120px;
  flex: 1;
  min-height: 350px;
}

.card-image.roma {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/Plaza_Río_de_Janeiro_Colonia_Roma_1Plaza_Río_de_Janeiro_Colonia_Roma.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 120px 20px 20px;
  flex: 1;
}

.card-image.coyoacan {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/coyoacan_1coyoacan.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 120px 20px 20px;
  flex: 1;
}

.card-image.xocimilco {
  background-image: url('../images/carousel-trajineras_1carousel-trajineras.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 64px 64px 32px 120px;
  flex: 1;
}

.card-image.santaafe {
  background-image: url('../images/Edificios_con_vista_al_Parque.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 64px 64px 32px 120px;
  flex: 1;
  min-height: 350px;
}

.card-image.centro-artes {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/centro-artes.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 40px 20px 120px 80px;
  flex: 1;
}

.card-image.madres {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/MonumentoMadre_1MonumentoMadre.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px 20px 120px;
  flex: 1;
}

.card-image.mide {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/Betlemitas_de_la_ciudad.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px 20px 64px;
  flex: 1;
}

.card-image.colegio-nacional {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/colegio.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 10px 10px 120px;
  flex: 1;
}

.card-image.unam {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/960px-UniversumUNAM78_1960px-UniversumUNAM78.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 80px 20px 20px 80px;
  flex: 1;
}

.card-image.palacio {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/fachada_1fachada.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 120px 48px 20px 20px;
  flex: 1;
}

.card-image.dolores {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/Screenshot-2026-05-27-alle-4.59.25-PM_1Screenshot 2026-05-27 alle 4.59.25 PM.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px 20px;
  flex: 1;
}

.card-image.conference {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/Logo_CISS_1Logo_CISS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 80%;
  border-radius: 48px 20px 120px 48px;
  flex: 1;
}

.card-image.papalote {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/GettyImages-2205883528_1GettyImages-2205883528.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 80px 80px 120px 20px;
  flex: 1;
}

.card-image.ciencias-naturales {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/Entrada_principal_del_Museo_de_Historia_Natural_y_Cultura_Ambiental_de_la_Ciudad_de_México_1Entrada_principal_del_Museo_de_Historia_Natural_y_Cultura_Ambiental_de_la_Ciudad_de_México.avif');
  background-position: 0%;
  background-size: cover;
  border-radius: 48px 20px;
  flex: 1;
}

.card-image.kaluz {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/960px-MX_TV_MÉXICO_Y_LOS_MEXICANOS_COLECCIÓN_KALUZ_50526461316_1960px-MX_TV_MÉXICO_Y_LOS_MEXICANOS_COLECCIÓN_KALUZ_(50526461316).avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 64px 60px 32px 32px;
  flex: 1;
}

.card-image.tamayo {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/MUSEO_TAMAYO_-_ARQUITECTURA_1MUSEO_TAMAYO_-_ARQUITECTURA.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 120px 20px;
  flex: 1;
}

.card-image.antropologia {
  background-color: var(--_swatches---gris-claro);
  background-image: url('../images/antropologia_1antropologia.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 120px 10px 32px 120px;
  flex: 1;
}

.card-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 24px;
  padding-right: 8px;
  display: flex;
}

.tabs-menu {
  z-index: 10;
  background-color: var(--_swatches---blanco);
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  display: flex;
  position: sticky;
  top: 12px;
  bottom: 0;
}

.tab-link {
  max-width: none;
  height: 54px;
  color: var(--_swatches---negro);
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: var(--responsive--lead);
  text-transform: uppercase;
  background-color: #7c4dff00;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-weight: 500;
  display: flex;
}

.tab-link.w--current {
  background-color: var(--_swatches---viola);
  color: var(--_swatches---blanco);
  flex: 1;
}

.tabs {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.charterhouse-dec {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 60vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.piramid-charterhouse-dec {
  background-image: url('../images/piramid-2_1piramid-2.avif');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 1440px;
  width: 620px;
  height: 440px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.text-carousel {
  display: flex;
  position: absolute;
}

.preefoter-text {
  flex: none;
  font-size: 4rem;
}

.footer {
  grid-column-gap: 126px;
  grid-row-gap: 126px;
  background-color: var(--_swatches---viola);
  color: var(--_swatches---blanco);
  flex-flow: column;
  padding-top: 96px;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.footer-title {
  color: var(--_swatches---blanco);
  font-size: var(--responsive--h4);
  text-transform: none;
}

.footer-links-wrap {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.footer-link {
  height: 32px;
  color: var(--_swatches---blanco);
  justify-content: flex-start;
  align-items: center;
  font-size: 1.25rem;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  color: var(--_swatches---naranja);
}

.footer-col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.footer-runner-logo {
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  position: relative;
}

.footer-logo-col {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 29px;
  display: flex;
}

.huge-title {
  color: #fff;
  font-size: var(--responsive--display);
  text-shadow: 0 1px 40px #00000029;
}

.social-carousel {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 2500px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
  left: 56px;
}

.social-component {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-card {
  outline-offset: 0px;
  background-image: url('../images/card-mara_1card-mara.avif');
  background-position: 50%;
  background-size: cover;
  border: 2px #fff3;
  border-radius: 12px;
  outline: 2px solid #fff3;
  width: 280px;
  height: 380px;
  position: relative;
}

.social-card.card1 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.10.03-PM_1Screenshot 2026-05-27 alle 5.10.03 PM.avif');
}

.social-card.social-2 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.12.35-PM_1Screenshot 2026-05-27 alle 5.12.35 PM.avif');
}

.social-card.social-3 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.11.29-PM_1Screenshot 2026-05-27 alle 5.11.29 PM.avif');
  background-position: 50%;
}

.social-card.social-4 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.10.36-PM_1Screenshot 2026-05-27 alle 5.10.36 PM.avif');
}

.social-card.social-5 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.09.49-PM_1Screenshot 2026-05-27 alle 5.09.49 PM.avif');
}

.social-card.social-6 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.12.55-PM_1Screenshot 2026-05-27 alle 5.12.55 PM.avif');
}

.social-card.socail-7 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.12.08-PM_1Screenshot 2026-05-27 alle 5.12.08 PM.avif');
}

.social-card.social-8 {
  background-image: url('../images/Screenshot-2026-05-27-alle-5.11.48-PM_1Screenshot 2026-05-27 alle 5.11.48 PM.avif');
}

.social-links-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.white {
  color: var(--_swatches---blanco);
}

.has-shadow {
  text-shadow: 0 0 4px #024b4142;
}

.history-title {
  color: var(--_swatches---negro-secondary);
  font-size: var(--responsive--h2-small);
  font-weight: 700;
}

.game-left-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 26%;
  display: flex;
}

.spacer-xx-small {
  width: 100%;
  height: 2rem;
}

.icon-3 {
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.8rem;
  line-height: 110%;
}

.mobility-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_swatches---blanco);
  width: 23%;
  color: var(--dark-purple);
  text-align: left;
  border-radius: 24px;
  flex-flow: column;
  flex: 10 10 auto;
  align-self: stretch;
  padding: 10px 10px 24px;
  display: flex;
}

.dropdown-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.dropdown-mobility {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: auto;
  color: var(--_swatches---negro-secondary);
  text-align: left;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
  display: flex;
  box-shadow: 0 4px 4px #187f1b2e;
}

.signal {
  background-color: var(--_swatches---chartreuse);
  border-radius: 100px;
  flex: none;
  width: 16px;
  height: 16px;
}

.location-title-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-icon {
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 1.3rem;
}

.code-embed {
  border-radius: 64px 0 64px 24px;
  flex: 1;
  width: 100%;
  height: 75%;
  overflow: hidden;
}

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

.dropdown-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-flow: column;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 24px;
  line-height: 160%;
  display: flex;
}

.sep-line {
  border-top: 2px solid var(--_swatches---viola);
}

.dropdown-text {
  padding-top: 0;
  font-size: .95rem;
  font-weight: 300;
  line-height: 160%;
}

.mobility-text-title {
  color: var(--_swatches---rojo);
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: 1.4rem;
}

.dd-content-wrapper {
  width: 100%;
}

.mobility-button {
  text-decoration: none;
  position: relative;
}

.marker {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: -80px 0% auto;
}

.heading-4rem {
  font-size: 4rem;
}

.normal-font {
  font-weight: 300;
}

.h4-v2 {
  font-size: var(--responsive--h4);
}

.event-highlight {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--_swatches---negro-secondary);
  width: 100%;
  color: var(--_swatches---blanco);
  border: 1px #000;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.event-highlight.radius-1 {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  border-radius: 32px 62px 24px 24px;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
  padding-bottom: 24px;
}

.event-highlight.radius-2 {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
  padding-bottom: 24px;
}

.paragraph-1 {
  text-align: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.content {
  position: relative;
}

.sponsors-section {
  border-top: 8px solid var(--_swatches---blanco);
  border-bottom: 8px solid var(--_swatches---viola);
  background-color: #dbd3f1;
}

.sponsors-mobile {
  max-width: 70%;
  display: none;
}

.promo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_swatches---gris-claro);
  height: auto;
  color: var(--_swatches---negro-secondary);
  text-align: center;
  border-radius: 24px;
  flex-flow: row;
  padding: 18px 20px;
  display: flex;
}

.promo-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.div-block-11 {
  background-image: url('../images/Gemini_Generated_Image_he5sahhe5sahhe5s_1Gemini_Generated_Image_he5sahhe5sahhe5s.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  width: 30%;
}

.fixed-charterhose-dec {
  background-image: url('../images/charterhouse-dec_1charterhouse-dec.avif');
  background-position: 100% 0;
  background-size: cover;
  flex: 1;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  bottom: 0;
}

.title-schedule {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.menu-drop {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_swatches---blanco);
  color: var(--_swatches---negro-secondary);
  border-radius: 3px;
  flex-flow: column;
  margin-left: 14px;
  margin-right: 14px;
  padding: 10px 4px;
  display: none;
  position: absolute;
  inset: 45px 0% auto;
}

.menu-drop.language {
  text-align: center;
  margin-right: 0;
  display: none;
}

.nav-link-item-dropped {
  color: #181818;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: var(--responsive--lead);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2px;
  padding: 8px 12px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.nav-link-item-dropped:hover {
  color: var(--_swatches---naranja);
  background-color: #ffdfbf;
}

.nav-link-item-dropped.w--current {
  color: var(--_swatches---naranja);
  background-color: #ff91034d;
  border-radius: 2px;
}

.arrows-wrap {
  z-index: 100;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #024b415c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 4px;
  display: flex;
  position: static;
  inset: 0 auto auto 0;
}

.arrow-link {
  border: 1px none var(--_swatches---chartreuse);
  background-color: var(--_swatches---negro-secondary);
  width: 40px;
  height: 40px;
  color: var(--_swatches---verde-fifa);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  text-decoration: none;
  display: flex;
}

.social-slider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.social-follow-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: var(--_swatches---negro-secondary);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-12 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-right: 0;
  display: flex;
}

.red {
  color: var(--_swatches---naranja-acento);
}

.icon, .button-arrow {
  font-family: Material Symbols Rounded, sans-serif;
}

.close-hint-mobile {
  display: none;
}

.mobile-map-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.locales-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.drop-link {
  font-size: 1rem;
}

.footer-logo {
  max-width: 100px;
}

.nav-icon-link {
  width: 140px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 2rem;
}

.movility-items {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_swatches---gris-claro);
  width: auto;
  min-width: auto;
  max-width: none;
  color: var(--_swatches---negro-secondary);
  border-radius: 24px;
  flex-flow: column;
  flex: auto;
  align-self: stretch;
  padding: 10px 10px 8px;
  display: flex;
  overflow: hidden;
}

.nav-link-item-dropped-language {
  color: #181818;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: opacity .4s;
  display: block;
}

.nav-link-item-dropped-language:hover {
  color: var(--_swatches---naranja);
}

.nav-link-item-dropped-language.w--current {
  color: var(--_swatches---naranja);
  background-color: #ff91034d;
  border-radius: 2px;
}

.supporters-title-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: left;
  flex-flow: column;
  display: flex;
}

.supporter-image {
  flex: none;
  width: 120px;
  height: 120px;
}

.supporter-image.america {
  opacity: 0;
  background-image: url('../images/americ_1americ.avif');
  background-position: 50%;
  background-size: cover;
  width: 150px;
  height: 150px;
}

.supporter-main-title {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  display: flex;
}

.supporters-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  min-width: 50%;
  max-width: 900px;
  height: auto;
  color: var(--_swatches---gris-claro);
  text-align: left;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.supporter-title-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.no-caps {
  text-transform: none;
}

.no-caps.register-title {
  color: #472800;
  font-family: Fwc26 Semiexpanded, Arial, sans-serif;
  font-size: var(--responsive--h5);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 130%;
}

.no-caps.success-title {
  color: #472800;
  font-family: Fwc26 Semiexpanded, Arial, sans-serif;
  font-size: var(--responsive--h6);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 130%;
}

.no-caps.camara-off-title {
  color: var(--_swatches---naranja);
  font-family: Fwc26 Semiexpanded, Arial, sans-serif;
  font-size: var(--responsive--h5);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 130%;
}

.compressed {
  font-family: Fwc26 Condensed, Arial, sans-serif;
}

.timezone {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.timez {
  color: var(--_swatches---verde-obscuro);
  font-size: var(--responsive--body);
  line-height: 160%;
}

.timez.gres {
  color: #f5f5f5b5;
}

.green-group {
  color: #46b955;
}

.red-group {
  color: #ef3f76;
}

.orange-group {
  color: var(--_swatches---naranja);
}

.bold {
  font-weight: 700;
}

.sep-line-map {
  border-top: 1px solid var(--_swatches---gris-claro);
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
}

.sep-line-map.spacer {
  opacity: 0;
  margin-top: 0;
}

.h3-display {
  font-size: var(--responsive--h3-display);
  font-weight: 700;
}

.heading-5 {
  font-size: var(--responsive--h3);
}

.smaller-span {
  font-size: var(--responsive--h4);
}

.game-highlight {
  background-color: #2b9c2d;
  width: 16px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.game-highlight.reds {
  background-color: #ef3e76;
}

.game-highlight.orange-bg {
  background-color: var(--_swatches---naranja);
}

.map-open-controller, .smartphone-img {
  display: none;
}

.embed-arrow {
  height: 20px;
}

.sponsors-desktop {
  max-width: 70%;
}

.endgame-score {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  position: relative;
}

.text-block-2 {
  color: var(--_swatches---verde-fifa);
  align-self: center;
  font-family: Fwc26 Semiexpanded, Arial, sans-serif;
  font-size: .5rem;
  font-weight: 700;
  line-height: 100%;
  position: relative;
  top: -20px;
}

.social-card-overlay {
  background-color: var(--_swatches---verde-fifa);
  outline-color: var(--_swatches---verde-fifa);
  outline-offset: 0px;
  border-radius: 0;
  outline-width: 3px;
  outline-style: solid;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.register-wrapper {
  background-color: var(--_swatches---gris-claro);
  flex-flow: column;
  justify-content: flex-start;
  min-height: 100vh;
  font-family: Fwc26 Normal, Arial, sans-serif;
  display: flex;
  position: relative;
}

.register-section {
  background-color: #fdeadc;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 24px;
  display: flex;
}

.card-dummie {
  background-color: #d8d8d8;
  border-radius: 14px;
  width: 340px;
  height: auto;
  overflow: hidden;
}

.fan-festival-logo {
  max-width: 430px;
}

.cards-columns {
  justify-content: space-between;
  align-items: stretch;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cards-left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: none;
  border-radius: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 340px;
  height: auto;
  padding-top: 86px;
  display: flex;
}

.register-right {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 740px;
  padding-left: 80px;
  padding-right: 0;
  display: flex;
}

.register-fields {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 8px;
  display: flex;
}

.registro-form {
  flex: 1;
}

.ocr {
  width: 54px;
  height: 54px;
  color: var(--_swatches---naranja);
  background-color: #ff91034a;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 2rem;
  display: flex;
}

.register-form {
  border-radius: 28px;
  position: relative;
}

.text-field {
  z-index: 2;
  color: #472800;
  min-height: 54px;
  font-size: var(--responsive--lead);
  letter-spacing: .05px;
  background-color: #f1f0f0;
  border: 1px #d4d4d4;
  border-radius: 8px;
  margin-bottom: 0;
  position: relative;
}

.text-field:active {
  border-style: solid;
  border-color: #6b6966;
}

.text-field:focus {
  outline-offset: -1px;
  background-color: #fcfcfc;
  outline: 1px solid #472800;
}

.field-label {
  color: #42413f;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-size: .95rem;
  font-weight: 300;
}

.form-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.form-div.scanner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.form-fields-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_swatches---blanco);
  border: 1px solid #f5f5f5;
  border-radius: 28px;
  flex-flow: column;
  padding: 40px 48px 48px;
  display: flex;
  box-shadow: 0 0 20px 10px #5f39070f;
}

.numero-tarjeta-info {
  color: #6a6a6a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Material Symbols Rounded, sans-serif;
  font-size: 20px;
  display: flex;
}

.card-number-title {
  z-index: 6;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text-xs {
  color: #472800cc;
  font-size: 12px;
  font-weight: 300;
  line-height: 130%;
}

.form-checkbox {
  border: 1px solid #472800;
  border-radius: 6px;
  flex: none;
  width: 22px;
  height: 22px;
  margin-left: -10px;
}

.form-checkbox.w--redirected-checked {
  background-color: #3898ec;
  font-size: 15px;
}

.checkbox-field {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-top: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.register-card-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  margin-bottom: 12px;
  padding-bottom: 24px;
  display: flex;
}

.card-colours {
  background-color: #ebd6c7;
  border-radius: 1000px;
  flex-flow: row;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.colour-option {
  color: #00000080;
  background-color: #ebd6c7;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 24px 6px;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: 13px;
  display: flex;
}

.colour-option.w--current {
  background-color: var(--_swatches---blanco);
  color: #000000e6;
}

.div-block-22 {
  background-color: var(--_swatches---viola);
  border-radius: 100px;
  width: 24px;
  height: 24px;
}

.div-block-22.card-2 {
  background-color: var(--_swatches---naranja-acento);
}

.div-block-22.card-3 {
  background-color: var(--_swatches---verde-obscuro);
}

.div-block-22.card-4 {
  background-color: var(--_swatches---naranja);
}

.card-type {
  font-size: 10px;
  line-height: 18px;
}

.fan-festival-mobile-header {
  max-width: 430px;
  display: none;
}

.validator {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  display: none;
  position: absolute;
  top: 49px;
}

.validator-sign {
  background-color: var(--_swatches---naranja-acento);
  border-radius: 100px;
  width: 10px;
  height: 10px;
}

.validator-text {
  color: var(--_swatches---naranja-acento);
  letter-spacing: .5px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
}

.field-wrapper {
  position: relative;
}

.registration-paragraph {
  color: #472900cc;
  text-align: left;
  font-size: 15px;
}

.card-detail-wrapper {
  z-index: 20;
  cursor: pointer;
  position: relative;
}

.card-detail-pop-up {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--_swatches---blanco);
  border: 1px solid #cecece;
  border-radius: 8px;
  flex-flow: column;
  width: 180px;
  max-width: none;
  padding: 6px;
  display: none;
  position: absolute;
  top: 8px;
  left: 21px;
  overflow: hidden;
  box-shadow: 0 10px 10px 8px #0000001a;
}

.image-15 {
  border: 1px solid #cecece;
  border-radius: 4px;
}

.small-info {
  color: var(--_swatches---negro);
  text-align: left;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 17px;
}

.small-info:lang(es) {
  letter-spacing: -.2px;
  font-size: 12px;
}

.thank-you-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.success-title {
  color: #14262d;
  letter-spacing: -.5px;
  margin-bottom: 0;
  font-size: 34px;
  line-height: 48px;
}

.success-message {
  background-color: var(--_swatches---blanco);
  border-radius: 28px;
  height: 100%;
  padding: 80px 64px;
}

.tabs-menu-2 {
  border-radius: 100px;
  margin-top: 32px;
  display: flex;
  overflow: hidden;
}

.tabs-content {
  border-radius: 14px;
  box-shadow: 0 10px 20px 5px #0003;
}

.cards-tabs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 340px;
  display: flex;
}

.colour-option-2 {
  color: #00000080;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 24px 6px;
  font-size: 1rem;
  display: flex;
}

.colour-option-2.active {
  color: #000;
  background-color: #fff;
}

.card-dummie-2 {
  background-color: #d8d8d8;
  border-radius: 14px;
  width: 340px;
  height: auto;
  overflow: hidden;
  box-shadow: 0 10px 20px 5px #5f390726;
}

.card-dummie-2.hidden-card {
  display: none;
}

.cards-left-mobile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: none;
  border-radius: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 96px;
  display: none;
}

.div-block-23 {
  background-color: #7c4dff;
  border-radius: 100px;
  width: 24px;
  height: 24px;
}

.div-block-23.card-2 {
  background-color: #ff3d00;
}

.div-block-23.card-3 {
  background-color: #187f1b;
}

.div-block-23.card-4 {
  background-color: #ff9103;
}

.success--parapgraph {
  color: #472900cc;
  max-width: none;
  font-size: var(--responsive--body);
  text-align: center;
}

.success--parapgraph.details-success {
  color: #472900;
  max-width: none;
  font-size: var(--responsive--body);
  text-align: left;
}

.success-huge-title {
  color: var(--_swatches---naranja);
  font-size: var(--responsive--h3-display);
}

.bacj-register {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.error-message {
  z-index: 100;
  background-color: var(--_swatches---naranja-acento);
  color: var(--_swatches---blanco);
  font-size: var(--responsive--body);
  text-align: center;
  border-bottom-right-radius: 28px;
  border-bottom-left-radius: 28px;
  margin-top: -43px;
  padding-top: 24px;
  padding-bottom: 24px;
  position: absolute;
  inset: auto 0% 0%;
}

.error-text-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.error-overlay {
  z-index: 1000;
  background-color: #0e080199;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.error-modal {
  background-color: var(--_swatches---blanco);
  border-radius: 24px;
  max-width: 350px;
  padding: 24px;
}

.link-black {
  color: var(--_swatches---negro);
  font-weight: 500;
}

.nav-link-item-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  aspect-ratio: auto;
  color: #fff;
  cursor: pointer;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 20px;
  font-family: Fwc26 Condensed, Arial, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.registration-footer {
  width: 100%;
}

.footer-container {
  z-index: 1;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  position: relative;
}

.footer-container.social-component {
  color: var(--_swatches---blanco);
}

.footer-container.sponsors {
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.link-terms {
  color: var(--_swatches---negro);
  font-size: 14px;
  font-weight: 300;
}

.footer-language {
  background-color: var(--_swatches---blanco);
  border-radius: 1000px;
  display: flex;
}

.lang-link {
  color: var(--_swatches---negro);
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.lang-link.w--current {
  background-color: var(--_swatches---negro);
  color: var(--_swatches---blanco);
  border-radius: 100px;
}

.lang-link.active {
  background-color: var(--_swatches---negro);
  color: var(--_swatches---blanco);
  border-radius: 100px;
  text-decoration: none;
}

.spacer-xs {
  width: 100%;
  height: 24px;
}

@media screen and (max-width: 991px) {
  h6 {
    font-size: var(--responsive--h6);
  }

  .nav-bar-component {
    padding: 0;
  }

  .nav-bar-content {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: 12px 16px;
  }

  .nav-bar-icon.close-div {
    z-index: 10;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    -webkit-backdrop-filter: blur(5px) drop-shadow(0 2px 5px #000000b3);
    backdrop-filter: blur(5px) drop-shadow(0 2px 5px #000000b3);
    background-color: #ffffff4d;
    border-radius: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    display: flex;
    position: relative;
  }

  .nav-bar-icon.close-div:lang(es) {
    border-radius: 8px;
  }

  .nav-bar-links {
    z-index: 8;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--_swatches---blanco);
    width: 100vw;
    height: 100vh;
    color: var(--_swatches---negro-secondary);
    flex-flow: column;
    padding-top: 110px;
    padding-bottom: 60px;
    display: none;
    position: absolute;
    inset: 0 0% auto;
    overflow: scroll;
  }

  .nav-link-item {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    color: var(--_swatches---negro-secondary);
    font-size: var(--responsive--h6);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link-item.home-highlight {
    text-transform: none;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 90px;
    margin-left: 20px;
    padding: 8px 12px;
  }

  .nav-link-item.home-highlight.w--current {
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-weight: 300;
  }

  .nav-link-text.has-shadow {
    color: var(--_swatches---naranja);
    font-size: var(--responsive--h6);
    padding-left: 6px;
  }

  .nav-link-text.has-shadow.home {
    color: var(--_swatches---negro);
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-size: var(--responsive--body);
    text-transform: capitalize;
    font-weight: 300;
  }

  .nav-link-text.has-shadow.language, .nav-link-icon.has-shadow {
    display: none;
  }

  .nav-floating {
    z-index: 100;
    position: fixed;
    top: 0;
  }

  .nav-floating.absolute {
    position: fixed;
  }

  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-text.map-section {
    width: 100%;
  }

  .heading-is-condensed.dicover-heading {
    text-align: center;
    font-size: 30px;
  }

  .button.smaller {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: 50px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .og-flag.schedule-version {
    width: 40px;
  }

  .games-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .game-line {
    border-radius: 16px;
    padding: 16px 24px;
  }

  .game-line.line1 {
    padding: 16px 24px;
  }

  .game-teams {
    flex: 0 auto;
  }

  .schedule-team {
    width: 190px;
  }

  .schedule-match-teams {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .schedule-match-teams.finalstage {
    flex: 0 auto;
    width: auto;
  }

  .game-team {
    font-size: var(--responsive--h6);
  }

  .schedule-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .content-map-wrapper {
    flex-flow: column;
    display: flex;
    position: static;
  }

  .map-built {
    z-index: 2147483647;
    background-image: linear-gradient(to bottom, #d4d4d4b5, #d4d4d4b5), url('../images/charterhouse-dec_1charterhouse-dec.avif'), linear-gradient(to bottom, var(--_swatches---viola), var(--_swatches---viola));
    background-position: 0 0, 100% 0, 0 0;
    background-size: auto, contain, auto;
    flex-flow: column;
    width: 100%;
    height: 100vh;
    margin-top: -73px;
    padding: 44px 0 0;
    display: none;
    position: sticky;
    inset: 0%;
  }

  .map-space {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--_swatches---viola);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding-top: 0;
  }

  .collection-cards {
    grid-column-gap: 32px;
    grid-row-gap: 64px;
  }

  .card-item {
    flex: auto;
    min-width: auto;
    max-width: 30%;
  }

  .card-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .social-carousel {
    left: 24px;
  }

  .social-component {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .social-card {
    width: 240px;
    height: 320px;
  }

  .game-left-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mobility-item {
    flex: 1;
    width: auto;
    min-width: 40%;
    max-width: none;
  }

  .code-embed {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex: 1;
    height: auto;
    min-height: auto;
  }

  .heading-4rem {
    font-size: var(--responsive--h1);
  }

  .h4-v2 {
    font-size: var(--responsive--h4);
  }

  .promo {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-height: 200px;
    color: var(--_swatches---blanco);
    background-color: #f7f7f700;
    border: 1px #e0dddd;
    flex: 1;
    padding: 24px 16px;
  }

  .promo-content {
    flex-flow: row;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-11 {
    flex: 1;
    width: auto;
    height: auto;
    display: block;
  }

  .fixed-charterhose-dec {
    position: absolute;
  }

  .menu-drop {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    position: static;
  }

  .nav-link-item-dropped {
    text-transform: none;
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-weight: 300;
  }

  .nav-link-item-dropped.w--current {
    color: var(--_swatches---negro);
    text-align: left;
    border-radius: 4px;
    font-weight: 500;
  }

  .icon {
    font-family: Material Symbols Rounded, sans-serif;
  }

  .button-text {
    display: none;
  }

  .button-arrow {
    font-family: Material Symbols Rounded, sans-serif;
    font-size: var(--responsive--h4);
  }

  .close-hint-mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--_swatches---blanco);
    border-radius: 100px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 29px;
    font-size: 2.1rem;
    display: flex;
  }

  .open-map {
    font-family: Material Symbols Rounded, sans-serif;
    font-size: var(--responsive--h6);
  }

  .promo-titles {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: left;
    flex-flow: column;
    flex: 1;
    display: flex;
  }

  .city-map-title {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
  }

  .mobile-map-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 1;
    height: 100%;
  }

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

  .close-lines {
    width: 36px;
    height: 3px;
    color: var(--_swatches---negro);
    background-color: #272727;
    border-radius: 100px;
  }

  .close-lines:lang(es) {
    background-color: var(--_swatches---blanco);
  }

  .close-lines.bottom:lang(es), .close-lines.top:lang(es) {
    background-color: #272727;
  }

  .drop-link {
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-size: var(--responsive--body);
  }

  .nav-icon-link {
    z-index: 10;
    position: relative;
  }

  .movility-items {
    width: auto;
  }

  .nav-link-item-dropped-language {
    text-transform: uppercase;
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-weight: 300;
  }

  .nav-link-item-dropped-language.w--current {
    color: var(--_swatches---negro);
    text-align: left;
    border-radius: 4px;
    font-weight: 500;
  }

  .supporters-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .orange-group {
    font-size: var(--responsive--h6);
  }

  .map-controller {
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 32px;
    font-family: Material Symbols Rounded, sans-serif;
    font-size: 31px;
    display: flex;
  }

  .map-open-controller {
    z-index: 1000;
    background-color: var(--_swatches---naranja);
    width: 72px;
    height: 72px;
    color: var(--_swatches---blanco);
    text-align: center;
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    margin-top: 300px;
    margin-bottom: 0;
    font-family: Material Symbols Rounded, sans-serif;
    font-size: 40px;
    display: flex;
    position: sticky;
    inset: 200px auto 24px 88%;
    box-shadow: 0 2px 10px 7px #0000001f;
  }

  .embed-arrow, .cards-left {
    display: none;
  }

  .register-right {
    padding-left: 0;
  }

  .ocr {
    z-index: 1000;
    margin-top: 0;
  }

  .form-div.scanner {
    flex: 0 auto;
  }

  .success-message {
    padding-top: 48px;
    padding-left: 51px;
    padding-right: 51px;
  }

  .cards-left-mobile {
    display: none;
  }

  .nav-link-item-2 {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    color: #024b40;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    font-size: clamp(1.3rem, 1.4vw, 1.25rem);
  }

  .footer-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 767px) {
  .nav-bar-component {
    padding: 0;
  }

  .nav-bar-content {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: 12px 16px;
    position: relative;
  }

  .nav-bar-icon.close-div {
    z-index: 10;
    position: relative;
  }

  .nav-bar-icon.close-div.w--current {
    z-index: 10;
    width: 100px;
    position: relative;
  }

  .nav-bar-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--_swatches---blanco);
    width: 100vw;
    height: 100vh;
    color: var(--_swatches---negro-secondary);
    flex-flow: column;
    padding-top: 91px;
    position: absolute;
    inset: 0 0% auto;
  }

  .nav-link-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: var(--_swatches---negro-secondary);
    font-size: var(--responsive--h6);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link-text {
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-size: var(--responsive--body);
    text-transform: capitalize;
    font-weight: 300;
  }

  .nav-link-text.has-shadow {
    color: var(--_swatches---naranja);
    font-family: Fwc26 Condensed, Arial, sans-serif;
    font-size: var(--responsive--h6);
    flex-flow: row;
    font-weight: 400;
    line-height: 120%;
    display: block;
  }

  .nav-link-text.has-shadow.language, .nav-link-icon.has-shadow {
    display: none;
  }

  .section.preefoter {
    height: auto;
  }

  .two-columns {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
  }

  .button.smaller.green.mob-outline {
    background-color: var(--_swatches---gris-claro);
    color: var(--_swatches---negro-secondary);
  }

  .title-container.is-centered, .title-container.cultural {
    text-align: center;
  }

  .og-flag.schedule-version {
    width: 54px;
  }

  .game-line {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .game-line.purble-line.line-4, .game-line.purble-line.line-5 {
    max-height: none;
  }

  .game-group {
    text-align: center;
    min-width: auto;
  }

  .game-group.rounds {
    justify-content: center;
    align-items: center;
    min-width: 150px;
  }

  .game-date {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .game-cta {
    justify-content: center;
    align-items: center;
  }

  .schedule-match-teams {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .game-team {
    font-size: var(--responsive--h3);
    display: none;
  }

  .game-team.mobile {
    display: block;
  }

  .collection-cards {
    grid-column-gap: 4%;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-item {
    max-width: 47%;
  }

  .tab-link {
    height: 40px;
  }

  .text-carousel {
    top: 15px;
  }

  .preefoter-text {
    font-size: var(--responsive--display);
  }

  .footer {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    padding-top: 64px;
  }

  .footer-columns {
    flex-flow: row;
    display: flex;
  }

  .footer-link {
    font-size: 2rem;
  }

  .footer-col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-logo-col {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .social-carousel {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .social-links-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .game-left-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    width: auto;
  }

  .mobility-item {
    flex: none;
    width: 100%;
    min-width: auto;
  }

  .menu-drop {
    background-color: #f5f5f500;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: static;
  }

  .menu-drop.language {
    display: flex;
  }

  .button-text {
    display: block;
  }

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

  .drop-link {
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-size: var(--responsive--body);
    text-transform: capitalize;
    font-weight: 300;
  }

  .nav-icon-link {
    width: 130px;
  }

  .supporters-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .orange-group {
    text-align: center;
    font-size: 1.5rem;
  }

  .embed-arrow {
    display: none;
  }

  .sponsors-desktop {
    max-width: 100%;
    display: block;
  }

  .success-title {
    font-size: 28px;
    line-height: 38px;
  }

  .success-message {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-link-item-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #024b40;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    font-size: clamp(1.3rem, 1.4vw, 1.25rem);
  }
}

@media screen and (max-width: 479px) {
  .text-small.responsive {
    font-size: 3.2vw;
  }

  .text-lead.bold {
    font-size: var(--responsive--lead);
    line-height: 150%;
  }

  .text-lead.bold.time-date {
    font-size: var(--responsive--lead);
  }

  .nav-bar-component {
    z-index: 200;
    position: relative;
  }

  .nav-bar-icon.close-div {
    width: 68px;
    height: 40px;
  }

  .nav-bar-links {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .nav-link-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-link-text.has-shadow {
    font-size: var(--responsive--body);
    padding-left: 11px;
  }

  .nav-link-text.has-shadow.home {
    padding-left: 0;
  }

  .spacer-l.mobile-xl {
    height: var(--_spacing---xl);
  }

  .container.sponsors {
    width: 95%;
  }

  .container.registration {
    padding-left: 0;
    padding-right: 0;
  }

  .two-columns, .two-columns.inverted {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .content-text.map-section {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .heading-is-condensed.dicover-heading {
    font-size: 6vw;
  }

  .button.smaller, .button.smaller.green {
    flex: 1;
  }

  .button.smaller.green.mob-outline {
    background-color: var(--_swatches---blanco);
    color: var(--_swatches---negro-secondary);
    border: 1.5px solid #000;
    flex: 1;
  }

  .button.white {
    font-size: 14px;
  }

  .title-container.is-centered.max-900 {
    width: 100%;
  }

  .title-container.cultural {
    text-align: left;
  }

  .og-flag.schedule-version {
    order: -9999;
    width: 50px;
  }

  .dark-green-font {
    word-break: normal;
  }

  .dark-green-font.full {
    width: 100%;
  }

  .games-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .game-line {
    padding: 24px 16px;
  }

  .game-line.line1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 24px 16px;
    box-shadow: 0 0 10px 5px #024b4033;
  }

  .game-line.line-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .game-line.line-3 {
    border-radius: 24px;
  }

  .game-group:lang(es), .game-group.rounds {
    justify-content: center;
    align-items: center;
  }

  .game-date {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
  }

  .game-cta {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }

  .schedule-team {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    flex: none;
    width: auto;
  }

  .schedule-team.left {
    width: auto;
  }

  .schedule-match-teams {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    max-width: 290px;
  }

  .orange.endgame {
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
  }

  .game-team {
    font-size: var(--responsive--h5);
    display: none;
  }

  .game-team.mobile {
    font-size: var(--responsive--h3);
    display: flex;
  }

  .schedule-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }

  .map-built, .map-built:lang(es) {
    display: none;
  }

  .collection-cards {
    grid-row-gap: 32px;
    overflow: visible;
  }

  .card-item {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .card-image {
    min-height: 240px;
  }

  .card-text {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 20px;
    padding-right: 0;
  }

  .tabs-menu {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: 23px;
    flex-flow: column;
    width: 100%;
    max-width: 360px;
    position: relative;
    overflow: auto;
  }

  .tab-link {
    width: 100%;
    min-width: auto;
    height: 48px;
    font-size: var(--responsive--lead);
    border: 1px solid #ebebeb;
    border-radius: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .tab-link.w--current {
    border-radius: 16px;
    flex: none;
  }

  .tabs {
    width: 100%;
  }

  .footer {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .footer-columns {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .footer-col {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-runner-logo {
    justify-content: flex-start;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .game-left-info {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .spacer-xx-small {
    display: none;
  }

  .paragraph-1 {
    text-align: left;
    max-width: none;
  }

  .content {
    width: 100%;
  }

  .sponsors-mobile {
    max-width: 170px;
    display: block;
  }

  .promo {
    max-height: 170px;
  }

  .div-block-11 {
    max-width: 33%;
  }

  .fixed-charterhose-dec {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200%;
  }

  .red {
    font-size: var(--responsive--h6);
  }

  .button-text {
    display: block;
  }

  .match-time {
    font-size: var(--responsive--h5);
  }

  .time-date {
    font-size: var(--responsive--lead);
  }

  .movility-items {
    width: 100%;
    max-width: none;
  }

  .no-caps.register-title, .no-caps.success-title, .no-caps.camara-off-title {
    text-align: left;
    font-family: Fwc26 Normal, Arial, sans-serif;
    font-size: clamp(1.5rem, 1.6vw, 1.5rem);
    font-weight: 700;
  }

  .timezone {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .timezone:lang(es) {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .timez:lang(es) {
    font-size: var(--responsive--lead);
  }

  .red-group {
    font-size: var(--responsive--h6);
  }

  .orange-group {
    font-size: 1.5rem;
  }

  .map-open-controller {
    left: 80%;
  }

  .non-mobile {
    display: none;
  }

  .smartphone-img {
    width: 180px;
    display: block;
  }

  .embed-arrow, .sponsors-desktop {
    display: none;
  }

  .endgame-score {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-2 {
    position: relative;
    top: -28px;
  }

  .register-section {
    padding-top: 24px;
    padding-bottom: 0;
    overflow: hidden;
  }

  .card-dummie {
    border-radius: 10px;
    width: 180px;
  }

  .fan-festival-logo {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .cards-columns {
    flex-flow: column;
  }

  .cards-left {
    z-index: 1;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100vw;
    max-height: 200px;
    padding-top: 32px;
    position: relative;
  }

  .register-right {
    z-index: 2;
    position: relative;
  }

  .register-fields {
    padding-top: 0;
  }

  .ocr {
    z-index: 10;
    position: relative;
  }

  .register-form {
    border-radius: 28px 28px 0 0;
  }

  .field-label {
    font-size: .9rem;
  }

  .form-div {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .form-fields-wrapper {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 32px 24px 64px;
    box-shadow: 0 -10px 10px 5px #5f39070f;
  }

  .div-block-21 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .register-card-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 24px;
  }

  .card-colours {
    display: none;
  }

  .fan-festival-mobile-header {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .card-dummies-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    display: flex;
    position: relative;
    left: -49px;
  }

  .validator-text {
    color: #472800;
    font-size: .8rem;
  }

  .registration-paragraph {
    font-size: var(--responsive--small);
    text-align: left;
  }

  .card-detail-wrapper {
    z-index: 21;
  }

  .card-detail-pop-up {
    top: 26px;
    left: -14px;
  }

  .thank-you-wrapper {
    justify-content: flex-start;
    align-items: stretch;
  }

  .success-message {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    padding-top: 40px;
  }

  .tabs-content {
    box-shadow: none;
  }

  .card-dummie-2 {
    border-radius: 10px;
    width: 180px;
  }

  .card-dummie-2.hidden-card {
    border-radius: 12px;
    display: block;
  }

  .cards-left-mobile {
    z-index: 1;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100vw;
    max-height: 200px;
    padding-top: 32px;
    display: flex;
    position: relative;
  }

  .card-dummies-wrapper-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: auto;
    display: flex;
    position: relative;
    left: -49px;
  }

  .success--parapgraph {
    font-size: var(--responsive--small);
    text-align: left;
  }

  .success--parapgraph.details-success {
    text-align: left;
  }

  .error-overlay {
    background-color: #0e0801b3;
    justify-content: center;
    align-items: flex-start;
    padding-top: 120px;
  }

  .error-modal {
    width: 90%;
    position: sticky;
    top: 20px;
  }

  .nav-link-item-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-container {
    padding-bottom: 24px;
  }

  .footer-container.sponsors {
    width: 95%;
  }

  .footer-container.registration {
    padding-left: 0;
    padding-right: 0;
  }
}


@font-face {
  font-family: 'Fwc26 Condensed';
  src: url('../fonts/FWC26-CondensedBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fwc26 Condensed';
  src: url('../fonts/FWC26-CondensedMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fwc26 Normal';
  src: url('../fonts/FWC26-NormalLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fwc26 Normal';
  src: url('../fonts/FWC26-NormalBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fwc26 Normal';
  src: url('../fonts/FWC26-NormalMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fwc26 Expanded';
  src: url('../fonts/FWC26-ExpandedBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fwc26 UltraCondensed';
  src: url('../fonts/FWC26-UltraCondensedBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fwc26 Semiexpanded';
  src: url('../fonts/FWC26-SemiExpandedBlack.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fwc26 Normal';
  src: url('../fonts/FWC26-NormalRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}