::-webkit-scrollbar {
  /* width of the entire scrollbar */
  width: 12px;
}

::-webkit-scrollbar-track {
  /* color of the tracking area */
  background: rgba(0, 0, 0, 0.155);
}

::-webkit-scrollbar-thumb {
  background: rgb(39, 39, 39);
  /* roundness of the scroll thumb */
  border-radius: 5px;
  /* creates padding around scroll thumb */
  border: 1px solid rgba(0, 0, 0, 0.427);
}

@keyframes loader_anim {
  from {
    transform: scale(0.3, 0.3) rotate3d(0, 0, 0, 0deg);
    opacity: 0;
  }
  33% {
    transform: scale(1, 1) rotate3d(0, 0, 0, 120deg);
  }
  66% {
    transform: scale(1, 1) rotate3d(0, 0, 0, 240deg);
  }
  to {
    transform: scale(0.3, 0.3) rotate3d(1, 1, 1, 360deg);
    opacity: 1;
  }
}
@keyframes fadeInSesionForm {
  from {
    transform: translate(50vw, 0);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes fadeInImgMain {
  from {
    transform: translate(-50vw, 0) scale(0.7, 0.7);
    opacity: 0;
    filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.1));
  }
  50% {
    transform: scale(0.8, 0.8);
    opacity: 1;
    filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.1));
  }
  to {
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
    filter: drop-shadow(-43px -11px 50px rgba(255, 255, 255, 0.1));
  }
}
@font-face {
  font-family: "light";
  src: url("../fonts/Nunito-Light.eot");
  src: url("../fonts/Nunito-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Nunito-Light.woff2") format("woff2"), url("../fonts/Nunito-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "regular";
  src: url("../fonts/Nunito-Regular.eot");
  src: url("../fonts/Nunito-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Nunito-Regular.woff2") format("woff2"), url("../fonts/Nunito-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "semibold";
  src: url("../fonts/Nunito-SemiBold.eot");
  src: url("../fonts/Nunito-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Nunito-SemiBold.woff2") format("woff2"), url("../fonts/Nunito-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "bold";
  src: url("../fonts/Nunito-Bold.eot");
  src: url("../fonts/Nunito-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Nunito-Bold.woff2") format("woff2"), url("../fonts/Nunito-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("../fonts/Futura-Book.eot");
  src: url("../fonts/Futura-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Futura-Book.woff2") format("woff2"), url("../fonts/Futura-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.light {
  font-family: "light";
}

.regular {
  font-family: "regular";
}

.semibold {
  font-family: "semibold";
}

.bold {
  font-family: "bold";
}

.futura {
  font-family: "futura";
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 8px 10px;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  font-size: 0.8rem;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip-bottom {
  top: 135%;
  left: -50%;
}

.tooltip-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip-right {
  top: 5px;
  left: 125%;
}

.tooltip-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;
}

.tooltip-left {
  top: 5px;
  bottom: auto;
  right: 128%;
}

.tooltip-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}

.moduleIntroToggle {
  width: 100%;
  display: block;
  padding: 0;
  background: transparent;
  border: 0;
  text-align: left;
}

.nexosOrientationOverlay {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: radial-gradient(circle at top, rgba(142, 104, 199, 0.18), transparent 42%), linear-gradient(180deg, rgba(15, 15, 15, 0.94), rgba(10, 10, 10, 0.98));
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.nexosOrientationOverlay .nexosOrientationOverlay__shell {
  width: min(100%, 520px);
  padding: 28px 26px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(36, 36, 36, 0.92), rgba(24, 24, 24, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38);
  text-align: center;
}
.nexosOrientationOverlay .nexosOrientationOverlay__icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 18px auto;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(145deg, rgba(137, 98, 189, 0.28), rgba(255, 184, 92, 0.22));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.nexosOrientationOverlay .nexosOrientationOverlay__icon i {
  color: white;
  font-size: 1.8rem;
  transform: rotate(90deg);
}
.nexosOrientationOverlay .nexosOrientationOverlay__title {
  color: white;
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.08;
}
.nexosOrientationOverlay .nexosOrientationOverlay__text {
  max-width: 410px;
  margin: 12px auto 0 auto;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1rem;
  line-height: 1.45;
}

.nexosOrientationOverlay.is-visible {
  display: flex;
}

body.nexosOrientationLockedView {
  overflow: hidden;
}

.moduleIntroCard [class$=Intro__header] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.moduleIntroCard [class$=Intro__header] > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.moduleIntroToggle__icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
  flex: 0 0 auto;
  margin-left: auto;
}

.moduleIntroCard .moduleIntroBody {
  overflow: hidden;
  max-height: 420px;
  opacity: 1;
  transition: max-height 0.22s ease, opacity 0.18s ease, margin-top 0.18s ease;
}

.moduleIntroCard.is-collapsed .moduleIntroBody {
  max-height: 0;
  opacity: 0;
  margin-top: 0 !important;
}

.moduleIntroCard.is-collapsed [class$=Intro__header] {
  margin-bottom: 0 !important;
}

.moduleIntroCard.is-collapsed [class$=Intro__detail],
.moduleIntroCard.is-collapsed [class$=Intro__tips] {
  display: none !important;
}

.moduleIntroCard.is-collapsed .moduleIntroToggle__icon {
  transform: rotate(-90deg);
}

.miwebToggle {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.2));
  color: white;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  box-sizing: border-box;
}

.miwebToggleText {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.86rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.9);
}

.miwebSwitchWrap {
  position: relative;
  flex: 0 0 auto;
  width: 64px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.miwebSwitchWrap input[type=checkbox] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  z-index: 2;
}

.miwebSwitchUi {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(196, 196, 196, 0.95), rgba(112, 112, 112, 0.92));
  box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.22), inset 0 -4px 8px rgba(0, 0, 0, 0.18), 0 8px 14px rgba(0, 0, 0, 0.18);
  transition: background 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.miwebSwitchUi::before {
  content: "OFF";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: rgba(58, 58, 58, 0.92);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
  transition: opacity 0.18s ease, color 0.22s ease;
}

.miwebSwitchUi::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #262626;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28), inset 0 2px 3px rgba(255, 255, 255, 0.1);
  transition: transform 0.22s ease;
}

.miwebSwitchWrap input[type=checkbox]:checked + .miwebSwitchUi {
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.16), transparent 38%), linear-gradient(180deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.96), rgba(var(--user-accent-rgb, 108, 181, 222), 0.62));
  box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.16), inset 0 -4px 10px rgba(0, 0, 0, 0.22), 0 10px 18px rgba(var(--user-accent-rgb, 108, 181, 222), 0.22);
}

.miwebSwitchWrap input[type=checkbox]:checked + .miwebSwitchUi::before {
  content: "ON";
  left: 10px;
  right: auto;
  color: white;
  text-shadow: none;
}

.miwebSwitchWrap input[type=checkbox]:checked + .miwebSwitchUi::after {
  transform: translate(36px, -50%);
}

.miwebSwitchWrap input[type=checkbox]:focus-visible + .miwebSwitchUi {
  outline: 2px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.55);
  outline-offset: 3px;
}

.miwebSwitchWrap input[type=checkbox]:disabled {
  cursor: not-allowed;
}

.miwebSwitchWrap input[type=checkbox]:disabled + .miwebSwitchUi {
  opacity: 0.65;
  box-shadow: none;
}

.miwebToggle.is-disabled,
.miwebToggle:has(.miwebSwitchWrap input[type=checkbox]:disabled) {
  opacity: 0.72;
  cursor: not-allowed;
}

#navslide {
  position: fixed;
  top: 54px;
  left: 0;
  bottom: 0;
  width: 78px;
  z-index: 4;
  display: none;
  transition: width 0.24s ease;
  pointer-events: none;
}
#navslide .navslide__shell {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: linear-gradient(180deg, rgb(24, 24, 24), rgb(23, 23, 23));
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(18px);
  padding: 18px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: hidden;
  pointer-events: auto;
}
#navslide .navslide__brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 42px;
}
#navslide .navslide__brandIcon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 42px;
}
#navslide .navslide__brandIcon i {
  color: white;
  font-size: 1rem;
}
#navslide .navslide__brandCopy,
#navslide .navslide__groupLabel,
#navslide .navslide__itemLabel,
#navslide .navslide__footer {
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  pointer-events: none;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
}
#navslide .navslide__eyebrow {
  display: block;
  color: rgba(255, 255, 255, 0.46);
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 4px;
}
#navslide .navslide__title {
  color: white;
  font-size: 0.98rem;
}
#navslide .navslide__groups {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  overflow-y: auto;
}
#navslide .navslide__group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#navslide .navslide__groupLabel {
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding-left: 8px;
}
#navslide .navslide__groupItems {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
#navslide .navslide__item {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 54px;
  min-height: 48px;
  padding: 0;
  border-radius: 16px;
  border: 1px solid transparent;
  background: transparent;
  box-sizing: border-box;
  justify-content: center;
  position: relative;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}
#navslide .navslide__itemIcon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 34px;
  transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
#navslide .navslide__itemIcon i {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  transition: color 0.16s ease;
}
#navslide .navslide__itemLabel {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.92rem;
  flex: 0 1 auto;
  transition: color 0.16s ease;
}
#navslide .navslide__item:hover {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.05);
  transform: translateX(1px);
}
#navslide .navslide__item:hover .navslide__itemIcon {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.08);
  transform: scale(1.02);
}
#navslide .navslide__item:hover .navslide__itemIcon i {
  color: rgba(255, 255, 255, 0.96);
}
#navslide .navslide__item:hover .navslide__itemLabel {
  color: rgba(255, 255, 255, 0.9);
}
#navslide .navslide__item.is-active {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 8px 18px rgba(0, 0, 0, 0.18);
}
#navslide .navslide__item.is-active .navslide__itemIcon {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}
#navslide .navslide__item.is-active .navslide__itemIcon i {
  color: white;
}
#navslide .navslide__item.is-active .navslide__itemLabel {
  color: white;
}
#navslide .navslide__item.is-active:hover {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.13);
  transform: none;
}
#navslide .navslide__item.is-active:hover .navslide__itemIcon {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
  border-color: rgba(255, 255, 255, 0.14);
  transform: none;
}
#navslide .navslide__item.is-active::before {
  display: none;
}
#navslide .navslide__footer {
  color: rgba(255, 255, 255, 0.46);
  font-size: 0.76rem;
  line-height: 1.4;
  padding: 10px 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

@media screen and (min-width: 981px) {
  #navslide {
    display: block;
  }
  #navslide:hover {
    width: 244px;
  }
  #navslide:hover .navslide__shell {
    padding-left: 14px;
    padding-right: 14px;
  }
  #navslide:hover .navslide__groupItems {
    align-items: stretch;
  }
  #navslide:hover .navslide__item {
    width: 100%;
    justify-content: flex-start;
    padding: 0 10px;
  }
  #navslide:hover .navslide__item.is-active {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
  }
  #navslide:hover .navslide__item.is-active::before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    opacity: 0.95;
  }
  #navslide:hover .navslide__item:hover {
    transform: translateX(2px);
  }
  #navslide:hover .navslide__item.is-active:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.045));
    border-color: rgba(255, 255, 255, 0.09);
    transform: none;
  }
  #navslide:hover .navslide__brandCopy,
  #navslide:hover .navslide__groupLabel,
  #navslide:hover .navslide__itemLabel,
  #navslide:hover .navslide__footer {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    max-width: 220px;
  }
}
* {
  margin: 0;
  padding: 0;
  font-family: "regular";
  color: rgb(151, 151, 151);
  font-size: 0.9rem;
  user-select: none;
}

a {
  text-decoration: none;
}

@keyframes l7 {
  33% {
    background-size: 33.3333333333% 0%, 33.3333333333% 100%, 33.3333333333% 100%;
  }
  50% {
    background-size: 33.3333333333% 100%, 33.3333333333% 0%, 33.3333333333% 100%;
  }
  66% {
    background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0%;
  }
}
button {
  padding: 4px 8px;
  cursor: pointer;
  border: none;
  transition: 0.1s;
}

button:hover {
  transition: 0.1s;
  transform: scale(1.03, 1.03);
}

.setupSuggestionCard {
  grid-column: 1/-1;
  width: calc(100% - 40px);
  margin: 4px 20px 10px 20px !important;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 121, 110, 233), 0.16), transparent 36%), linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
  box-sizing: border-box;
}
.setupSuggestionCard .setupSuggestionCard__header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 !important;
}
.setupSuggestionCard .setupSuggestionCard__eyebrow {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.58);
  margin: 7px 8px 0 !important;
}
.setupSuggestionCard .setupSuggestionCard__title {
  color: white;
  font-size: 1rem;
  line-height: 1.35;
  margin: 7px 8px 0 !important;
}
.setupSuggestionCard .setupSuggestionCard__detail {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.5;
  max-width: 780px;
  margin: 7px 8px 5px !important;
}
.setupSuggestionCard .setupSuggestionCard__tips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.setupSuggestionCard .setupSuggestionCard__tip {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 76px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}
.setupSuggestionCard .setupSuggestionCard__label {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.setupSuggestionCard .setupSuggestionCard__value {
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.45;
}
.setupSuggestionCard .setupSuggestionCard__control {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  margin: 10px auto !important;
  max-width: none;
}
.setupSuggestionCard .setupSuggestionCard__control label {
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.86rem;
  line-height: 1.4;
}
.setupSuggestionCard .setupSuggestionCard__selectWrap {
  position: relative;
  width: 100%;
  margin: 8px 0 !important;
  max-width: 200px;
}
.setupSuggestionCard .setupSuggestionCard__selectWrap select {
  width: 100%;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: white;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.setupSuggestionCard .setupSuggestionCard__selectWrap select:focus {
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.42);
  box-shadow: 0 0 0 3px rgba(var(--user-accent-rgb, 108, 181, 222), 0.14);
  background: rgba(255, 255, 255, 0.06);
}
.setupSuggestionCard .setupSuggestionCard__selectWrap option {
  color: #111;
}
.setupSuggestionCard .setupSuggestionCard__selectWrap i {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.54);
  pointer-events: none;
  font-size: 0.85rem;
}

@media (max-width: 900px) {
  .setupSuggestionCard {
    width: calc(100% - 24px);
    margin: 4px 12px 10px 12px !important;
  }
  .setupSuggestionCard .setupSuggestionCard__tips {
    grid-template-columns: 1fr;
  }
}
html, body {
  background-color: rgb(24, 24, 24);
}

#btnnot.bell-anim i {
  animation: bellRing 0.9s ease-in-out;
  transform-origin: 50% 0%;
}

@keyframes bellRing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(18deg);
  }
  20% {
    transform: rotate(-16deg);
  }
  30% {
    transform: rotate(14deg);
  }
  40% {
    transform: rotate(-12deg);
  }
  50% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-8deg);
  }
  70% {
    transform: rotate(6deg);
  }
  80% {
    transform: rotate(-4deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#bellBadge.badge-pop {
  animation: badgePop 0.35s ease;
}

@keyframes badgePop {
  0% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.18);
  }
  100% {
    transform: scale(1);
  }
}
#toastWrap {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: min(92vw, 420px);
}

.toastNotif {
  background: rgba(24, 24, 24, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.toastNotif:hover {
  transform: translateY(-1px);
}

.toastNotif.out {
  opacity: 0;
  transform: translateY(6px);
}

.toastTitle {
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
}

.toastBody {
  margin-top: 6px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.8);
}

.toastActions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.toastActionBtn {
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
}

.toastActionBtn:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-1px);
}

