:root {
    /*colors-glowme */
    --gm-white: #FFF;
    --gm-black: #000;
    --gm-pink: #ff71b8;
    --gm-purple: #9779c9;
    --gm-pastelpink: #ffeef5;
    --gm-pastelblue: #dcf7f5;
    --gm-dark: #251f22;
    --gm-radius: 15px;
    --gm-radius-btn: 25px;
    --gm-line-height: 1.3;
    /* rgb */
    --gm-pink-rgb: 255,113,184;
    --gm-purple-rgb: 151,121,201;
    --gm-pastelpink-rgb: 255,238,245;
    --gm-pastelblue-rgb: 220,247,245;
    --gm-dark-rgb: 37,31,34;
    
    /* --gm-go-icon: url("../img/register/icon-go-pink.png"); */
    --gm-dollar-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODggNTEyIj48IS0tIEZvbnQgQXdlc29tZSBQcm8gNS4xNS40IGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIC0tPjxwYXRoIGQ9Ik0yMDkuMiAyMzMuNGwtMTA4LTMxLjZDODguNyAxOTguMiA4MCAxODYuNSA4MCAxNzMuNWMwLTE2LjMgMTMuMi0yOS41IDI5LjUtMjkuNWg2Ni4zYzEyLjIgMCAyNC4yIDMuNyAzNC4yIDEwLjUgNi4xIDQuMSAxNC4zIDMuMSAxOS41LTJsMzQuOC0zNGM3LjEtNi45IDYuMS0xOC40LTEuOC0yNC41QzIzOCA3NC44IDIwNy40IDY0LjEgMTc2IDY0VjE2YzAtOC44LTcuMi0xNi0xNi0xNmgtMzJjLTguOCAwLTE2IDcuMi0xNiAxNnY0OGgtMi41QzQ1LjggNjQtNS40IDExOC43LjUgMTgzLjZjNC4yIDQ2LjEgMzkuNCA4My42IDgzLjggOTYuNmwxMDIuNSAzMGMxMi41IDMuNyAyMS4yIDE1LjMgMjEuMiAyOC4zIDAgMTYuMy0xMy4yIDI5LjUtMjkuNSAyOS41aC02Ni4zQzEwMCAzNjggODggMzY0LjMgNzggMzU3LjVjLTYuMS00LjEtMTQuMy0zLjEtMTkuNSAybC0zNC44IDM0Yy03LjEgNi45LTYuMSAxOC40IDEuOCAyNC41IDI0LjUgMTkuMiA1NS4xIDI5LjkgODYuNSAzMHY0OGMwIDguOCA3LjIgMTYgMTYgMTZoMzJjOC44IDAgMTYtNy4yIDE2LTE2di00OC4yYzQ2LjYtLjkgOTAuMy0yOC42IDEwNS43LTcyLjcgMjEuNS02MS42LTE0LjYtMTI0LjgtNzIuNS0xNDEuN3oiLz48L3N2Zz4=");
    --gm-dollar-icon2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTYwIDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJWNjcuN2MxLjYgLjIgMy4xIC40IDQuNyAuN2MuNCAuMSAuNyAuMSAxLjEgLjJsNDggOC44YzE3LjQgMy4yIDI4LjkgMTkuOSAyNS43IDM3LjJzLTE5LjkgMjguOS0zNy4yIDI1LjdsLTQ3LjUtOC43Yy0zMS4zLTQuNi01OC45LTEuNS03OC4zIDYuMnMtMjcuMiAxOC4zLTI5IDI4LjFjLTIgMTAuNy0uNSAxNi43IDEuMiAyMC40YzEuOCAzLjkgNS41IDguMyAxMi44IDEzLjJjMTYuMyAxMC43IDQxLjMgMTcuNyA3My43IDI2LjNsMi45IC44YzI4LjYgNy42IDYzLjYgMTYuOCA4OS42IDMzLjhjMTQuMiA5LjMgMjcuNiAyMS45IDM1LjkgMzkuNWM4LjUgMTcuOSAxMC4zIDM3LjkgNi40IDU5LjJjLTYuOSAzOC0zMy4xIDYzLjQtNjUuNiA3Ni43Yy0xMy43IDUuNi0yOC42IDkuMi00NC40IDExVjQ4MGMwIDE3LjctMTQuMyAzMi0zMiAzMnMtMzItMTQuMy0zMi0zMlY0NDUuMWMtLjQtLjEtLjktLjEtMS4zLS4ybC0uMiAwIDAgMGMtMjQuNC0zLjgtNjQuNS0xNC4zLTkxLjUtMjYuM2MtMTYuMS03LjItMjMuNC0yNi4xLTE2LjItNDIuMnMyNi4xLTIzLjQgNDIuMi0xNi4yYzIwLjkgOS4zIDU1LjMgMTguNSA3NS4yIDIxLjZjMzEuOSA0LjcgNTguMiAyIDc2LTUuM2MxNi45LTYuOSAyNC42LTE2LjkgMjYuOC0yOC45YzEuOS0xMC42IC40LTE2LjctMS4zLTIwLjRjLTEuOS00LTUuNi04LjQtMTMtMTMuM2MtMTYuNC0xMC43LTQxLjUtMTcuNy03NC0yNi4zbC0yLjgtLjcgMCAwQzExOS40IDI3OS4zIDg0LjQgMjcwIDU4LjQgMjUzYy0xNC4yLTkuMy0yNy41LTIyLTM1LjgtMzkuNmMtOC40LTE3LjktMTAuMS0zNy45LTYuMS01OS4yQzIzLjcgMTE2IDUyLjMgOTEuMiA4NC44IDc4LjNjMTMuMy01LjMgMjcuOS04LjkgNDMuMi0xMVYzMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnoiLz48L3N2Zz4=");
    --gm-check-icon-pink: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6IiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMTEzLCAxODQpOyIvPgo8L3N2Zz4=");
    --gm-check-icon-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    --gm-heart-icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNDk2IDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjQ4IDhDMTExLjEgOCAwIDExOS4xIDAgMjU2czExMS4xIDI0OCAyNDggMjQ4IDI0OC0xMTEuMSAyNDgtMjQ4UzM4NC45IDggMjQ4IDh6bTExNC42IDIyNi40bC0xMTMgMTUyLjctMTEyLjctMTUyLjdjLTguNy0xMS45LTE5LjEtNTAuNCAxMy42LTcyIDI4LjEtMTguMSA1NC42LTQuMiA2OC41IDExLjkgMTUuOSAxNy45IDQ2LjYgMTYuOSA2MS43IDAgMTMuOS0xNi4xIDQwLjQtMzAgNjguMS0xMS45IDMyLjkgMjEuNiAyMi42IDYwIDEzLjggNzJ6IiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMTEzLCAxODQpOyIvPgo8L3N2Zz4=");
    --gm-sync-icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNIDM3MC43MiAzNzguNzIgQyAzMzkuNDU4IDQwNy45OTIgMjk4Ljg4OCA0MjQuMDM4IDI1NS44NDggNDI0IEMgMTc4LjM5IDQyMy45MzIgMTExLjUyIDM3MC44MjIgOTMuMDU3IDI5Ny4xNSBDIDkxLjcxMyAyOTEuNzg3IDg2LjkzNSAyODggODEuNDA2IDI4OCBMIDI0LjEwMyAyODggQyAxNi42MDUgMjg4IDEwLjkwOSAyOTQuODA3IDEyLjI5NiAzMDIuMTc2IEMgMzMuOTMzIDQxNy4wNzYgMTM0LjgxMyA1MDQgMjU2IDUwNCBDIDMyMi40NDggNTA0IDM4Mi43OTEgNDc3Ljg2NCA0MjcuMzE1IDQzNS4zMTUgTCA0NjMuMDMgNDcxLjAzIEMgNDc4LjE0OSA0ODYuMTQ5IDUwNCA0NzUuNDQxIDUwNCA0NTQuMDU5IEwgNTA0IDMyMCBDIDUwNCAzMDYuNzQ1IDQ5My4yNTUgMjk2IDQ4MCAyOTYgTCAzNDUuOTQxIDI5NiBDIDMyNC41NTkgMjk2IDMxMy44NTEgMzIxLjg1MSAzMjguOTcgMzM2Ljk3MSBMIDM3MC43MiAzNzguNzIgTCAzNzAuNzIgMzc4LjcyIFogTSAzMiAyMTYgTCAxNjYuMDU5IDIxNiBDIDE4Ny40NDEgMjE2IDE5OC4xNDkgMTkwLjE0OSAxODMuMDMgMTc1LjAyOSBMIDE0MS4yOCAxMzMuMjc5IEMgMTcyLjU0MiAxMDQuMDA2IDIxMy4xMTUgODcuOTYgMjU2LjE1NiA4Ny45OTkgQyAzMzMuNTc0IDg4LjA2OSA0MDAuNDcxIDE0MS4xNDMgNDE4Ljk0MyAyMTQuODQ4IEMgNDIwLjI4NyAyMjAuMjExIDQyNS4wNjUgMjIzLjk5OCA0MzAuNTk0IDIyMy45OTggTCA0ODcuODk4IDIyMy45OTggQyA0OTUuMzk2IDIyMy45OTggNTAxLjA5MiAyMTcuMTkxIDQ5OS43MDUgMjA5LjgyMiBDIDQ3OC4wNjcgOTQuOTI0IDM3Ny4xODcgOCAyNTYgOCBDIDE4OS41NTIgOCAxMjkuMjA5IDM0LjEzNiA4NC42ODUgNzYuNjg1IEwgNDguOTcgNDAuOTcgQyAzMy44NTEgMjUuODUxIDggMzYuNTU5IDggNTcuOTQxIEwgOCAxOTIgQyA4IDIwNS4yNTUgMTguNzQ1IDIxNiAzMiAyMTYgWiIgc3R5bGU9ImZpbGw6IHJnYigxNTEsIDEyMSwgMjAxKTsgdHJhbnNmb3JtLW9yaWdpbjogMjU2cHggMjU2cHg7IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwgMCwgMCwgLTEsIDAuMDAwMDA3NjI5Mzk1LCAwLjAwMDAzODE0Njk3MykiLz4KPC9zdmc+");
}
@font-face {
    font-family: abrilfatface-regular;
    src: url("../font/AbrilFatface-Regular.ttf");
}

