.elementor-1355 .elementor-element.elementor-element-bb78a95{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-1355 .elementor-element.elementor-element-bb78a95:not(.elementor-motion-effects-element-type-background), .elementor-1355 .elementor-element.elementor-element-bb78a95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0518;}.elementor-1355 .elementor-element.elementor-element-bb78a95, .elementor-1355 .elementor-element.elementor-element-bb78a95::before{--border-transition:0.3s;}.elementor-1355 .elementor-element.elementor-element-bb78a95.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1355 .elementor-element.elementor-element-59f783a.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-1355 .elementor-element.elementor-element-bb78a95{--min-height:100vh;--justify-content:center;}.elementor-1355 .elementor-element.elementor-element-bb78a95.e-con{--align-self:center;}.elementor-1355 .elementor-element.elementor-element-59f783a.elementor-element{--align-self:stretch;}}@media(min-width:768px){.elementor-1355 .elementor-element.elementor-element-bb78a95{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-59f783a */jet-theme-core-document jet-theme-core-document--elementor-content-type{
    width:100%!important;
}
#experience{
    display:none;
}
.error{
    color:red;
    margin-top:10px;
    margin-bottom:-40px;
    opacity:0.8;
    font-family: mentor-51;
    font-size:13px;
    font-weight:300;
}

.level{
     margin-top:20px;
     font-family:mentor-51;
    font-size:35px;
    font-weight:400!important;
    color:white;
    border: 1px solid #FA3048;
    border-radius:100px;
    padding:6px 20px;
}
.nombres{
    display:flex;
    flex-direction:row;
}
.page1 .a{
    position:relative;
    display:block;
    padding:none;
    margin:none;
}
.custom-btn {
    border: none;
  width: 240px;
  height: 60px;
  color: #fff;
    margin-top: 80px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
}
.btn-15 {
  background: rgb(0,0,0,0.0);
  z-index: 1;
  font-family:mentor-51;
  font-size:25px;
  font-weight:300;
  box-shadow:inset 4px 0px 0px 1px #fc0040;
  border:solid 1px;
  border-style:none solid none none;
  border-radius:100px;
  border-color:#fc0040;
}
.btn-15:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #fc0040;
  border-radius: 100px;
  transition: all 0.3s ease;
}
.btn-15:hover {
  color: #fff;
  
  
}
.btn-15:hover:after {
  left: 0;
  
  width: 100%;
}
.btn-15:active {
  top: 2px;
}

#progressValue{
    font-family:mentor-51;
    font-size:50px;
    font-weight:700;
    color:white;
}
.saldo{
    margin-block:0!important;
    margin-top:20px!important;
    display:flex;
    position:relative;
    font-family:mentor-51;
    font-size:50px;
    font-weight:400!important;
    color:white;
    padding:5px 30px;
    border-radius:100px;
    background: linear-gradient(286deg, rgba(232,23,69,0.05) 0%, rgba(221,19,124,0.07) 100%);
}
.titulosaldo{
    display:flex;
    position:relative;
    font-family:mentor-51;
    font-size:35px;
    font-weight:400!important;
    color:white;margin-top:20px;
}
.nombre{
    margin-block:0!important;
    display:flex;
    position:relative;
    margin-top:-30px;
    font-family:mentor-51;
    font-size:20px;
    font-weight:300!important;
    color:rgb(255,255,255,0.4);
    padding:none;
    margin:none;
    margin-left:10px;
}


.nick1{
    padding-top:20px;
    margin-block:0!important;
    display:flex;
    position:relative;
    font-family:mentor-51;
    font-size:35px;
    font-weight:400!important;
    color:white;
    margin-top:20px;
}

.page1 {
    
    scale:0.9;
    flex-direction: column;
    vertical-align: center;
    align-items: center;
    align-content: center;
    margin: 0px auto;
    border-radius: 70px;
    padding: 40px 50px 60px 50px;
    border: 1px solid rgb(255,255,255,0.5);
}
.row{
    margin-top:10px;
}
 .progress-bar {
     
	 display: inline-block;
	 width: 275px;
	 height: 240px;
	 margin: 7px;
	 padding: 0;
}
 .progress-bar .progress-active {
	 position: relative;
	 top: -279px;
}
 .progress-bar p {
	 position: relative;
	 margin: 0;
	 padding: 0;
	 width: 275px;
	 top: -460px;
	 font-size: 54px;
	 font-weight: 900;
	 text-align: center;
}
 #progressControllerContainer {
	 position: absolute;
	 top: 320px;
}