header {
  width: 100%;
  height: 55px;
  background-color: rgb(24, 24, 24);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.6784313725) 0px 0px 8px 1px;
}
header .contentLimit {
  width: 90%;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .contentLimit .left {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .contentLimit .left img {
  width: 25px;
  height: 25px;
}
header .contentLimit .left .txtplat {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-direction: row;
  margin-left: 10px;
}
header .contentLimit .left .txtplat span.title {
  color: rgb(255, 255, 255);
  font-size: 1rem;
}
header .contentLimit .left .txtplat span.subti {
  margin-top: -3px;
  margin-left: 5px;
  color: rgb(151, 151, 151);
  font-size: 0.8rem;
}
header .contentLimit .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .contentLimit .right button {
  width: 35px;
  height: 35px;
  background-color: rgb(39, 39, 39);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
header .contentLimit .right button i {
  color: rgb(255, 255, 255);
  font-size: 1.1rem;
}
header .contentLimit .right .bell-wrapper {
  position: relative;
}
header .contentLimit .right .bell-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 6px;
  height: 6px;
  padding: 6px;
  border-radius: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(205, 68, 68);
  color: #fff;
  font-weight: 600;
  font-size: 0.7rem;
  text-align: center;
  text-shadow: 1px 1px 2px black;
}
header .contentLimit .right .bell-badge-foot {
  top: -11px;
  right: -6px;
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  font-size: 0;
  box-shadow: 0 0 0 2px rgba(29, 29, 29, 0.96);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-shadow: 0px 0px black;
}
header .contentLimit .right .btnuser {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
header .contentLimit .right .btnuser .bubble {
  width: 35px;
  height: 35px;
  background: rgb(104, 194, 221);
  background: -moz-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(104, 194, 221)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  margin: 0 8px 0 0;
  font-size: 1.1rem;
}
header .contentLimit .right .btnuser span {
  margin-right: 8px;
}
header .contentLimit .right #drop {
  background-color: rgb(24, 24, 24);
  width: 145px;
  height: auto;
  position: absolute;
  top: 65px;
  right: 4%;
  z-index: 3;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 5px 0px black;
  display: none;
}
header .contentLimit .right #drop button {
  background-color: transparent;
  width: 100%;
  border-radius: 0;
  justify-content: flex-end;
  padding: 0;
  margin-top: 3px;
}
header .contentLimit .right #drop button i {
  margin: 0 10px;
}
header .contentLimit .right #drop button.sesclose {
  margin-top: 8px;
  margin-bottom: 5px;
  background-color: rgb(39, 39, 39);
  border-radius: 5px;
}
header .contentLimit .right #drop button.sesclose i {
  margin: 0 10px;
}
header .contentLimit .right #drop button:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(39, 39, 39);
  border-radius: 5px;
}

main {
  width: 100%;
  height: calc(100vh - 55px);
  background-color: rgb(24, 24, 24);
  background: radial-gradient(circle at 0% 0%, rgba(var(--user-accent-rgb, 121, 110, 233), 0.3), transparent 34%), radial-gradient(circle at 100% 0%, rgba(var(--user-accent-rgb, 121, 110, 233), 0.12), transparent 32%), linear-gradient(135deg, rgba(16, 17, 21, 0.96), rgba(10, 11, 15, 0.94));
  padding: 55px 0 0 0;
  overflow: hidden;
  overflow-y: auto;
}
main .limitsMargins {
  width: 80%;
  padding: 0 10%;
}
main .limitsMargins .sep {
  background-color: transparent;
  height: 70px;
}
main .panelBienvenida {
  display: flex;
  flex-direction: column;
  background: #121212;
  background: -moz-linear-gradient(top, #121212 0%, transparent 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #121212), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, #121212 0%, transparent 100%);
  background: -o-linear-gradient(top, #121212 0%, transparent 100%);
  background: -ms-linear-gradient(top, #121212 0%, transparent 100%);
  background: linear-gradient(to bottom, #121212 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=0 );
  justify-content: center;
  text-align: center;
  padding: 57px 20px;
  margin-top: 0px;
}
main .panelBienvenida .premsj {
  font-size: 1.2rem;
  color: rgb(255, 255, 255);
}
main .panelBienvenida .nameus {
  color: rgb(255, 255, 255);
}
main .panelBienvenida--dashboard {
  padding: 50px 20px 18px;
  gap: 8px;
  position: relative;
  overflow: hidden;
}
main .panelBienvenida--dashboard .premsj {
  font-size: 1.7rem;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
main .panelBienvenida--dashboard .nameus {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.96rem;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 1;
}
main .titleSectionWrap {
  margin-top: 34px;
}
main .titleSection {
  color: rgb(151, 151, 151);
  font-size: 1.1rem;
  margin-top: 0;
}
main .titleSectionDetail {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.92rem;
  line-height: 1.5;
  margin-top: 6px;
  max-width: 720px;
}
main .dashboardHero {
  margin-top: 8px;
  padding: 0;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.26);
  display: block;
  overflow: hidden;
  position: relative;
}
main .dashboardHero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.05), transparent 38%), radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.08), transparent 18%);
  pointer-events: none;
}
main .dashboardHero__surface {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 28px;
  align-items: stretch;
}
main .dashboardHero__eyebrow,
main .dashboardBlock__eyebrow,
main .dashboardStatCard__eyebrow {
  color: rgba(255, 255, 255, 0.56);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.72rem;
}
main .dashboardHero__title,
main .dashboardBlock__title,
main .dashboardTaskCard__title,
main .dashboardQuickCard__title,
main .dashboardEmptyState__title,
main .dashboardStatCard__title {
  color: white;
}
main .dashboardHero__title {
  margin-top: 10px;
  font-size: clamp(1.45rem, 2vw, 2.3rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
  max-width: 760px;
}
main .dashboardHero__detail,
main .dashboardTaskCard__detail,
main .dashboardQuickCard__detail,
main .dashboardEmptyState__detail,
main .dashboardStatCard__detail {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.5;
}
main .dashboardHero__detail {
  margin-top: 14px;
  max-width: 640px;
  font-size: 1rem;
}
main .dashboardHero__foot {
  margin-top: 22px;
}
main .dashboardHero__status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.9rem;
  line-height: 1.35;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
main .dashboardHero__statusDot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.96);
  box-shadow: 0 0 0 6px rgba(var(--user-accent-rgb, 108, 181, 222), 0.16);
  flex: 0 0 auto;
}
main .dashboardHero__side {
  position: relative;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
  padding: 18px;
  overflow: hidden;
}
main .dashboardHero__sideGlow {
  position: absolute;
  inset: auto -40px -44px auto;
  width: 170px;
  height: 170px;
  border-radius: 999px;
  filter: blur(6px);
  pointer-events: none;
}
main .dashboardHero__miniTitle {
  color: rgba(255, 255, 255, 0.76);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}
main .dashboardHero__highlights {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
}
main .dashboardHero__highlight {
  width: calc(100% - 36px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(6, 7, 10, 0.34);
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}
main .dashboardHero__highlightValue {
  color: white;
  font-size: 1.42rem;
  line-height: 1.15;
}
main .dashboardMoney {
  display: inline-flex;
  align-items: flex-start;
  gap: 0;
  white-space: nowrap;
}
main .dashboardMoney__whole,
main .dashboardMoney__comma {
  display: inline-block;
  color: white;
  font-size: 1.82rem;
  font-weight: 700;
}
main .dashboardMoney__cents {
  display: inline-block;
  color: white;
  font-size: 1.1em !important;
  line-height: 1.1;
  opacity: 0.88;
  padding-top: 0.12em;
}
main .dashboardHero__highlightLabel {
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.86rem;
  line-height: 1.35;
}
main .dashboardHero__highlightMeta {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.82rem;
  line-height: 1.35;
}
main .dashboardHero__highlightAction {
  margin-top: auto;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.26);
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.16);
  color: white;
  font-size: 0.84rem;
  font-weight: 700;
  align-self: flex-start;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
main .dashboardHero__highlightAction:hover {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.34);
}
main .dashboardHero__highlight.is-warn .dashboardHero__highlightAction {
  background: rgba(255, 176, 72, 0.16);
  border-color: rgba(255, 176, 72, 0.22);
}
main .dashboardHero__highlight.is-warn .dashboardHero__highlightAction:hover {
  background: rgba(255, 176, 72, 0.24);
  border-color: rgba(255, 176, 72, 0.32);
}
main .dashboardHero__highlight.is-session {
  background: linear-gradient(180deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.18), rgba(255, 255, 255, 0.02));
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.28);
}
main .dashboardHero__highlight.is-register {
  background: linear-gradient(180deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.11), rgba(255, 255, 255, 0.02));
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.18);
}
main .dashboardHero__highlight.is-neutral {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
}
main .dashboardHero__highlight.is-warn {
  background: linear-gradient(180deg, rgba(255, 176, 72, 0.12), rgba(255, 255, 255, 0.02));
  border-color: rgba(255, 176, 72, 0.18);
}
main .dashboardMembership {
  margin-top: 18px;
}
main .dashboardMembershipCard {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  color: white;
  cursor: pointer;
  transition: 0.24s ease;
  text-align: left;
}
main .dashboardMembershipCard:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
}
main .dashboardMembershipCard.is-alert {
  border-color: rgba(255, 170, 84, 0.32);
  background: radial-gradient(circle at top left, rgba(255, 170, 84, 0.18), transparent 34%), radial-gradient(circle at 100% 0, rgba(255, 118, 80, 0.1), transparent 30%), linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  box-shadow: 0 20px 36px rgba(0, 0, 0, 0.24);
}
main .dashboardMembershipCard.is-alert:hover {
  border-color: rgba(255, 170, 84, 0.44);
}
main .dashboardMembershipCard__copy {
  display: grid;
  gap: 6px;
}
main .dashboardMembershipCard__eyebrow {
  color: rgba(255, 255, 255, 0.56);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.72rem;
}
main .dashboardMembershipCard__title {
  color: white;
  font-size: 1.18rem;
  line-height: 1.2;
}
main .dashboardMembershipCard__detail {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  line-height: 1.5;
}
main .dashboardMembershipCard__meta {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
  line-height: 1.45;
}
main .dashboardMembershipCard__action {
  min-width: 170px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.16);
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
  color: white;
  font-size: 0.92rem;
  font-weight: 700;
  flex-shrink: 0;
}
main .dashboardBusinessStatsCta {
  margin-top: 18px;
  margin-bottom: 18px;
}
main .dashboardBusinessStatsCard {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), transparent 34%), radial-gradient(circle at 100% 0, rgba(var(--user-accent-rgb, 108, 181, 222), 0.08), transparent 32%), linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  color: white;
  cursor: pointer;
  transition: 0.24s ease;
}
main .dashboardBusinessStatsCard:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
}
main .dashboardBusinessStatsCard__eyebrow {
  color: rgba(255, 255, 255, 0.56);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.72rem;
  margin-bottom: 8px;
  text-align: left;
}
main .dashboardBusinessStatsCard__title {
  color: white;
  font-size: 1.18rem;
  margin-bottom: 6px;
  text-align: left;
}
main .dashboardBusinessStatsCard__detail {
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.5;
  max-width: 760px;
  text-align: left;
}
main .dashboardBusinessStatsCard__action {
  white-space: nowrap;
  min-width: 170px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.18);
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
  color: white;
  font-size: 0.92rem;
  font-weight: 700;
  flex-shrink: 0;
}
main .dashboardSectionLead {
  margin: 26px 20px 16px;
}
main .dashboardSectionLead__title {
  color: rgb(255, 255, 255);
  font-size: 1.18rem;
  letter-spacing: -0.03em;
}
main .dashboardStats {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
main .dashboardStatCard,
main .dashboardBlock {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018));
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(6px);
}
main .dashboardStatCard {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: hidden;
}
main .dashboardStatCard::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  opacity: 0.78;
}
main .dashboardStatCard__title {
  line-height: 1.24;
}
main .dashboardStatCard__value {
  color: white;
  font-size: 1.82rem;
  font-weight: 700;
  line-height: 1.1;
  margin-top: auto;
}
main .dashboardStatCard__value .dashboardMoney__cents {
  font-size: 0.62em;
  padding-top: 0.16em;
}
main .moneyValue {
  display: inline-flex;
  align-items: flex-start;
  margin-left: 5px;
  gap: 0;
  white-space: nowrap;
}
main .moneyValue__whole,
main .moneyValue__comma {
  display: inline-block;
  color: white !important;
  font-size: 1rem !important;
}
main .moneyValue__cents {
  display: inline-block;
  font-size: 0.68em;
  line-height: 1.1;
  opacity: 0.88;
  padding-top: 0.14em;
}
main .dashboardStatCard__detail {
  max-width: 100%;
}
main .dashboardStatCard.is-open {
  background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 38%), rgba(0, 0, 0, 0.22);
}
main .dashboardStatCard.is-open::before {
  background: rgba(16, 185, 129, 0.78);
}
main .dashboardStatCard.is-accent {
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), transparent 38%), rgba(0, 0, 0, 0.22);
}
main .dashboardStatCard.is-accent::before {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.8);
}
main .dashboardStatCard.is-warn {
  background: radial-gradient(circle at top left, rgba(217, 149, 51, 0.15), transparent 38%), rgba(0, 0, 0, 0.22);
}
main .dashboardStatCard.is-warn::before {
  background: rgba(217, 149, 51, 0.84);
}
main .dashboardStatCard.is-danger {
  background: radial-gradient(circle at top left, rgba(148, 63, 63, 0.18), transparent 38%), rgba(0, 0, 0, 0.22);
}
main .dashboardStatCard.is-danger::before {
  background: rgba(190, 80, 80, 0.86);
}
main .dashboardStatCard.is-transfer {
  background: radial-gradient(circle at top left, rgba(72, 169, 255, 0.16), transparent 38%), rgba(0, 0, 0, 0.22);
}
main .dashboardStatCard.is-transfer::before {
  background: rgba(72, 169, 255, 0.86);
}
main .dashboardStatCard.is-card {
  background: radial-gradient(circle at top left, rgba(120, 111, 255, 0.16), transparent 38%), rgba(0, 0, 0, 0.22);
}
main .dashboardStatCard.is-card::before {
  background: rgba(120, 111, 255, 0.86);
}
main .dashboardStatCard.is-expense {
  background: radial-gradient(circle at top left, rgba(230, 122, 74, 0.16), transparent 38%), rgba(0, 0, 0, 0.22);
}
main .dashboardStatCard.is-expense::before {
  background: rgba(230, 122, 74, 0.88);
}
main .dashboardMainGrid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.88fr);
  gap: 18px;
}
main .dashboardActivitySection {
  margin-top: 22px;
}
main .dashboardBlock {
  padding: 22px;
}
main .dashboardBlock__head {
  margin-bottom: 16px;
}
main .dashboardTaskList,
main .dashboardQuickGrid,
main .dashboardActivityList {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
main .dashboardTaskCard,
main .dashboardQuickCard {
  width: 100%;
  text-align: left;
  border-radius: 22px;
  padding: 17px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.025));
  border: 1px solid rgba(255, 255, 255, 0.07);
  display: grid;
  gap: 12px;
  transition: 0.22s ease;
}
main .dashboardTaskCard {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  position: relative;
  overflow: hidden;
}
main .dashboardQuickCard {
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
}
main .dashboardTaskCard:hover,
main .dashboardQuickCard:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
  border-color: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.18);
}
main .dashboardTaskCard__action {
  color: white;
  font-size: 0.84rem;
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  white-space: nowrap;
}
main .dashboardTaskCard__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 6px;
}
main .dashboardTaskCard__tag::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  flex: 0 0 auto;
}
main .dashboardTaskCard::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  opacity: 0.75;
}
main .dashboardTaskCard.is-open {
  background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 42%), rgba(255, 255, 255, 0.035);
  border-color: rgba(16, 185, 129, 0.18);
}
main .dashboardTaskCard.is-accent {
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), transparent 42%), rgba(255, 255, 255, 0.035);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.18);
}
main .dashboardTaskCard.is-warn {
  background: radial-gradient(circle at top left, rgba(217, 149, 51, 0.13), transparent 42%), rgba(255, 255, 255, 0.035);
  border-color: rgba(217, 149, 51, 0.18);
}
main .dashboardTaskCard.is-danger {
  background: radial-gradient(circle at top left, rgba(148, 63, 63, 0.18), transparent 42%), rgba(255, 255, 255, 0.035);
  border-color: rgba(148, 63, 63, 0.26);
}
main .dashboardTaskCard.is-open::before {
  background: rgba(16, 185, 129, 0.72);
}
main .dashboardTaskCard.is-accent::before {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.78);
}
main .dashboardTaskCard.is-warn::before {
  background: rgba(217, 149, 51, 0.82);
}
main .dashboardTaskCard.is-danger::before {
  background: rgba(190, 80, 80, 0.86);
}
main .dashboardTaskCard.is-open .dashboardTaskCard__tag {
  color: rgba(16, 185, 129, 0.86);
}
main .dashboardTaskCard.is-accent .dashboardTaskCard__tag {
  color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.88);
}
main .dashboardTaskCard.is-warn .dashboardTaskCard__tag {
  color: rgba(217, 149, 51, 0.92);
}
main .dashboardTaskCard.is-danger .dashboardTaskCard__tag {
  color: rgba(230, 120, 120, 0.92);
}
main .dashboardTaskCard.is-open .dashboardTaskCard__tag::before {
  background: rgba(16, 185, 129, 0.82);
}
main .dashboardTaskCard.is-accent .dashboardTaskCard__tag::before {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.88);
}
main .dashboardTaskCard.is-warn .dashboardTaskCard__tag::before {
  background: rgba(217, 149, 51, 0.92);
}
main .dashboardTaskCard.is-danger .dashboardTaskCard__tag::before {
  background: rgba(230, 120, 120, 0.92);
}
main .dashboardQuickCard__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.22), rgba(var(--user-accent-rgb, 108, 181, 222), 0.08));
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.02rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
main .dashboardQuickCard__icon i {
  color: white;
}
main .dashboardQuickCard__copy {
  margin-left: 5px;
}
main .dashboardQuickCard.is-primary {
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.16), transparent 38%), radial-gradient(circle at 100% 0, rgba(var(--user-accent-rgb, 108, 181, 222), 0.1), transparent 38%), rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
main .dashboardTaskCard.is-open .dashboardTaskCard__action {
  background: rgba(16, 185, 129, 0.14);
  border-color: rgba(16, 185, 129, 0.28);
}
main .dashboardTaskCard.is-accent .dashboardTaskCard__action {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.14);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
}
main .dashboardTaskCard.is-warn .dashboardTaskCard__action {
  background: rgba(217, 149, 51, 0.16);
  border-color: rgba(217, 149, 51, 0.28);
}
main .dashboardTaskCard.is-danger .dashboardTaskCard__action {
  background: rgba(120, 46, 46, 0.45);
  border-color: rgba(190, 80, 80, 0.28);
}
main .dashboardEmptyState {
  min-height: 180px;
  border-radius: 22px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 18px;
}
main .dashboardEmptyState--compact {
  min-height: 0;
}
main .dashboardActivityItem {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
  position: relative;
  overflow: hidden;
}
main .dashboardActivityItem::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0.82;
}
main .dashboardActivityItem__time {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding-top: 2px;
}
main .dashboardActivityItem__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
main .dashboardActivityItem__top {
  display: flex;
  gap: 10px;
  align-items: baseline;
  flex-wrap: wrap;
}
main .dashboardActivityItem__module {
  color: rgba(255, 255, 255, 0.58);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}