@font-face {
    font-family: cerapro-regular;
    src: url("../font/CeraPro-Regular.ttf");
}

@font-face {
    font-family: cerapro-bold;
    src: url("../font/CeraPro-Bold.ttf");
}

@font-face {
    font-family: cerapro-light;
    src: url("../font/CeraPro-Light.ttf");
}

* {
    box-sizing: border-box;
}

body,
html {
    margin: 0;
    padding: 0;
    position: relative;
    color: var(--gm-dark);
    font-family: cerapro-regular;
    background: var(--gm-pastelpink);
}
body {
    background: rgba(var(--gm-pastelblue-rgb), .9);
    background: linear-gradient(90deg, rgba(220,247,245,0.9) 25%, rgba(255,113,184,0.5) 50%, rgba(151,121,201,0.4) 90%),
    linear-gradient(217deg, rgba(220,247,245,0.9) 25%, rgba(255,113,184,0.5) 50%, rgba(var(--gm-pastelblue-rgb),0.4) 90%);
}

html {
    scroll-behavior: smooth;
}
.nav-item.profile {
    margin-top: unset;
}

/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(var(--gm-purple-rgb), .05); 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(var(--gm-purple-rgb), .50); 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--gm-purple-rgb), 1); 
  }

  #loadingPage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    color: var(--gm-pink);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
}

.loadingPageSpinner {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0;
    height: auto;
}
.loadingPageSpinner small {
    font-weight: 800!important;
}
.spinner-border {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    font-weight: 800;
    font-family: abrilfatface-regular;
}
  .cofepris {
    font-size: 18px;
    font-weight: 600;
  }

  .cofepris-header {
    text-align: center;
    padding: 0 30px;
    border-radius: unset;
    transition: all 0.3s;
    font-size: 16px;
  }

  .referenceContent span {
    text-align: justify;
    margin: 0 0 16px 0;
  }
  .referenceContent span a{
    word-break: break-all;
  }

  .form-check-input:disabled {
    opacity: 0;
  }

  .dropdown-menu.show {
    height: unset;
    overflow: hidden;
    overflow-y: scroll;
  }

  .gm-loader {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1052;
    margin: 0 auto;
    transition: all .3s ease-in-out;
    background-color: rgba(255,255,255, .75);
  }
  .gm-loader.active {
    display: block;
  }
  .gm-loader>span,
  .gm-loader>div {
      position: relative;
      top: 30%;
      left: 50%;
  }
  .gm-loader>span {
      width: 48px;
      height: 48px;
      border: 5px solid rgba(var(--gm-purple-rgb), .25);
      border-bottom-color: var(--gm-purple);
      border-radius: 50%;
      display: inline-block;
      box-sizing: border-box;
      animation: rotation 1s linear infinite;
      box-shadow: 0 0 6px 1px rgba(var(--gm-purple-rgb), 0.15);

  }
  .gm-loader>div {
    
    top: 32%!important;
    display: inline-block;
      color: var(--gm-purple);
      font-weight: 800;
      font-size: 20px;
      transform: translateX(-65%);
  }

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

  input[type="password"] {
        font: small-caption;
        font-size: 16px;
    }
.card-body {
    min-height: unset;
}
.no-available {
    width: 100%;
    position: relative;
    text-align: center;
    border-radius: 10px;
    padding: 24px 0;
    background: linear-gradient(white, rgba(var(--gm-purple-rgb), 0.05));
}
.no-available.no-bg {
    background: transparent;
}
.no-available>img {
    width: 100%;
    height: 60px;
    object-fit: contain;
    margin-bottom: 24px;
}
.no-available>span {
    font-weight: 600;
    font-size: 16px;
    line-height: 0;
    text-transform: uppercase;
    color: rgba(var(--gm-purple-rgb), 0.50);
}
.hidden {
    visibility:hidden;
    opacity: 0;
    -moz-transition: opacity .2s, visibility 1s;
    -webkit-transition: opacity .2s, visibility 1s;
    -o-transition: opacity .2s, visibility 1s;
    transition: opacity .2s, visibility 1s;
}
.shown {
    visibility:visible;
    opacity: 1;
    -moz-transition: opacity .2s, visibility 1s;
    -webkit-transition: opacity .2s, visibility 1s;
    -o-transition: opacity .2s, visibility 1s;
    transition: opacity .2s, visibility 1s;
}

.gm-message-response {
    width: 100%;
    margin: 6px 0;
    text-align: center!important;
}
.gm-invalid-message {
    display: block;
    width: 100%;
    text-align: left;
    font-size: .885em;
    color: #dc3545;
    font-weight: 600;
    line-height: 1;
    padding: 5px;
    margin-top: 6px;
}
.gm-invalid-message.white {
    background-color: white!important;
}
.gm-invalid-message.success {
    color: #009688!important;
}
.gm-invalid-message.loading {
    color: var(--gm-purple)!important;
}

.gm-invalid-message.paypal {
    font-size: 18px!important;
    color: #003087!important;
}

.gm-mb-65 {
    margin: 0 0 65px 0;
}

a[disabled="disabled"] {
    pointer-events: none!important;
    opacity: 0.50;
    font-style: italic!important;
}

.icon-go-purple {
    width: 14px;
    height: auto;
    filter: brightness(100);
}
.content-unavailable {
    width: 100%;
    height: 50vh;
    gap: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content-unavailable>img {
    width: 140px;
    height: auto;
}
.content-unavailable>span {
    text-align: center;
    font-size: 20px;
    line-height: 1;
}

.modal .modal-footer,
.modal .modal-header {
    border-color: transparent;
}
.modal .modal-header.login {
    position: relative;
    flex-direction: column;
    padding: 45px 16px 16px;
}
.modal .modal-header.login>span {
    color: var(--gm-purple);
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;
}
.modal-header.login .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 1;
    width: 24px;
    height: 24px;
}
.modal-header.login .btn-close {
    box-shadow: unset;
}
.btn-close.gm-login {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: .5;
}

