.container--withoutMargin{overflow:visible}
.mi-perfil:not(.mi-perfil--withoutMargin){margin-top:24px}
@media(min-width:1024px){.mi-perfil:not(.mi-perfil--withoutMargin){margin-block:72px}
}
.mi-perfil .account-settings-component{display:flex;gap:32px}
@media(min-width:1024px){.mi-perfil .account-settings-component{margin-bottom:96px}
}
.mi-perfil .account-settings-component .column-left{height:fit-content;width:100%}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left{width:296px}
}
@media(min-width:1280px){.mi-perfil .account-settings-component .column-left{width:395px}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container{background-color:#fff;border-radius:8px;box-shadow:0 0 3px 0 rgba(0,0,0,0.1)}
}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data{display:none}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:24px;padding-bottom:32px}
}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data .user-name{color:#464646}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data .user-medals{display:flex;align-items:center;gap:8px;color:#727272}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data .user-medals .user-medals-text{line-height:16px}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options{margin-inline:-4px}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container .selector-options{margin-inline:0}
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector{display:flex;align-items:center;justify-content:space-between;max-height:64px;padding:20px;padding-right:16px;background-color:#fff;color:#464646;border-radius:8px;cursor:pointer;box-shadow:0 0 3px 0 rgba(0,0,0,0.1)}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector{max-height:70px;padding:24px 16px;border-radius:0;box-shadow:none;border-top:1px solid #ddd}
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .selector-text{margin-bottom:0}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .selector-text{font-family:"Roboto-Regular"}
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .icon{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px;color:#016a7f}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .icon::before{font-size:20px}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .icon img{width:100%;height:100%}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector.active{padding-left:12px;border-left:4px solid #ffc800;padding-left:20px}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector.active .selector-text{font-family:"Roboto-Medium"}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector.active .icon{display:none}
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .personal-data-selector{margin-bottom:12px}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .personal-data-selector{margin-bottom:0}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .access-pref-selector{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
}
.mi-perfil .account-settings-component .column-left .account__option-container{margin-top:32px;margin-bottom:72px}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .account__option-container{margin-top:24px}
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option{color:#016a7f;cursor:pointer;display:flex;gap:8px}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .icon{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .icon::before{font-size:20px}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .icon img{width:100%;height:100%}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .account__option__text{color:#016a7f}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-left .account__option-container .account__option .account__option__text{font-size:14px}
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option:not(:last-child){margin-bottom:16px}
.mi-perfil .account-settings-component .column-right{display:none;flex-grow:1}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right{display:block}
}
.mi-perfil .account-settings-component .column-right.active{display:block}
.mi-perfil .account-settings-component .column-right.inactive{display:none}
.mi-perfil .account-settings-component .column-right .right-block{background-color:#fff;margin-inline:-20px}
@media(min-width:720px){.mi-perfil .account-settings-component .column-right .right-block{margin-inline:0}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right .right-block{background-color:transparent}
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title{display:flex;align-items:center;gap:8px;padding:30px 16px;cursor:pointer}
@media(min-width:720px){.mi-perfil .account-settings-component .column-right .right-block .right-block-title{padding-inline:0}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right .right-block .right-block-title{display:none}
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .icon{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:24px;color:#016a7f}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .icon::before{font-size:24px}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .icon img{width:100%;height:100%}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .right-block-text{color:#0b1741;margin-bottom:0}
.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle{padding:24px 16px}
.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle p{margin-bottom:0}
@media(min-width:720px){.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle{padding-inline:0}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle{padding:24px;border-bottom:1px solid #ddd}
.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle p{font-weight:500;font-size:24px;color:#464646}
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle.hidden{display:none}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.personal-data-content{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,0.1);border-radius:8px}
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user{display:flex;align-items:center;gap:16px;padding-inline:16px;padding-top:8px}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user{padding:24px;padding-bottom:0}
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-img{width:56px;height:56px;border-radius:50%;background-color:#0b1741;display:flex;align-items:center;justify-content:center}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-img .pasUserName{color:#fff}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text{display:flex;align-items:center;gap:4px;color:#016a7f;cursor:pointer}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text .icon{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text .icon::before{font-size:20px}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text .icon img{width:100%;height:100%}
.mi-perfil .account-settings-component .column-right.personal-data-content form{display:grid;grid-template-columns:1fr;gap:16px;padding:8px 16px 56px 16px}
@media(min-width:720px){.mi-perfil .account-settings-component .column-right.personal-data-content form{padding-inline:0}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.personal-data-content form{grid-template-columns:1fr 1fr;gap:16px;padding:24px}
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection{width:100%;box-sizing:border-box}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection{grid-column:.5}
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .formHidden{display:none}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .label-disabled,.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .disabled{color:#aaa}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .validation--error{border:1px solid #e4002b}
.mi-perfil .account-settings-component .column-right.personal-data-content form .mixin__input__group input:disabled:active,.mi-perfil .account-settings-component .column-right.personal-data-content form .mixin__input__group input:disabled:focus{color:#aaa;border:1px solid #ddd}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passOpener{margin-bottom:8px}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passOpener span{color:#016a7f;cursor:pointer}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passOpener span{font-size:14px}
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,transform .4s ease;transform:translateY(-20px)}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox{position:relative;margin-bottom:16px}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .validation--error{border:1px solid #e4002b}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .icon-rp{top:22px;right:0}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .icon-rp-Cross{right:32px}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .icon-hidde{display:none}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages{display:none;margin-top:8px}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages p{margin-bottom:12px;line-height:16px}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages p:last-of-type{margin-bottom:0}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages.active{display:block}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox:last-of-type{margin-bottom:8px}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .pass-active{margin-top:16px;max-height:500px;opacity:1;transform:translateY(0)}
.mi-perfil .account-settings-component .column-right.personal-data-content form .empty-space{display:none}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.personal-data-content form .empty-space{display:block}
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .rp-btn-guia{width:100%;text-align:center}
.mi-perfil .account-settings-component .column-right.personal-data-content form .rp-btn-guia.cancelForm{display:none}
@media(min-width:720px) and (max-width:1024px){.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-subtitle{position:relative}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-subtitle::after{content:"";position:absolute;height:1px;width:1400px;bottom:0;left:-200px;background-color:#ddd}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,0.1);border-radius:8px}
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .right-block-subtitle{border-bottom:1px solid #ddd}
@media(min-width:720px) and (max-width:1024px){.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .right-block-subtitle{border-bottom:0}
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content{padding:24px 16px;display:flex;flex-direction:column;gap:24px}
@media(min-width:720px){.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content{padding-inline:0}
}
@media(min-width:1024px){.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content{padding:24px}
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container{display:flex;flex-direction:row;gap:8px}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .switch .slider{background-color:#c0ebf2;border:1px solid #00adc3}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .switch input:checked+.slider{background-color:#016a7f;border:1px solid #00404d}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content p{margin-bottom:0}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-newsletter{margin-bottom:32px}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-newsletter .switch-newsletter{border-bottom:1px solid #ddd;padding-bottom:24px}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions{display:flex;flex-direction:row;gap:8px;align-items:center;color:#016a7f}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions .icon{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions .icon::before{font-size:20px}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions .icon img{width:100%;height:100%}
.warning-msg{position:fixed;top:-58px;left:0;right:0;z-index:1000;opacity:0;transition:top .5s ease-out,opacity .5s ease-out}
.warning-msg.warning-msg--show{top:0;opacity:1}
.warning-msg.warning-msg--hide{opacity:0;transition:opacity .5s ease-in}
.warning-msg.error-msg{background-color:#fce5e9;border:1px solid #e4002b}
.warning-msg.success-msg{background-color:#d9f1ea;border:1px solid #00a074}
.warning-msg .warning-msg-component .warning-msg-content{padding-block:16px;margin-inline:-4px}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info{display:flex;align-items:center;gap:16px}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:24px}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp::before{font-size:24px}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp img{width:100%;height:100%}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp.icon-rp-Error{color:#e4002b}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp.icon-rp-Check_02{color:#00a074}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .warning-msg-text{color:#464646}