main .dashboardActivityItem__title {
  color: white;
  line-height: 1.3;
}
main .dashboardActivityItem__detail {
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.45;
}
main .dashboardActivityItem__meta {
  color: rgba(255, 255, 255, 0.56);
  line-height: 1.35;
  font-size: 0.84rem;
}
main .dashboardActivityItem.is-cash::before {
  background: rgba(16, 185, 129, 0.82);
}
main .dashboardActivityItem.is-expense::before {
  background: rgba(230, 122, 74, 0.88);
}
main .dashboardActivityItem.is-sale::before {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.84);
}
main .dashboardActivityItem.is-order::before {
  background: rgba(217, 149, 51, 0.84);
}
main .dashboardActivityItem.is-stock::before {
  background: rgba(190, 80, 80, 0.84);
}
main .recommendationIntro {
  margin-top: 14px;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: radial-gradient(circle at 0 0, rgba(86, 67, 130, 0.24), transparent 34%), radial-gradient(circle at 100% 0, rgba(104, 194, 221, 0.12), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018));
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}
main .recommendationIntro__title {
  color: white;
  font-size: 1.04rem;
  line-height: 1.25;
}
main .recommendationIntro__subtitle {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.5;
  max-width: 880px;
}
main .membershipPanel {
  width: calc(90% - 30px);
  margin: 10px auto 26px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}
main .membershipPanel--settings {
  margin-top: 4px;
}
main .membershipPanel__statusHero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.22);
  background: radial-gradient(circle at 0 0, rgba(var(--user-accent-rgb, 108, 181, 222), 0.18), transparent 34%), radial-gradient(circle at 100% 0, rgba(96, 226, 181, 0.1), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
}
main .membershipPanel__statusHero.is-alert {
  border-color: rgba(255, 170, 84, 0.34);
  background: radial-gradient(circle at 0 0, rgba(255, 170, 84, 0.2), transparent 34%), radial-gradient(circle at 100% 0, rgba(255, 118, 80, 0.12), transparent 36%), linear-gradient(135deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018));
}
main .membershipPanel__statusIcon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.98);
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.12);
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.22);
  box-sizing: border-box;
}
main .membershipPanel__statusIcon i {
  font-size: 1.25rem;
}
main .membershipPanel__statusHero.is-alert .membershipPanel__statusIcon {
  color: rgba(255, 190, 118, 0.98);
  background: rgba(255, 170, 84, 0.12);
  border-color: rgba(255, 170, 84, 0.24);
}
main .membershipPanel__statusCopy {
  min-width: 0;
}
main .membershipPanel__statusEyebrow {
  color: rgba(255, 255, 255, 0.58);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.68rem;
  line-height: 1.25;
  margin-bottom: 6px;
}
main .membershipPanel__statusTitle {
  color: white;
  font-size: 1.18rem;
  line-height: 1.25;
}
main .membershipPanel__statusDetail {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.48;
  max-width: 760px;
}
main .membershipPanel__statusFacts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 15px;
}
main .membershipPanel__statusFact {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.065);
  box-sizing: border-box;
}
main .membershipPanel__statusFact span,
main .membershipPanel__statusFact strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main .membershipPanel__statusFact span {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.69rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 4px;
}
main .membershipPanel__statusFact strong {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.88rem;
  line-height: 1.35;
}
main .membershipPanel__statusActions {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 178px;
}
main .membershipPanel__statusAction {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
  color: white;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}
main .membershipPanel__statusHero.is-alert .membershipPanel__statusAction {
  border-color: rgba(255, 170, 84, 0.26);
  background: rgba(255, 170, 84, 0.14);
}
main .membershipPanel__statusAction:hover {
  filter: brightness(1.08);
}
main .membershipPanel__statusAction.is-secondary {
  border-color: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.035);
}
main .membershipPanel__intro {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
  gap: 14px;
}
main .membershipPanel__introCard,
main .membershipPanel__footNote {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: radial-gradient(circle at top left, rgba(86, 67, 130, 0.16), transparent 34%), radial-gradient(circle at 100% 0, rgba(104, 194, 221, 0.08), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018));
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
  padding: 18px 18px 17px;
  box-sizing: border-box;
}
main .membershipPanel__introTitle,
main .membershipPanel__footNoteTitle {
  color: white;
  font-size: 0.98rem;
  line-height: 1.3;
}
main .membershipPanel__introDetail,
main .membershipPanel__footNoteDetail {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.56;
  font-size: 0.92rem;
}
main .membershipPanel__plans {
  max-width: 450px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
main .membershipPlanCard {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at top left, rgba(86, 67, 130, 0.1), transparent 34%), radial-gradient(circle at 100% 0, rgba(104, 194, 221, 0.06), transparent 36%), linear-gradient(180deg, rgba(14, 15, 18, 0.94), rgba(9, 10, 12, 0.92));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
  padding: 18px;
  box-sizing: border-box;
}
main .membershipPlanCard::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 12px;
  background: linear-gradient(180deg, rgba(86, 67, 130, 0.34), rgba(104, 194, 221, 0.12));
  opacity: 0.88;
}
main .membershipPlanCard.is-current {
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.34);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(var(--user-accent-rgb, 108, 181, 222), 0.08);
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.18), transparent 36%), radial-gradient(circle at 100% 0, rgba(var(--user-accent-rgb, 108, 181, 222), 0.08), transparent 38%), linear-gradient(180deg, rgba(14, 15, 18, 0.95), rgba(9, 10, 12, 0.93));
}
main .membershipPlanCard.is-current::before {
  background: linear-gradient(180deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.52), rgba(var(--user-accent-rgb, 108, 181, 222), 0.16));
}
main .membershipPlanCard__top {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-left: 10px;
}
main .membershipPlanCard__badge,
main .membershipPlanCard__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.71rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-sizing: border-box;
}
main .membershipPlanCard__badge {
  color: rgba(104, 194, 221, 0.98);
  background: rgba(86, 67, 130, 0.08);
  border: 1px solid rgba(86, 67, 130, 0.18);
}
main .membershipPlanCard__badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(104, 194, 221, 0.94);
  box-shadow: 0 0 0 4px rgba(86, 67, 130, 0.12);
  flex: 0 0 auto;
}
main .membershipPlanCard__badge.is-current {
  color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.98);
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.08);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.2);
}
main .membershipPlanCard__badge.is-current::before {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.94);
  box-shadow: 0 0 0 4px rgba(var(--user-accent-rgb, 108, 181, 222), 0.12);
}
main .membershipPlanCard__status {
  color: rgba(255, 255, 255, 0.84);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
main .membershipPlanCard__title {
  margin-top: 14px;
  margin-left: 10px;
  color: white;
  font-size: 1.24rem;
  line-height: 1.18;
}
main .membershipPlanCard__detail {
  margin-top: 10px;
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.55;
}
main .membershipPlanCard__prices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 0 10px;
}
main .membershipPlanCard__priceBox {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 12px 13px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
main .membershipPlanCard__priceLabel {
  color: rgba(255, 255, 255, 0.52);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.67rem;
}
main .membershipPlanCard__priceValue {
  color: white;
  font-size: 0.96rem;
  line-height: 1.35;
}
main .membershipPlanCard__priceHint {
  color: rgba(96, 226, 181, 0.92);
  font-size: 0.76rem;
  line-height: 1.35;
}
main .membershipPlanCard__availability {
  margin: 14px 0 0 10px;
  padding: 13px 15px;
  border-radius: 18px;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.08);
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.18);
}
main .membershipPlanCard__availabilityTitle {
  color: white;
  font-size: 0.9rem;
  line-height: 1.35;
}
main .membershipPlanCard__availabilityDetail {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.66);
  line-height: 1.45;
  font-size: 0.84rem;
}
main .membershipPlanCard__modules {
  margin: 14px 0 0 10px;
  padding: 14px 15px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
main .membershipPlanCard__modulesLabel {
  min-height: 25px;
  color: rgba(255, 255, 255, 0.54);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.68rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2117647059);
  margin-bottom: 17px;
}
main .membershipPlanCard__modulesList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.5;
}
main .membershipPlanCard__modulesList span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.065);
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.82rem;
  box-sizing: border-box;
}
main .membershipPlanCard__actions {
  display: flex;
  justify-content: space-around;
  flex-direction: row-reverse;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
  margin: 25px 16px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2117647059);
  min-height: 62px;
}
main .membershipPlanCard__action {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(86, 67, 130, 0.2);
  background: rgba(86, 67, 130, 0.1);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88rem;
  transition: 0.2s ease;
}
main .membershipPlanCard__action:first-child {
  min-width: 156px;
}
main .membershipPlanCard__action:hover {
  background: rgba(86, 67, 130, 0.16);
  border-color: rgba(104, 194, 221, 0.28);
}
main .membershipPlanCard.is-current .membershipPlanCard__action {
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.22);
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.12);
}
main .membershipPlanCard.is-current .membershipPlanCard__action:hover {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.18);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.32);
}
main .membershipPlanCard__action.is-secondary {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.86);
}
main .membershipPlanCard__action.is-secondary:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}
main .personalPanel {
  width: 88% !important;
  padding: 18px 6% 20px;
  height: calc(100% - 119px) !important;
  max-height: calc(100% - 38px) !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 920px) {
  main .dashboardHero__surface {
    grid-template-columns: 1fr;
    padding: 22px;
  }
  main .dashboardHero__surface .dashboardHero__highlights {
    flex-direction: column;
  }
  main .dashboardMembershipCard {
    flex-direction: column;
    align-items: flex-start;
  }
  main .dashboardMembershipCard__action {
    width: calc(100% - 36px);
  }
  main .membershipPanel__statusHero {
    grid-template-columns: 1fr;
  }
  main .membershipPanel__statusActions {
    width: 100%;
    min-width: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
  main .membershipPanel__intro {
    grid-template-columns: 1fr;
  }
  main .dashboardBusinessStatsCard {
    flex-direction: column;
    align-items: flex-start;
  }
  main .dashboardBusinessStatsCard__action {
    width: calc(100% - 32px);
    text-align: center;
  }
  main .dashboardStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  main .dashboardMainGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  main .panelBienvenida--dashboard {
    padding: 26px 16px 16px;
  }
  main .panelBienvenida--dashboard .premsj {
    font-size: 1.42rem;
  }
  main .titleSectionWrap {
    margin-top: 26px;
  }
  main .dashboardHero__surface {
    padding: 18px;
  }
  main .dashboardHero__title {
    font-size: 1.72rem;
  }
  main .membershipPanel {
    width: calc(100% - 28px);
  }
  main .membershipPanel__statusHero,
  main .membershipPlanCard,
  main .membershipPanel__introCard {
    border-radius: 20px;
  }
  main .membershipPanel__statusFacts,
  main .membershipPlanCard__prices {
    grid-template-columns: 1fr;
  }
  main .membershipPanel__statusActions,
  main .membershipPlanCard__actions {
    width: calc(100% - 32px);
    flex-direction: column-reverse;
    min-height: 148px;
    justify-content: space-evenly;
    align-items: center;
    margin: 25px 16px 0px;
  }
  main .membershipPanel__statusAction,
  main .membershipPlanCard__action,
  main .membershipPlanCard__action:first-child {
    width: calc(100% - 32px);
    min-width: 0;
  }
  main .dashboardHero__status {
    width: calc(100% - 28px);
    justify-content: center;
    padding: 10px 14px;
    border-radius: 18px;
  }
  main .dashboardStats {
    grid-template-columns: 1fr;
  }
  main .dashboardBlock,
  main .dashboardStatCard,
  main .recommendationIntro {
    border-radius: 20px;
  }
  main .dashboardBlock {
    padding: 18px;
  }
  main .dashboardTaskCard {
    grid-template-columns: 1fr;
  }
  main .dashboardTaskCard__action {
    width: fit-content;
  }
  main .dashboardQuickCard__icon {
    width: 46px;
    height: 46px;
  }
  main .dashboardQuickCard__icon i {
    color: white;
  }
  main .dashboardActivityItem {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  main .dashboardActivityItem__time {
    padding-top: 0;
  }
}
main .personalCard {
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}
main .personalPanel--list .personalCard {
  width: calc(100% - 32px);
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
main .personalCard--blocked {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
main .personalCard--blocked .title {
  color: white;
}
main .personalCard--blocked .detail {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.5;
}
main .personalCard__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
main .personalCard__head .title {
  color: white;
}
main .personalCard__head .detail,
main .personalEditorMiniCard__detail,
main .personalItem__meta,
main .personalItem__tools,
main .personalItem__activity {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.45;
}
main .personalToolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}
main .personalToolbar__search {
  width: min(520px, 100%);
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  padding: 0 14px;
}
main .personalToolbar__search i {
  color: rgba(255, 255, 255, 0.45);
}
main .personalToolbar__search input {
  width: 100%;
  height: 44px;
  background: transparent;
  border: 0;
  color: white;
  outline: none;
}
main .personalToolbar__clear {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.72);
  flex: 0 0 auto;
}
main .personalTableHead {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) 120px 120px minmax(0, 1.6fr) 140px 190px;
  gap: 16px;
  padding: 0 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 10px;
}
main .personalTableHead__actions,
main .personalHeadBtn {
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.74rem;
}
main .personalHeadBtn {
  background: transparent;
  text-align: left;
  padding: 0;
  min-height: 18px;
}
main .personalHeadBtn.is-active {
  color: white;
}
main .personalTableHead__actions {
  text-align: right;
}
main .personalList {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
main .personalItem {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) 120px 120px minmax(0, 1.6fr) 140px 190px;
  gap: 16px;
  align-items: center;
  padding: 18px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
main .personalItem__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
main .personalItem__name {
  color: white;
  font-size: 1rem;
  line-height: 1.35;
  margin-bottom: 4px;
}
main .personalItem__role,
main .personalItem__status,
main .personalItem__tools,
main .personalItem__activity,
main .personalItem__actions {
  padding-top: 4px;
}
main .personalItem__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
main .personalRoleBadge,
main .personalStateBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: white;
}
main .personalRoleBadge.is-admin {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.14);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
}
main .personalStateBadge.is-active {
  background: rgba(16, 185, 129, 0.16);
  border-color: rgba(16, 185, 129, 0.38);
}
main .personalStateBadge.is-muted {
  color: rgba(255, 255, 255, 0.64);
}
main .personalForm {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
}
main .personalEditorLayout {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(0, 2fr) minmax(260px, 0.95fr);
  gap: 18px;
  min-height: 0;
}
main .personalEditorAside {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
main .personalEditorContent,
main .personalEditorTools {
  min-width: 0;
}
main .personalEditorMiniCard {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 16px;
}
main .personalEditorMiniCard__title {
  color: white;
  margin-bottom: 8px;
}
main .personalGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}
main .personalGrid label {
  display: block;
  color: white;
  margin-bottom: 8px;
}
main .personalGrid input,
main .personalGrid select {
  width: 100%;
  min-height: 44px;
  border-radius: 14px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: white;
  box-sizing: border-box;
}
main .personalGrid option {
  color: #111;
}
main .personalToolsList {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 480px;
  overflow-y: auto;
  padding-right: 4px;
  padding-top: 10px;
}
main .personalToolToggle {
  width: 100%;
  margin: 0;
}
main .personalActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: auto;
}
main .personalMessage {
  margin-right: auto;
  color: rgba(255, 255, 255, 0.7);
}
main .personalMessage.is-error {
  color: #ef6b6b;
}
main .personalMessage.is-success {
  color: #72d6a1;
}
main .personalEmpty {
  padding: 28px 18px;
  border-radius: 16px;
  border: 1px dashed rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
main .personalEmpty .title {
  color: white;
}
main .personalEmpty .detail {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.5;
}
main .personalBtn {
  min-height: 40px;
  padding: 0 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.92), rgba(0, 0, 0, 0.35));
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: white;
  font-weight: 600;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}
