:root{--color-brand-main: #555555;--color-brand-secondary: #dddddd;--color-title-error: #c0392b;--color-pin-span: #8e44ad;--color-neutral-lighest: #ffffff;--color-neutral-darkest: #222222;--color-neutral-dark-secondary: #333333;--color-neutral-light-gray: #888888;--color-neutral-light-blue: #e0e0e0;--color-shadow-dark: rgba(0, 0, 0, .15)}#root{display:flex;flex-direction:column;background-color:var(--color-neutral-lighest);box-shadow:0 0 7px var(--color-shadow-dark);border-radius:4px;margin:16.2rem 1.6rem 1.5rem;padding:2rem 0 .8rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}html,body{max-width:50rem;margin:0 auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--color-brand-main);background-position:top;background-repeat:no-repeat;background-size:contain;height:100%}header{display:flex;align-items:center;flex-direction:column}header img{width:8rem;height:8rem}header h1{font-size:1.8rem;margin:.8rem 0}.section-home h2{text-align:center;font-size:1.6rem;line-height:2rem;font-weight:400;padding:0 1.6rem;margin-bottom:.8rem}.section-home h2 span{font-weight:700}.section-home div{background-color:var(--color-brand-secondary);width:100%;height:5.3rem;display:flex;justify-content:center;align-items:center;margin-bottom:1.3rem}.section-home div p{font-weight:700;font-size:1.4rem;color:var(--color-neutral-dark-secondary);padding:0 20px;text-align:center}.section-home .button-home{background:var(--color-brand-secondary);color:var(--color-neutral-darkest);border:0;border-radius:2.5rem;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:500;width:13.5rem;height:4.8rem}.section-login,.section-pin,.section-error{display:flex;flex-direction:column;align-items:center}.section-login h3{font-weight:400;font-size:1.4rem;text-align:center;margin:3.4rem 0 1.1rem;max-width:29.6rem}.section-login #formLogin input{border:.1rem solid var(--color-neutral-light-blue);width:29.5rem;height:4.4rem;border-radius:.4rem;text-align:center}.section-login #formLogin input::placeholder{color:var(--color-neutral-darkest);opacity:1;padding-left:1.6rem;font-weight:500;font-size:1.6rem}.section-login #formLogin input:-ms-input-placeholder{color:var(--color-neutral-darkest)}.section-login #formLogin input::-ms-input-placeholder{color:var(--color-neutral-darkest)}.section-login .button-login{background:var(--color-brand-secondary);color:var(--color-neutral-darkest);border:0;border-radius:2.5rem;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:500;width:20.9rem;height:4.8rem;opacity:.32;margin-top:7rem}.section-login .button-login.enable{background:var(--color-brand-secondary);opacity:1}.section-login span{color:var(--color-pin-span);font-size:1.2rem;font-weight:500;padding-left:1.5rem;display:block;margin-top:.3rem}.section-login .error{text-align:center;font-weight:700;color:var(--color-title-error);font-size:1.4rem;margin-top:10px}.section-pin h3{font-weight:400;font-size:1.4rem;margin:3.5rem 0 2rem}.section-pin input{border:.1rem solid var(--color-neutral-light-blue);width:29.5rem;height:4.4rem;border-radius:.4rem;text-align:center}.section-pin input::placeholder{color:var(--color-neutral-darkest);opacity:1;padding-left:1.6rem;font-weight:500;font-size:1.6rem}.section-pin input:-ms-input-placeholder{color:var(--color-neutral-darkest)}.section-pin input::-ms-input-placeholder{color:var(--color-neutral-darkest)}.section-pin p{font-weight:400;font-size:1.4rem;max-width:29.6rem;line-height:2rem;text-align:center;margin-top:.8rem}.section-pin .button-pin{background:var(--color-brand-secondary);color:var(--color-neutral-darkest);border:0;border-radius:2.5rem;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:500;width:20.9rem;height:4.8rem;opacity:.32;margin-top:7rem}.section-pin .button-pin.enable{background:var(--color-brand-secondary);opacity:1}.section-pin span{color:var(--color-pin-span);font-size:1.2rem;font-weight:500;padding-left:1.5rem;display:block;margin-top:.3rem}.section-pin .error{text-align:center;font-weight:700;color:var(--color-title-error);font-size:1.4rem;margin-top:10px}.section-pin a{color:var(--color-neutral-darkest)}.section-success{display:flex;flex-direction:column;text-align:center;align-items:center;color:var(--color-neutral-lighest);padding:0 1.4rem}.section-success h1{margin:2rem 0 7.5rem;font-size:3rem;font-weight:700;line-height:4.5rem}.section-success h2{font-weight:400;font-size:2rem;line-height:2.2rem}.section-success h2 span{font-weight:700}.section-success .button-success{background:var(--color-brand-secondary);color:var(--color-neutral-darkest);border:0;border-radius:2.5rem;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:500;width:20.9rem;height:4.8rem;margin-top:10.9rem}footer .terminos-y-condiciones{display:block;text-align:center;color:var(--color-neutral-light-gray);font-size:1.2rem;font-weight:500;margin-top:2.4rem}footer p{text-align:center;font-weight:500;font-size:1rem;line-height:1.6rem;margin-top:1.1rem}.section-error .button-error{background:var(--color-brand-secondary);color:var(--color-neutral-darkest);border:0;border-radius:2.5rem;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:500;width:20.9rem;height:4.8rem;margin-top:5rem}.section-error h1{text-align:center;font-size:2rem;line-height:2rem;padding:0 1.6rem;margin:20px;font-weight:700;color:var(--color-title-error)}.section-error h2{text-align:center;font-size:1.6rem;line-height:2rem;font-weight:400;padding:0 1.6rem;margin-bottom:.8rem}