.gm-join-now {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0 0 24px
}
.gm-link-forgot-password,
.gm-link-forgot-password:hover,
.gm-link-forgot-password:active {
    font-size: 14px;
    color: var(--gm-pink);
}
.gm-link-to-login,
.gm-link-to-login:hover,
.gm-link-to-login:active {
    font-size: 14px;
    color: var(--gm-dark);
    text-decoration: none;
}
.modal .modal-dialog.login.modal-sm  {
    --bs-modal-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contentForm,
.modal-content>.contentForm {
    position: absolute;
}

.gm-nav-link {
    width: 40px;
    color: var(--gm-pink);
}

.gm-nav-link>i {
    font-size: 28px;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: unset;
}

.asyncImage {
    object-fit: contain!important;
    object-position: center center!important;
    margin: auto auto auto 4px;
}
.asyncImage.challenge,
.asyncImage.workout {
    object-fit: cover!important;
    object-position: top center!important;
}
.menu-challenge {
    align-items: end;
    justify-content: start;
    flex-direction: column;
    gap: 12px;
}
input.form-control.gm-input.purple {
    width: 100%;
    min-height: 45px;
    max-width: 100%;
    color: var(--gm-dark);
    border-radius: 7px;
    border: 1px solid transparent;
    background: rgba(var(--gm-purple-rgb), .15);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem; 
    transition: all .3s ease;
    font-family: cerapro-regular;
}
form select.gm-input.purple {
    width: 100%;
    min-height: 40px;
    max-width: 100%;
    border-radius: 7px;
    border: 1px solid transparent;
    background: rgba(var(--gm-purple-rgb), .15);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    appearance: none;
    color: var(--gm-dark);
    background-image: url(../img/tracking/drop1.png)!important;
    background-repeat: no-repeat!important;
    background-position: right 15px top 50%!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s ease;
}

.gm-search-wrapper>div {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: end;
    align-items: center;
}
.gm-search-wrapper>span {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: var(--gm-purple);
    padding: 0 12px;
    text-align: right;
}
.gm-search {
    display: inline-block;
    height: 100%;
    /* max-width: 320px; */
    padding: 6px 30px;
    border-radius: 20px 0 0 20px;
    border: 1px solid rgba(var(--gm-purple-rgb), .30);
    border-right: unset;
    background: rgba(var(--gm-purple-rgb), 0.12);
}
.gm-btn-search {
    width: 40px;
    height: 100%;
    border: 1px solid rgba(var(--gm-purple-rgb), .30);
    border-radius: 0 20px 20px 0;
    border-left: unset;
    background: rgba(var(--gm-purple-rgb), 0.12);
}
/* ced4da */
.gm-btn-search img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gm-search.form-control:focus {
    color: var(--gm-dark);
    border-color: rgba(var(--gm-purple-rgb), .30);
    background: rgba(var(--gm-purple-rgb), 0.12);
    outline: 0;
    box-shadow: 0 0 6px 1px rgba(var(--gm-purple-rgb), 0.15);
    -webkit-clip-path: inset(-5px 0px -5px -5px);
    clip-path: inset(-5px 0px -5px -5px);
}
.gm-search.form-control:focus ~ button {
    box-shadow: 0 0 6px 1px rgba(var(--gm-purple-rgb), 0.15);
    -webkit-clip-path: inset(-5px -5px -5px 0);
    clip-path: inset(-5px -5px -5px 0);
}
.btn.gm-btn-search:hover,
.btn.gm-btn-search:focus {
    border-color: rgba(var(--gm-purple-rgb), .30);
    background: rgba(var(--gm-purple-rgb), 0.12);
}

.gm-search-wrapper.detail {
    display: block;
    width: 50%;
}
.gm-search-wrapper.detail .gm-search {
    background-color: white;
}

.gm-search-wrapper.detail .gm-search:disabled {
    opacity: 0.65;
}

/* buttons-glowme --------------------- */
/* .gm-payment {
    border-color: transparent!important;
} */
.gm-payment>* {
    cursor: pointer!important;
}
.gm-auto {
    display: inline-block!important;
    width: auto!important;
    max-width: unset!important;
}
.gm-link-purple {
    border-radius: unset;
    color: var(--gm-purple);
    padding: unset;
    font-weight: 600;
    border-bottom: 2px solid var(--gm-purple);
}
.gm-btn-pink,
.gm-btn-purple,
.gm-btn-default {
    z-index: 1!important;
    width: auto;
    min-width: auto;
    font-family: cerapro-regular;
    border-radius: var(--gm-radius-btn);
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    display: flex;
    justify-content: center;
}
.gm-btn-pink.gm-login.purple {
    background: var(--gm-purple);
    border-color: var(--gm-purple);
}

.gm-btn-pink {
    color: var(--gm-white);
    background-color: var(--gm-pink);
    border-color: var(--gm-pink);
    white-space: nowrap;
}

.gm-btn-purple {
    width: 95%;
    color: var(--gm-white);
    background: var(--gm-purple);
    border-color: var(--gm-purple);
}

.gm-btn-default {
    color: var(--gm-dark);
    background-color: transparent;
    border-color: rgba(var(--gm-dark-rgb), 0.50)
}

.btn.gm-btn-pink:hover,
.btn.gm-btn-pink:active {
    outline: 0;
    color: var(--gm-white);
    background: var(--gm-pink);
    border-color: var(--gm-pink);
    box-shadow: 0 0 0 0.25rem rgba(var(--gm-pink-rgb), 0.25)
}

.btn.gm-btn-purple:hover,
.btn.gm-btn-purple:active,
.btn.gm-btn-pink.purple:hover,
.btn.gm-btn-pink.purple:active {
    outline: 0;
    color: var(--gm-white);
    background: var(--gm-purple);
    border-color: var(--gm-purple);
    box-shadow: 0 0 0 0.25rem rgba(var(--gm-purple-rgb), 0.25)
}

.btn.gm-btn-default:hover,
.btn.gm-btn-default:active {
    outline: 0;
    border-color: rgba(var(--gm-dark-rgb), 0.35);
    box-shadow: 0 0 0 0.25rem rgba(var(--gm-dark-rgb), 0.10)
}
.btn.gm-btn-default.gm-payment:hover, .btn.gm-btn-default.gm-payment:active {
    box-shadow: unset;
    background: rgba(var(--gm-dark-rgb), 0.10);
    filter: brightness(0.95);
}

/* select -------------------------- */
select.gm-select {
    width: 100%;
    min-height: 40px;
    max-width: 100%;
    border-radius: 7px;
    border: 1px solid transparent;
    background: rgba(var(--gm-purple-rgb), .15);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    appearance: none;
    color: var(--gm-dark);
    background-image: url(../img/tracking/drop1.png)!important;
    background-repeat: no-repeat!important;
    background-position: right 15px top 50%!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s ease;
}
select.gm-select:focus {
    outline: 0;
    border-color: var(--gm-purple);
    box-shadow: 0 0 0 0.25rem rgba(var(--gm-purple-rgb), 0.25);
    background: rgba(var(--gm-purple-rgb), .15);
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: unset;
    border-top-left-radius: 25px!important;
    border-bottom-left-radius: 25px!important;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 25px!important;
    border-bottom-right-radius: 25px!important;
}
.plan-card  .gm-custom-consult {
    grid-column: 1/4;
}

/* cookies ------------------------------- */
.gm-cookies {
    position: relative;
    background: var(--gm-pink);
    z-index: 3;
}
.gm-cookies>p {
    color: var(--gm-white);
    font-size: 14px;
    margin: 0;
    text-align: center;
    padding: 6px 12px;
    line-height: var(--gm-line-height);
}

.gm-cookies>p>a {
    color: var(--gm-white);
    text-decoration: none;
    border-bottom: 1px solid var(--gm-white);
}

.gm-cookies>p>a>img {
    margin: 0 0 0 5px;
}

/* gm-icons ------------------------------ */ 
.gm-dollar-icon,
.gm-sync-icon,
.gm-heart-icon {
    width: 20px;
    height: 28px;
    display: inline-block;
    background:var(--gm-dark);
}

.gm-dollar-icon {
    mask: var(--gm-dollar-icon) no-repeat center / contain;
    -webkit-mask: var(--gm-dollar-icon) no-repeat center / contain;
}
.gm-sync-icon {
    mask: var(--gm-sync-icon)no-repeat center / contain;
    -webkit-mask: var(--gm-sync-icon) no-repeat center / contain;
}
.gm-heart-icon {
    width: 30px;
    height: 30px;
    background: rgba(var(--gm-dark-rgb), .25);
    mask: var(--gm-heart-icon)no-repeat center / contain;
    -webkit-mask: var(--gm-heart-icon) no-repeat center / contain;
}

.gm-dollar-icon.pink,
.gm-sync-icon.pink,
.gm-heart-icon.pink,
.gm-heart-icon.active {
    background:var(--gm-pink);
}
.gm-dollar-icon.purple,
.gm-sync-icon.purple {
    background: var(--gm-purple);
}

/*------------------------------------
  | Header > navbar-inova
  |-------------------------------------*/
header {
    top: 0;
    width: 100%;
    z-index: 2;
    position: relative;
    background: var(--gm-white);
}

.navbar-inova {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
}

.navbar-inova img {
    width: auto;
    height: 50px;
    margin: unset;
}

.navbar-inova img.navbar-inova-logo {
    cursor: pointer;
}

.navbar-inova ul.nav {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    text-align: center;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: unset;
    transform: translate(-110%);
    background-color: var(--gm-white);
}

li.nav-inova-item {
    list-style: none;
    margin: 0 10px;
}
/* .navbar-inova ul.nav li.nav-inova-item:first-child {
    margin-top: 120px;   
} */
.navbar-inova ul.nav div:first-child {
    margin-top: 120px;   
}
li.nav-inova-item>a.gm-link {
    font-weight: 600;
    padding: 0.5rem  1rem;
    border-radius: unset;
    border: 2px solid var(--gm-white)!important;
    transition: all 0.3s;
    font-size: 16px;
}
li.nav-inova-item>a.active,
li.nav-inova-item>a:active,
li.nav-inova-item>a:hover {
    border-bottom-color: var(--gm-pink)!important;;
}

/* mobile */
.mobile-navbar-inova {
    transform: translate(0%) !important;
}

/* mobile menu & animation */
.navbar-inova-toggle .bar {
    display: block;
    width: 30px;
    height: 3px;
    background-color: var(--gm-pink);
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-inova-toggle {
    display: block;
}

.navbar-inova-toggle:hover {
    cursor: pointer;
}

#inova-navbar-mobile.is_active .bar:nth-child(2) {
    opacity: 0;
}

#inova-navbar-mobile.is_active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

#inova-navbar-mobile.is_active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

.scrolled {
    opacity: 1;
}

/* Jquery Calendar ----------------------- */
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th,
.ui-datepicker td {
    font-family: 'cerapro-bold';
}
.ui-widget.ui-widget-content {
    border: 1px solid rgba(var(--gm-purple-rgb), .65);
}
.ui-datepicker .ui-datepicker-header {
    border-color: var(--gm-white);
    background-color: var(--gm-white);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { 
    border: 1px solid rgba(var(--gm-purple-rgb), .25);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(var(--gm-purple-rgb), .15);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover {
    color: var(--gm-white);
    background-color: var(--gm-pink);
    border-color: var(--gm-pink);
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--gm-pink);
    background-color: rgba(var(--gm-pink-rgb), .20);
    color: var(--gm-pink);
}
.ui-datepicker .ui-datepicker-buttonpane button {
    border-radius: 10px!important;

}

/* Glowme Modals ----------------------- */
.gm-modal-header {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    padding: 2.25rem 30px .75rem 30px;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.gm-modal-header.ingredient {
    padding: 12px;
}
.gm-modal-header>* {
    font-weight: 600;
}
.gm-modal-header .modal-title {
    color: var(--gm-purple);
    line-height: 1.2;
}
.gm-modal-header>span {
    color: var(--gm-dark);
    font-size: 18px;
}

.gm-modal-wrapper {
    width: 100%;
    height: auto;
    padding: 1rem 0;
    margin: 0;
}
.gm-modal-wrapper.form {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 18px;
    height: 480px;
}
.gm-modal-wrapper.form.auto {
    height: auto;
    max-height: 480px;
}
.modal-content>form {
    overflow: hidden;
    overflow-y: scroll;
}

.gm-inbound,
.gm-energy {
    font-weight: 600;
    position: relative;
    padding-left: unset;
    border-radius: 10px;
    margin: 0 0 .75rem 0;
}
.gm-inbound>img,
.gm-inbound-icon {
    margin-right: 5px;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.gm-inbound input.form-check-input,
.gm-energy input.form-check-input {
    top: 50%;
    right: 24px;
    scale: 1.2;
    transform: translateY(-60%);
    border: 1px solid var(--gm-purple);
}

.gm-inbound label.form-check-label,
.gm-energy label.form-check-label {
    width: 100%;
    height: 100%;
    padding: 12px 24px;
    border-radius: 10px;
    color: var(--gm-dark);
    background: rgba(var(--gm-purple-rgb), 0.15);
    cursor: pointer;
}
.gm-inbound label.form-check-label img
.gm-energy label.form-check-label img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin: 0 10px 0 0;
    filter: brightness(0);
}

.gm-inbound input.form-check-input:focus  {
    border-color: var(--gm-purple);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--gm-purple-rgb), 0.25);
}
/* option inbound ---------------- */
.gm-inbound .form-check-input:checked[type=checkbox] ~ label {
    color: var(--gm-white);
    background: rgba(var(--gm-purple-rgb), 1);
}
.gm-inbound .form-check-input:checked[type=checkbox] ~ label img {
    filter: brightness(100);
}

.gm-inbound .form-check-input:checked[type=checkbox] {
    border-color: var(--gm-white);
    background: var(--gm-white);
    background-image: url(../img/tracking/check-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* option energy ---------------- */

.gm-energy input.form-check-input {
    right: 30px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: var(--gm-white);
    border-color: var(--gm-white);
    opacity: 0;
}
.gm-energy label.form-check-label {
    width: 100%;
    height: 100%;
    min-height: 55px;
    border-radius: 10px;
    padding: 0 30px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.gm-energy label.form-check-label img {
    width: 28px;
    height: 28px;
    object-fit: cover;
}
.gm-energy input.form-check-input,
.gm-energy label.form-check-label,
.gm-energy label.form-check-label img  {
    cursor: pointer;
    transition: all .3s ease;
}
.gm-energy label.form-check-label span {
    width: 100%;
    text-align: center;
    padding: 0 30px 0 15px;
    font-size: 20px;
    text-transform: uppercase;
}
.gm-energy input.form-check-input:focus  {
    border-color: var(--gm-pink);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--gm-pink-rgb), 0.25);
}
.gm-energy .form-check-input:checked {
    opacity: 1;
}
.gm-energy .form-check-input:checked ~ label {
    color: var(--gm-white);
    background: rgba(var(--gm-pink-rgb), 1);
}
.gm-energy:first-of-type .form-check-input:checked ~ label img {
    content: url(../img/tracking/energy-01w.png)!important;
}
.gm-energy:nth-of-type(2) .form-check-input:checked ~ label img {
    content: url(../img/tracking/energy-02w.png);
}
.gm-energy:nth-of-type(3) .form-check-input:checked ~ label img {
    content: url(../img/tracking/energy-03w.png);
}

.gm-energy .form-check-input:checked::after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: var(--gm-check-icon-pink);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gm-modal-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
    margin: 0 5px 0 0;
}

/* Glowme Modals ----------------------- */

section {
    font-family: cerapro-regular;
    width: 100%;
    height: auto;
    min-height: auto;
    position: relative;
    padding: unset;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
    color: var(--gm-dark);
} */

input.form-control::placeholder,
select.form-select::placeholder {
    color: var(--gm-dark);
}

form.gm-form input.form-control,
form.gm-form select.form-select {
    font-size: 16px;
    border: 1px solid var(--gm-white);
    height: 58px;
    font-family: cerapro-regular;
}
form.gm-form input.form-control[type="password"] {
    font: small-caption;
    font-size: 16px;
}

input.gm-input-register:focus,
form.gm-form input.form-control:focus,
form.gm-form select.form-select:focus {
    color: var(--gm-dark);
    background-color: var(--gm-white);
    border-color: var(--gm-pink);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255,113,184,.25);
}
footer {
    min-height: 50px;
    padding: 40px 12px 30px 12px;
    color: var(--gm-white);
    background: var(--gm-pink);
}

