@import"https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Poppins:wght@200&display=swap";.login__container{width:100%;height:100vh;display:flex;flex-direction:row}.container__left{width:60%;display:flex;justify-content:center;align-items:center}.left__img{display:block;max-width:70%;margin:0 auto;pointer-events:none}.left__text{text-align:center;padding:2rem;font-size:2.5rem;font-weight:900;color:#fff}.container__right{width:40%;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.login__titulo{text-align:center;font-size:3.5rem;font-weight:700;padding:2.5rem 0;text-shadow:3px 4px 0px #c2c2c2}.register__successful{text-align:center;border:solid 1px transparent;border-radius:25px;padding:2rem;margin:1.5rem 0;background-color:#2ecf6e;color:#fff;font-size:2rem;font-weight:700}.login__error-result{border:solid 2px #FF0000;text-align:center;padding:2rem 0;font-size:1.7rem;margin-bottom:1rem;background-color:#ff4b4b;color:#fff}.login__right{max-width:55rem}.login__form{width:100%;background-color:#d5d8dc;padding:2rem 1rem;box-shadow:0 10px 10px -5px #00000026}.form__inputs{position:relative}.form__input{font-size:1.6rem;width:100%;height:4rem;border:none;outline:none;margin-top:2rem;padding-left:4rem}.login__error{position:relative;color:red;font-size:1.7rem}.login__error-icon{position:absolute;top:.2rem;left:.2rem}.login__error-texto{padding-left:2.2rem}.form__input:focus{border:solid .2rem #F39C12}.login__icon{font-size:2.5rem;position:absolute;top:2.8rem;left:.5rem;color:#f39c12}.form__btn-login{display:block;margin:0 auto;margin-top:3rem;margin-bottom:2rem;width:11rem;height:3.5rem;border:solid .2rem;background-color:#f39c12;color:#fff;font-size:1.7rem;cursor:pointer;transition:all .3s ease-in-out}.form__btn-login:hover{background-color:#fff;color:#f39c12}.form__links{width:40rem}.form__texto{font-size:1.5rem}.form__link{display:inline-block;font-size:1.8rem;color:#f39c12;transition:all .3s ease-in-out;margin-bottom:1.5rem}.form__link:hover{font-weight:700}@media screen and (max-width:850px){.login__container{display:block}.container__left{width:100%;margin:2rem 0}.left__img{max-width:50%}.left__text{font-size:1.5rem}.container__right{display:block;width:100%;margin:0 auto}.login__right{margin:0 auto;padding-bottom:4rem}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}aside{position:relative;display:flex;width:25%;overflow-x:hidden;transition:all .2s ease-in-out}.aside__perfil_phone{display:none;width:300px;height:100%}.menu__show{display:none;position:fixed;top:10px;left:10px;width:40px;height:40px;line-height:45px;text-align:center;font-size:2.5rem;border-radius:10px;background-color:#f0d09e;color:#303030;transition:all .2s ease-in-out;z-index:150}.aside__perfil__phone_perfil{width:100%;position:relative}.menu_hidden{display:none;position:relative;top:10px;left:250px;width:40px;height:40px;line-height:45px;text-align:center;font-size:2.5rem;border-radius:10px;background-color:#f0d09e;color:#303030;z-index:300}.aside__perfil{background-color:#f1e9e5;position:relative;width:100%;padding:3rem}.aside__perfil__show{width:300px}.perfil__img{display:block;width:250px;height:250px;border:solid 5px #F39C12;border-radius:50%;margin:0 auto;margin-top:5rem;margin-bottom:5rem;object-fit:cover}.perfil__name{display:block;text-align:center;font-size:4rem;font-weight:900}.contenedor__configuracion{background-color:#fff;max-width:350px;padding:2rem;margin:0 auto;margin-top:3rem}.contenedor__dinero{display:flex;flex-direction:column}.dinero__select{outline:none;height:30px;border:solid 1px #C2C2C2;padding-left:1rem;font-size:1.5rem;font-weight:700}.dinero__select:focus{border:solid 3px #F39C12}.contenedor__opciones__dinero{display:flex;justify-content:space-between;margin-top:2rem}.close__contenedor__dinero{display:inline-flex;justify-content:center;align-items:center;background-color:#f39c12;color:#fff;border:solid 1px;font-size:2rem;width:30px;height:30px;cursor:pointer;transition:all .2s ease-in-out}.close__contenedor__dinero:hover{background-color:#fff;color:#f39c12}.open__contenedor__dinero{display:inline-flex;justify-content:center;align-items:center;background-color:#f39c12;color:#fff;width:30px;height:30px;border:solid 1px;font-size:2rem;cursor:pointer;transition:all .2s ease-in-out}.open__contenedor__dinero:hover{background-color:#fff;color:#f39c12}.contenedor__agregar__dinero{height:90px;margin-bottom:2rem;padding:0 1rem;overflow-y:hidden;transition:height .2s ease-in-out}.close__agregar__dinero{height:0px}.agregar__dinero__titulo{text-align:center;margin-bottom:1rem}.form__agregar__dinero{display:flex;background-color:#fdebd0;padding:1rem}.agregar__dinero__input{border:solid 1px #C2C2C2;width:70%;height:30px;padding:0 .5rem;font-weight:700;outline:none}.agregar__dinero__input:focus{border:solid 2px #F39C12}.agregar__dinero__btn{display:block;width:30%;border:solid 1px #F0D09E;background-color:#f0d09e;color:#111;font-size:1.6rem;font-weight:bolder;cursor:pointer;transition:all .2s ease-in-out}.agregar__dinero__btn:hover{background-color:#f39c12;color:#fff}.btn__cerrarSession{display:flex;justify-content:center;align-items:center;width:100%;height:50px;margin-top:2rem;border:solid 1px;font-size:2rem;font-weight:600;background-color:#f39c12;color:#fff;transition:all .2s ease-in-out}.btn__cerrarSession:hover{color:#f39c12;background-color:#fff}@media screen and (max-width:1300px){.aside__perfil{padding:0}}@media screen and (max-width:1050px){aside{position:fixed;width:0;background-color:#f1e9e5;z-index:200}.aside__perfil_phone,.menu__show,.menu_hidden{display:block}.aside__perfil{display:none}.perfil__img{width:150px;height:150px;margin-top:2rem;margin-bottom:2rem}.perfil__name{font-size:3rem}}main{width:100%;position:relative;display:flex;font-size:1.5rem}.contenedor__info__dinero{position:relative;width:75%;padding:2rem;z-index:100}.info__dinero__titulo{text-align:center;text-shadow:3px 3px 0px #fff}.caja__opcion__gastos{display:flex;margin:1.4rem 0}.caja__dinero_actual{display:inline-block;width:150px;height:50px;line-height:50px;text-align:center;font-size:2rem;font-weight:700;border:solid 1px transparent;border-top-left-radius:25px;border-bottom-left-radius:25px;background-color:#975100;color:#fff}.agregar__gasto{display:inline-block;width:150px;height:50px;line-height:50px;text-align:center;border:solid 1px transparent;border-bottom-right-radius:25px;border-top-right-radius:25px;background-color:#d38201;color:#fff;font-size:1.8rem;font-weight:700;transition:all .3s ease-in-out;cursor:pointer}.agregar__gasto:hover{background-color:#fff;color:#d38201}.add__gastos{width:100%;margin:1rem 0}.form__add_gastos{max-width:500px;height:250px;margin:0 auto;padding:2rem;background-color:#00000080;overflow-y:hidden;transition:all .3s ease-in-out}.form__add__gastos_hidden{height:0;padding:0}.form__add__gastos_inputs{margin:1rem 0}.form__add__gastos_input{width:100%;height:30px;padding:0 1rem;outline:none;border:solid 1px #c2c2c2}.form__add__gastos_select{width:100%;height:30px;padding:0 1rem;outline:none}.form__add__gastos_textarea{width:100%;height:75px;padding:.5rem;outline:none;resize:none}.form__add__gastos_input:focus,.form__add__gastos_select:focus,.form__add__gastos_textarea:focus{border:solid 2px #F39C12}.btn__add__gastos{display:block;width:100%;height:40px;margin:0 auto;font-size:1.5rem;font-weight:700;background-color:#f39c12;color:#fff;border:solid 1px;border-radius:5px;cursor:pointer;transition:all .3s ease-in-out}.btn__add__gastos:hover{background-color:#fff;color:#f39c12}.alert__dinero{text-align:center;font-weight:700;font-size:2rem}.contenedor__gastos{display:block}.contenedor__datos__gastos{display:flex;justify-content:center;border:solid 1px #c2c2c2;border-radius:20px;margin:1rem;padding:2rem;background-color:#fff;box-shadow:0 0 5px 5px #00000080;transition:all .3s ease-in-out}.contenedor__datos__gastos:hover{margin:0;transform:scaleY(1)}.contenedor__info__datos_gastos{display:flex;flex-direction:column;margin:0 1.5rem;width:100px}.contenedor__info__datos_gastos.descripcion{width:200px}.contenedor__info__datos_gastos.fecha{width:150px}.contenedor__info__datos_gastos span{text-align:center}.c_i_d_g_titulo{font-size:1.8rem;font-weight:700}.c_i_d_g_texto{font-size:1.6rem}@media screen and (max-width:1050px){.contenedor__info__dinero{width:100%}}@media screen and (max-width:800px){.contenedor__gastos{display:flex;justify-content:center;flex-wrap:wrap}.contenedor__datos__gastos{display:block;max-width:250px;padding:3rem}.contenedor__datos__gastos:hover{margin:1rem;transform:none}.contenedor__info__datos_gastos,.contenedor__info__datos_gastos.descripcion,.contenedor__info__datos_gastos.fecha{width:100%;margin-left:0;margin-right:0}}@media screen and (max-width:500px){.info__dinero__titulo{font-size:2.5rem}.form__add_gastos{padding:1rem}.form__add__gastos_hidden{padding:0}}.container__contenedor,.contenedor__image{width:100%}.image__img{display:block;max-width:700px;margin:0 auto;margin-top:2rem;pointer-events:none}.contenedor__form{width:100%;margin:0 auto;margin-top:2rem}.form__titulo{color:#fff;margin-bottom:2rem;text-align:center;font-size:4rem}.error__register{display:block;margin:0 auto;margin-bottom:2rem;width:350px;padding:2rem;background-color:red;text-align:center;font-size:1.5rem;font-weight:700;color:#fff}.form__content{background-color:#d5d8dc;max-width:650px;margin:0 auto;font-size:1.7rem;padding:3rem}.form__select{outline:none;margin-top:2rem;width:100%;height:3.5rem;font-size:1.5rem;border:none;padding:0 1rem}.form__select:focus{border:solid 2px #F39C12}.register__input{font-size:1.6rem;width:100%;height:4rem;border:none;outline:none;margin-top:2rem;padding-left:1rem}.register__input:focus{border:solid 2px #F39C12}.register__error{margin-top:.5rem;position:relative;color:red}.register__error-email{padding-left:3rem}.register__error-icon{position:absolute;top:.2rem;left:.5rem}.label__file{display:inline-flex;margin-top:2rem;margin-bottom:2rem;height:50px;padding:0;background-color:#f39c12;border:none;border-radius:5px;overflow:hidden;font-size:1.6rem;font-weight:500;cursor:pointer}.span-label,.span-svg{display:inline-flex;align-items:center;padding:0 24px;color:#fff;height:100%}.span-svg{background-color:#00000014}.form__input-img{opacity:0}.img__prev{display:block;width:200px;height:200px;margin:0 auto;object-fit:cover;background-color:#fff}.form__btn-registrar{display:block;margin:0 auto;margin-top:2rem;margin-bottom:2rem;border:solid 2px;color:#fff;background-color:#f39c12;width:15rem;height:4rem;font-size:1.7rem;cursor:pointer;transition:all .3s ease-in-out}.form__btn-registrar:hover{background-color:#fff;color:#f39c12}.link__back{display:block;margin-top:2rem;font-size:2rem;font-weight:700;color:#f39c12;transition:all .3s ease-in-out}.link__back:hover{font-size:2.5rem}@media screen and (max-width:850px){.image__img{width:80%}.form__titulo{font-size:3rem}}.error__recover{color:red;font-size:1.5rem;font-weight:700}.recover_image{margin:2rem 0}.recover__img{display:block;max-width:700px;margin:0 auto}.subcontenedor__recover{position:relative;max-width:600px;margin:0 auto;background-color:#f0d09e;padding:1rem 0}.recover__pasos{text-align:center;font-size:3rem}.circle__step{position:relative;display:inline-flex;background-color:#85c1e9;color:#fff;font-size:3.5rem;font-weight:700;width:125px;height:125px;margin:2rem 1rem;border-radius:50%;justify-content:center;align-items:center}.efect{display:inline-block;position:absolute;width:135px;height:135px;border:solid 5px #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;background-color:transparent;animation:rotacion 3s linear infinite}@keyframes rotacion{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analisis{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;background-color:#00000080}.cargando_circle{display:inline-block;width:50px;height:50px;background-color:transparent;border:solid 5px #fff;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:analisis 1s linear infinite}@keyframes analisis{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.caja__error{background-color:red;color:#fff;padding:2rem;font-size:2rem;font-weight:700;text-align:center}.recover__form{padding:2rem}.recover__inputs{position:relative;margin-top:3rem}.recover__input__email{text-transform:lowercase}.recover__input__token{text-transform:uppercase}.recover__label{position:absolute;font-size:1.8rem;top:.4rem;left:2rem;transition:all .3s ease-in-out;pointer-events:none}.recover__input:focus~label,.recover__input:not(:placeholder-shown)~label{top:-2.5rem;left:0}.recover__input{width:100%;height:3rem;outline:none;border:none;padding-left:2rem;font-size:1.8rem;font-weight:700}.recover__input:focus{border:solid 2px #F39C12}.recover__input::-webkit-input-placeholder{color:transparent}.recover__btn{display:block;background-color:#d35400;color:#fff;margin-top:1.5rem;border:none;width:150px;height:35px;font-size:1.6rem;cursor:pointer;transition:all .2s ease-in-out}.recover__btn:hover{background-color:#fff;color:#d35400;border:solid 1px}.recover__atras{margin-left:3rem;margin-bottom:3rem;font-size:2rem;font-weight:900;color:#f39c12}.caja__password__cambiada{width:100%;text-align:center;padding:2rem;font-size:2rem;font-weight:700;background-color:#00ff17}@media screen and (max-width:850px){.recover__img{max-width:70%}}@media screen and (max-width:450px){.recover__img{max-width:70%}.recover__pasos{font-size:2.5rem}.circle__step{width:100px;height:100px;font-size:3rem}.efect{width:110px;height:110px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Lato,sans-serif}html{font-size:10px}body{background-color:#ef8d2d}a{text-decoration:none}