main .personalBtnGhost {
  background: rgba(255, 255, 255, 0.04);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
}
main .personalBtnDanger {
  background: rgba(120, 46, 46, 0.45);
  color: white;
  border: 1px solid rgba(255, 160, 160, 0.08);
  box-shadow: none;
}
main .personalBtnCompact {
  min-height: 40px;
  padding: 0 16px;
}
@media (max-width: 920px) {
  main .personalToolbar {
    flex-direction: column;
    align-items: stretch;
  }
  main .personalToolbar__search {
    width: calc(100% - 28px);
  }
  main .personalToolbar .personalBtn {
    width: 100%;
    justify-content: center;
  }
  main .personalTableHead {
    display: none;
  }
  main .personalItem {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.02);
  }
  main .personalItem__role,
  main .personalItem__status,
  main .personalItem__tools,
  main .personalItem__activity,
  main .personalItem__actions {
    padding-top: 0;
  }
  main .personalItem__role,
  main .personalItem__status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  main .personalItem__tools,
  main .personalItem__activity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    word-break: break-word;
  }
  main .personalItem__role::before,
  main .personalItem__status::before,
  main .personalItem__tools::before,
  main .personalItem__activity::before {
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
  }
  main .personalItem__role::before {
    content: "Rol";
  }
  main .personalItem__status::before {
    content: "Estado";
  }
  main .personalItem__tools::before {
    content: "Herramientas";
  }
  main .personalItem__activity::before {
    content: "Ultima actividad";
  }
  main .personalItem__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  main .personalItem__actions .personalBtn,
  main .personalItem__actions .personalStateBadge {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
  main .personalCard__head {
    flex-direction: column;
    align-items: stretch;
  }
  main .personalCard__head .personalBtn {
    width: 100%;
    justify-content: center;
  }
  main .personalEditorLayout {
    grid-template-columns: 1fr;
  }
  main .personalEditorAside,
  main .personalEditorContent,
  main .personalEditorTools {
    width: 100%;
  }
  main .personalGrid {
    grid-template-columns: 1fr;
  }
  main .personalEditorMiniCard {
    width: calc(100% - 28px);
    padding: 14px;
  }
  main .personalToolsList {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
  main .personalToolToggle {
    align-items: flex-start;
  }
  main .personalToolToggle .miwebToggleText {
    padding-top: 2px;
  }
  main .personalActions {
    flex-direction: column;
    align-items: stretch;
  }
  main .personalActions .personalMessage {
    margin-right: 0;
    width: 100%;
  }
  main .personalActions .personalBtn {
    width: 100%;
    justify-content: center;
  }
}
body.nexosActionModalBodyLock {
  overflow: hidden !important;
}

body.nexosActionModalBodyLock {
  overflow: hidden !important;
}

#nexosActionBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1998;
  display: none;
  background: rgba(5, 5, 5, 0.72);
  backdrop-filter: blur(8px);
}

#nexosActionDialog {
  position: fixed;
  inset: 0;
  z-index: 1999;
  display: none;
  align-items: flex-start;
  justify-content: center;
  pointer-events: none;
}

.nexosActionModal__dialog {
  width: min(92vw, 520px);
  position: relative;
  margin: min(12vh, 90px) auto 0 auto;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.05), transparent 42%), linear-gradient(180deg, rgba(31, 31, 31, 0.98), rgba(17, 17, 17, 0.98));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
  pointer-events: auto;
}

.nexosActionModal__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.nexosActionModal__iconWrap {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.nexosActionModal__iconWrap i {
  color: white;
  font-size: 1.15rem;
}

.nexosActionModal__close {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.nexosActionModal__close:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

.nexosActionModal__eyebrow {
  margin-top: 16px;
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}

.nexosActionModal__title {
  margin-top: 8px;
  font-size: 1.45rem;
  color: white;
}

.nexosActionModal__message {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.86);
  line-height: 1.55;
  white-space: pre-line;
}

.nexosActionModal__detail {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.5;
  white-space: pre-line;
}

.nexosActionModal__hintCard {
  padding: 13px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.55;
}

.nexosActionModal__hintCard + .nexosActionModal__hintCard {
  margin-top: 10px;
}

.nexosActionModal__hintCard--warning {
  border-color: rgba(255, 189, 89, 0.26);
  background: rgba(255, 189, 89, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

.nexosActionModal__detailList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.nexosActionModal__detailRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.nexosActionModal__detailRow span {
  color: rgba(255, 255, 255, 0.72);
}

.nexosActionModal__detailRow strong {
  color: white;
  font-size: 1rem;
}

.nexosActionModal__detailRow.is-info {
  border-color: rgba(95, 176, 255, 0.24);
  background: rgba(95, 176, 255, 0.1);
}

.nexosActionModal__detailRow.is-expense {
  border-color: rgba(230, 122, 74, 0.26);
  background: rgba(230, 122, 74, 0.11);
}

.nexosActionModal__detailRow.is-warning {
  border-color: rgba(255, 189, 89, 0.26);
  background: rgba(255, 189, 89, 0.12);
}

.nexosActionModal__adviceCard {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 189, 89, 0.26);
  background: rgba(255, 189, 89, 0.12);
}

.nexosActionModal__adviceTitle {
  color: #ffcc70;
  font-size: 0.86rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.nexosActionModal__adviceDetail {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.55;
}

.nexosActionModal__paymentForm {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nexosActionModal__fieldGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.nexosActionModal__field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.nexosActionModal__label {
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.9rem;
  font-weight: 600;
}

.nexosActionModal__input,
.nexosActionModal__textarea {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.nexosActionModal__textarea {
  min-height: 96px;
  padding: 12px 14px;
  resize: vertical;
}

.nexosActionModal__input:focus,
.nexosActionModal__textarea:focus {
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.34);
  box-shadow: 0 0 0 3px rgba(var(--user-accent-rgb, 108, 181, 222), 0.12);
  background: rgba(255, 255, 255, 0.06);
}

.nexosActionModal__input option {
  color: #111;
}

.nexosActionModal__actions {
  margin-top: 22px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.nexosActionModal__btn {
  min-width: 138px;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.26);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 36%), linear-gradient(135deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.94), rgba(var(--user-accent-rgb, 108, 181, 222), 0.72));
  color: white;
  font-size: 0.96rem;
  font-weight: 600;
  box-shadow: 0 14px 28px rgba(var(--user-accent-rgb, 108, 181, 222), 0.22);
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, border-color 0.18s ease;
}

.nexosActionModal__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(var(--user-accent-rgb, 108, 181, 222), 0.3);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.34);
}

.nexosActionModal__btn--ghost {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.88);
}

.nexosActionDialog.is-warning .nexosActionModal__iconWrap {
  background: rgba(255, 189, 89, 0.12);
  border-color: rgba(255, 189, 89, 0.22);
}

.nexosActionDialog.is-warning .nexosActionModal__iconWrap i {
  color: #ffcc70;
}

.nexosActionDialog.is-danger .nexosActionModal__iconWrap {
  background: rgba(255, 109, 109, 0.12);
  border-color: rgba(255, 109, 109, 0.22);
}

.nexosActionDialog.is-danger .nexosActionModal__iconWrap i {
  color: #ff8e8e;
}

.nexosActionDialog.is-success .nexosActionModal__iconWrap {
  background: rgba(54, 220, 132, 0.12);
  border-color: rgba(54, 220, 132, 0.22);
}

.nexosActionDialog.is-success .nexosActionModal__iconWrap i {
  color: #60e3a2;
}

.nexosActionDialog.is-info .nexosActionModal__iconWrap {
  background: rgba(95, 176, 255, 0.12);
  border-color: rgba(95, 176, 255, 0.22);
}

.nexosActionDialog.is-info .nexosActionModal__iconWrap i {
  color: #85c8ff;
}

