.App{display:flex;text-align:center;flex-direction:column;align-items:center;font-family:Arial,Helvetica,sans-serif}.App .mb-2{margin-bottom:.5rem}.App .mb-15{margin-bottom:1.5rem}.App .mb-3{margin-bottom:3rem}.App .mt-10{margin-top:5rem}.App .mainContainer{max-width:712px;display:flex;flex-direction:row;margin:1rem;position:relative}.App .inputCodeView{max-width:712px;margin:1rem}.App .fieldInfo{margin:0}.App .or{color:#bbb;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1em}.App .or>.left,.App .or>.right{width:45%;height:2px;background-color:#bbb}.App .leftContainer,.App .rightContainer{display:flex;flex-direction:column;width:50%;margin:1em}.App .rightContainer{align-self:center}.App .divider{background:#ccc;width:3px}.App .forgot{margin:1em 0}.App .button{width:100%;border:0;padding:.7rem;cursor:pointer;font-size:17px;border-radius:9px}.App .button.green{background-color:#029b00;color:#fff}.App .button.green:hover{background-color:#028800}.App .button.green:active{background-color:#027300}.App .button.green:disabled{background-color:rgba(2,155,1,.3)}.App .button.green-outlined{background-color:rgba(0,0,0,0);color:#029b00;border:1px solid #029b00}.App .button.green-outlined:hover{color:#fff;background-color:#028800}.App .button.green-outlined:active{color:#fff;background-color:#027300}.App .button.green-outlined:disabled{background-color:rgba(0,0,0,0);border-color:#676767;color:#676767}.App .button.thirdParty{color:#000;background:rgba(0,0,0,0);border:1px solid #bbb;border-radius:20px;display:flex;align-items:center;justify-content:center}.App .button.thirdParty>.logo{margin-right:.5em}.App .button.tertiary{background:rgba(0,0,0,0);color:#029b00;font-size:14px}.App .button.one-quarter{width:25%}.App .button.one-half{width:50%}.App .button.auto-width{width:auto}.App .button.error-btn{width:180px}.App .input-group,.App .credentials{text-align:left}.App .input-group .rememberMe,.App .credentials .rememberMe{margin:1em 0}.App .input-group.row,.App .credentials.row{display:flex;flex-direction:row;justify-content:space-evenly}.App .input-group>.input,.App .credentials>.input{display:flex;flex-direction:column;margin:1em 0;position:relative}.App .input-group>.input>span.icon,.App .credentials>.input>span.icon{position:absolute;top:28px}.App .input-group>.input>span.icon.leftIcon,.App .credentials>.input>span.icon.leftIcon{left:15px}.App .input-group>.input>span.icon.rightIcon,.App .credentials>.input>span.icon.rightIcon{right:15px}.App .input-group>.input>span.icon.hideIcon,.App .credentials>.input>span.icon.hideIcon{cursor:pointer}.App .input-group>.input>input,.App .credentials>.input>input{border-radius:8px;border:2px solid #ccc;padding:.8em}.App .input-group>.input:has(span.leftIcon)>input,.App .credentials>.input:has(span.leftIcon)>input{padding:.8em .8em .8em 45px}.App .input-group>.input>select,.App .credentials>.input>select{border-radius:8px;padding:.8em;min-width:20%}.App .input-group>.input.error input,.App .input-group>.input.error select,.App .credentials>.input.error input,.App .credentials>.input.error select{border-color:#ea3829}.App .input-group>.input.error .fieldInfo,.App .credentials>.input.error .fieldInfo{color:#ea3829}.App .input-group>.input.success input,.App .input-group>.input.success select,.App .credentials>.input.success input,.App .credentials>.input.success select{border-color:#008f5d}.App .input-group .fieldInfo,.App .credentials .fieldInfo{font-size:12px}.App .closeButton{display:none}.App .ErrorView,.App .successfulVinculation,.App .ForgotPassword2{max-width:564px}.App .ErrorView>.logo,.App .successfulVinculation>.logo,.App .ForgotPassword2>.logo{margin:1rem}.App .ErrorView>.animation,.App .successfulVinculation>.animation,.App .ForgotPassword2>.animation{margin:2rem}.App .ErrorView>.animation>img,.App .ErrorView>.animation>video,.App .successfulVinculation>.animation>img,.App .successfulVinculation>.animation>video,.App .ForgotPassword2>.animation>img,.App .ForgotPassword2>.animation>video{width:172px}.App .ErrorView>p,.App .successfulVinculation>p,.App .ForgotPassword2>p{margin-bottom:3rem}.App .facebookRestablishPass,.App .ForgotPassword,.App .facebookFlow,.App .LoggedInPlayer{max-width:365px;padding-top:2rem}.App .facebookRestablishPass>h3,.App .ForgotPassword>h3,.App .facebookFlow>h3,.App .LoggedInPlayer>h3{font-size:20px}.App .facebookRestablishPass>.closeButton,.App .ForgotPassword>.closeButton,.App .facebookFlow>.closeButton,.App .LoggedInPlayer>.closeButton{cursor:pointer;position:absolute;right:10px;display:block;top:10px}.App .facebookRestablishPass>.closeButton>img,.App .ForgotPassword>.closeButton>img,.App .facebookFlow>.closeButton>img,.App .LoggedInPlayer>.closeButton>img{width:30px}.App .facebookRestablishPass>.facebookRestablishPassConfirm>.your-user,.App .ForgotPassword>.facebookRestablishPassConfirm>.your-user,.App .facebookFlow>.facebookRestablishPassConfirm>.your-user,.App .LoggedInPlayer>.facebookRestablishPassConfirm>.your-user{display:flex;flex-direction:column;margin:1.5em}.App .facebookRestablishPass>.facebookRestablishPassConfirm>.your-user>.logo,.App .ForgotPassword>.facebookRestablishPassConfirm>.your-user>.logo,.App .facebookFlow>.facebookRestablishPassConfirm>.your-user>.logo,.App .LoggedInPlayer>.facebookRestablishPassConfirm>.your-user>.logo{margin-bottom:.5em}.App .facebookRestablishPass>.facebookRestablishPassConfirm>.your-user>.name,.App .ForgotPassword>.facebookRestablishPassConfirm>.your-user>.name,.App .facebookFlow>.facebookRestablishPassConfirm>.your-user>.name,.App .LoggedInPlayer>.facebookRestablishPassConfirm>.your-user>.name{margin-bottom:1em}.App .LoggedInPlayer{max-width:382px}.App .LoggedInPlayer>h3{font-size:20px}.App .LoggedInPlayer>.logo{margin-bottom:.5em}.App .LoggedInPlayer>p{margin:2em}.App .LoggedInPlayer .username{margin-bottom:.5em}.App .LoggedInPlayer .not-you{margin:1em}.App .ForgotPassword:has(.ForgotPassword2){max-width:564px}.App .successfulVinculation>.animation>video{width:254px}.App .alert{display:flex;align-items:center;background-color:#fff0ef;border:2px solid #ea3829;width:90%;position:absolute;border-radius:.5em;padding:.7rem;z-index:99999;top:1rem;text-align:left;color:#ea3829;font-style:italic}.App .alert>.message{flex-grow:1}.App .alert>.close{cursor:pointer}.App .stacked-buttons{display:flex;flex-direction:column;align-items:center}.App .stacked-buttons>button{width:fit-content}.App #new-password-errors{font-size:12px;text-align:left}.App #new-password-errors>.pass-rule{margin:3px 0;color:#919191}.App #new-password-errors>.pass-rule.invalid{color:#ea3829}.App #new-password-errors>.pass-rule.valid{color:#008f5d}.App .loadingView>img{width:300px}.App .registrationContainer{max-width:712px;width:425px;margin:2rem 1rem}.App .registrationContainer h1{font-size:1.5em}.App .registrationContainer h2{font-size:1em}.App .registrationContainer>.closeButton{cursor:pointer;position:absolute;right:10px;display:block;top:10px}.App .registrationContainer>.closeButton>img{width:30px}.App .registrationContainer>.regSteps{display:flex;flex-direction:row;align-items:center;width:100%;height:2em;justify-content:space-evenly}.App .registrationContainer>.regSteps>div{border-radius:.2em;width:15%;height:.4em;background-color:#f1f1f1}.App .registrationContainer>.regSteps>div.active{background-color:#008f5d}.App .registrationContainer .birthDayContainer>.input-group.row .input{width:26%}.App .registrationContainer .birthDayContainer>.fieldInfo.error{color:#ea3829;font-size:.8rem}.App .registrationContainer .phoneContainer{display:flex;flex-direction:column}.App .registrationContainer .phoneContainer>.input-group span.icon{top:33px}.App .registrationContainer .phoneContainer>.input-group input{font-size:1em}.App .registrationContainer .phoneContainer>h2{max-width:80%;align-self:center}.App .registrationContainer .phoneContainer>button{align-self:center}@media screen and (max-width: 425px){.App{font-size:.9rem}.App .button{padding:.5rem;font-size:.9rem}.App .button.thirdParty{padding:.3rem}.App .mainContainer{flex-direction:column}.App .leftContainer,.App .rightContainer{width:100%;margin:1em 0 0 0}.App .rightContainer>.promo>img{width:183px}.App .closeButton{cursor:pointer;position:absolute;right:10px;display:block}.App .closeButton>img{width:30px}.App .button.one-quarter,.App .button.one-half{width:100%}.App .button.error-btn{width:150px}.App .registrationContainer{width:100%}}.acceder-caliente>body>#regFormOverlay{font-size:70%}.acceder-caliente>body>#regFormOverlay.mobile{font-family:Arial,"Bitstream Vera Sans","DejaVu Sans",sans-serif}.acceder-caliente>body>#welcome-msg-overlay>#new-web-welcome-msg{font-family:Arial,"Bitstream Vera Sans","DejaVu Sans",sans-serif;font-size:75%}