@font-face{font-family:Poppins-Regular;src:url(fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins-Medium;src:url(fonts/poppins/Poppins-Medium.ttf);font-display:swap}@font-face{font-family:Poppins-Bold;src:url(fonts/poppins/Poppins-Bold.ttf)}@font-face{font-family:Poppins-SemiBold;src:url(fonts/poppins/Poppins-SemiBold.ttf)}*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(../img/fondo.webp);background-repeat:no-repeat;background-size:cover;background-position:center}input{outline:0;border:none}button{outline:0!important;border:none;background:0 0}button:hover{cursor:pointer}.container-login{width:100%;min-height:100vh;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-color:rgba(0,0,0,.618)}.wrap-login{width:400px;backdrop-filter:blur(5px);background:rgba(255,255,255,.4);box-shadow:0 4px 30px rgba(0,0,0,.1);border-radius:20px;overflow:hidden;padding:55px}.login-form{width:100%}.login-form-title{display:block;font-family:Poppins-Bold;font-size:34px;color:#333;line-height:1.5;text-align:center}.wrap-input100{width:100%;display:flex;position:relative;border-bottom:2px solid #403e40;margin-bottom:37px;margin-top:37px;z-index:999}.input100{font-family:Poppins-Regular;font-size:20px;color:#252525;line-height:1.2;display:block;width:100%;height:45px;background:0 0;padding:0 5px}.input100::placeholder{color:#383737}.focus-efecto{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.focus-efecto::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:4px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:-webkit-linear-gradient(left,#a5171c,#2f4e7f);background:-o-linear-gradient(left,#a5171c,#2f4e7f);background:-moz-linear-gradient(left,#a5171c,#2f4e7f);background:linear-gradient(left,#a5171c,#2f4e7f)}.focus-efecto::after{font-family:Poppins-Regular;font-size:15px;color:#999;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:16px;left:0;padding-left:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.input100:focus+.focus-efecto::after{top:-15px}.input100:focus+.focus-efecto::before{width:100%}.wrap-input100:focus-within .icon{color:#a5171c}.container-login-form-btn{display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px}.wrap-login-form-btn{display:block;position:relative;z-index:1;border-radius:40px 5px;margin:0 auto}.login-form-btn{color:#fff;background-color:#a5171c;box-shadow:0 5px 0 rgb(93 3 3);border-radius:2rem;padding-inline:3rem;padding-block:.5rem;border-color:transparent;position:relative;top:0;transition:all .25s ease-in-out;font-family:Poppins-Regular;font-size:18px;font-weight:700}.login-form-btn:hover{color:#f7f7f7;background-color:#a5171c;top:5px;box-shadow:0 2px 0 rgb(93 3 3)}@media (max-width:576px){.wrap-login{padding:2em}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{transition:background-color 6000s ease-in-out 0s}.icon{padding:.7rem;color:#403e40;font-size:1.2rem;text-align:center}