@media only screen and (max-width: 768px) {
  #nexosActionDialog {
    align-items: flex-start;
  }
  .nexosActionModal__dialog {
    width: calc(100% - 22px);
    margin-top: 70px;
    padding: 20px 16px;
    border-radius: 22px;
  }
  .nexosActionModal__actions {
    flex-direction: column-reverse;
  }
  .nexosActionModal__btn {
    width: 100%;
  }
  .nexosActionModal__fieldGrid {
    grid-template-columns: 1fr;
  }
}
main #nexosActionBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1998;
  display: none;
  background: rgba(5, 5, 5, 0.72);
  backdrop-filter: blur(8px);
}
main #nexosActionDialog {
  position: fixed;
  inset: 0;
  z-index: 1999;
  display: none;
  align-items: flex-start;
  justify-content: center;
  pointer-events: none;
}
main .nexosActionModal__dialog {
  width: min(92vw, 520px);
  position: relative;
  margin: min(12vh, 90px) auto 0 auto;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.05), transparent 42%), linear-gradient(180deg, rgba(31, 31, 31, 0.98), rgba(17, 17, 17, 0.98));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
  pointer-events: auto;
}
main .nexosActionModal__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
main .nexosActionModal__iconWrap {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
main .nexosActionModal__iconWrap i {
  color: white;
  font-size: 1.15rem;
}
main .nexosActionModal__close {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}
main .nexosActionModal__close:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}
main .nexosActionModal__eyebrow {
  margin-top: 16px;
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
main .nexosActionModal__title {
  margin-top: 8px;
  font-size: 1.45rem;
  color: white;
}
main .nexosActionModal__message {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.86);
  line-height: 1.55;
  white-space: pre-line;
}
main .nexosActionModal__detail {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.5;
  white-space: pre-line;
}
main .nexosActionModal__actions {
  margin-top: 22px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
main .nexosActionModal__btn {
  min-width: 138px;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.26);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 36%), linear-gradient(135deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.94), rgba(var(--user-accent-rgb, 108, 181, 222), 0.72));
  color: white;
  font-size: 0.96rem;
  font-weight: 600;
  box-shadow: 0 14px 28px rgba(var(--user-accent-rgb, 108, 181, 222), 0.22);
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, border-color 0.18s ease;
}
main .nexosActionModal__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(var(--user-accent-rgb, 108, 181, 222), 0.3);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.34);
}
main .nexosActionModal__btn--ghost {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.88);
}
main .nexosActionDialog.is-warning .nexosActionModal__iconWrap {
  background: rgba(255, 189, 89, 0.12);
  border-color: rgba(255, 189, 89, 0.22);
}
main .nexosActionDialog.is-warning .nexosActionModal__iconWrap i {
  color: #ffcc70;
}
main .nexosActionDialog.is-danger .nexosActionModal__iconWrap {
  background: rgba(255, 109, 109, 0.12);
  border-color: rgba(255, 109, 109, 0.22);
}
main .nexosActionDialog.is-danger .nexosActionModal__iconWrap i {
  color: #ff8e8e;
}
main .nexosActionDialog.is-success .nexosActionModal__iconWrap {
  background: rgba(54, 220, 132, 0.12);
  border-color: rgba(54, 220, 132, 0.22);
}
main .nexosActionDialog.is-success .nexosActionModal__iconWrap i {
  color: #60e3a2;
}
main .nexosActionDialog.is-info .nexosActionModal__iconWrap {
  background: rgba(95, 176, 255, 0.12);
  border-color: rgba(95, 176, 255, 0.22);
}
main .nexosActionDialog.is-info .nexosActionModal__iconWrap i {
  color: #85c8ff;
}
@media only screen and (max-width: 768px) {
  main #nexosActionDialog {
    align-items: flex-start;
  }
  main .nexosActionModal__dialog {
    width: calc(100% - 22px);
    margin-top: 70px;
    padding: 20px 16px;
    border-radius: 22px;
  }
  main .nexosActionModal__actions {
    flex-direction: column-reverse;
  }
  main .nexosActionModal__btn {
    width: 100%;
  }
}
main {
  /* APARIENCIAS DEL SLIDER GENERAL ----------- */
}
main .conte_slide {
  width: 100%;
  height: auto;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  padding: 0px;
  color: rgb(255, 255, 255);
}
main .margen_visor {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 8px;
}
main .margen_visor .conteElemSlide {
  position: relative;
  overflow: hidden;
  min-height: 170px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.014));
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.15);
}
main .margen_visor .conteElemSlide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 29px;
  background: linear-gradient(180deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.52), rgba(var(--user-accent-rgb, 108, 181, 222), 0.16));
}
main .margen_visor .conteElemSlide .insideElemSlide {
  position: relative;
  width: calc(100% - 14px - 28px);
  margin-left: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  backdrop-filter: blur(6px);
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.08), transparent 40%), linear-gradient(180deg, rgba(14, 15, 18, 0.92), rgba(9, 10, 12, 0.9));
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  padding: 16px 18px;
  overflow: hidden;
}
main .margen_visor .conteElemSlide .insideElemSlide .insideElemSlide__bgIcon {
  position: absolute;
  left: 27px;
  bottom: 19px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.08;
  z-index: 0;
}
main .margen_visor .conteElemSlide .insideElemSlide .insideElemSlide__bgIcon i {
  font-size: 3.4rem;
  color: rgba(255, 255, 255, 0.92);
}
main .margen_visor .conteElemSlide .insideElemSlide > *:not(.insideElemSlide__bgIcon) {
  position: relative;
  z-index: 1;
}
main .margen_visor .conteElemSlide .insideElemSlide .insideElemSlide__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.12);
  border: 1px solid rgba(var(--user-accent-rgb, 108, 181, 222), 0.18);
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
main .margen_visor .conteElemSlide .insideElemSlide .insideElemSlide__pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.9);
  box-shadow: 0 0 0 4px rgba(var(--user-accent-rgb, 108, 181, 222), 0.1);
  flex: 0 0 auto;
}
main .margen_visor .conteElemSlide .insideElemSlide .title {
  color: rgb(255, 255, 255);
  font-size: 1.18rem;
  line-height: 1.24rem;
}
main .margen_visor .conteElemSlide .insideElemSlide .explain {
  color: rgb(151, 151, 151);
  font-size: 0.88rem;
  margin-top: 6px;
  line-height: 1.34rem;
}
main .margen_visor .conteElemSlide .insideElemSlide .explainDetail {
  color: rgb(151, 151, 151);
  font-size: 0.88rem;
  margin-top: 12px;
  min-height: 4.5rem;
  max-height: 4.5rem;
  line-height: 1.22rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
main .margen_visor .conteElemSlide .insideElemSlide button {
  color: white;
  font-size: 0.88rem;
  background: linear-gradient(90deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.22), rgba(var(--user-accent-rgb, 108, 181, 222), 0.1));
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 48px 14px 0 auto;
  padding: 10px 20px;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  transition: 0.2s ease;
}
main .margen_visor .conteElemSlide .insideElemSlide button:hover {
  background: linear-gradient(90deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.3), rgba(var(--user-accent-rgb, 108, 181, 222), 0.14));
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
main .margen_visor .conteElemSlide .insideElemSlide button i {
  color: rgba(255, 255, 255, 0.78);
  margin-left: 11px;
}
main #slide_main2 .conteElemSlide, main #slide_main3 .conteElemSlide {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.014));
}
main #slide_main2 .conteElemSlide::before, main #slide_main3 .conteElemSlide::before {
  background: linear-gradient(180deg, rgba(86, 67, 130, 0.22), rgba(104, 194, 221, 0.08));
}
main #slide_main2 .conteElemSlide .insideElemSlide, main #slide_main3 .conteElemSlide .insideElemSlide {
  background: radial-gradient(circle at top left, rgba(86, 67, 130, 0.12), transparent 42%), radial-gradient(circle at 100% 0, rgba(104, 194, 221, 0.08), transparent 44%), linear-gradient(180deg, rgba(14, 15, 18, 0.92), rgba(9, 10, 12, 0.9));
  padding: 18px 18px;
}
main #slide_main2 .conteElemSlide .title, main #slide_main3 .conteElemSlide .title {
  font-size: 1.06rem;
  line-height: 1.22rem;
}
main #slide_main2 .conteElemSlide .explain, main #slide_main3 .conteElemSlide .explain {
  margin-top: 8px;
  text-align: left;
}
main #slide_main2 .conteElemSlide .explainDetail, main #slide_main3 .conteElemSlide .explainDetail {
  color: rgba(255, 255, 255, 0.76);
}
main #slide_main2 .conteElemSlide button, main #slide_main3 .conteElemSlide button {
  margin: 18px 0 0 auto;
  background: rgba(86, 67, 130, 0.08);
  border-color: rgba(86, 67, 130, 0.18);
}
main #slide_main2 .conteElemSlide button:hover, main #slide_main3 .conteElemSlide button:hover {
  background: rgba(86, 67, 130, 0.12);
  border-color: rgba(104, 194, 221, 0.26);
}
main #slide_main2 .conteElemSlide .pluginRecommendBadge, main #slide_main3 .conteElemSlide .pluginRecommendBadge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  font-size: 0.73rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(104, 194, 221, 0.96);
  margin-bottom: 10px;
}
main #slide_main2 .conteElemSlide .pluginRecommendBadge.is-current, main #slide_main3 .conteElemSlide .pluginRecommendBadge.is-current {
  color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.96);
}
main #slide_main2 .conteElemSlide .pluginRecommendBadge::before, main #slide_main3 .conteElemSlide .pluginRecommendBadge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(104, 194, 221, 0.9);
  box-shadow: 0 0 0 4px rgba(86, 67, 130, 0.12);
}
main #slide_main2 .conteElemSlide .pluginRecommendBadge.is-current::before, main #slide_main3 .conteElemSlide .pluginRecommendBadge.is-current::before {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.88);
  box-shadow: 0 0 0 4px rgba(var(--user-accent-rgb, 108, 181, 222), 0.12);
}
main #slide_main2 .conteElemSlide.is-current-plan {
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.36);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(var(--user-accent-rgb, 108, 181, 222), 0.1);
}
main #slide_main2 .conteElemSlide.is-current-plan::before {
  background: linear-gradient(180deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.34), rgba(var(--user-accent-rgb, 108, 181, 222), 0.08));
}
main #slide_main2 .conteElemSlide.is-current-plan .insideElemSlide {
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 108, 181, 222), 0.18), transparent 42%), radial-gradient(circle at 100% 0, rgba(var(--user-accent-rgb, 108, 181, 222), 0.09), transparent 44%), linear-gradient(180deg, rgba(14, 15, 18, 0.92), rgba(9, 10, 12, 0.9));
}
main #slide_main2 .conteElemSlide.is-current-plan button {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.1);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.22);
}
main #slide_main2 .conteElemSlide.is-current-plan button:hover {
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.16);
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.3);
}
main {
  /* ------------------------------------------ */
}
main #backfirstslide {
  width: 100vw;
  height: calc(100% - 55px);
  position: absolute;
  top: 55px;
  right: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0px);
  opacity: 0;
  transition: 0.5s;
}
main #backfirstslide.open {
  transition: 0.5s;
  width: 100vw;
  height: calc(100% - 55px);
  position: absolute;
  top: 55px;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(30px);
  opacity: 1;
}
main #firstslide {
  width: 100vw;
  max-width: 380px;
  height: calc(100% - 55px);
  position: fixed;
  bottom: 0;
  right: -380px;
  background-color: rgb(24, 24, 24);
  z-index: 1;
  overflow: hidden;
  overflow-y: auto;
  opacity: 1;
  box-shadow: -5px 0px 20px black;
  transition: 0.3s;
}
main #firstslide .contclose {
  width: 86%;
  display: grid;
  grid-template-columns: calc(100% - 48px) 35px;
  justify-content: space-between;
  align-items: center;
  padding: 25px 7% 15px;
  background-color: transparent;
}
main #firstslide .contclose .title {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
main #firstslide .contclose .detail {
  font-size: 1rem;
  color: rgb(151, 151, 151);
}
main #firstslide .contclose button {
  color: rgb(151, 151, 151);
  background-color: rgb(39, 39, 39);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-left: 10px;
  box-shadow: -3px 2px 5px black;
}
main #firstslide .contclose button i {
  color: rgb(255, 255, 255);
  font-size: 1.1rem;
}
main #firstslide .alignPanelLat {
  width: 100%;
  max-height: calc(100% - 129px);
  overflow: hidden;
  overflow-y: auto;
}
main #firstslide .alignPanelLat .conteSeeDetails {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-direction: column;
  padding: 25px 15px;
  margin: 10px 15px;
  border-radius: 20px;
  background-color: rgb(39, 39, 39);
}
main #firstslide .alignPanelLat .bottomBuy {
  background-color: #0d0d0d;
  width: 90%;
  height: 50px;
  position: absolute;
  padding: 10px 5% 20px 5%;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main #firstslide .alignPanelLat .bottomBuy span {
  padding-left: 5px;
}
main #firstslide .alignPanelLat .bottomBuy .price {
  font-size: 1.1rem;
  color: white;
}
main #firstslide .alignPanelLat .bottomBuy button {
  padding: 8px 18px;
  border-radius: 8px;
  color: white;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  box-shadow: 2px 2px 8px black;
  background: rgb(86, 67, 130);
  background: -moz-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(86, 67, 130)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main #firstslide .alignPanelLat .conteNothing {
  background-color: rgb(39, 39, 39);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px 15px;
  margin: 10px 20px;
  border-radius: 14px;
  cursor: pointer;
}
main #firstslide .alignPanelLat .conteNothing .title {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
main #firstslide .alignPanelLat .conteNothing .detail {
  font-size: 0.9rem;
  color: rgb(151, 151, 151);
  text-align: left;
  margin-top: 6px;
}
main #firstslide .alignPanelLat .conteNothing.notifFilterEmpty {
  border-radius: 22px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
  padding: 20px 30px;
}
main #firstslide .alignPanelLat .notifSwipe {
  position: relative;
  margin: 10px 20px;
  border-radius: 14px;
  overflow: hidden;
  touch-action: pan-y;
}
main #firstslide .alignPanelLat .notifSwipe .conteNothing {
  margin: 0;
  position: relative;
  z-index: 2;
  transition: transform 0.18s ease, opacity 0.18s ease;
  will-change: transform, opacity;
}
main #firstslide .alignPanelLat .notifSwipe.is-dragging .conteNothing {
  transition: none;
}
main #firstslide .alignPanelLat .notifSwipe.is-removing .conteNothing {
  opacity: 0;
}
main #firstslide .alignPanelLat .notifSwipe.is-swipe-demo .conteNothing {
  animation: notifSwipeHint 4s ease-in-out 1;
}
main #firstslide .alignPanelLat .notifSwipeAction {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 22px;
  border: 1px solid black;
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  border-radius: 14px;
  background: linear-gradient(90deg, rgb(0, 0, 0) 59% 0%, rgb(187, 39, 58) 100%);
}
main #firstslide .alignPanelLat .notifSwipeAction i {
  pointer-events: none;
  color: white;
}
main #firstslide .alignPanelLat .notifSwipeActionLeft {
  justify-content: flex-start;
  background: linear-gradient(90deg, rgb(22, 85, 123) 0%, rgb(0, 0, 0) 41% 100%);
  clip-path: inset(0 50% 0 0);
}
main #firstslide .alignPanelLat .notifSwipeActionLeft i {
  pointer-events: none;
  color: white;
}
main #firstslide .alignPanelLat .notifSwipeAction:not(.notifSwipeActionLeft) {
  clip-path: inset(0 0 0 50%);
}
main #firstslide .alignPanelLat .notifToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 20px 2px 20px;
  flex-wrap: wrap;
}
main #firstslide .alignPanelLat .notifToolbar .notifPriorityFilterWrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 210px;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 24px rgba(0, 0, 0, 0.18);
}
main #firstslide .alignPanelLat .notifToolbar .notifPriorityFilterWrap::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-58%) rotate(45deg);
  pointer-events: none;
  z-index: 3;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(255, 255, 255, 0.72);
  border-bottom: 2px solid rgba(255, 255, 255, 0.72);
  opacity: 0.9;
}
main #firstslide .alignPanelLat .notifToolbar .notifPriorityFilter {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding: 11px 46px 11px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.18)), rgba(18, 18, 18, 0.92);
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-family: inherit;
  line-height: 1.2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.18);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
main #firstslide .alignPanelLat .notifToolbar .notifPriorityFilter:hover {
  border-color: rgba(255, 255, 255, 0.14);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.16)), rgba(20, 20, 20, 0.96);
  transform: translateY(-1px);
}
main #firstslide .alignPanelLat .notifToolbar .notifPriorityFilter:focus {
  outline: none;
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.42);
  box-shadow: 0 0 0 3px rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
main #firstslide .alignPanelLat .notifToolbar .notifPriorityFilter option {
  color: #111;
}
main #firstslide .alignPanelLat #markAllRead {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 0 auto;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.26));
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.8rem;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 18px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
main #firstslide .alignPanelLat #markAllRead i {
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.82rem;
}
main #firstslide .alignPanelLat #markAllRead:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.2));
  border-color: rgba(255, 255, 255, 0.14);
  color: white;
  transform: translateY(-1px);
}
main #firstslide .alignPanelLat .notifSwipeHintText {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 20px 0 20px;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.76rem;
  line-height: 1.35;
}
main #firstslide .alignPanelLat .notifSwipeHintText i {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.8rem;
  flex: 0 0 auto;
}
main #firstslide .alignPanelLat .notifSwipeHintText span {
  display: block;
}
main #firstslide .alignPanelLat .notif-sep {
  margin: 16px auto 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
  opacity: 0.75;
  text-align: center;
  padding: 10px 20px;
  width: fit-content;
  border-radius: 35px;
  border: 1px solid rgba(255, 255, 255, 0.0901960784);
}
main #firstslide .alignPanelLat .notif-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
main #firstslide .alignPanelLat .notif-headLeft {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
main #firstslide .alignPanelLat .notif-metaBadges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
main #firstslide .alignPanelLat .notif-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
main #firstslide .alignPanelLat .notif-badge--state {
  color: rgba(255, 255, 255, 0.88);
  border-color: rgba(173, 146, 255, 0.18);
  background: rgba(173, 146, 255, 0.18);
  padding: 5px 8px;
}
main #firstslide .alignPanelLat .notif-badge--plugin {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.06);
}
main #firstslide .alignPanelLat .notif-badge--plugin-caja {
  color: #ffe2ae;
  border-color: rgba(255, 180, 86, 0.22);
  background: rgba(255, 180, 86, 0.1);
}
main #firstslide .alignPanelLat .notif-badge--plugin-stock {
  color: #bff8dd;
  border-color: rgba(76, 209, 138, 0.22);
  background: rgba(76, 209, 138, 0.1);
}
main #firstslide .alignPanelLat .notif-badge--plugin-pedidos {
  color: #c6dbff;
  border-color: rgba(86, 146, 255, 0.22);
  background: rgba(86, 146, 255, 0.1);
}
main #firstslide .alignPanelLat .notif-badge--plugin-presupuestos {
  color: #ffd9bd;
  border-color: rgba(255, 142, 88, 0.22);
  background: rgba(255, 142, 88, 0.1);
}
main #firstslide .alignPanelLat .notif-badge--plugin-sistema,
main #firstslide .alignPanelLat .notif-badge--plugin-system {
  color: rgba(255, 255, 255, 0.82);
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.045);
}
main #firstslide .alignPanelLat .notif-badge--plugin-ventas {
  color: #f2d7ff;
  border-color: rgba(183, 122, 255, 0.22);
  background: rgba(183, 122, 255, 0.1);
}
main #firstslide .alignPanelLat .notif-badge--plugin-clientes {
  color: #d1e7ff;
  border-color: rgba(110, 167, 255, 0.2);
  background: rgba(110, 167, 255, 0.09);
}
main #firstslide .alignPanelLat .notif-badge--plugin-catalogo {
  color: #f6e5b7;
  border-color: rgba(240, 190, 91, 0.18);
  background: rgba(240, 190, 91, 0.08);
}
main #firstslide .alignPanelLat .notif-badge--priority {
  color: #ffd58d;
  border-color: rgba(255, 190, 88, 0.22);
  background: rgba(255, 190, 88, 0.08);
}
main #firstslide .alignPanelLat .notif-badge--priority-high {
  color: #ffd58d;
  border-color: rgba(255, 190, 88, 0.22);
  background: rgba(255, 190, 88, 0.08);
}
main #firstslide .alignPanelLat .notif-badge--priority-normal {
  color: rgba(255, 255, 255, 0.72);
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}
main #firstslide .alignPanelLat .notif-badge--priority-low {
  color: rgba(187, 209, 255, 0.82);
  border-color: rgba(115, 151, 255, 0.14);
  background: rgba(115, 151, 255, 0.07);
}
main #firstslide .alignPanelLat .notif-time {
  font-size: 0.7rem;
  opacity: 0.65;
  white-space: nowrap;
  display: flex;
  justify-content: end;
  align-items: center;
}
main #firstslide .alignPanelLat .notif-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-top: 14px;
}
main #firstslide .alignPanelLat .notif-actionHint {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
main #firstslide .alignPanelLat .conteNothing.notif-unread {
  position: relative;
  background-color: rgb(35, 35, 35);
  border: 2px solid rgba(255, 255, 255, 0.0509803922);
}
main #firstslide .alignPanelLat .conteNothing.notif-read {
  opacity: 1;
  background-color: rgb(24, 24, 24);
  border: 2px solid rgba(0, 0, 0, 0.2);
}
main #firstslide .alignPanelLat .notifSwipeCard {
  cursor: pointer;
}
main #firstslide .alignPanelLat .conteNothing.notif-highlight {
  outline: 2px solid rgb(104, 194, 221);
  border-radius: 12px;
  animation: pulseNotif 1.2s ease-in-out 3;
}
@keyframes pulseNotif {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes notifSwipeHint {
  0% {
    transform: translateX(0);
  }
  18% {
    transform: translateX(44px);
  }
  36% {
    transform: translateX(0);
  }
  58% {
    transform: translateX(-52px);
  }
  78% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
main #firstslide .alignPanelLat .conteAjust {
  width: calc(100% - 40px);
  background-color: rgb(39, 39, 39);
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-direction: column;
  padding: 15px 25px;
  margin: 15px 20px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transform: scale(1, 1);
  position: relative;
  overflow: hidden;
  transition: background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
main #firstslide .alignPanelLat .conteAjust .title {
  transition: color 0.22s ease;
}
main #firstslide .alignPanelLat .conteAjust .detail {
  transition: color 0.22s ease;
  text-align: left;
}
main #firstslide .alignPanelLat .conteAjust .conteColor {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  text-align: left;
  width: 100%;
}
main #firstslide .alignPanelLat .conteAjust .conteColor--picker {
  justify-content: space-between;
  gap: 18px;
}
main #firstslide .alignPanelLat .conteAjust .preTitColor {
  width: calc(100% - 50px);
}
main #firstslide .alignPanelLat .conteAjust .preTitColor .title {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
main #firstslide .alignPanelLat .conteAjust .preTitColor .detail {
  font-size: 0.9rem;
  color: rgb(151, 151, 151);
  text-align: left;
  margin-top: 5px;
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 18px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 56px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  position: relative;
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative #favcolor {
  width: 72px;
  height: 72px;
  border: none;
  margin: -8px;
  cursor: pointer;
  padding: 0;
  background: transparent;
  border-radius: 50%;
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative #favcolor::-webkit-color-swatch-wrapper {
  padding: 0;
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative #favcolor::-webkit-color-swatch {
  border: none;
  border-radius: 50%;
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative #favcolor::-moz-color-swatch {
  border: none;
  border-radius: 50%;
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative__check {
  position: absolute;
  inset: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative__check i {
  color: rgba(255, 255, 255, 0.96);
  font-size: 0.92rem;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative:hover {
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.24);
  transform: scale(1.02);
}
main #firstslide .alignPanelLat .conteAjust .colorSelectorNative:focus-within {
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 4px rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), 0 10px 18px rgba(0, 0, 0, 0.18);
}
main #firstslide .alignPanelLat .conteAjust:hover {
  transition: 0.3s;
  background-color: rgba(255, 255, 255, 0.1215686275);
  transform: scale(1.03, 1.03);
}
main #firstslide .alignPanelLat .conteAjust.is-active {
  background: radial-gradient(circle at right center, rgba(var(--user-accent-rgb, 108, 181, 222), 0.18), transparent 40%), linear-gradient(135deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), rgba(255, 255, 255, 0.04));
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.34);
  box-shadow: inset 0 0 0 1px rgba(var(--user-accent-rgb, 108, 181, 222), 0.08), 0 14px 28px rgba(0, 0, 0, 0.18);
  transform: none;
}
main #firstslide .alignPanelLat .conteAjust.is-active .title {
  color: white !important;
}
main #firstslide .alignPanelLat .conteAjust.is-active .detail {
  color: rgba(255, 255, 255, 0.84);
}
main #firstslide .alignPanelLat .conteAjust.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  border-radius: 999px;
  background: rgba(var(--user-accent-rgb, 108, 181, 222), 0.92);
  box-shadow: 0 0 16px rgba(var(--user-accent-rgb, 108, 181, 222), 0.28);
}
main #firstslide .alignPanelLat .conteAjust.is-active:hover {
  background: radial-gradient(circle at right center, rgba(var(--user-accent-rgb, 108, 181, 222), 0.21), transparent 40%), linear-gradient(135deg, rgba(var(--user-accent-rgb, 108, 181, 222), 0.16), rgba(255, 255, 255, 0.05));
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.42);
  transform: scale(1.01, 1.01);
}
main #firstslide .alignPanelLat .ajustesMobileLogout {
  display: none;
}
main #firstslide .alignPanelLat .conteAjust.actividades {
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 15px 10px;
  border: 1px solid transparent;
  width: calc(100% - 62px);
  transition: 0.3s;
}
main #firstslide .alignPanelLat .conteAjust.actividades .title {
  width: calc(100% - 50px);
  font-size: 0.95rem;
  max-height: 1.25rem;
  line-height: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