.foot-wrapper {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-template-columns: 1fr;
    gap: 12px;
}

img.footer-logo {
    width: 200px;
    height: auto;
}

.foot-col-1,
.foot-col-2,
.foot-col-3,
.foot-col-4 {
    grid-column: 1/2;
    grid-row: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.foot-col-1>a,
.foot-col-2>a {
    color: var(--gm-white);
    text-decoration: unset;
    border-bottom: 1px solid transparent;
    line-height: 1.2;
    transition: 0.3s;
}
.foot-col-1>a {
    padding: 5px 0;
}
.foot-col-2>a {
    padding: unset;
}


.foot-col-1>a:first-child {
    padding: 0 0 12px 0
}
.foot-col-1>a:hover,
.foot-col-2>a:hover {
    border-bottom: 1px solid var(--gm-white);
}

.foot-col-2 {
    grid-row: 2/3;
    grid-row: 2/3;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 9px;
    justify-content: start;
}
.foot-col-3 {
    grid-row: 3/4;
}
.foot-col-4 {
    grid-row: 4/5;
}
.foot-col-3 p,
.foot-col-4 p {
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
}
.copy-rigth,
.copy-rigth>a {
    color: #BA0F74;
    font-family: cerapro-bold;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.media-btn,
.store-btn {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    gap:20px;
}
.store-btn {
    justify-content: space-between;
}

.foot-col-4 a {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 5px 0;
}
.foot-col-3 img,
.foot-col-4 img {
    width: auto;
    height: 40px;
    transition: 0.3s;
}
.media-btn a:hover img,
.store-btn a:hover img {
    transform: scale(1.12);
}
.copy-rigth>span:first-child {
    white-space: nowrap;
}
.copy-rigth>a {
    text-decoration: unset;
    border-bottom: 2px solid transparent;
    line-height: 1;
    transition: 0.3s;
}
.copy-rigth>a:hover {
    border-bottom: 2px solid #BA0F74;;
}

/* Modal - Login-Glowme ------------ */

.modal-title.gm-login {
    width: 100%;
    font-size: 2.5rem;
    font-weight: bolder;
    text-align: center;
    color: var(--gm-purple)!important;
    line-height: 1;
}

form.gm-form-login {
    padding: 0 6px;
    margin: 0 auto;
}
.gm-form-login input.form-control, 
.gm-form-login select.form-control {
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    color: var(--gm-dark);
    font-family: cerapro-regular;
    border-radius: 10px;
    border: 1px solid rgba(var(--gm-purple-rgb), .15);
    background-color: rgba(var(--gm-purple-rgb), .15);
    transition: all .3s ease;
}
.gm-form-login input[type="password"].form-control {
    font: small-caption;
    font-size: 16px;
}
.gm-btn-pink.gm-login {
    width: 100%;
    margin: 0;
    min-width: unset;
    max-width: unset;

    color: var(--gm-white);
    background-color: var(--gm-pink);
    border-color: var(--gm-pink);
    white-space: nowrap;
}
/* Modal - Login-Glowme ------------ */

/* Landing - precios + consulta---- */
.gm-custom-consult input.form-check-input {
    position: absolute;
    right: unset;
    left: 48px;
}
.gm-custom-consult .gm-inbound label.form-check-label {
    text-transform: uppercase;
    padding: 12px 12px 12px 48px;
}
.gm-benefits-content {
    display: none;
}
.gm-benefits-content.active {
    display: block;
}
.gm-benefits-content .title {
    text-transform: uppercase;
    font-weight: 600;
    margin: 24px 0 12px 0;
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}
.gm-benefits-content .title span {
    line-height: 1.2;
}

.gm-benefits-content .title img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}
.gm-benefits-content .benefits {
    padding: 12px;
}
.gm-benefits-content .benefits span {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 0 22px;
    margin: 0 0 10px 0;
}
.gm-benefits-content .benefits p {
    font-size: 14px;
}
.gm-benefits-content .benefits span::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url(../img/check-green.png);
    /* transform: translateY(-50%); */
}
/* <img src="{{ asset('assets/img/check-green.png') }}" alt="Beneficios"> */

