@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-submit-basic{justify-content:center;width:100%;height:42px;display:flex;position:relative}.btn-submit-basic,.btn-submit-basic *{transition:all .5s}.btn-submit-basic button{color:#3d65fd;cursor:pointer;background-color:#0000;border:1px solid #1c1c1c80;border-radius:10px;outline:none;width:100%;max-width:222px;height:100%;font-size:18px;font-weight:600;position:relative}.btn-submit-basic button:active{color:#fff;background-color:#3d65fdb3;transform:scale(.9)}.btn-submit-basic button:disabled{color:#fff;cursor:not-allowed;background-color:#3d65fd4d!important}.btn-submit-basic button:focus{color:#fff;background-color:#3d65fdb3}.btn-submit-basic button:hover{color:#fff;background-color:#3d65fde6}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.container-row-circle{color:#fff;position:relative}.container-row-circle.active button:before{content:"";color:#3d65fd;border:4px solid #0000;border-radius:50%;width:30px;height:30px;animation:.6s .6s forwards circle;position:absolute;transform:translate(-50%,-50%)}.container-row-circle.active button .icon{color:#3d65fd;display:block}.container-row-circle button{cursor:pointer;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;left:0;transform:translateY(50%)}@keyframes circle{0%{border-color:#0000;transform:rotate(0)}25%{border-color:#0000 #3d65fd #0000 #0000}50%{border-color:#0000 #3d65fd #3d65fd #0000}75%{border-color:#0000 #3d65fd #3d65fd}to{border-color:#3d65fd;transform:rotate(-700deg)}}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-text{justify-content:center;display:flex}.btn-text button{color:#3d65fd;cursor:pointer;background-color:#0000;border:none;outline:none;font-size:18px;font-weight:600;transition:all .5s}.btn-text button span{text-decoration:none}.btn-text button:active{color:#3d65fd;transform:scale(.9)}
.btn-sesion{color:#fff;cursor:pointer;justify-content:space-around;width:300px;margin-top:10px;margin-bottom:35px;font-size:18px;font-weight:600;display:flex}.btn-sesion button{color:#3d65fd;cursor:pointer;background-color:#0000;border:none;outline:none;font-size:18px;font-weight:600;transition:all .5s}.btn-sesion button:hover{color:#442897}.btn-sesion button:active{transform:scale(.9)}.btn-sesion button span{text-decoration:none}.btn-sesion .span-sesion{cursor:default;color:#3d65fd}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.redesSocialesAnimadas{width:100%;margin-top:-10px}.redesSocialesAnimadas .icon{z-index:10}.redesSocialesAnimadas ul{justify-content:space-around;align-items:center;display:flex}.redesSocialesAnimadas ul li{justify-content:center;align-items:center;width:30px;height:30px;list-style:none;display:flex}.redesSocialesAnimadas ul li:hover:first-child .googleHover{transition:all .6s;color:#db4a39!important}.redesSocialesAnimadas ul li:hover:nth-child(2) .facebookHover{transition:all .6s;color:#3b5998!important}.redesSocialesAnimadas ul li:hover:nth-child(3) .twitterHover{transition:all .6s;color:#00acee!important}.redesSocialesAnimadas ul li:hover:nth-child(4) .githubHover{transition:all .6s;color:#ee216b!important}.redesSocialesAnimadas ul li button{background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;display:flex}.redesSocialesAnimadas ul li button:hover span:last-child{z-index:2;background-color:#fff;border-radius:100%;width:30px;height:30px;transition:all .6s;position:absolute}.redesSocialesAnimadas ul li:last-child>button>a:first-child:after{content:"";z-index:0;background:0 0;width:100%;height:2px;animation:1s linear infinite slide;position:absolute;top:50%;left:120%}.redesSocialesAnimadas ul li a{cursor:pointer;text-align:center;background-color:#3d65fd;border-radius:50%;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;transition:all .4s;display:flex;position:relative}.redesSocialesAnimadas ul li a:before{content:"";border:1px solid #8484a459;border-radius:50%;width:calc(100% + 16px);height:calc(100% + 16px);animation:1.5s linear infinite focuse;position:absolute;top:-9px;left:-9px}.redesSocialesAnimadas ul li a:after{content:"";z-index:0;background:url(/global/line.png);width:220%;height:2px;animation:1s linear infinite slide;position:absolute;top:50%;left:100%}.redesSocialesAnimadas ul li a span:first-child{z-index:10}.redesSocialesAnimadas ul li a span:last-child{z-index:200;background:0 0;border-radius:100%;width:0;height:0;transition:all .6s;position:absolute}@keyframes focuse{0%{opacity:1;transform:scale(.8)}75%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}@keyframes slide{0%{background-position:0 0}to{background-position:40px 0}}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@supports ((-moz-appearance:none)){.container-form-loki{backface-visibility:hidden}}.container-form-loki{height:720px;transform-style:preserve-3d;z-index:2;justify-content:center;width:360px;transition:all 1s ease-in-out;display:flex;position:relative;transform:rotateY(0)}.container-form-loki.right-active{transform:rotateY(180deg)}.container-form-loki.right-active.active .right{animation:1s forwards colorChange}.container-form-loki.right-active .front{z-index:1}.container-form-loki.right-active .right{z-index:4;border:#1c1c1c80;height:720px;min-height:720px;max-height:720px;transition:all 1.6s}.container-form-loki.right-active .right.social{height:600px;min-height:600px;max-height:600px}.container-form-loki.front-active{transform:rotateY(0)}.container-form-loki.front-active.active .front{animation:1s forwards colorChange}.container-form-loki.front-active .front{z-index:4;border:1px solid #fff;transition:all 1.6s}.container-form-loki.front-active .right{z-index:1}.container-form-loki.left-active{transform:rotateY(-180deg)}.container-form-loki.left-active.active .left{animation:1s forwards colorChange}.container-form-loki.left-active .left{z-index:4;border:1px solid #fff;transition:all 1.6s}.container-form-loki.left-active .right{z-index:1;display:none}.container-form-loki .login,.container-form-loki .register,.container-form-loki .left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:10px;flex-direction:column;align-items:center;width:100%;min-width:440px;max-width:440px;padding:30px 40px 40px;display:flex;box-shadow:0 0 30px #012a701a}.container-form-loki .login .text-recovery,.container-form-loki .register .text-recovery,.container-form-loki .left .text-recovery{color:#1c1c1c;cursor:pointer;background-color:#0000;border:none;outline:none;max-width:333px;font-size:12px;font-weight:600;transition:all .5s}.container-form-loki .front{backface-visibility:hidden;height:450px;min-height:450px;max-height:450px;position:absolute}.container-form-loki .front.social{height:500px;min-height:500px;max-height:500px}.container-form-loki .right{backface-visibility:hidden;height:450px;min-height:450px;max-height:450px;transition:all .8s;position:absolute;overflow:hidden;transform:rotateY(180deg)}.container-form-loki .left{backface-visibility:hidden;height:340px;min-height:340px;max-height:340px;transition:all .8s;display:none;position:absolute;overflow:hidden;transform:rotateY(-180deg)}.container-form-loki .icon{font-size:20px}.container-form-loki form{grid-template-columns:1fr;justify-content:center;gap:30px;display:grid}@keyframes colorChange{0%{border-color:#fff}50%{border-color:#3d65fd}to{border-color:#fff}}@media screen and (max-width:450px){.container-form-loki .login,.container-form-loki .register,.container-form-loki .left{width:98vw;min-width:98vw;max-width:98vw;padding:20px 30px 30px}}
.container-authOutRegister .container-form{justify-content:center;align-items:center;height:calc(100dvh - 140px);display:flex}