::-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: #272727;
  /* 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); }
  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); } }

@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: .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; }

* {
  margin: 0;
  padding: 0;
  font-family: "regular";
  color: #979797;
  font-size: .9rem;
  user-select: none; }

a {
  text-decoration: none; }

@keyframes l7 {
  33% {
    background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%; }
  50% {
    background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%; }
  66% {
    background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%; } }

button {
  padding: 4px 8px;
  cursor: pointer;
  border: none;
  transition: .1s; }

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

html, body {
  background-color: #181818; }

header {
  width: 100%;
  height: 55px;
  background-color: #181818;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 2;
  box-shadow: #000000ad 0px 0px 8px 1px; }
  header .contentLimit {
    width: calc(100% - (5% * 2));
    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: white;
          font-size: .8rem; }
        header .contentLimit .left .txtplat span.subti {
          margin-top: -3px;
          margin-left: 5px;
          color: #979797;
          font-size: .8rem; }
    header .contentLimit .right {
      display: flex;
      justify-content: center;
      align-items: center; }
      header .contentLimit .right button {
        width: 35px;
        height: 35px;
        background-color: #272727;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 20px; }
        header .contentLimit .right button i {
          color: white;
          font-size: 1.1rem; }
      header .contentLimit .right .btnuser {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        header .contentLimit .right .btnuser .bubble {
          width: 35px;
          height: 35px;
          background: #6cb5de;
          background: -moz-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #1f6968));
          background: -webkit-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -o-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -ms-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: linear-gradient(to right, #6cb5de 0%, #1f6968 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          color: white;
          margin: 0 8px 0 0;
          font-size: 1.1rem; }
        header .contentLimit .right .btnuser span {
          margin-right: 8px; }
      header .contentLimit .right #drop {
        background-color: #181818;
        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: 15px;
          margin-bottom: 5px;
          background-color: #272727;
          border-radius: 5px; }
          header .contentLimit .right #drop button.sesclose i {
            margin: 0 10px; }
        header .contentLimit .right #drop button:hover {
          color: white;
          background-color: #272727;
          border-radius: 5px; }

main {
  width: calc(100%);
  height: calc(100vh - (55px));
  background-color: #272727;
  padding: 55px 0 0 0;
  overflow: hidden;
  overflow-y: auto;
  /* APARIENCIAS DEL SLIDER GENERAL ----------- */
  /* ------------------------------------------ */ }
  main .limitsMargins {
    width: calc(100% - (10% * 2));
    padding: 0 10%; }
    main .limitsMargins .sep {
      background-color: transparent;
      height: 70px; }
  main .panelBienvenida {
    display: none; }
  main .titleSection {
    color: #979797;
    font-size: 1.1rem;
    margin-top: 30px; }
  main .conte_slide {
    width: calc(100%);
    height: auto;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    padding: 0px;
    color: white; }
  main .margen_visor {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 10px; }
    main .margen_visor .conteElemSlide {
      background: #6cb5de;
      background: -moz-linear-gradient(left, #6cb5de 0%, #181818 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #181818));
      background: -webkit-linear-gradient(left, #6cb5de 0%, #181818 100%);
      background: -o-linear-gradient(left, #6cb5de 0%, #181818 100%);
      background: -ms-linear-gradient(left, #6cb5de 0%, #181818 100%);
      background: linear-gradient(to right, #6cb5de 0%, #181818 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 ); }
      main .margen_visor .conteElemSlide .insideElemSlide {
        width: calc(93% - (20px * 2));
        margin-left: 7%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        backdrop-filter: blur(4px);
        background-color: #181818;
        border-radius: 20px;
        padding: 10px 20px; }
        main .margen_visor .conteElemSlide .insideElemSlide .title {
          color: white;
          font-size: 1.2rem; }
        main .margen_visor .conteElemSlide .insideElemSlide .explain {
          color: #979797;
          font-size: .9rem;
          margin-top: 3px; }
        main .margen_visor .conteElemSlide .insideElemSlide .explainDetail {
          color: #979797;
          font-size: .9rem;
          margin-top: 15px;
          min-height: 5rem;
          max-height: 5rem;
          line-height: 1.25rem;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          overflow: hidden; }
        main .margen_visor .conteElemSlide .insideElemSlide button {
          color: white;
          font-size: 0.9rem;
          background-color: #0d0d0d;
          border: 2px solid #5959598a;
          margin: 42px 0 0 auto;
          padding: 8px 24px;
          border-radius: 20px;
          display: flex;
          justify-content: center;
          align-items: center; }
          main .margen_visor .conteElemSlide .insideElemSlide button i {
            color: #979797;
            margin-left: 11px; }
  main #slide_main2 .conteElemSlide {
    background: #CFA041;
    background: -moz-linear-gradient(left, #CFA041 0%, #181818 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #CFA041), color-stop(100%, #181818));
    background: -webkit-linear-gradient(left, #CFA041 0%, #181818 100%);
    background: -o-linear-gradient(left, #CFA041 0%, #181818 100%);
    background: -ms-linear-gradient(left, #CFA041 0%, #181818 100%);
    background: linear-gradient(to right, #CFA041 0%, #181818 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 ); }
    main #slide_main2 .conteElemSlide .insideElemSlide {
      padding: 20px 20px; }
    main #slide_main2 .conteElemSlide .explain {
      margin-top: 8px;
      text-align: right; }
    main #slide_main2 .conteElemSlide button {
      margin: 25px 0 0 auto; }
  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: .5s; }
  main #backfirstslide.open {
    transition: .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(10px);
    opacity: 1; }
  main #firstslide {
    width: 100vw;
    max-width: 380px;
    height: calc(100% - (55px));
    position: fixed;
    bottom: 0;
    right: -380px;
    background-color: #181818;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
    opacity: 1;
    box-shadow: -5px 0px 20px black;
    transition: .3s; }
    main #firstslide .contclose {
      width: calc(100% - (7% * 2));
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 25px 7% 15px;
      background-color: transparent; }
      main #firstslide .contclose .title {
        font-size: 1rem;
        color: white; }
      main #firstslide .contclose .detail {
        font-size: 1rem;
        color: #979797; }
      main #firstslide .contclose button {
        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 #firstslide .contclose button i {
          color: white;
          font-size: 1.1rem; }
    main #firstslide .alignPanelLat {
      width: 100%;
      max-height: calc(100% - (80px + 69px));
      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: #272727; }
      main #firstslide .alignPanelLat .bottomBuy {
        background-color: #0d0d0d;
        width: calc(100% - (5% * 2));
        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 #000000b3;
          box-shadow: 2px 2px 8px black;
          background: #dfc55e;
          background: -moz-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #dfc55e), color-stop(100%, #625318));
          background: -webkit-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -o-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -ms-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: linear-gradient(to right, #dfc55e 0%, #625318 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 ); }
      main #firstslide .alignPanelLat .conteNothing {
        background-color: #272727;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 40px 30px;
        margin: 15px 20px;
        border-radius: 20px; }
        main #firstslide .alignPanelLat .conteNothing .title {
          font-size: 1rem;
          color: white; }
        main #firstslide .alignPanelLat .conteNothing .detail {
          font-size: .9rem;
          color: #979797;
          text-align: center;
          margin-top: 8px; }
      main #firstslide .alignPanelLat .conteAjust {
        width: calc(100% - (20px * 2));
        background-color: #272727;
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        flex-direction: column;
        padding: 15px 25px;
        margin: 15px 20px;
        border-radius: 20px;
        transform: scale(1, 1);
        transition: .3s; }
        main #firstslide .alignPanelLat .conteAjust .title {
          font-size: 1rem;
          color: white; }
        main #firstslide .alignPanelLat .conteAjust .detail {
          font-size: .9rem;
          color: #979797;
          text-align: center;
          margin-top: 5px; }
      main #firstslide .alignPanelLat .conteAjust:hover {
        transition: .3s;
        background-color: #ffffff1f;
        transform: scale(1.03, 1.03); }
      main #firstslide .alignPanelLat .conteAjust.temario {
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding: 15px 10px;
        border: 1px solid transparent;
        width: calc(100% - (31px * 2));
        transition: .3s; }
        main #firstslide .alignPanelLat .conteAjust.temario .title {
          width: calc(100% - (35px + 15px));
          font-size: .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.temario .detail {
          width: 35px;
          height: 35px;
          background: #0d0d0d;
          border: 2px solid #5959598a;
          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.temario .detail i {
            margin-left: 2px;
            background-image: linear-gradient(72.44deg, #cfa041 0%, #695c03 100%);
            -webkit-background-clip: text;
            background-repeat: no-repeat;
            color: transparent;
            display: inline; }
        main #firstslide .alignPanelLat .conteAjust.temario .detail.pdf i {
          color: #979797;
          margin-left: 0; }
      main #firstslide .alignPanelLat .conteAjust.temario:hover {
        transition: .3s;
        border: 1px solid transparent;
        background-color: #ffffff1f; }
    main #firstslide #contenotti.alignPanelLat {
      max-height: calc(100% - (14px + 69px)); }
    main #firstslide .alignPanelLat.formreg {
      background-color: transparent;
      justify-content: flex-start;
      align-items: baseline;
      flex-direction: column;
      padding: 15px 7%;
      width: calc(100% - (7% * 2));
      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 {
            background-color: #272727;
            width: calc(100% - (15px * 2));
            border: 1px solid #494949;
            padding: 10px 15px;
            border-radius: 8px;
            margin: 5px auto 15px auto; }
          main #firstslide .alignPanelLat.formreg .conteForm div input: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 #000000b3;
          box-shadow: 2px 2px 8px black;
          background: #6cb5de;
          background: -moz-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #1f6968));
          background: -webkit-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -o-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -ms-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: linear-gradient(to right, #6cb5de 0%, #1f6968 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 #000000b3;
          border: none;
          box-shadow: 2px 2px 8px black;
          background: #6cb5de;
          background: -moz-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #1f6968));
          background: -webkit-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -o-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -ms-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: linear-gradient(to right, #6cb5de 0%, #1f6968 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: calc(100% / 2) calc(100% / 2); }
  main #firstslide.open {
    transition: .3s;
    right: 0;
    opacity: 1; }
  main #secondslide {
    width: 100vw;
    max-width: calc(100vw - (380px));
    height: calc(100% - (55px));
    position: fixed;
    bottom: 0;
    left: calc(-100% + (380px));
    background-color: #1f1f1ff2;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
    opacity: 1;
    transition: .3s; }
    main #secondslide .contclose {
      width: calc(100% - (7% * 2));
      min-height: 40px;
      display: flex;
      justify-content: left;
      align-items: center;
      padding: 25px 7% 15px;
      background-color: transparent; }
      main #secondslide .contclose .title {
        font-size: 1rem;
        color: white; }
      main #secondslide .contclose .detail {
        font-size: 1rem;
        color: #979797; }
      main #secondslide .contclose button {
        color: #979797;
        background-color: #272727;
        border-radius: 50%;
        display: none;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        transition: .3s; }
        main #secondslide .contclose button i {
          color: white;
          font-size: 1.1rem; }
    main #secondslide .alignPanelLat {
      width: 100%;
      margin: 0 auto;
      background-color: transparent;
      height: calc(100% - (80px));
      display: flex;
      justify-content: center;
      align-items: center;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 50px; }
      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: #979797;
          font-size: 1.2rem;
          text-align: center;
          margin-bottom: 40px; }
        main #secondslide .alignPanelLat .contePaysmethods .spantt {
          color: white;
          font-size: 1.2rem;
          text-align: center; }
        main #secondslide .alignPanelLat .contePaysmethods .spanst {
          color: #979797;
          font-size: 1.1rem;
          text-align: center; }
        main #secondslide .alignPanelLat .contePaysmethods .subtit {
          color: #979797;
          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 #000000b3;
            box-shadow: 2px 2px 8px black; }
            main #secondslide .alignPanelLat .contePaysmethods .btnspays button i {
              margin-left: 10px;
              color: white;
              text-shadow: 0 0 3px BLACK;
              font-size: 1.2rem; }
          main #secondslide .alignPanelLat .contePaysmethods .btnspays button.btMP {
            background: #126091;
            background: -moz-linear-gradient(left, #126091 0%, #094265 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #126091), color-stop(100%, #094265));
            background: -webkit-linear-gradient(left, #126091 0%, #094265 100%);
            background: -o-linear-gradient(left, #126091 0%, #094265 100%);
            background: -ms-linear-gradient(left, #126091 0%, #094265 100%);
            background: linear-gradient(to right, #126091 0%, #094265 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
            color: white; }
          main #secondslide .alignPanelLat .contePaysmethods .btnspays button.btTR {
            background: #dfc55e;
            background: -moz-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #dfc55e), color-stop(100%, #a98f28));
            background: -webkit-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: -o-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: -ms-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: linear-gradient(to right, #dfc55e 0%, #a98f28 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
            color: white; }
          main #secondslide .alignPanelLat .contePaysmethods .btnspays button.btWA {
            background: #58d045;
            background: -moz-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #58d045), color-stop(100%, #359e25));
            background: -webkit-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: -o-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: -ms-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: linear-gradient(to right, #58d045 0%, #359e25 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
            color: white; }
      main #secondslide .alignPanelLat .conteNothing {
        background-color: #272727;
        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: white; }
        main #secondslide .alignPanelLat .conteNothing .detail {
          font-size: .9rem;
          color: #979797;
          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% - (10px * 2));
        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% - (125px * 2));
          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: #ffffff2b;
                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% - (15px * 2));
              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: #6cb5de;
              background: -moz-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
              background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #1f6968));
              background: -webkit-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
              background: -o-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
              background: -ms-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
              background: linear-gradient(to right, #6cb5de 0%, #1f6968 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
              text-shadow: 2px 2px 3px #000000b3;
              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% - (20px * 2));
        background-color: #272727;
        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: white; }
        main #secondslide .alignPanelLat .conteAjust .detail {
          font-size: .9rem;
          color: #979797;
          text-align: center;
          margin-top: 5px; }
    main #secondslide .gradientV {
      background: #000;
      background: -moz-linear-gradient(top, #000 0%, #181818 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #000), color-stop(100%, #181818));
      background: -webkit-linear-gradient(top, #000 0%, #181818 100%);
      background: -o-linear-gradient(top, #000 0%, #181818 100%);
      background: -ms-linear-gradient(top, #000 0%, #181818 100%);
      background: linear-gradient(to bottom, #000 0%, #181818 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: calc(90% - (7% * 2));
      height: calc(100% - (110px)); }
      main #secondslide .alignPanelLat.formdats .conteForm {
        width: 100%;
        overflow: hidden;
        display: grid;
        grid-template-columns: calc(100% / 2) calc(100% / 2);
        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: #272727;
            width: calc(100% - (15px * 2));
            border: 1px solid #494949;
            padding: 10px 15px;
            border-radius: 8px;
            margin: 5px auto 15px auto; }
          main #secondslide .alignPanelLat.formdats .conteForm div input:focus {
            outline-color: #585858; }
      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 #000000b3;
          box-shadow: 2px 2px 8px black;
          background: #dfc55e;
          background: -moz-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #dfc55e), color-stop(100%, #625318));
          background: -webkit-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -o-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -ms-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: linear-gradient(to right, #dfc55e 0%, #625318 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 ); }
        main #secondslide .alignPanelLat.formdats .btnactions #savebtnAJ1 {
          padding: 8px 18px;
          border-radius: 8px;
          border: none;
          color: white;
          text-shadow: 2px 2px 3px #000000b3;
          box-shadow: 2px 2px 8px black;
          background: #6cb5de;
          background: -moz-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #1f6968));
          background: -webkit-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -o-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: -ms-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
          background: linear-gradient(to right, #6cb5de 0%, #1f6968 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
          cursor: pointer; }
  main #secondslide.open {
    transition: .3s;
    left: 0;
    opacity: 1; }
  main #recharge {
    position: fixed;
    top: 0px;
    padding-top: 0;
    left: 0;
    width: 100%;
    height: calc(100%);
    display: none;
    z-index: 10; }
    main #recharge div.contentLoader {
      width: 100%;
      height: 100%;
      background-color: #272727;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      main #recharge div.contentLoader [class^="ph-"], main #recharge div.contentLoader [class*=" ph-"] {
        font-size: 12rem;
        opacity: .3; }
      main #recharge div.contentLoader img {
        width: 100px;
        filter: grayscale(100%); }
      main #recharge div.contentLoader div {
        padding: 10px;
        margin: 10px;
        font-size: 1rem;
        text-align: center;
        color: white; }
        main #recharge div.contentLoader div span {
          font-size: .9rem; }
      main #recharge div.contentLoader button {
        font-size: .9rem;
        background: #cfa041;
        background: -moz-linear-gradient(left, #cfa041 0%, #281801 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #cfa041), color-stop(100%, #281801));
        background: -webkit-linear-gradient(left, #cfa041 0%, #281801 100%);
        background: -o-linear-gradient(left, #cfa041 0%, #281801 100%);
        background: -ms-linear-gradient(left, #cfa041 0%, #281801 100%);
        background: linear-gradient(to right, #cfa041 0%, #281801 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 {
        width: 80px;
        animation-name: loader_anim;
        animation-duration: 1.7s;
        animation-iteration-count: infinite; }
      main #loader div.contentLoader div {
        padding: 10px;
        margin: 10px;
        font-size: .9rem;
        color: white; }

main.inde {
  height: calc(100vh - (55px));
  overflow: hidden;
  overflow-y: auto;
  background-color: #181818; }
  main.inde .limitsMargins {
    width: calc(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: 5px;
        box-shadow: 2px 2px 8px black;
        text-shadow: 2px 2px 3px #000000b3;
        cursor: pointer;
        background: #6cb5de;
        background: -moz-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #1f6968));
        background: -webkit-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: -o-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: -ms-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: linear-gradient(to right, #6cb5de 0%, #1f6968 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-bottom: 15px;
          transition: .3s; }
        main.inde section .contentText .eque a.reco:hover {
          transition: .3s;
          color: #cfa041; }
        main.inde section .contentText .eque a.back {
          width: 210px;
          margin-top: 25px;
          text-align: center;
          padding: 10px 20px;
          color: white;
          border-radius: 5px;
          box-shadow: 2px 2px 8px black;
          text-shadow: 2px 2px 3px #000000b3;
          cursor: pointer;
          background: #181818;
          background: -moz-linear-gradient(left, #181818 0%, #181818 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #181818), color-stop(100%, #181818));
          background: -webkit-linear-gradient(left, #181818 0%, #181818 100%);
          background: -o-linear-gradient(left, #181818 0%, #181818 100%);
          background: -ms-linear-gradient(left, #181818 0%, #181818 100%);
          background: linear-gradient(to right, #181818 0%, #181818 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 black; }
        main.inde section .contentText .eque div {
          width: 100%;
          display: flex;
          padding: 0;
          margin: 10px 0;
          box-shadow: inset 2px 2px 8px black;
          border: 1px solid black;
          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: #262626cc;
          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: 5px;
          box-shadow: 2px 2px 8px black;
          cursor: pointer;
          text-shadow: 2px 2px 3px #000000b3;
          background: #dfc55e;
          background: -moz-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, #dfc55e), color-stop(100%, #625318));
          background: -webkit-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -o-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: -ms-linear-gradient(left, #dfc55e 0%, #625318 100%);
          background: linear-gradient(to right, #dfc55e 0%, #625318 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 ); }
          main.inde section .contentText .eque input[type=submit]:hover {
            transition: .5s;
            background-color: black !important; }
        main.inde section .contentText .eque h3 {
          margin: 50px 0 0px 0;
          font-size: 1rem; }
    main.inde section .contentImg {
      background-color: transparent;
      width: 100%;
      max-width: calc(60vw);
      max-height: 100%;
      display: flex;
      justify-content: center; }
      main.inde section .contentImg img {
        width: 100%;
        max-width: 50%;
        margin-top: 30%;
        -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");
        animation-name: fadeInImgMain;
        animation-duration: 3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
  main.inde #recovcod {
    width: 100vw;
    height: 100vh;
    background-color: #00000066;
    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: white;
        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 #ffffff7a;
        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 #000000b3;
        cursor: pointer;
        background: #6cb5de;
        background: -moz-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #6cb5de), color-stop(100%, #1f6968));
        background: -webkit-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: -o-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: -ms-linear-gradient(left, #6cb5de 0%, #1f6968 100%);
        background: linear-gradient(to right, #6cb5de 0%, #1f6968 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: calc(100%/3) 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: #dfc55e;
    background: -moz-linear-gradient(left, #dfc55e 0%, #625318 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #dfc55e), color-stop(100%, #625318));
    background: -webkit-linear-gradient(left, #dfc55e 0%, #625318 100%);
    background: -o-linear-gradient(left, #dfc55e 0%, #625318 100%);
    background: -ms-linear-gradient(left, #dfc55e 0%, #625318 100%);
    background: linear-gradient(to right, #dfc55e 0%, #625318 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
    color: white;
    font-size: .9rem;
    text-shadow: 2px 2px 3px #000000b3;
    box-shadow: 2px 2px 8px black;
    border: none;
    padding: 6px 12px;
    border-radius: 5px;
    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: calc(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: calc(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: #979797;
          font-size: 1.2rem;
          text-align: center;
          margin-bottom: 40px; }
        main.pays #pays .alignPanelLat .contePaysmethods .spantt {
          color: white;
          font-size: 1.2rem;
          text-align: center; }
        main.pays #pays .alignPanelLat .contePaysmethods .spanst {
          color: #979797;
          font-size: 1.1rem;
          text-align: center; }
        main.pays #pays .alignPanelLat .contePaysmethods .subtit {
          color: #979797;
          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: white;
              text-shadow: 0 0 3px BLACK;
              font-size: 1.2rem;
              line-height: 0; }
          main.pays #pays .alignPanelLat .contePaysmethods .btnspays button.btMP {
            background: #126091;
            background: -moz-linear-gradient(left, #126091 0%, #094265 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #126091), color-stop(100%, #094265));
            background: -webkit-linear-gradient(left, #126091 0%, #094265 100%);
            background: -o-linear-gradient(left, #126091 0%, #094265 100%);
            background: -ms-linear-gradient(left, #126091 0%, #094265 100%);
            background: linear-gradient(to right, #126091 0%, #094265 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
            color: white;
            text-shadow: 0 0 3px BLACK; }
          main.pays #pays .alignPanelLat .contePaysmethods .btnspays button.btTR {
            background: #dfc55e;
            background: -moz-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #dfc55e), color-stop(100%, #a98f28));
            background: -webkit-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: -o-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: -ms-linear-gradient(left, #dfc55e 0%, #a98f28 100%);
            background: linear-gradient(to right, #dfc55e 0%, #a98f28 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
            color: white;
            text-shadow: 0 0 3px BLACK; }
          main.pays #pays .alignPanelLat .contePaysmethods .btnspays button.btWA {
            background: #58d045;
            background: -moz-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, #58d045), color-stop(100%, #359e25));
            background: -webkit-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: -o-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: -ms-linear-gradient(left, #58d045 0%, #359e25 100%);
            background: linear-gradient(to right, #58d045 0%, #359e25 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2', GradientType=1 );
            color: white;
            text-shadow: 0 0 3px BLACK; }
    main.pays #pays .gradientV {
      background: #000;
      background: -moz-linear-gradient(top, #000 0%, #181818 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #000), color-stop(100%, #181818));
      background: -webkit-linear-gradient(top, #000 0%, #181818 100%);
      background: -o-linear-gradient(top, #000 0%, #181818 100%);
      background: -ms-linear-gradient(top, #000 0%, #181818 100%);
      background: linear-gradient(to bottom, #000 0%, #181818 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: calc(100%/3) 100%;
  animation: l7 1s infinite linear;
  display: none; }

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

footer.inde {
  display: none; }

/* ---------------------------------------------------- */
/* MOBILE RESPONSIVE */
@media only screen and (max-width: 901px) {
  main::-webkit-scrollbar {
    /* width of the entire scrollbar */
    width: 0px; }
  header {
    height: 50px; }
    header .contentLimit {
      justify-content: center; }
      header .contentLimit .left .txtplat {
        flex-direction: row;
        align-items: flex-end; }
        header .contentLimit .left .txtplat span.subti {
          margin-left: 5px; }
      header .contentLimit .right {
        display: none; }
        header .contentLimit .right button {
          margin-left: 10px;
          margin-right: 10px; }
        header .contentLimit .right .btnuser {
          display: none; }
  main {
    width: calc(100%);
    height: calc(100vh - (50px + 70px));
    padding: 50px 0 0 0; }
    main .limitsMargins {
      width: calc(100% - (2% * 2));
      padding: 0 2%; }
    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: white; }
      main .panelBienvenida .nameus {
        color: white; }
    main .titleSection {
      margin-left: 20px; }
    main #firstslide {
      max-width: 100vw;
      height: calc(100% - (50px + 70px));
      bottom: -100%;
      right: 0;
      padding-bottom: 20px; }
      main #firstslide .alignPanelLat {
        max-height: calc(100% - (69px + 69px)); }
    main #firstslide.ind {
      bottom: 0 !important;
      padding-bottom: 0;
      height: calc(100% - (50px)); }
      main #firstslide.ind .alignPanelLat.formreg .conteForm {
        grid-template-columns: calc(100%); }
    main #firstslide .alignPanelLat .bottomBuy {
      width: calc(100% - (5% * 2));
      height: 50px;
      position: absolute;
      padding: 10px 5% 30px 5%;
      bottom: 0; }
    main #firstslide.open {
      transition: .5s;
      bottom: calc(70px - 20px);
      right: 0; }
    main #secondslide {
      max-width: 100vw;
      height: calc(100% - (50px + 70px));
      bottom: -100%;
      left: 0;
      padding-bottom: 20px;
      background-color: #181818; }
      main #secondslide .contclose {
        background-color: #0d0d0d;
        justify-content: space-between; }
        main #secondslide .contclose button {
          display: flex; }
      main #secondslide .alignPanelLat.formdats {
        width: calc(100% - (2% * 2));
        padding: 15px 2%; }
        main #secondslide .alignPanelLat.formdats .conteForm {
          width: 100%;
          overflow: hidden;
          overflow-y: auto;
          display: grid;
          grid-template-columns: calc(100%);
          justify-content: space-around;
          align-items: center; }
    main #secondslide.open {
      transition: .5s;
      left: 0;
      bottom: calc(70px - 20px); }
    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: #262626cc; }
      main.inde section div.contentImg {
        width: 100%;
        max-width: 100%;
        position: absolute;
        z-index: 0;
        opacity: .2;
        bottom: 0px;
        filter: grayscale(0.6); }
        main.inde section div.contentImg img {
          max-width: 50vh;
          height: auto;
          margin-top: 0; }
  footer {
    height: 70px;
    display: flex;
    position: fixed;
    bottom: 0;
    border-radius: 0;
    backdrop-filter: blur(4px);
    z-index: 10;
    box-shadow: #000000ad 0px 0px 8px 1px; }
    footer .alignfoot {
      width: 80%;
      margin: -19px auto 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      footer .alignfoot button {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-top: 18px;
        background-color: transparent; }
        footer .alignfoot button i {
          color: #979797;
          font-size: 1.6rem; }
      footer .alignfoot button.btncenterfoot {
        width: 70px;
        height: 70px;
        margin-top: -30px;
        background-color: #272727;
        border: 2px solid #444444;
        box-shadow: 0px 3px 10px #000000d1; }
        footer .alignfoot button.btncenterfoot i {
          color: #979797;
          font-size: 1.8rem; } }