@use postcss-preset-env {
  stage: 0;
}
.contenedorlogo{
    
    
}
/* config.css */
.logogf{
    height:80px;
    background-image: url(https://esports.gamingfactory.com.pe/wp-content/uploads/2024/04/logo-gf.webp);
    display:flex;
    width:100%;
    background-size: contain;
    background-position: center;
     background-repeat: no-repeat;
     margin-bottom:15px;
}

:root {
  --baseColor: #606468;
}

/* helpers/align.css */

.align {
  display: grid;
  place-items: center;
}

.grid {
   width:300px!important; 
    align-items: center;
  inline-size: 90%;
  margin-inline: auto;
  max-inline-size: 20rem;
  align-items:center;
  justify-content: center;
  text-align:center;
  vertical-align:middle;
}

/* helpers/hidden.css */

.hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* helpers/icon.css */

:root {
  --iconFill: var(--baseColor);
}

.icons {
  display: none;
}

.icon {
  block-size: 1em;
  display: inline-block;
  fill: var(--iconFill);
  inline-size: 1em;
  vertical-align: middle;
}

/* layout/base.css */

:root {
  --htmlFontSize: 100%;

  --bodyBackgroundColor: #2c3338;
  --bodyColor: #0F0518;
  --bodyFontFamily: "Open Sans";
  --bodyFontFamilyFallback: sans-serif;
  --bodyFontSize: 0.875rem;
  --bodyFontWeight: 400;
  --bodyLineHeight: 1.5;
}

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: var(--htmlFontSize);
}

body {
    
  background-color: var(--bodyBackgroundColor);
  color: var(--bodyColor);
  font-family: var(--bodyFontFamily), var(--bodyFontFamilyFallback);
  font-size: var(--bodyFontSize);
  font-weight: var(--bodyFontWeight);
  line-height: var(--bodyLineHeight);
  margin: 0;
  min-block-size: 100vh;
  align-items:center;
  vertical-align:middle;
}

/* modules/anchor.css */

:root {
  --anchorColor: #eee;
}

a {
    
  color: var(--anchorColor);
  outline: 0;
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: underline;
}

/* modules/form.css */

:root {
  --formGap: 0.875rem;
}

input {
  background-image: none;
  border: 0;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  transition: background-color 0.3s;
  
}

input[type="submit"] {
    display: inline-block;
 background-image: linear-gradient(286deg, rgba(232,23,69,0) 0%, rgba(221,19,124,0) 100%);
 background-color: none!important;
 color:none!important;

 
 border-color:white;
 border-width:2px;
 border-style: solid;
 border-radius:100px;
 font-size:13px;
 font-family:mentor-51;
 color: #fff;
 box-shadow: 2px 0px 10px 2px rgba(252, 56, 56, 0.8);
 text-decoration: none;
 font-weight: 700;
 justify-content: center;
 text-align: center;
 letter-spacing: 1px;
  cursor: pointer;
}

.form {
  display: grid;
  gap: var(--formGap);
}

.form input[type="password"],
.form input[type="text"],
.form input[type="submit"] {
  inline-size: 100%;
}

.form__field {
  display: flex;
}

.form__input {
  flex: 1;
}

/* modules/login.css */

:root {
  --loginBorderRadus: 600px;
  --loginColor: #eee;

  --loginInputBackgroundColor: #3b4148;
  --loginInputHoverBackgroundColor: #434a52;

  --loginLabelBackgroundColor: #363b41;
  --loginSubmitHoverBackgroundColor: rgb(255,255,255,0.05);;
}

.login {
  color: var(--loginColor);
}

.login label,
.login input[type="text"],
.login input[type="password"],
.login input[type="submit"] {
  border-radius: var(--loginBorderRadus);
  padding: 1rem;
}

.login label {
  background-image: linear-gradient(180deg, rgba(34,10,28,0.8) 0%, rgba(9,0,15,1) 100%);
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-inline: 1.25rem;
  border-radius:;
}

.login input[type="password"],
.login input[type="text"] {
  background-color: rgb(255,255,255,0.04);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.login input[type="password"]:focus,
.login input[type="password"]:hover,
.login input[type="text"]:focus,
.login input[type="text"]:hover {
  background-color: var(--loginInputHoverBackgroundColor);
}

.login input[type="submit"] {
  background-color: var(--loginSubmitBackgroundColor);
  color: var(--loginSubmitColor);
  font-weight: 700;
  text-transform: uppercase;
}

.login input[type="submit"]:focus,
.login input[type="submit"]:hover {
  background-color: var(--loginSubmitHoverBackgroundColor);
}

/* modules/text.css */

p {
  margin-block: 1.5rem;
}

.text--center {
  text-align: center;
}

input:-internal-autofill-previewed {
}
.text--center{
    margin-top:50px;
    color:rgb(255,255,255,0.2);
}

@media (max-width: 768px){
    .progress-bar {
        scale:0.8;
    }
    .span{
        scale:0.8;
    }
    .custom-btn{
        margin-top:none!important;
    }
}/* End custom CSS */