:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.ctn-login-register-panel{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;margin:20px auto 0;border-radius:18px;background:#1e1e1ef2;box-shadow:0 8px 32px #0000002e;min-height:620px;height:auto;overflow:visible}.card{padding:40px 28px;width:370px;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:transform .5s cubic-bezier(.175,.685,.32,1.275),opacity .5s}.login-form,.register-form{padding:45px 21px;background:#000;position:absolute;border-radius:20px;width:100%;transition:transform .5s cubic-bezier(.175,.685,.32,1.275),opacity .5s cubic-bezier(.175,.685,.32,1.275);z-index:1}.input-group{position:relative;margin-top:24px;width:100%}.input-group input{width:100%;padding:10px;border:none;background:#7c76764d;outline:none;border-radius:10px;color:#fff;font-size:16px}.input-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#d2bebe;font-size:16px;pointer-events:none;transition:top .3s cubic-bezier(.175,.685,.32,1.275),font-size .3s cubic-bezier(.175,.685,.32,1.275),color .3s,transform .3s cubic-bezier(.175,.685,.32,1.275)}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:-12px;transform:none;font-size:14px;color:#fff;background:transparent;padding:0 4px}.input-error-popup{position:absolute;min-width:120px;background:#000;color:#e74c3c;border-radius:8px;box-shadow:0 2px 8px #0000002e;padding:6px 10px;font-size:13px;z-index:10;white-space:pre-line;text-align:left;pointer-events:none}.input-error{background-color:#630a0066!important}.btn-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;padding:0;border:none;cursor:pointer;outline:none}.btn{margin-top:50px;padding:10px 40px;background-color:#470707;font-size:14px;font-weight:500;cursor:pointer;color:#fff;outline:none;transition:all .3s;border-radius:14px}.btn:hover{background-color:#7d2323}.ctn-goto{opacity:0;animation:fadeInGoto 2s cubic-bezier(.175,.685,.32,1.275) forwards}@keyframes fadeInGoto{0%{opacity:0}to{opacity:1}}@keyframes appearFromLeft{0%{opacity:0;transform:translate(-100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes appearFromRight{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.anim-appear-left{animation:appearFromLeft .6s cubic-bezier(.175,.685,.32,1.275)}.anim-appear-right{animation:appearFromRight .6s cubic-bezier(.175,.685,.32,1.275)}@media screen and (max-width: 850px){.ctn-login-register-panel{flex-direction:column;max-width:400px;min-height:unset;height:auto}.card{width:100%;min-height:320px;padding:30px 12px}.register-form,.login-form{position:static}@keyframes appearFromLeft{0%{opacity:0;transform:translateY(-100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes appearFromRight{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.anim-appear-left{animation:appearFromLeft .6s cubic-bezier(.175,.685,.32,1.275)}.anim-appear-right{animation:appearFromRight .6s cubic-bezier(.175,.685,.32,1.275)}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;scroll-behavior:smooth}body{background-image:url(/Clontube/assets/login-bg-DreISR9g.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}main{width:100%;padding:20px;margin:auto}.fondo-logotipo{background-color:#000;border-radius:15px;max-width:fit-content;box-align:center;display:flex;align-items:center;margin:auto}.fondo-logotipo h2{color:#fff;align-content:center;padding-right:20px}.logotipo{width:200px;height:150px;padding:15px}.logotipo img{width:100%;height:100%;object-fit:cover;border-radius:25%}