@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";:root{--first-color: #0e35ce;--text-color: #000104}:root{--body-font: "Roboto", sans-serif;--big-font-size: 2rem;--normal-font-size: .938rem;--smaller-font-size: .875rem}@media screen and (min-width: 768px){:root{--big-font-size: 2.5rem;--normal-font-size: 1rem}}*,:before,:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--body-font);color:var(--first-color)}h1{margin:0;text-align:center}a{text-decoration:none}img{max-width:100%;height:auto}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{border:4px solid rgba(0,0,0,.2);border-top:4px solid var(--first-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.l-form{position:relative;height:100vh;display:flex;justify-content:space-between;align-items:center;background-size:cover;background-position:center;overflow:hidden}.shape1,.shape2{position:absolute;width:200px;height:200px;border-radius:50%}.shape1{top:-7rem;left:-3.5rem;background:linear-gradient(180deg,var(--first-color) 0%,rgba(196,196,196,0) 100%)}.shape2{bottom:-6rem;right:-5.5rem;background:linear-gradient(180deg,var(--first-color) 0%,rgba(196,196,196,0) 100%);transform:rotate(180deg)}.l-form{position:relative;height:100vh;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background-image:url(/build/assets/imagen3-CeWHjDdy.jpeg);background-size:cover;background-position:center}.form-container{display:flex;width:100%;height:100%}.logo-container{flex:1;display:flex;justify-content:center;align-items:center;background-color:#0006}.logo-container img{max-width:60%;height:auto}.form{flex-basis:35%;display:grid;justify-content:center;align-items:center;padding:2rem;background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 15px #0003}.form__content{width:1000%;max-width:420px;height:400px;margin-right:300px}.form__img{display:none}.form__title{font-size:2.5rem;font-weight:700;color:var(--text-color);text-align:center;margin-bottom:1.5rem}.form__div{position:relative;display:grid;grid-template-columns:7% 93%;margin-bottom:1rem;padding:.25rem 0;border-bottom:1px solid var(--text-color)}.form__div.focus{border-bottom:1px solid var(--text-color)}.form__div-one{margin-bottom:3rem}.form__icon{font-size:1.5rem;color:var(--text-color);transition:.3s}.form__div.focus .form__icon{color:var(--first-color)}.form__label{display:block;position:absolute;left:.75rem;top:.25rem;font-size:var(--normal-font-size);color:var(--text-color);transition:.3s}.form__div.focus .form__label{top:-1.5rem;font-size:.875rem;color:var(--first-color)}.form__div-input{position:relative}.form__input{position:absolute;top:0;left:0;width:100%;height:100%;border:none;outline:none;background:none;padding:.5rem .75rem;font-size:1.2rem;color:var(--text-color);transition:.3s}.form__forgot{display:block;text-align:right;margin-bottom:2rem;font-size:var(--normal-font-size);color:var(--text-color);font-weight:500;transition:.5}.form__forgot:hover{color:var(--first-color);transition:.5s}.form__button{width:100%;padding:1rem;font-size:1rem;background-color:var(--first-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.form__button:hover{background-color:#084bb5;box-shadow:0 5px 15px #0003}@media screen and (min-width: 968px){.form-container{width:100%;height:100%}.form{flex-basis:35%}.logo-container{flex-basis:65%}}