main #firstslide .alignPanelLat .conteAjust.actividades .detail {
  width: 35px;
  height: 35px;
  background: #0d0d0d;
  border: 2px solid rgba(89, 89, 89, 0.5411764706);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: white;
  margin-top: 0;
  box-shadow: -1px 2px 2px black;
}
main #firstslide .alignPanelLat .conteAjust.actividades .detail i {
  margin-left: 2px;
  background-image: linear-gradient(72.44deg, rgb(86, 67, 130) 0%, #695c03 100%);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  color: transparent;
  display: inline;
}
main #firstslide .alignPanelLat .conteAjust.actividades .detail.pdf i {
  color: rgb(151, 151, 151);
  margin-left: 0;
}
main #firstslide .alignPanelLat .conteAjust.actividades:hover {
  transition: 0.3s;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.1215686275);
}
main #firstslide .notifToolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 27px;
  background-color: rgba(0, 0, 0, 0.2509803922);
}
main #firstslide .notifToolbar button {
  color: white;
  font-size: 0.9rem;
  background-color: #0d0d0d;
  border: 2px solid rgba(89, 89, 89, 0.5411764706);
  border-radius: 29px;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main #firstslide .notifToolbar .notifPriorityFilterWrap {
  width: calc(100% - 50px);
  min-width: 0;
  order: 1;
}
main #firstslide .notifToolbar .notifPriorityFilter {
  width: 100%;
  min-height: 46px;
  padding: 12px 46px 12px 16px;
  font-size: 0.88rem;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.18)), rgba(18, 18, 18, 0.92);
  background-color: rgba(18, 18, 18, 0.92);
  color: rgba(255, 255, 255, 0.94);
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.18);
}
main #firstslide .notifToolbar .notifPriorityFilter:focus {
  outline: none;
  border-color: rgba(var(--user-accent-rgb, 108, 181, 222), 0.42);
  box-shadow: 0 0 0 3px rgba(var(--user-accent-rgb, 108, 181, 222), 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
main #firstslide .notifToolbar .notifPriorityFilterWrap::after {
  right: 18px;
}
main #firstslide .notifToolbar #markAllRead {
  order: 2;
}
main #firstslide .notifToolbar #markAllRead {
  width: 40px;
  height: 40px;
}
main #firstslide .notifToolbar #markAllRead i {
  color: white;
}
main #firstslide .notifSwipeHintText {
  margin: 8px 27px 0 27px;
  font-size: 0.78rem;
}
main #firstslide #contenotti.alignPanelLat {
  max-height: calc(100% - 149px);
}
main #firstslide .alignPanelLat.formreg {
  background-color: transparent;
  justify-content: flex-start;
  align-items: baseline;
  flex-direction: column;
  padding: 15px 7%;
  width: 86%;
  height: calc(100% - 105px);
  max-height: none;
}
main #firstslide .alignPanelLat.formreg .conteForm {
  width: 100%;
  overflow: hidden;
  display: grid;
  justify-content: space-around;
  align-items: center;
}
main #firstslide .alignPanelLat.formreg .conteForm div {
  margin: 10px 20px;
}
main #firstslide .alignPanelLat.formreg .conteForm div label {
  width: 100%;
  display: inline-block;
  margin-left: 8px;
}
main #firstslide .alignPanelLat.formreg .conteForm div input,
main #firstslide .alignPanelLat.formreg .conteForm div select {
  background-color: rgb(39, 39, 39);
  width: calc(100% - 30px);
  border: 1px solid #494949;
  padding: 10px 15px;
  border-radius: 8px;
  margin: 5px auto 15px auto;
  color: white;
}
main #firstslide .alignPanelLat.formreg .conteForm div input:focus,
main #firstslide .alignPanelLat.formreg .conteForm div select:focus {
  outline-color: #585858;
}
main #firstslide .alignPanelLat.formreg .btnactions {
  width: 90%;
  margin: 20px auto;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main #firstslide .alignPanelLat.formreg .btnactions button {
  padding: 8px 18px;
  border-radius: 8px;
  color: white;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  box-shadow: 2px 2px 8px black;
  background: rgb(104, 194, 221);
  background: -moz-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(104, 194, 221)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main #firstslide .alignPanelLat.formreg .btnactions #regbtn {
  padding: 8px 18px;
  border-radius: 8px;
  color: white;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  border: none;
  box-shadow: 2px 2px 8px black;
  background: rgb(104, 194, 221);
  background: -moz-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(104, 194, 221)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  cursor: pointer;
}
main #firstslide.ind {
  max-width: 550px;
  right: -550px;
  height: 100%;
  z-index: 2;
}
main #firstslide.ind .alignPanelLat.formreg .conteForm {
  grid-template-columns: 50% 50%;
}
main #firstslide.open {
  transition: 0.3s;
  right: 0;
  opacity: 1;
}
main #secondslide {
  width: 100vw;
  max-width: calc(100vw - 458px);
  height: calc(100% - 55px);
  position: fixed;
  bottom: 0;
  left: calc(-100% + 458px);
  background-color: rgba(31, 31, 31, 0.9490196078);
  z-index: 1;
  overflow: hidden;
  opacity: 1;
  transition: 0.3s;
}
main #secondslide .contclose {
  width: 86%;
  min-height: 40px;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 25px 7% 15px;
  background-color: rgba(31, 31, 31, 0.9490196078);
  position: relative;
  z-index: 2;
}
main #secondslide .contclose .title {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
main #secondslide .contclose .detail {
  font-size: 1rem;
  color: rgb(151, 151, 151);
}
main #secondslide .contclose button {
  color: rgb(151, 151, 151);
  background-color: rgb(39, 39, 39);
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  transition: 0.3s;
}
main #secondslide .contclose button i {
  color: rgb(255, 255, 255);
  font-size: 1.1rem;
}
main #secondslide .alignPanelLat {
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
  height: calc(100% - 104px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px;
  overflow: hidden;
  overflow-y: auto;
}
main #secondslide .alignPanelLat .contePaysmethods {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
}
main #secondslide .alignPanelLat .contePaysmethods iframe {
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background-color: white;
  display: none;
}
main #secondslide .alignPanelLat .contePaysmethods .title {
  color: rgb(151, 151, 151);
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 40px;
}
main #secondslide .alignPanelLat .contePaysmethods .spantt {
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  text-align: center;
}
main #secondslide .alignPanelLat .contePaysmethods .spanst {
  color: rgb(151, 151, 151);
  font-size: 1.1rem;
  text-align: center;
}
main #secondslide .alignPanelLat .contePaysmethods .subtit {
  color: rgb(151, 151, 151);
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 10px;
}
main #secondslide .alignPanelLat .contePaysmethods .btnspays {
  width: 100%;
  max-width: 225px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main #secondslide .alignPanelLat .contePaysmethods .btnspays a {
  width: 100%;
}
main #secondslide .alignPanelLat .contePaysmethods .btnspays button {
  width: 100%;
  padding: 13px 15px;
  margin: 8px 0;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  box-shadow: 2px 2px 8px black;
}
main #secondslide .alignPanelLat .contePaysmethods .btnspays button i {
  margin-left: 10px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px BLACK;
  font-size: 1.2rem;
}
main #secondslide .alignPanelLat .contePaysmethods .btnspays button.btMP {
  background: rgb(18, 96, 145);
  background: -moz-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(18, 96, 145)), color-stop(100%, rgb(9, 66, 101)));
  background: -webkit-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -o-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -ms-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: linear-gradient(to right, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  color: rgb(255, 255, 255);
}
main #secondslide .alignPanelLat .contePaysmethods .btnspays button.btTR {
  background: rgb(223, 197, 94);
  background: -moz-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(223, 197, 94)), color-stop(100%, rgb(169, 143, 40)));
  background: -webkit-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -o-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -ms-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: linear-gradient(to right, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  color: rgb(255, 255, 255);
}
main #secondslide .alignPanelLat .contePaysmethods .btnspays button.btWA {
  background: rgb(88, 208, 69);
  background: -moz-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(88, 208, 69)), color-stop(100%, rgb(53, 158, 37)));
  background: -webkit-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -o-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -ms-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: linear-gradient(to right, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  color: rgb(255, 255, 255);
}
main #secondslide .alignPanelLat .membershipCheckout {
  width: calc(100% - 30px);
  max-width: 760px;
  margin: 0 auto 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
main #secondslide .alignPanelLat .membershipCheckout iframe {
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background-color: white;
  display: none;
}
main #secondslide .alignPanelLat .membershipCheckout__hero,
main #secondslide .alignPanelLat .membershipCheckout__summaryCard,
main #secondslide .alignPanelLat .membershipCheckout__payment {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at top left, rgba(86, 67, 130, 0.14), transparent 34%), radial-gradient(circle at 100% 0, rgba(104, 194, 221, 0.08), transparent 36%), linear-gradient(180deg, rgba(14, 15, 18, 0.95), rgba(9, 10, 12, 0.93));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
  box-sizing: border-box;
}
main #secondslide .alignPanelLat .membershipCheckout__hero {
  padding: 22px 22px 20px;
  text-align: center;
}
main #secondslide .alignPanelLat .membershipCheckout__eyebrow {
  color: rgba(255, 255, 255, 0.56);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
}
main #secondslide .alignPanelLat .membershipCheckout__title {
  color: white;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.08;
  margin-top: 10px;
}
main #secondslide .alignPanelLat .membershipCheckout__cycle {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.98rem;
  margin-top: 8px;
}
main #secondslide .alignPanelLat .membershipCheckout__price {
  color: white;
  font-size: 1.28rem;
  margin-top: 18px;
}
main #secondslide .alignPanelLat .membershipCheckout__summary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
main #secondslide .alignPanelLat .membershipCheckout__summaryCard {
  padding: 16px 18px;
}
main #secondslide .alignPanelLat .membershipCheckout__summaryLabel {
  color: rgba(255, 255, 255, 0.56);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-size: 0.7rem;
  margin-bottom: 8px;
}
main #secondslide .alignPanelLat .membershipCheckout__summaryValue {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.56;
  font-size: 0.93rem;
}
main #secondslide .alignPanelLat .membershipCheckout__payment {
  padding: 18px;
}
main #secondslide .alignPanelLat .membershipCheckout__paymentTitle {
  color: white;
  font-size: 1rem;
  line-height: 1.3;
}
main #secondslide .alignPanelLat .membershipCheckout__methods {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 16px;
}
main #secondslide .alignPanelLat .membershipCheckout__methodGroup {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
main #secondslide .alignPanelLat .membershipCheckout__methodLabel {
  color: rgba(255, 255, 255, 0.56);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.68rem;
}
main #secondslide .alignPanelLat .membershipCheckout__methodLink {
  width: 100%;
}
main #secondslide .alignPanelLat .membershipCheckout__method {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border-radius: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}
main #secondslide .alignPanelLat .membershipCheckout__method i {
  color: white;
  font-size: 1.05rem;
  flex: 0 0 auto;
}
main #secondslide .alignPanelLat .membershipCheckout__method span {
  color: white;
}
main #secondslide .alignPanelLat .membershipCheckout__method:disabled {
  opacity: 0.72;
  cursor: not-allowed;
}
main #secondslide .alignPanelLat .membershipCheckout__method--mp {
  background: rgb(18, 96, 145);
  background: -moz-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(18, 96, 145)), color-stop(100%, rgb(9, 66, 101)));
  background: -webkit-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -o-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -ms-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: linear-gradient(to right, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main #secondslide .alignPanelLat .membershipCheckout__method--transfer {
  background: rgb(223, 197, 94);
  background: -moz-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(223, 197, 94)), color-stop(100%, rgb(169, 143, 40)));
  background: -webkit-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -o-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -ms-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: linear-gradient(to right, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main #secondslide .alignPanelLat .membershipCheckout__method--wa {
  background: rgb(88, 208, 69);
  background: -moz-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(88, 208, 69)), color-stop(100%, rgb(53, 158, 37)));
  background: -webkit-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -o-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -ms-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: linear-gradient(to right, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main #secondslide .alignPanelLat .membershipCheckout__warning {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 160, 160, 0.12);
  background: rgba(133, 38, 38, 0.18);
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.5;
}
main #secondslide .alignPanelLat .conteNothing {
  background-color: rgb(39, 39, 39);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px 30px;
  margin: 15px 20px;
  border-radius: 20px;
}
main #secondslide .alignPanelLat .conteNothing .title {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
main #secondslide .alignPanelLat .conteNothing .detail {
  font-size: 0.9rem;
  color: rgb(151, 151, 151);
  text-align: center;
  margin-top: 8px;
}
main #secondslide .alignPanelLat .visualmulti {
  width: 100%;
  max-width: 920px;
  height: 100%;
  background-color: transparent;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
