body {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  background: #56768f 0% 0% no-repeat padding-box;
}

aside {
    z-index: 50;
}

.btn-madfenix {
    border-radius: 25px 0px;
}

.btn-madfenix-icon {
    border-radius: 10px 0px;
}

#video-logomadfenix, #image-logomadfenix {
    width: 100vw;
    max-height: 80vh;
    object-fit: cover;
}

#video-storemadfenix, #image-storemadfenix {
    width: 100%;
    object-fit: cover;
}

#title-nuestra-mision {
    opacity: 1;
}
#container-nuestra-mision {
    max-width: 50vw;
    font-weight: 600;
    /* UI Properties */
    border-radius: 35px 0px;
    opacity: 1;
}
@media screen and (max-width: 768px) {
    #container-nuestra-mision {
        max-width: 100vw;
    }
}

.container-movemos-comunidades-modulos {
    font-weight: 600;
    /* UI Properties */
    border-radius: 35px 0px;
    opacity: 1;
}

.contenedor-botones-formularios {
    margin-top: -30px;
}
.contenedor-boton-left-formularios {
    margin-left: -30px;
}
.contenedor-boton-right-formularios {
    margin-right: -30px;
}

.title-season {
    text-shadow: 0px 10px 6px #000000B0;
}

.lvl-season-reward {
    font-size: 80px !important;
    font-family: "Manrope", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.text-size-token-store {
    font-size: 40px;
}

.v-application--wrap {
  min-height: 60vh !important;
  margin-top: 30px;
}

.manrope-regular {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.saira-normal {
    font-family: "Saira", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.saira-medium {
    font-family: "Saira", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

h1, h2, h3, h4, h5 {
    text-transform: uppercase;
    font-family: "Saira", serif;
    font-optical-sizing: auto;
    font-weight: bold !important;
    font-style: normal;
    font-size: 42px !important;
    line-height: 2.50rem !important;
}
h3, h4, h5 {
    font-size: 22px !important;
    line-height: 1.50rem !important;
}
h6 {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 22px !important;
}
@media screen and (max-width: 768px) {
    h1, h2, h3, h4, h5, h6 {
        font-size: 32px !important;
    }
}

.text-size-token {
    font-size: 46px !important;
}
.text-size-token-number {
    font-size: 60px !important;
}
.botones-tokens {
    margin-right: -50px !important;
}
@media screen and (max-width: 768px) {
    .text-size-token {
        font-size: 32px !important;
    }
    .text-size-token-number {
        font-size: 60px !important;
    }
    .botones-tokens {
        margin-right: 0px !important;
    }
}

.text-outline {
  text-shadow:
          -4px -4px 0 black,
          4px -4px 0 black,
          -4px  4px 0 black,
          4px  4px 0 black;
}

.background-subcategories {
    /* UI Properties */
    background: #56768f 0% 0% no-repeat padding-box;
    border-radius: 20px 0px;
    opacity: 0.56;
}

.background-destino {
    /* UI Properties */
    background-color: rgba(22, 22, 22, 0.5)
}

.capitalize-first::first-letter {
    text-transform: uppercase;
}
.capitalize-first {
    text-transform: lowercase;
}