:root{--clr-success:hsl(143,100%,26%);--clr-warning:hsl(43,100%,66%);--clr-error:hsl(348,55%,49%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif;display:flex;width:auto;min-height:100vh;align-items:center;justify-content:center;background:#f1f3f5;padding:.8rem}.container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 2.5rem;border-radius:.75rem;border:1px solid #c4c4c4;background:#fff;width:100%}.change-pass{max-width:24rem!important}.container,.validar-codigo{max-width:30rem}.container,.mensaje{max-width:30rem}.logos{display:flex;gap:1.5rem}.header{display:flex;flex-direction:column;align-items:center;gap:1rem}.header span{margin-top:.2rem;display:inline-flex;align-items:center;justify-content:center}h2{color:#222;text-align:center;font-size:1.375rem;font-style:normal;font-weight:700;line-height:1.5rem}p{color:#404040;text-align:center;font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem}form{display:flex;flex-direction:column;background-color:#fff;align-self:stretch;gap:1.5rem}.lab-input{display:flex;flex-direction:column;gap:.625rem}.cont-input{display:flex;flex-direction:column;gap:1rem}.label{color:#222;font-size:.875rem;font-style:normal;font-weight:700;line-height:1.25rem}input{display:flex;padding:.6rem;align-items:center;gap:.5rem;align-self:stretch;border-radius:.375rem;border:1px solid #848d95;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}input:not(:placeholder-shown):valid{outline-color:var(--clr-success)}input:not(:placeholder-shown):invalid{outline-color:var(--clr-error)}input:focus:invalid{outline-color:var(--clr-warning)}.vencido{border-radius:.25rem;border:1px solid #848d95;background:#e4e8ec}.captcha{height:80px;display:flex;align-items:center}.g-recaptcha{width:280px;height:78px;display:flex;justify-content:center;margin:.5rem auto}.capbox{flex:1}.check-button{display:flex;flex-direction:column;gap:1rem}.checkbox{display:flex;gap:.5rem;align-items:center;align-self:stretch;justify-content:center}.txt-tyc{color:#404040;font-family:Roboto;font-size:.875rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.00625rem}.txt-tyc,a{color:#0083cb}section{display:flex;flex-direction:column;gap:.5rem}section p{text-align:center;color:#797c7c;text-align:center;font-family:Roboto;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.2rem;letter-spacing:.00625rem}.code-inputs{display:flex;justify-content:center;gap:.5rem}.code-inputs input{color:#222;width:3.25rem;height:4rem;text-align:center;font-size:1.5rem;border-radius:.375rem;border:1px solid #848d95;font-family:Roboto;font-size:2rem;font-style:normal;font-weight:500;line-height:normal}.expired-description{color:#e8212b;font-size:.875rem;text-align:center}.expired-description{color:#e8212b;font-size:.875rem;text-align:center}.error-message{color:#e8212b;font-family:Lato;font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem}.expired-message{color:#404040;font-family:Lato;font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem}.hidden{display:none}button,.button{font-family:Lato;padding:1rem 1.5rem;align-self:stretch;border-radius:.375rem;background:#165863;color:#fff;text-align:center;font-size:1rem;font-style:normal;font-weight:700;line-height:1.25rem;letter-spacing:.00625rem;border:0;cursor:pointer}.copyright{position:fixed;bottom:10px;color:#868686;text-align:center;font-family:Roboto;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1rem;letter-spacing:.02rem;left:0;right:0}.overley-modal{position:fixed;inset:0;display:grid;place-items:center;background-color:rgba(0,0,0,.5);padding:1rem}.content-mod{width:100%;max-width:30rem;min-width:20.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem 0 1.5rem;gap:.5rem;border-radius:1rem;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}.txt-modal{max-width:18.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;font-family:Lato}.button-modal{display:flex;width:100%;padding:1.5rem;flex-direction:column;align-items:center}.btn-cancel{display:flex;width:72%;height:3.25rem;padding:1rem 2rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.375rem;border:1px solid #151a1e;background:#fff;color:#353636;text-align:center;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:700;line-height:1.2rem;letter-spacing:.01rem;cursor:pointer}.btn-cancel:hover{background-color:#f7f7f7}@media(max-width:30rem){.container{padding:1.25rem}.logos{transform:scale(85%)}h2{font-size:1.3rem}.header p{font-size:1rem}p,.label,input,button{font-size:.9rem}.logos img{height:2rem}.code-inputs input{width:2.625rem;height:3.5rem;font-size:1.2rem}p,.error-message,.expired-message,.expired-description,button{font-size:.9rem}.copyright{max-width:20rem}}#recaptcha-container{margin:0 auto}