main #secondslide .alignPanelLat .commentsmulti {
  width: calc(100% - 20px);
  height: 100%;
  padding: 10px;
  background-color: #181818;
}
main #secondslide .alignPanelLat .commentsmulti .title {
  color: white;
  padding: 10px;
  text-align: right;
}
main #secondslide .alignPanelLat .commentsmulti .title i {
  font-size: 1rem;
  padding-right: 5px;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee {
  width: 100%;
  height: 100%;
  max-height: calc(100% - 250px);
  overflow-y: auto;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee .consults {
  display: flex;
  justify-content: center;
  padding: 10px 8px;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee .consults .iconuser {
  width: 25px;
  height: 25px;
  background-color: red;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee .consults .conttextuser {
  width: calc(100% - 25px);
  margin: 4px 0 0 5px;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee .consults .conttextuser span {
  color: white;
  background-color: rgba(255, 255, 255, 0.168627451);
  padding: 2px 8px 1px;
  border-radius: 10px;
  line-height: 1;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee .areainput {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 15px;
  padding: 0 8px;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee .areainput input[type=text] {
  background-color: #272727;
  width: calc(100% - 30px);
  border: 1px solid #494949;
  padding: 10px 15px;
  border-radius: 8px;
  margin-right: 5px;
}
main #secondslide .alignPanelLat .commentsmulti .contecommentssee .areainput input[type=submit] {
  padding: 8px 18px;
  border-radius: 8px;
  border: none;
  color: white;
  background: rgb(104, 194, 221);
  background: -moz-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(104, 194, 221)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  box-shadow: 2px 2px 8px black;
  cursor: pointer;
}
main #secondslide .alignPanelLat #videomask {
  width: 100%;
  max-width: 920px;
  height: auto;
  aspect-ratio: 16/9;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px;
}
main #secondslide .alignPanelLat iframe.video {
  width: 100%;
  max-width: 920px;
  height: auto;
  aspect-ratio: 16/9;
  border: none;
  display: none;
  border-radius: none;
}
main #secondslide .alignPanelLat iframe.pdf {
  width: 100%;
  height: 100%;
  border: none;
  display: none;
}
main #secondslide .alignPanelLat .conteAjust {
  width: calc(100% - 40px);
  background-color: rgb(39, 39, 39);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 15px 25px;
  margin: 15px 20px;
  border-radius: 20px;
}
main #secondslide .alignPanelLat .conteAjust .title {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
main #secondslide .alignPanelLat .conteAjust .detail {
  font-size: 0.9rem;
  color: rgb(151, 151, 151);
  text-align: center;
  margin-top: 5px;
}
main #secondslide .gradientV {
  background: #000;
  background: -moz-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #000), color-stop(100%, rgb(24, 24, 24)));
  background: -webkit-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: -o-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: -ms-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: linear-gradient(to bottom, #000 0%, rgb(24, 24, 24) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=0 );
}
main #secondslide .alignPanelLat.formdats {
  background-color: transparent;
  justify-content: flex-start;
  align-items: baseline;
  flex-direction: column;
  padding: 15px 7%;
  width: 76%;
  height: calc(100% - 92px);
}
main #secondslide .alignPanelLat.formdats .conteForm {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 50% 50%;
  justify-content: space-around;
  align-items: center;
}
main #secondslide .alignPanelLat.formdats .conteForm div {
  margin: 10px 20px;
}
main #secondslide .alignPanelLat.formdats .conteForm div label {
  width: 100%;
  display: inline-block;
  margin-left: 8px;
}
main #secondslide .alignPanelLat.formdats .conteForm div input {
  background-color: rgb(39, 39, 39);
  width: calc(100% - 30px);
  border: 1px solid #494949;
  padding: 10px 15px;
  border-radius: 8px;
  margin: 5px auto 15px auto;
  color: white;
}
main #secondslide .alignPanelLat.formdats .conteForm div input:focus {
  outline-color: #585858;
}
main #secondslide .alignPanelLat.formdats .conteForm div textarea {
  background-color: rgb(39, 39, 39);
  width: calc(100% - 30px);
  min-height: 60px;
  border: 1px solid #494949;
  padding: 10px 15px;
  border-radius: 8px;
  margin: 5px auto 15px auto;
  color: white;
}
main #secondslide .alignPanelLat.formdats .btnactions {
  width: 90%;
  margin: 20px auto;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main #secondslide .alignPanelLat.formdats .btnactions button {
  padding: 8px 18px;
  border-radius: 8px;
  color: white;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  box-shadow: 2px 2px 8px black;
  background: rgb(86, 67, 130);
  background: -moz-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(86, 67, 130)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main #secondslide .alignPanelLat.formdats .btnactions #savebtnAJ1, main #secondslide .alignPanelLat.formdats .btnactions #savebtnAJ2, main #secondslide .alignPanelLat.formdats .btnactions #savebtnAJ5 {
  padding: 8px 18px;
  border-radius: 8px;
  border: none;
  color: white;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  box-shadow: 2px 2px 8px black;
  background: rgb(104, 194, 221);
  background: -moz-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(104, 194, 221)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  cursor: pointer;
}
main #secondslide.open {
  transition: 0.3s;
  left: 78px;
  opacity: 1;
}
main #recharge,
main #apperror {
  position: fixed;
  top: 0px;
  padding-top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10;
}
main #recharge div.contentLoader,
main #apperror div.contentLoader {
  width: 100%;
  height: 100%;
  background-color: rgb(39, 39, 39);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main #recharge div.contentLoader [class^=ph-], main #recharge div.contentLoader [class*=" ph-"],
main #apperror div.contentLoader [class^=ph-],
main #apperror div.contentLoader [class*=" ph-"] {
  font-size: 12rem;
  opacity: 0.3;
}
main #recharge div.contentLoader img,
main #apperror div.contentLoader img {
  width: 100px;
  filter: grayscale(100%);
}
main #recharge div.contentLoader div,
main #apperror div.contentLoader div {
  padding: 10px;
  margin: 10px;
  font-size: 1rem;
  text-align: center;
  color: rgb(255, 255, 255);
}
main #recharge div.contentLoader div span,
main #apperror div.contentLoader div span {
  font-size: 0.9rem;
}
main #recharge div.contentLoader button,
main #apperror div.contentLoader button {
  font-size: 0.9rem;
  background: rgb(86, 67, 130);
  background: -moz-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(104, 194, 221) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(86, 67, 130)), color-stop(100%, rgb(104, 194, 221)));
  background: -webkit-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(104, 194, 221) 100%);
  background: -o-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(104, 194, 221) 100%);
  background: -ms-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(104, 194, 221) 100%);
  background: linear-gradient(to right, rgb(86, 67, 130) 0%, rgb(104, 194, 221) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  line-height: 1;
  padding: 10px 15px;
  border-radius: 5px;
  color: white;
  box-shadow: 2px 2px 8px black;
  text-shadow: 1px 1px 1px black;
  margin-top: 20px;
}
main #loader {
  position: fixed;
  top: 55px;
  left: 0;
  width: 100%;
  height: calc(100% - 55px);
  display: none;
  z-index: 10;
  backdrop-filter: blur(10px);
}
main #loader div.contentLoader {
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main #loader div.contentLoader img {
  background-color: transparent;
  padding: 30px;
  border-radius: 50%;
  width: 80px;
  animation-name: loader_anim;
  animation-duration: 1.7s;
  animation-iteration-count: infinite;
}

main.inde {
  height: calc(100vh - 55px);
  overflow: hidden;
  overflow-y: auto;
  background-color: rgb(24, 24, 24);
}
main.inde .limitsMargins {
  width: 100%;
  padding: 0 0%;
}
main.inde section {
  width: 100%;
  min-height: calc(100vh - 56px);
  max-height: calc(100vh - 55px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
main.inde section .contentText {
  width: 40vw;
  background-color: transparent;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
main.inde section .contentText button.reg {
  width: 250px;
  padding: 10px 20px;
  color: white;
  border-radius: 25px;
  box-shadow: 2px 2px 8px black;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  cursor: pointer;
  background: rgb(104, 194, 221);
  background: -moz-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(104, 194, 221)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main.inde section .contentText .eque {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  animation-name: fadeInSesionForm;
  animation-duration: 3s;
  animation-iteration-count: 1;
}
main.inde section .contentText .eque a.reco {
  margin: 15px;
  transition: 0.3s;
}
main.inde section .contentText .eque a.reco:hover {
  transition: 0.3s;
  color: rgb(86, 67, 130);
}
main.inde section .contentText .eque a.back {
  width: 210px;
  margin-top: 25px;
  text-align: center;
  padding: 10px 20px;
  color: white;
  border-radius: 25px;
  box-shadow: 2px 2px 8px black;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  cursor: pointer;
  background: rgb(24, 24, 24);
  background: -moz-linear-gradient(left, rgb(24, 24, 24) 0%, rgb(24, 24, 24) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(24, 24, 24)), color-stop(100%, rgb(24, 24, 24)));
  background: -webkit-linear-gradient(left, rgb(24, 24, 24) 0%, rgb(24, 24, 24) 100%);
  background: -o-linear-gradient(left, rgb(24, 24, 24) 0%, rgb(24, 24, 24) 100%);
  background: -ms-linear-gradient(left, rgb(24, 24, 24) 0%, rgb(24, 24, 24) 100%);
  background: linear-gradient(to right, rgb(24, 24, 24) 0%, rgb(24, 24, 24) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main.inde section .contentText .eque h1 {
  font-size: 1.3rem;
  padding-bottom: 15px;
  text-shadow: 2px 2px 8px rgb(0, 0, 0);
}
main.inde section .contentText .eque .loginFeedback {
  width: calc(100% - 28px);
  margin: 0 0 10px 0;
  padding: 12px 14px;
  border-radius: 10px;
  line-height: 1.45;
  font-size: 0.92rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}
main.inde section .contentText .eque .loginFeedback--error {
  color: #fff1f1;
  border-color: rgba(206, 87, 87, 0.35);
  background: linear-gradient(180deg, rgba(149, 39, 39, 0.34), rgba(58, 16, 16, 0.58));
}
main.inde section .contentText .eque div {
  width: 100%;
  display: flex;
  padding: 0;
  margin: 10px 0;
  box-shadow: inset 2px 2px 8px rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  border-radius: 5px;
  overflow: hidden;
}
main.inde section .contentText .eque label {
  width: 30px;
  padding: 10px;
  margin-right: 0;
  text-align: center;
  background-color: #181717;
  text-shadow: 2px 2px 3px black;
}
main.inde section .contentText .eque input {
  border: none;
}
main.inde section .contentText .eque input[type=email], main.inde section .contentText .eque input[type=password] {
  width: 250px;
  background-color: rgba(38, 38, 38, 0.8);
  backdrop-filter: blur(4px);
  padding: 5px 15px;
  color: white;
}
main.inde section .contentText .eque input[type=submit] {
  width: 250px;
  padding: 10px 20px;
  margin-top: 15px;
  color: white;
  border-radius: 25px;
  box-shadow: 2px 2px 8px rgb(0, 0, 0);
  cursor: pointer;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  background: rgb(86, 67, 130);
  background: -moz-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(86, 67, 130)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
}
main.inde section .contentText .eque input[type=submit]:hover {
  transition: 0.5s;
  background-color: rgb(0, 0, 0) !important;
}
main.inde section .contentText .eque h3 {
  margin: 50px 0 0px 0;
  font-size: 1rem;
  text-align: center;
}
main.inde section .contentImg {
  background-color: transparent;
  width: 100%;
  max-width: 60vw;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
main.inde section .contentImg .loginBrandScene {
  width: min(78%, 680px);
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
}
main.inde section .contentImg .loginBrandScene::before {
  display: flex;
  content: "";
  position: absolute;
  width: min(72%, 480px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--user-accent-rgb, 121, 110, 233), 0.18), transparent 62%);
  filter: blur(16px);
  opacity: 0.82;
  animation: loginBrandGlow 7s ease-in-out infinite;
  z-index: -1;
}
main.inde section .contentImg .loginBrandScene__mark {
  width: 100%;
  max-width: 560px;
  margin-top: 0;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
  opacity: 0.66;
  animation-name: fadeInImgMain;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
main.inde section .contentImg .loginBrandRotator {
  position: absolute;
  left: 50%;
  bottom: 48px;
  transform: translateX(-50%);
  width: min(82%, 520px);
  padding: 18px 20px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: radial-gradient(circle at top left, rgba(var(--user-accent-rgb, 121, 110, 233), 0.18), transparent 42%), linear-gradient(180deg, rgba(24, 24, 24, 0.82), rgba(14, 14, 16, 0.86));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-align: left;
  animation: loginBrandRotatorIn 1s ease 0.45s both;
}
main.inde section .contentImg .loginBrandRotator__eyebrow {
  color: rgba(255, 255, 255, 0.62);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.68rem;
  margin-bottom: 8px;
}
main.inde section .contentImg .loginBrandRotator__phrase {
  min-height: 2.6em;
  color: rgba(255, 255, 255, 0.94);
  font-size: clamp(1.05rem, 1.7vw, 1.55rem);
  line-height: 1.28;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.34);
  transition: opacity 0.24s ease, transform 0.24s ease;
}
main.inde section .contentImg .loginBrandRotator__phrase.is-changing {
  opacity: 0;
  transform: translateY(8px);
}
main.inde section .contentImg .loginBrandRotator__bar {
  height: 3px;
  margin-top: 14px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}
main.inde section .contentImg .loginBrandRotator__bar span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(var(--user-accent-rgb, 121, 110, 233), 0.95), rgba(255, 255, 255, 0.58));
  transform-origin: left center;
  animation: loginBrandProgress 3.6s linear infinite;
}
main.inde #recovcod {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  padding: 0;
  border-radius: 10px;
  backdrop-filter: blur(3px);
  /* box-shadow: 0 2px 4px black; */
  z-index: 10;
  transition: 1s;
}
main.inde #recovcod div {
  max-width: 300px;
  background-color: #262626;
  padding: 10px 20px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main.inde #recovcod div i {
  font-size: 2rem;
  margin: 20px 20px 10px 20px;
}
main.inde #recovcod div p.msjadv {
  color: #939393 !important;
  font-size: 1rem;
  padding: 10px 10px 30px 10px;
  text-align: center;
}
main.inde #recovcod div p.msjadvW {
  color: rgb(255, 255, 255);
  padding: 10px;
  text-align: center;
}
main.inde #recovcod div input {
  width: 250px;
  height: 30px;
  background-color: #181818;
  backdrop-filter: blur(4px);
  padding: 5px 15px;
  color: white;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.4784313725);
  border-radius: 5px;
  font-size: 1rem;
  margin: 0 0 15px 0;
}
main.inde #recovcod div input.reg {
  width: 250px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 20px;
  color: white;
  border-radius: 5px;
  box-shadow: 2px 2px 8px black;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  cursor: pointer;
  background: rgb(104, 194, 221);
  background: -moz-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(104, 194, 221)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(104, 194, 221) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  margin: 10px 10px 20px 10px;
}
main.inde #recovcod div #loadbut2 {
  width: 30px;
  max-width: 80px;
  box-shadow: none !important;
  border: none !important;
  aspect-ratio: 0;
  --_g: no-repeat radial-gradient(circle closest-side,#ffffff 90%,#ffffff00);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 100%;
  animation: l7 1s infinite linear;
  display: none;
  margin-bottom: 30px;
}

