:root{--color-brand-primary: #999999;--color-background-primary: #666666;--color-neutral-darkest: #000000;--color-neutral-dark: #252525;--color-neutral-medium: #4f4f4f;--color-neutral-light: #F2F2F2;--color-neutral-lightest: #FFFFFF;--color-status-danger-light: #888888;--font-brand-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{font-size:62.5%;max-width:50rem;margin:0 auto}body{font-family:var(--font-brand-primary);-webkit-font-smoothing:antialiased;background-color:var(--color-background-primary);background-position:top;background-repeat:no-repeat;background-size:contain;height:100%}#root{display:flex;flex-direction:column;background-color:var(--color-neutral-lightest);box-shadow:0 0 7px #00000026;border-radius:4px;margin:16.2rem 1.6rem 1.5rem;padding:2rem 0 .8rem}.section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.section p{font-size:1.5rem;color:var(--color-neutral-dark)}.form-home{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.form label{font-weight:400;font-size:1.4rem;margin-top:2vh;max-width:100%}.form{display:flex;flex-direction:column;width:100%;padding:0 5vw}.form .input-group input{width:100%;height:4.8rem;border-radius:3rem;border:none;background:var(--color-neutral-light);color:var(--color-neutral-medium);margin-top:3vh}.form input::placeholder{color:var(--color-neutral-medium);opacity:1;padding-left:1.6rem;font-weight:500;font-size:1.6rem}.form input:-ms-input-placeholder{color:var(--color-neutral-medium)}.form .input-group{display:flex;flex-direction:column}.form .button-login,.form .button-pin{position:relative;background:var(--color-brand-primary);color:var(--color-neutral-darkest);opacity:.32;border:0;border-radius:2.5rem;overflow:hidden;align-self:flex-end;justify-self:flex-end;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:500;width:35%;height:4.8rem;margin-top:-4.8rem}.form .button-login.enable,.form-number.button-pin.enable{background:var(--color-brand-primary);opacity:1}.form .line{display:none}.section .text-pin-bonus{padding-bottom:2vh}.section .msisdn{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:2vh}.section .links a{color:var(--color-neutral-darkest)}.section .links{width:100%;display:flex;justify-content:space-around;align-items:center;padding-top:2vh}.section #form-optin{display:flex;flex-direction:column;align-items:center;justify-content:center}header{display:flex;align-items:center;flex-direction:column}header img{width:8rem;height:8rem;margin:2vh 0}header h1{font-size:1.8rem;margin:.8rem 0}footer{display:flex;flex-direction:column;justify-content:center;align-items:center}footer .terminos-y-condiciones{display:block;text-align:center;font-size:1.2rem;font-weight:500;color:var(--color-neutral-medium);margin-top:2.4rem}footer p{text-align:center;font-weight:500;font-size:1rem;line-height:1.6rem;margin:3vh 5vw}footer hr{width:90%;margin-top:3vh}.error{text-align:center;font-weight:700;font-size:1.4rem;color:var(--color-status-danger-light);margin-top:10px}.titleBox p{padding:2vh 5vw}.titleBox h2{font-size:1.6rem;line-height:2rem;font-weight:400;text-align:center;padding:1vh 5vw}.checkbox-container{display:flex;align-items:center;justify-content:center;font-size:1.4rem}.checkbox-container input{margin-right:2vw}.checkbox-container a{color:var(--color-neutral-darkest)}.textBox{padding:2vh}.textBox p{font-size:1.5rem}.textBox small{font-size:1rem}.button{background:var(--color-brand-primary);color:var(--color-neutral-darkest);border:0;border-radius:2.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:700;width:20.9rem;height:4.8rem;margin:2vh 0}