.contenedor{position:relative;width:100%;min-height:100vh;background-color:#a3e4d7;background-image:url(https://img.freepik.com/vector-gratis/edificios-urbanos-paisaje-urbano_18591-51831.jpg?w=900&t=st=1705523045~exp=1705523645~hmac=8434d054f1c0814ae3e1f9335de4485ee5661c64d3df8483a59ea5b8002c8fd5);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.contenedor:before{content:"";position:absolute;width:100%;height:100vh;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.contenedor .marco{width:100rem;height:60rem;display:flex;gap:3rem}.contenedor .marco .seccion{flex:1;box-shadow:0 1rem 2rem .7rem #00000080}.contenedor .marco .contenedor-img{position:relative;background-color:#cddcbf;display:flex;justify-content:center;overflow:hidden;transition:.3s ease}.contenedor .marco .contenedor-img:before{content:"";position:absolute;transition:2s ease;top:0;left:0;width:100%;height:100vh;background-color:#cddcbf;transform:translate(-100%);z-index:1}.contenedor .marco .contenedor-img .texto{margin-top:8rem;font-family:Noto Sans,sans-serif;font-size:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:absolute}.contenedor .marco .contenedor-img .texto.texto-register{visibility:hidden;opacity:0}.contenedor .marco .contenedor-img .texto p:nth-child(2){font-size:1.2rem;letter-spacing:.1rem}.contenedor .marco .contenedor-img .texto button{padding:1rem;border:.1rem solid;border-radius:.4rem;font-family:Noto Sans,sans-serif;color:#fff;background-color:#333;cursor:pointer;transition:.3s ease}.contenedor .marco .contenedor-img .texto button:hover{scale:1.1}.contenedor .marco .contenedor-img .img-edificios{position:absolute;bottom:2rem}.contenedor .marco .contenedor-img .nube{position:absolute;width:1rem}.contenedor .marco .contenedor-img .nube.img-nube1{width:15rem;top:30rem;right:5rem;animation:nube1 3s linear infinite}@keyframes nube1{0%{transform:translate(0)}50%{transform:translate(3rem)}to{transform:translate(0)}}.contenedor .marco .contenedor-img .nube.img-nube2{width:20rem;top:25rem;right:25rem;animation:nube2 5s linear infinite}@keyframes nube2{0%{transform:translate(0)}50%{transform:translate(-6rem)}to{transform:translate(0)}}.contenedor .marco .contenedor-img .nube.img-nube3{width:10rem;top:35rem;right:30rem;animation:nube3 10s linear infinite}@keyframes nube3{0%{transform:translate(0)}50%{transform:translate(15rem)}to{transform:translate(0)}}.contenedor .marco .contenedor-auth{position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}.contenedor .marco .contenedor-auth:before{content:"";position:absolute;transition:2s ease;top:0;left:0;width:100%;height:100vh;background-color:#cddcbf;transform:translate(-100%);z-index:1}.contenedor .marco .contenedor-auth .logo-beesy{position:absolute;top:0;right:1rem;width:7rem;animation:bee 5s linear infinite}@keyframes bee{0%{transform:translateY(0);filter:drop-shadow(0 0 1rem #C27500)}50%{transform:translateY(3rem);filter:drop-shadow(0 0 .1rem #C27500)}to{transform:translateY(0);filter:drop-shadow(0 0 1rem #C27500)}}.contenedor .marco .contenedor-auth .form{position:relative;width:100%;display:flex;flex-direction:column;gap:3rem;justify-content:center;align-items:center;color:#333;position:absolute;transition:.3s ease}.contenedor .marco .contenedor-auth .form.form-register{visibility:hidden;opacity:0}.contenedor .marco .contenedor-auth .form p{position:absolute;top:0;font-weight:700;font-size:3rem;box-shadow:0 .3rem .7rem .1rem;border-radius:.3rem;padding:0 1rem;transition:.3s ease-out;transform:translate(-45rem);visibility:hidden;opacity:0}.contenedor .marco .contenedor-auth .form p.activo{transform:translate(0);visibility:visible;opacity:1}.contenedor .marco .contenedor-auth .form h2{font-size:2rem;font-family:Noto Sans,sans-serif;text-transform:uppercase}.contenedor .marco .contenedor-auth .form .contenedor-inputs{width:80%;display:flex;flex-direction:column;gap:2rem}.contenedor .marco .contenedor-auth .form .contenedor-inputs .input{position:relative}.contenedor .marco .contenedor-auth .form .contenedor-inputs .input input,.contenedor .marco .contenedor-auth .form .contenedor-inputs .input select{width:100%;padding:1rem 4rem;border:.1rem solid #333;border-radius:1rem;outline:none;font-size:1.5rem;font-family:Noto Sans,sans-serif}.contenedor .marco .contenedor-auth .form .contenedor-inputs .input i{position:absolute;top:25%;left:3%;font-size:2rem;color:#333}.contenedor .marco .contenedor-auth .form .ultimos-datos{width:80%;display:flex;justify-content:space-between}.contenedor .marco .contenedor-auth .form .ultimos-datos .recordar{position:relative;padding-left:3.5rem}.contenedor .marco .contenedor-auth .form .ultimos-datos .recordar input{display:none}.contenedor .marco .contenedor-auth .form .ultimos-datos .recordar .simular-checkbox{font-size:.1rem;padding:.4rem;border:.1rem solid;border-radius:50%;cursor:pointer;position:absolute;left:.5rem;transition:.3s ease}.contenedor .marco .contenedor-auth .form .ultimos-datos .recordar .simular-checkbox i{opacity:0;font-size:1.2rem;color:#333;transition:.3s ease}.contenedor .marco .contenedor-auth .form .ultimos-datos .recordar .simular-checkbox i.activo{opacity:1}.contenedor .marco .contenedor-auth .form .ultimos-datos .recordar label{color:#333;font-size:1.8rem}.contenedor .marco .contenedor-auth .form .ultimos-datos .btn-olvidaste-contra{font-size:1.3rem;color:#333;font-family:Noto Sans,sans-serif;cursor:pointer}.contenedor .marco .contenedor-auth .form .btn-enviar_login,.contenedor .marco .contenedor-auth .form .btn-enviar_register{padding:1rem 2rem;border:.1rem solid;border-radius:.4rem;font-family:Noto Sans,sans-serif;color:#fff;background-color:#333;cursor:pointer;transition:.3s ease}.contenedor .marco .contenedor-auth .form .btn-enviar_login:hover,.contenedor .marco .contenedor-auth .form .btn-enviar_register:hover{scale:1.1}.contenedor .marco .contenedor-auth .form .btn-span{visibility:hidden;opacity:0}.contenedor .marco.cambio .contenedor-img:before{transform:translate(100%)}.contenedor .marco.cambio .contenedor-auth:before{transform:translate(100%)}.contenedor .marco.activo .contenedor-img{order:1}.contenedor .marco.activo .contenedor-img .texto.texto-login{visibility:hidden;opacity:0}.contenedor .marco.activo .contenedor-img .texto.texto-register{visibility:visible;opacity:1}.contenedor .marco.activo .contenedor-auth .form.form-login{visibility:hidden;opacity:0}.contenedor .marco.activo .contenedor-auth .form.form-register{visibility:visible;opacity:1}.contenedor .marco.activo .contenedor-auth .form .ultimos-datos{display:flex;justify-content:center}@media (width < 60rem){.contenedor .marco .seccion:nth-child(1){display:none}.contenedor .marco .contenedor-img{order:unset}.contenedor .marco .contenedor-auth .form .btn-span{visibility:visible;opacity:1;padding:.5rem;border:.1rem solid;border-radius:.4rem;font-family:Noto Sans,sans-serif;cursor:pointer;transition:.3s ease}.contenedor .marco .contenedor-auth .form .btn-span:hover{letter-spacing:.1rem;scale:1.1;color:#fff;background-color:#333}}