#installPrompt {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #1d1c1c;
  color: white;
  padding: 12px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 9999;
  font-family: sans-serif;
  align-items: center;
  gap: 10px;
}
#installPrompt button.install {
  background: rgb(86, 67, 130);
  background: -moz-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(86, 67, 130)), color-stop(100%, rgb(15, 13, 29)));
  background: -webkit-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -o-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: -ms-linear-gradient(left, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  background: linear-gradient(to right, rgb(86, 67, 130) 0%, rgb(15, 13, 29) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  color: white;
  font-size: 0.9rem;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7019607843);
  box-shadow: 2px 2px 8px black;
  border: none;
  padding: 6px 12px;
  border-radius: 25px;
  cursor: pointer;
}
#installPrompt button:hover {
  background-color: #dddddd;
}
#installPrompt #closeInstallPrompt {
  background-color: #1B1B1B !important;
  color: white !important;
  box-shadow: 1px 1px 3px #000;
  border-radius: 50% !important;
  border: none;
  font-size: 18px;
  cursor: pointer;
  margin-left: auto;
  color: #979797;
  background-color: #272727;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-left: 10px;
  box-shadow: -3px 2px 5px black;
}

main.pays {
  height: 100vh;
  padding: 0;
}
main.pays #pays {
  background-color: #000000;
  height: 100vh;
  width: 100vw;
}
main.pays #pays .alignPanelLat {
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px;
}
main.pays #pays .alignPanelLat .contePaysmethods {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
}
main.pays #pays .alignPanelLat .contePaysmethods iframe {
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background-color: white;
  display: none;
}
main.pays #pays .alignPanelLat .contePaysmethods .title {
  color: rgb(151, 151, 151);
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 40px;
}
main.pays #pays .alignPanelLat .contePaysmethods .spantt {
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  text-align: center;
}
main.pays #pays .alignPanelLat .contePaysmethods .spanst {
  color: rgb(151, 151, 151);
  font-size: 1.1rem;
  text-align: center;
}
main.pays #pays .alignPanelLat .contePaysmethods .subtit {
  color: rgb(151, 151, 151);
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 10px;
}
main.pays #pays .alignPanelLat .contePaysmethods .btnspays {
  width: 100%;
  max-width: 225px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main.pays #pays .alignPanelLat .contePaysmethods .btnspays a {
  width: 100%;
}
main.pays #pays .alignPanelLat .contePaysmethods .btnspays button {
  width: 100%;
  padding: 13px 15px;
  margin: 8px 0;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
main.pays #pays .alignPanelLat .contePaysmethods .btnspays button i {
  margin-right: 10px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px BLACK;
  font-size: 1.2rem;
  line-height: 0;
}
main.pays #pays .alignPanelLat .contePaysmethods .btnspays button.btMP {
  background: rgb(18, 96, 145);
  background: -moz-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(18, 96, 145)), color-stop(100%, rgb(9, 66, 101)));
  background: -webkit-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -o-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: -ms-linear-gradient(left, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  background: linear-gradient(to right, rgb(18, 96, 145) 0%, rgb(9, 66, 101) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px BLACK;
}
main.pays #pays .alignPanelLat .contePaysmethods .btnspays button.btTR {
  background: rgb(223, 197, 94);
  background: -moz-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(223, 197, 94)), color-stop(100%, rgb(169, 143, 40)));
  background: -webkit-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -o-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: -ms-linear-gradient(left, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  background: linear-gradient(to right, rgb(223, 197, 94) 0%, rgb(169, 143, 40) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px BLACK;
}
main.pays #pays .alignPanelLat .contePaysmethods .btnspays button.btWA {
  background: rgb(88, 208, 69);
  background: -moz-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(88, 208, 69)), color-stop(100%, rgb(53, 158, 37)));
  background: -webkit-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -o-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: -ms-linear-gradient(left, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  background: linear-gradient(to right, rgb(88, 208, 69) 0%, rgb(53, 158, 37) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px BLACK;
}
main.pays #pays .gradientV {
  background: #000;
  background: -moz-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #000), color-stop(100%, rgb(24, 24, 24)));
  background: -webkit-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: -o-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: -ms-linear-gradient(top, #000 0%, rgb(24, 24, 24) 100%);
  background: linear-gradient(to bottom, #000 0%, rgb(24, 24, 24) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=0 );
}

#loadbut {
  width: 60px;
  max-width: 80px;
  box-shadow: none !important;
  border: none !important;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side,#ffffff 90%,#ffffff00);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 100%;
  animation: l7 1s infinite linear;
  display: none;
}

footer {
  width: 100%;
  background-color: #1d1d1d;
  display: none;
}

footer.inde {
  display: none;
}

.mobileToolsBackdrop,
.mobileToolsPanel {
  display: none;
}

@keyframes loginBrandRotatorIn {
  from {
    opacity: 0;
    transform: translate(-50%, 14px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes loginBrandProgress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes loginBrandGlow {
  0%, 100% {
    transform: scale(0.92);
    opacity: 0.56;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.88;
  }
}
/* ---------------------------------------------------- */
/* MOBILE RESPONSIVE */
@media only screen and (max-width: 901px) {
  main #firstslide #conteAjust .ajustesMobileLogout {
    display: flex;
    width: calc(100% - 40px);
    box-sizing: border-box;
    margin: 15px 20px 24px;
    padding: 15px 18px;
    border-radius: 20px;
    border: 1px solid rgba(190, 80, 80, 0.22);
    background: linear-gradient(135deg, rgba(190, 80, 80, 0.14), rgba(255, 255, 255, 0.035)), rgb(39, 39, 39);
    color: white;
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
  main #firstslide #conteAjust .ajustesMobileLogout span {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: left;
  }
  main #firstslide #conteAjust .ajustesMobileLogout strong {
    color: white;
    font-size: 1rem;
  }
  main #firstslide #conteAjust .ajustesMobileLogout small {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.88rem;
    line-height: 1.35;
  }
  main #firstslide #conteAjust .ajustesMobileLogout i {
    color: #f0b7b7;
    flex: 0 0 auto;
  }
  main::-webkit-scrollbar {
    /* width of the entire scrollbar */
    width: 0px;
  }
  header {
    height: 50px;
  }
  header .contentLimit {
    justify-content: left;
  }
  header .contentLimit .left .txtplat {
    flex-direction: row;
    align-items: flex-end;
  }
  header .contentLimit .left .txtplat span.subti {
    margin-left: 5px;
  }
  header .contentLimit .right {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: end;
  }
  header .contentLimit .right button {
    margin-left: 10px;
    margin-right: 10px;
  }
  header .contentLimit .right #btnnot {
    display: flex;
    margin: 0;
  }
  header .contentLimit .right .bell-badge {
    top: 20px;
  }
  header .contentLimit .right .btnuser {
    display: none;
  }
  header .contentLimit .right .btnuser span {
    display: none;
  }
  header .contentLimit .right .btnuser i {
    display: none;
  }
  header .contentLimit .right .btn_headers_full {
    display: none;
  }
  main {
    width: 100%;
    height: calc(100vh - 135px);
    padding: 50px 0 0 0;
  }
  main .limitsMargins {
    width: 92%;
    padding: 0 4%;
  }
  main .panelBienvenida {
    display: flex;
    flex-direction: column;
    background: #121212;
    background: -moz-linear-gradient(top, #121212 0%, transparent 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #121212), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, #121212 0%, transparent 100%);
    background: -o-linear-gradient(top, #121212 0%, transparent 100%);
    background: -ms-linear-gradient(top, #121212 0%, transparent 100%);
    background: linear-gradient(to bottom, #121212 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=0 );
    justify-content: center;
    text-align: center;
    padding: 57px 20px;
    margin-top: 0px;
  }
  main .panelBienvenida .premsj {
    font-size: 1.2rem;
    color: rgb(255, 255, 255);
  }
  main .panelBienvenida .nameus {
    color: rgb(255, 255, 255);
  }
  main .titleSection {
    margin-left: 20px;
    color: rgb(255, 255, 255);
    font-size: 1.18rem;
    letter-spacing: -0.03em;
  }
  main .dashboardToolsSection {
    display: none;
  }
  main #firstslide {
    max-width: 100vw;
    height: calc(100% - 120px);
    bottom: -100%;
    right: 0;
    padding-bottom: 20px;
  }
  main #firstslide .alignPanelLat {
    max-height: calc(100% - 138px);
  }
  main #firstslide.ind {
    bottom: 0 !important;
    padding-bottom: 0;
    height: calc(100% - 50px);
  }
  main #firstslide.ind .alignPanelLat.formreg .conteForm {
    grid-template-columns: 100%;
  }
  main #firstslide .alignPanelLat .bottomBuy {
    width: 90%;
    height: 50px;
    position: absolute;
    padding: 10px 5% 30px 5%;
    bottom: 0;
  }
  main #firstslide.open {
    transition: 0.5s;
    bottom: 50px;
    right: 0;
  }
  main #secondslide {
    max-width: 100vw;
    height: calc(100% - 139px);
    bottom: -100%;
    left: 0;
    padding-bottom: 0;
    background-color: rgb(24, 24, 24);
  }
  main #secondslide .contclose {
    background-color: #0d0d0d;
    justify-content: space-between;
  }
  main #secondslide .contclose button {
    display: flex;
  }
  main #secondslide .alignPanelLat.formdats {
    width: 96%;
    padding: 15px 2%;
  }
  main #secondslide .alignPanelLat.formdats .conteForm {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-around;
    align-items: center;
  }
  main #secondslide #conteAjust .ajustesMobileLogout {
    display: flex;
    width: calc(100% - 40px);
    box-sizing: border-box;
    margin: 15px 20px 24px;
    padding: 15px 18px;
    border-radius: 20px;
    border: 1px solid rgba(190, 80, 80, 0.22);
    background: linear-gradient(135deg, rgba(190, 80, 80, 0.14), rgba(255, 255, 255, 0.035)), rgb(39, 39, 39);
    color: white;
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
  main #secondslide #conteAjust .ajustesMobileLogout span {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: left;
  }
  main #secondslide #conteAjust .ajustesMobileLogout strong {
    color: white;
    font-size: 1rem;
  }
  main #secondslide #conteAjust .ajustesMobileLogout small {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.88rem;
    line-height: 1.35;
  }
  main #secondslide #conteAjust .ajustesMobileLogout i {
    color: #f0b7b7;
    flex: 0 0 auto;
  }
  main #secondslide.open {
    transition: 0.5s;
    left: 0;
    bottom: 87px;
  }
  main #loader {
    top: 50px;
    height: calc(100% - 50px);
  }
  main.inde {
    height: calc(100vh - 50px);
  }
  main.inde section {
    width: 100%;
    max-width: 100vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  main.inde section div.contentText {
    width: 100%;
    z-index: 1;
  }
  main.inde section div.contentText form input[type=email], main.inde section div.contentText form input[type=password] {
    background-color: rgba(38, 38, 38, 0.8);
  }
  main.inde section div.contentImg {
    width: 100%;
    max-width: 100%;
    position: absolute;
    z-index: 0;
    opacity: 0.04;
    bottom: 0px;
    filter: grayscale(0.6);
  }
  main.inde section div.contentImg .loginBrandScene {
    width: 100%;
    min-height: 48vh;
  }
  main.inde section div.contentImg .loginBrandScene::before {
    display: none;
    opacity: 0.18;
  }
  main.inde section div.contentImg .loginBrandScene__mark {
    opacity: 0.05;
    max-width: 50vh;
    height: auto;
    margin-top: 0;
  }
  main.inde section div.contentImg .loginBrandRotator {
    display: none;
  }
  footer {
    height: 85px;
    display: flex;
    position: fixed;
    bottom: 0;
    border-radius: 0;
    background: rgba(24, 24, 24, 0.92);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.6784313725) 0px 0px 8px 1px;
  }
  footer .alignfoot {
    width: calc(100% - 20px);
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    height: 75%;
  }
  footer .alignfoot button.footnavBtn {
    width: calc(33.3333333333% - 8px);
    height: calc(100% - 12px);
    margin-top: 0;
    border-radius: 18px;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1px solid transparent;
    box-sizing: border-box;
    padding: 6px 4px;
    position: relative;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
  }
  footer .alignfoot button.footnavBtn .footnavBtn__iconWrap {
    position: relative;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
  footer .alignfoot button.footnavBtn i {
    color: rgb(151, 151, 151);
    font-size: 1.15rem;
    transition: color 0.2s ease, transform 0.2s ease;
  }
  footer .alignfoot button.footnavBtn span {
    color: rgb(151, 151, 151);
    font-size: 0.72rem;
    line-height: 1;
    transition: color 0.2s ease;
  }
  footer .alignfoot button.footnavBtn.is-active {
    background: linear-gradient(135deg, rgba(137, 98, 189, 0.28), rgba(0, 0, 0, 0.15));
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(180, 146, 230, 0.12) inset;
  }
  footer .alignfoot button.footnavBtn.is-active i {
    color: white;
    transform: translateY(-1px);
  }
  footer .alignfoot button.footnavBtn.is-active span {
    color: white;
  }
  .mobileToolsBackdrop {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 85px;
    z-index: 8;
    background: rgba(0, 0, 0, 0.42);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(0px);
    transition: opacity 0.22s ease;
  }
  .mobileToolsBackdrop.is-open {
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(5px);
  }
  .mobileToolsPanel {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 85px;
    max-height: min(62vh, 520px);
    z-index: 9;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(28, 28, 30, 0.98), rgba(15, 15, 16, 0.98));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 -18px 40px rgba(0, 0, 0, 0.42);
    border-radius: 24px 24px 0 0;
    transform: translateY(calc(100% + 12px));
    opacity: 0;
    pointer-events: none;
    transition: transform 0.24s ease, opacity 0.2s ease;
    overflow: hidden;
  }
  .mobileToolsPanel.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .mobileToolsPanel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px 12px;
    flex: 0 0 auto;
  }
  .mobileToolsPanel__eyebrow,
  .mobileToolsPanel__groupLabel {
    color: rgba(255, 255, 255, 0.48);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.68rem;
  }
  .mobileToolsPanel__title {
    color: white;
    font-size: 1.12rem;
    margin-top: 4px;
  }
  .mobileToolsPanel__close {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
  }
  .mobileToolsPanel__close i {
    color: white;
    font-size: 0.95rem;
  }
  .mobileToolsPanel__groups {
    min-height: 0;
    overflow-y: auto;
    padding: 4px 16px 22px;
  }
  .mobileToolsPanel__group {
    margin-top: 14px;
  }
  .mobileToolsPanel__group:first-child {
    margin-top: 0;
  }
  .mobileToolsPanel__groupLabel {
    padding: 0 4px 9px;
  }
  .mobileToolsPanel__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .mobileToolsPanel__item {
    min-height: 64px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  }
  .mobileToolsPanel__itemIcon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
  }
  .mobileToolsPanel__itemIcon i {
    color: white;
    font-size: 0.98rem;
  }
  .mobileToolsPanel__itemLabel {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.86rem;
    line-height: 1.15;
    min-width: 0;
  }
  .mobileToolsPanel__empty {
    border-radius: 20px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
    padding: 18px;
    margin-top: 8px;
  }
  .mobileToolsPanel__emptyTitle {
    color: white;
  }
  .mobileToolsPanel__emptyDetail {
    color: rgba(255, 255, 255, 0.64);
    line-height: 1.45;
    margin-top: 6px;
  }
}

/*# sourceMappingURL=styles.css.map */