/* Modal changeIngredient ------- */
.gm-modal-wrapper.ingredient {
    padding:unset;
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}
.gm-modal-header .modal-title.ingredient,
.gm-modal-wrapper.ingredient .form-check.gm-form-check label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 24px;
    padding: 8px 16px;
}
.gm-modal-wrapper.ingredient .form-check.gm-form-check {
    width: 95%;
    height: auto;
    margin: 0 auto;
    border: 2px solid var(--gm-purple);
}
.gm-modal-wrapper.ingredient .form-check.gm-form-check label {
    font-size: 16px;
    font-weight: 600;
    align-items: start;
    color: var(--gm-dark);
}
.gm-modal-wrapper.ingredient .form-check.gm-form-check label:hover,  
.gm-modal-wrapper.ingredient input[type="radio"].gm-goals:checked ~ label {
    background: var(--gm-purple);
}
.gm-modal-wrapper.ingredient .form-check.gm-form-check label>span {
    padding: 0px
}

.gm-modal-wrapper.ingredient .form-check.gm-form-check label>span:nth-child(2) {
    font-size: 12px
}
/* cambio-de-recetas ------- */

.gm-change-recipe,
.gm-subcategory-recipe {
    height: 460px;
    overflow: hidden;
    overflow-y: scroll;
    justify-content: start;
}
.gm-change-recipe {
    justify-content: space-around;
}
.gm-change-recipe .loading,
.gm-subcategory-recipe .loading {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.gm-change-recipe.challenge .loading {
    color: var(--gm-purple);
}
.gm-title-category,
.gm-title-subcategory {
    display: flex;
    align-items: center;
    padding: 0 12px;
}
.gm-title-category span,
.gm-title-subcategory span:first-of-type {
    width: 33.333333%;
}
.gm-title-subcategory {
    padding: 8px 12px 12px;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}
.gm-title-subcategory>.text {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gm-title-category span,
.gm-title-subcategory span:first-of-type {
    color: var(--gm-purple);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.gm-title-subcategory span:nth-of-type(2) {
    font-size: 13.5px;
    font-weight: 400;
}
.gm-title-subcategory span.subcategorySelected:first-of-type {
    width: 100%;
    display: block;
    color: black;
    text-transform: unset;
    font-weight: 400;
}
.gm-modal-header.recipe {
    padding: 14px 12px 12px;
}
/* subcategory radio-input */
.gm-lbl-subcategory {
    width: 100%;
    display: block;
    position: relative;
    margin: 12px 0;
}
.gm-lbl-subcategory>input {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    z-index: 1;
}
.gm-lbl-subcategory,
.gm-lbl-subcategory .wrapper {
   border-radius: 10px;
}
.gm-lbl-subcategory .wrapper {
    transform: translateY(0);
    background-color: rgba(var(--gm-purple-rgb), .15);
    transition: all .2s ease;
}
.gm-lbl-subcategory:hover .wrapper {
    color: rgba(255, 255, 255, .65);
    transform: translateY(-3px);
    background-color: rgba(var(--gm-purple-rgb), 1);
}
.gm-lbl-subcategory>input:checked ~ .wrapper {
    color: white;
    letter-spacing: 1px;
    transform: translateY(-3px);
    background-color: rgba(var(--gm-purple-rgb), 1);
    box-shadow: rgba(var(--gm-purple-rgb), .9) 0px 3px 8px;
}
.gm-lbl-subcategory .wrapper img {
    width: 100%;
    height: 84px;
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.gm-lbl-subcategory .wrapper img.asyncImage {
    padding: 24px;
    object-fit: scale-down!important;
}
.gm-lbl-subcategory .wrapper span {
    width: 100%;
    height: auto;
    padding: 8px;
    font-weight: 600;
    line-height: 1.3;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    text-transform: uppercase;
}
/* subcategory radio-input */

.modal-title.recipe,
.modal-title.ingredient {
    font-size: 28px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.modal-title.recipe.challenge {
    font-size: 20px;
    text-align: center;
}
.modal-title.recipe img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.gm-change-recipe .food-recipe-box {
    width: 100%;
    max-height: 100px;
    grid-template-columns: 1fr 2fr;
}
.gm-change-recipe .food-recipe-banner {
    width: 100%;
    max-height: 100px;
}

.gm-change-recipe .food-recipe-banner>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.gm-change-recipe .food-recipe-desc {
    grid-column: 2/3;
    padding: 0;
}

.gm-change-recipe .food-recipe-desc>div {
    width: 100%;
    padding: 12px;
    border: 0;
    gap: 5px;
    justify-content: center;
}
.gm-change-recipe .food-recipe-desc>div p {
    font-size: 12px;
    -webkit-line-clamp: 4;
}
.gm-change-recipe .food-recipe-desc>a.food-recipe-btn {
    width: 20px;
    height: 40px;
    margin: auto;
    padding: 0;
    text-align: center;
    justify-content: center;
    white-space: break-spaces;
}
.gm-change-recipe a.food-recipe-btn {
    border: 1px solid rgba(var(--gm-purple-rgb), .10);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.gm-change-recipe .food-recipe-box.active {
    color: white;
    border: 0;
    background-color: var(--gm-purple);
}

/* autocomplete-jquery  */
.lbl-change-recipe {
    font-size: 18px!important;
    font-weight: 600!important;
    margin: 0;
}
#tags {
    border-radius: 10px;
    transition: all;
}
#tags.showing {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}
ul#ui-id-1 {
    z-index: 1051!important;
    max-height: 200px!important;
    overflow: hidden;
    overflow-y: scroll;
}
.ui-widget.ui-widget-content {
    box-shadow: 0px 12px 20px 0px rgba(var(--gm-purple-rgb), .25);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-color: transparent;
    border-bottom: 3px solid rgba(var(--gm-purple-rgb), 1);
}
.calendar-today-plan .ui-widget.ui-widget-content {
    box-shadow: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    border-top-color: unset;
    border: 1px solid rgba(var(--gm-purple-rgb), .5);
    border-radius: 7px;
}

.form-control.ui-autocomplete-input {
    opacity: 1;
    font-style: normal;
}
.form-control.ui-autocomplete-input:disabled {
    opacity: .5;
    font-style: italic;
}
/* end-autocomplete-jquery  */


/* end-changeIngredient */

.gm-subcategory {
    width: 80%;
    margin: 12px auto 6px auto;
}
.gm-subcategory .layout {
    
}
.gm-subcategory img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.gm-subcategory span {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    background: rgba(var(--gm-purple-rgb), .15);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 auto;
    font-weight: 600;
    padding: 8px;
    line-height: 1.2;
    text-transform: uppercase;
    word-break: break-all;
    
}
/* MODAL >> layout-recipe-detail  --------------*/
.modal .totalResults {
    display: block;
    width: 100%;
    text-align: right;
}
.layout-recipe-detail,
.layout-challenge-spinner {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100%);
    padding: 24px;
    border-radius: 10px;
    z-index: 2;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
.layout-recipe-detail.active,
.layout-challenge-spinner.active {
    display: block;
    opacity: 1;
    visibility: visible;
}
.layout-recipe-detail .loading,
.layout-challenge-spinner .loading,
.layout-challenge-spinner .success,
.spinner-recipes-modal,
.spinner-ingredient-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 6px;
    font-weight: 600;
    flex-direction: column;
    text-transform: uppercase;
    color: var(--gm-pink);
    font-size: 20px;
}
.spinner-recipes-modal.challenge,
.layout-recipe-detail.challenge .loading {
    color: var(--gm-purple);
}
.layout-challenge-spinner .success {
    width: 100%;
    text-align: center;
    text-transform: capitalize;
}
.layout-challenge-spinner .success img {
    width: 180px;
    height: auto;
    object-fit: contain;
}
.spinner-recipes-modal,
.spinner-ingredient-modal {
    font-size: 16px;
}
.spinner-recipes-modal span:nth-child(2),
.spinner-ingredient-modal span:nth-child(2){
    padding: 0 0 0 6px;
}
.layout-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.recipe-banner-modal {
    width: 100%;
    height: 180px;
    max-height: 180px;
    padding: 0;
    text-align: center;
}
.recipe-banner-modal>img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.recipe-details-modal {
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 20px 0 10px 0;
}
.food-time-icon {
    width: 28px;
    height: auto;
    object-fit: contain;
    margin: 6px 6px 0 0;
}
.recipe-details-modal .info {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
}
.info-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recipe-details-modal .info .name,
.recipe-details-modal .info .desc {
    width: 100%;
    display: block;
    line-height: 1.1;
}
.recipe-details-modal .info .name {
    color: var(--gm-purple);
    text-transform: uppercase; 
}
.recipe-details-modal .info .desc {
    line-height: 1.2;    
}
.recipe-details-modal .info .details,
.recipe-details-modal .info .details>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recipe-details-modal .info .details {
    margin: 12px 0 0 0;   
}
.recipe-details-modal .info .details>span {
    justify-content: center;
    text-transform: capitalize;
    font-size: 16px;
}
.recipe-details-modal .info .details>span>img {
    margin: 0 10px 0 0;
}
.recipe-nutrition-modal {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: #EEEBF6;
    margin: 0 0 12px 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
}
.recipe-nutrition-modal .nutrition-item {
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
}
.recipe-nutrition-modal .nutrition-item .desc {
    text-transform: unset;
}

.recipe-steps-modal {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: auto;
    gap: 12px;
}
.recipe-steps-modal .wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}
.recipe-steps-modal h3{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: var(--gm-purple);
    text-transform: uppercase;
    margin: 0 0 12px 0;
}
.recipe-steps-modal .wrapper .step {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 5px;
    margin: 12px 0;
    height: auto;
}
.recipe-steps-modal .wrapper .step .number {
    position: relative;
    color: var(--gm-purple);
    font-size: 18px;
    font-weight: 600;
    padding: 0 10px 0 0;
}
.recipe-steps-modal .wrapper .step .desc {
    line-height: 1.2;
}
.gm-close-layout-container {
    position: absolute;
    right: -48px;
    top: 0;
}
.gm-close-layout {
    display: block;
    cursor: pointer;
    box-sizing: content-box;
    width: 2em;
    height: 2em;
    padding: 0; 
    border: 0;
    opacity: .5;
    border-radius: 100%;
    background: white url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    transform: translateY(0);
    transition: all .2s ease;
}
.gm-close-layout:hover{
    opacity: 1;
    cursor: pointer;
    transform: translateY(-3px);
}
.gm-valid-message-modal {
    display: none;
    color: var(--gm-purple);
    font-family: 'cerapro-bold';
    font-size: 16px;
    text-align: center;
    padding: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
}
.gm-valid-message-modal.active {
    display: block;
    opacity: 1;
    visibility: visible; 
}
/* Sección retos  */
.card-body.gm-challenge {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 0;
    margin: 0 0 12px 0;
}
section.gm-challenges {
    position: relative;
    display: block;
}
.gm-challenge-banner {
    position: relative;
    display: block;
    padding: 0;
    height: auto;
    background-image: url(../img/challenge/header-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: unset;
    border-radius: 24px;
    height: 225px;
    /* width: calc(100% - 24px);
    margin: 5px auto 0 auto; */
    width: 100%;
    margin: 0;
}
.gm-challenge-banner .layout {
    width: 100%;
    height: 100%;
    background: rgb(151 121 201 / 25%);
    position: absolute;
    border-radius: 24px;
}
.gm-challenge-banner img.logo {
    position: absolute;
    width: auto;
    height: 80px;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gm-challenge-wrapper {
    padding: 24px;
    font-family: cerapro-regular;
    height: auto;
    min-height: auto;
}
.gm-challenge-wrapper .title {
   color: var(--gm-purple);
   font-weight: bold;
}
.gm-challenge-wrapper .desc {
    font-size: 18px;
}
.gm-challenge-wrapper .desc span {
    font-weight: bold;
}
.gm-challenge-box {
    position: relative;
    margin: 12px auto;
    width: 100%;
    height: 210px;
    border-radius: 15px;
    transition: all 0.3s ease;
    transform: translateY(0);
}
.gm-challenge-box img.challenge {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.75);
}
.gm-challenge-box a.gm-challenge-link {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    border: 1px solid rgba(var(--gm-purple-rgb), .10);
    transition: all 0.3s ease;
}
.gm-challenge-box a.gm-challenge-link:hover {
    background-color: rgba(var(--gm-purple-rgb), .20);
}
.gm-challenge-box .gm-challenge-title {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: start;
    color: white;
    flex-direction: column;
    padding: 16px 50px 16px 25px;
    border-radius: 15px;
    transform: translateX(0);
    transition: transform .3s ease-out;
    text-transform: uppercase;
}
.gm-challenge-box .gm-challenge-title {
    /* :nth-child(2) */
    text-shadow: black 0.1em 0.1em 0.2em;
}
.gm-challenge-box .gm-challenge-title:nth-child(1) {
    font-size: 14px;
} 
.gm-challenge-box>.gm-challenge-title::after {
    position: absolute;
    right: 16px;
    bottom: 35px;
    content: '';
    width: 28px;
    height: 28px;
    display: inline-block;
    background-image: url(../img/nutrition/icon-go.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateX(-5px);
    transition: transform .4s ease-out;
}
.gm-challenge-title .desc {
    height: 24px;
    overflow: hidden;
}
/* Paginación retos  */
.gm-challenges-paginator {
    margin: 24px 0;
    display: flex;
    justify-content: end;
    align-items: center;
}
.gm-challenges-paginator .arrow-prev {
    transform: rotate(180deg);
 }
 .gm-challenges-paginator .page-item img {
    width: 16px;
    height: 16px;
    object-fit: contain;
 }
 .gm-challenges-paginator ul.pagination {
    margin: 0;
    --bs-pagination-color: var(--gm-purple);
    --bs-pagination-hover-color: var(--gm-purple);
    --bs-pagination-hover-border-color: transparent;
 }
.gm-challenges-paginator .page-link, 
.gm-challenges-paginator .page-link:hover {
    color: var(--gm-purple);
 }
 .gm-challenges-paginator .page-item.active .page-link {
    background-color: rgba(var(--gm-purple-rgb), 1);
    border-color: rgba(var(--gm-purple-rgb), 1);
 }
.page-item.disabled .page-link,
.gm-challenges-paginator li.page-item.disabled a>,
.gm-challenges-paginator li.page-item.disabled a>img {
    opacity: .45;
    pointer-events: none;
 }
.gm-challenge-box:hover {
    box-shadow: rgba(var(--gm-purple-rgb), .45) 0px 3px 8px;
    transform: translateY(-3px);
}
/* Modal Retos ----------- */
.modal.gm-challenge .modal-title {
    color: var(--gm-purple);
    font-family: cerapro-regular;
    font-size: 32px;
    font-weight: bold;
}
.gm-challenge-header {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gm-challenge-icon {
    width: 68px;
    height: 68px;
    margin: 24px auto 12px auto;
    object-fit: contain;
}
.modal-open .modal#challengeModal {
    background: linear-gradient(90deg, rgba(220, 247, 245, 0.9) 25%, rgba(255, 113, 184, 0.5) 50%, rgba(151, 121, 201, 0.4) 90%), linear-gradient(217deg, rgba(220, 247, 245, 0.9) 25%, rgba(255, 113, 184, 0.5) 50%, rgba(var(--gm-pastelblue-rgb), 0.4) 90%);
}
.gm-challenge-body-title {
    text-align: center;
}
.gm-challenge-body-title,
.gm-challenge-body-opc {
    margin: 0 0 12px 0;
}
.gm-challenge-body-title:nth-child(2) {
    margin: 12px 0;
}
.gm-challenge-body-opc {
    width: 100%;
    margin: 24px auto;
    height: auto;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.gm-challenge-body-title h3 {
    text-transform: uppercase;
    font-weight: bold;
}
.gm-challenge-body-title p,
.gm-challenge-body-title h3 {
    margin: 0;
}
.modal-footer.gm-challenge {
   justify-content: center; 
   align-items: center;
}
.modal-footer.gm-challenge .link {
    color: var(--gm-black);
    transform: translateX(0);
    transition: all ease .3s;
}
.modal-footer.gm-challenge .link span {
    font-weight: bold;
}
.modal-footer.gm-challenge .link:hover {
    transform: translateX(-6px);
}
.form-check.challenge {
    border-radius: 24px;
    background: var(--gm-purple);
    color: var(--gm-white);
    text-align: center;
    height: 48px;
    overflow: hidden;
    border-radius: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    margin: 6px 0;
}
.form-check.challenge input {
    position: absolute;
    top: 0;
    left: 30px;
    opacity: 0;
}
.form-check.challenge label {
    width: 100%;
    height: 100%;
    padding: 12px;
    background: transparent;
    cursor: pointer;
    transition: all 0.40s ease-out;
    /* height: 70px; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    margin: 6px 0;
    overflow: hidden;
}

.form-check.challenge label:hover, 
.form-check.challenge input:checked ~ label {
    /* background: var(--gm-purple);
    border-color: var(--gm-purple); */
    /* box-shadow: 0px 18px 6px -10px rgba(var(--gm-purple-rgb), 0.40); */
}
/*Retos - plan de hoy:  Descargables - Clases en vivo */
.card-body.challenge {
    background: #F1EBF7;
}
.box-plan-title {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    padding: 24px 0 12px 0;
}

.box-plan-title>h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.box-plan-title>h3.challenge-download::before {
    background-image: url(../img/challenge/icon-download.png);
}
.box-plan-title>h3.challenge-live-classes::before,
.food-plan-title>h3.your-tracking.challenge::before { 
    background-image: url(../img/challenge/icon-live-classes.png);
}
.box-plan-title>h3.support-group.challenge::before { 
    background-image: url(../img/challenge/support-group-challenge.png);
}
.box-plan-title>h3.challenge-download::after,
.box-plan-title>h3.challenge-live-classes::after,
.box-plan-title>h3.support-group.challenge::after {
    background-color: transparent;
}

.box-plan-title>img {
    width: 20px;
    height: auto;
}

.box-plan-title>h3 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0 12px 0 30px;
}

.box-plan-title>h3::after {
    content: '';
    width: 3px;
    height: 80%;
    position: absolute;
    right: 0;
    background-color: rgba(var(--gm-dark-rgb), 0.25);
    transform: translateY(20%) rotate(0deg);
}

.box-plan-title.diagonal>h3::after,
.box-plan-title.diagonal>:nth-child(2)::after {
    right: -2px;
    transform: translateY(20%) rotate(20deg);
}

.box-plan-title>span,
.box-plan-title>:nth-child(3) {
    font-size: 20px;
    padding: 0 12px 0 30px;
}
.box-plan-title>h3.your-plan::before {
    background-image: url(../img/menu/menu-icon-02.png);
}
.box-wrapper {
    justify-content: start;
    align-items: center;
    overflow-x: scroll;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 24px 0;
}
.element-box {
    border-radius: 25px;
    width: 100%;
    height: 100%;
    background: white;
    /* background: -moz-linear-gradient(215deg, rgba(151,121,201,.25) 0%, rgba(255,113,184,0.25) 80%);
    background: -webkit-linear-gradient(215deg, rgba(151,121,201,.25) 0%, rgba(255,113,184,0.25) 80%);
    background: linear-gradient(215deg, rgba(151,121,201,.25) 0%, rgba(255,113,184,0.25) 80%); */
}
.element-box {
    position: relative;
    transition: all 0.3s ease;
    transform: translateY(0);
}

.element-box.challenge-download:hover {
    transform: translateY(-3px);
}
.element-box.challenge-download .layout {
    position: absolute;
    background: rgba(var(--gm-purple-rgb), .4);
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.element-box.challenge-download .img-download {
    position: absolute;
    z-index: 0;
    border-radius: 10px;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.element-box a {
    padding: 12px;
    min-width: 150px;
    min-height: 125px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    /* text-shadow: var(--gm-purple) 1px 0 5px; */
    transition: all 0.3s ease;
    transform: translateY(0);
}
.element-box a:hover {
    transform: translateY(-3px);
}
.element-box a .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
}
.element-box.challenge-download a .icon {
    width: 20px;
    height: 20px;
}

.element-box a .icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.element-box a .icon>img.icon-download {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.element-box a .title,
.element-box a .desc,
.element-box a .date {
    color: var(--gm-dark);
    font-weight: 600;
    /* text-shadow: var(--gm-black) 1px 0 10px; */
}
.element-box a .desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    margin: 6px 0;
}
.element-box a .date,
.element-box a .desc {
    font-weight: 400;
}
.element-box.challenge-download a .title {
    color: var(--gm-white);
}
.calendar-today-plan.challenge .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover {
    color: var(--gm-white);
    background-color: rgba(var(--gm-purple-rgb), .5);
    border-color: var(--gm-purple);
}
.calendar-today-plan.challenge .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--gm-purple);
    background-color: rgba(var(--gm-purple-rgb), 1);
    color: var(--gm-white);
}
.gm-btn-pink.challenge, .gm-btn-purple.challenge, .gm-btn-default.challenge {
    max-width: unset;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 20px;
}
.pTitle {
    margin: 0;
    width: 100%;
    text-align: center;
    display: block;
}
.accordion.gm-challenge-versions-content {
    --bs-accordion-border-color: transparent
}
.accordion.gm-challenge-versions-content .accordion-body {
    border-radius: 10px;
    background-color: rgba(var(--gm-purple-rgb), .10)
}
.accordion.gm-challenge-versions-content .accordion-button::after,
.accordion.gm-challenge-versions-content .accordion-button:not(.collapsed)::after {
    background-image: unset
}
.accordion.gm-challenge-versions-content button.accordion-button.collapsed,
.accordion.gm-challenge-versions-content .accordion-button:not(.collapsed) {
    background-color: var(--gm-pink);
    border-radius: 20px;
    margin: 6px 0;
    color: white;
    text-align: center;
}
.accordion.gm-challenge-versions-content .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--gm-pink-rgb), 0.25)
}

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

    .box-plan-title {
        justify-content: start;
        align-items: center;
        flex-direction: row;
    }

    .box-plan-title>span,
    .box-plan-title>:nth-child(3) {
        padding: 0 12px;
    }
    .gm-challenge-body-opc {
        width: 95%;
    }

    .gm-change-recipe .food-recipe-box {
        width: 250px;
    }

    .navbar-inova ul.nav div:first-child {
        margin-top: 80px;   
    }

    .dropdown-menu.show {
        height: 250px;
    }
    .modal .modal-dialog.login.modal-sm  {
        --bs-modal-width: 360px;
    }
    .gm-btn-pink, .gm-btn-purple, .gm-btn-default,
    .gm-btn-pink.challenge, .gm-btn-purple.challenge, .gm-btn-default.challenge {
        max-width: 210px;
    }
    form.gm-form-login {
        padding: 0 24px;
    }
    .gm-modal-wrapper {
        padding: .25rem 30px;
    }
    .gm-modal-wrapper.gm-energy {
        padding: .25rem 80px;
        margin: 0;
    }
    .gm-btn-pink,
    .gm-btn-purple,
    .gm-btn-default {
        min-width: 130px;
    }

    .foot-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
    }

    .foot-col-2 {
        grid-column: 2/3;
        grid-row: 1/1;
        flex-direction: column;
        flex-wrap: unset;
        gap: unset;
        justify-content: space-between;
    }
    .foot-col-3 {
        grid-column: 3/4;
        grid-row: 1/1;
        justify-content: space-between;
    }
    .foot-col-4 {
        grid-column: 1/2;
        grid-row: 2/3;
        justify-content: space-between;
    }
    img.footer-logo {
        width: 160px;
    }
    
    .gm-lbl-subcategory {
        margin: 24px auto 6px 0;
    }
    .gm-lbl-subcategory {
        margin: 12px 0;
    }
    .gm-title-subcategory>.text {
        width: 66%;
    }
    .gm-title-subcategory {
        padding: 8px 12px 12px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* md-devices-768px-and-up --------------------*/
@media (min-width: 768px) {
    .gm-lbl-subcategory {
        margin: 12px 0;
    }
    .gm-challenge-banner img.logo {
        height: 120px;
    }
    .gm-challenge-banner {
        height: 250px;
    }
    .navbar-inova {
        align-items: center;
    }
    .navbar-inova ul.nav li.nav-inova-item:first-child {
        margin-top: 60px;
    }
    .foot-col-4 {
        grid-column: 4/5;
        grid-row: 1/1;
        justify-content: space-between;
    }
}

/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .box-wrapper {
        height: auto;
        overflow-x: scroll;
    }
    .gm-challenge-body-title h3 {
        margin: 12px 0 20px 0;
    }
    .layout-wrapper {
        width: 85%;
    }
    .gm-challenge-wrapper {
        min-height: calc(100vh - 300px);;
    }
    .gm-change-recipe .food-recipe-box {
        width: 240px;
    }
    .recipe-nutrition-modal {
        grid-template-columns: repeat(3, auto);
        grid-template-rows: auto;
    }

    .navbar-inova ul.nav div:first-child {
        margin-top: unset;   
    }
    
    .cofepris-header {
        text-align: right;
    }
    .copy-rigth, .copy-rigth>a {
        justify-content: space-between;
    }

    .navbar-inova ul.nav li.nav-inova-item:first-child {
        margin-top: unset;
    }
    .dropdown-menu.show {
        height: unset;
    }
    .card-body {
        min-height: 75vh!important;
    }
    form.gm-form-login {
        padding: 0 12px;
    }

    .navbar-inova {
        padding: 15px 100px 12px;
    }
    .navbar-inova-toggle {
        display: none;
    }
    .navbar-inova img {
        margin: unset;
    }

    .navbar-inova ul.nav {
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;
        position: unset;
        text-align: unset;
        overflow: unset;
        z-index: unset;
        top: unset;
        right: unset;
        left: unset;
        bottom: unset;
        width: unset;
        transform: unset;
        margin: unset;
        padding: unset;
        background-color: transparent;
    }

    .nav-inova-item-submenu {
        text-align: left;
    }

    .navbar-inova-toggle .bar {
        display: none;
    }
    .foot-wrapper {
        gap: 12px;
    }
    
    .foot-col-1>a:first-child {
        padding: 0 0 6px 0
    }

    .foot-col-2>a {
        padding: 0 0 2px 0;
    }
    .gm-lbl-subcategory .wrapper img {
        height: 120px;
    }
    .gm-lbl-subcategory {
        width: 80%;
        margin: 12px auto 6px 0;
    }
}

/*X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .gm-change-recipe .food-recipe-box {
        width: 220px;
    }
}

/*XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .nav-item.profile {
        margin-top: 1.5rem;
    }
}

@media (min-width: 2000px) {
    li.nav-inova-item>a.gm-link {
        font-size: 24px;
    }
    .cofepris-header {
        font-size: 24px;
    }
}