/* Shared hierarchy for all personal-account tabs. */
.account-header-shell{--account-title-size:2rem;--account-section-size:1rem;--account-control-size:.78rem;--account-detail-size:.74rem;--account-regular:400;--account-medium:500;--account-semibold:650}
.account-header-shell>header{margin:32px 0 22px}.account-header-shell>header span{margin-bottom:8px;font-size:.68rem;font-weight:600}.account-header-shell>header h1{font-size:var(--account-title-size);font-weight:700;letter-spacing:-.025em}.account-header-shell>header p{margin-top:8px;font-size:.84rem;font-weight:var(--account-regular)}
body :is(.profile-page,.account-section,.password-page) h2,body :is(.profile-page,.account-section,.password-page) .card-title h2,body .password-page .forgot-card h2{font-size:var(--account-section-size,1rem);font-weight:650;line-height:1.3;letter-spacing:-.01em}
body :is(.profile-page,.account-section,.password-page) p,body :is(.profile-page,.account-section,.password-page) small,body :is(.profile-page,.account-section,.password-page) li{font-weight:400}
body :is(.profile-page,.account-section,.password-page) label,body :is(.profile-page,.account-section,.password-page) legend{color:#455268;font-size:var(--account-detail-size,.74rem);font-weight:500}
body :is(.profile-page,.account-section,.password-page) input:not([type=radio]):not([type=checkbox]):not([type=file]),body :is(.profile-page,.account-section,.password-page) select,body :is(.profile-page,.account-section,.password-page) textarea{min-height:40px;height:auto;padding:9px 11px;color:#33415c;font-size:var(--account-control-size,.78rem);font-weight:400;line-height:1.4}
body :is(.profile-page,.account-section,.password-page) input::placeholder,body :is(.profile-page,.account-section,.password-page) textarea::placeholder{color:#99a3b2;font-weight:400;opacity:1}
body :is(.profile-page,.account-section,.password-page) strong,body :is(.profile-page,.account-section,.password-page) b{font-weight:600}
body :is(.profile-page,.account-section,.password-page) button,body :is(.profile-page,.account-section,.password-page) .primary-action,body :is(.profile-page,.account-section,.password-page) .secondary-action,body .account-header-action a{font-weight:600}
body :is(.profile-page,.account-section) :is(.profile-card,.section-card){padding:22px;border-radius:14px;box-shadow:0 10px 30px #101b360c}
body :is(.profile-page,.account-section) :is(.profile-card>header,.card-title){margin-bottom:20px}
body :is(.profile-page,.account-section) :is(.profile-card label,.section-card label){font-size:.74rem;font-weight:500}
body :is(.profile-page,.account-section) :is(.profile-card input:not([type=radio]):not([type=file]),.profile-card select,.section-card select){height:40px}
body :is(.profile-page,.account-section) dl>div{padding:13px 0}body :is(.profile-page,.account-section) dt{font-size:.77rem;font-weight:400}body :is(.profile-page,.account-section) dd{font-size:.78rem;font-weight:400}
body .profile-page .profile-photo{font-weight:650}body .profile-page .personal-note,body .account-section .personal-note{font-size:.78rem;font-weight:400}
body .password-page .password-card{grid-template-columns:280px 1fr;margin-top:24px;padding:28px 34px;border-radius:14px;box-shadow:0 10px 30px #101b360c}body .password-page .password-card aside{padding-right:30px}body .password-page .password-card form{gap:18px;padding-left:34px}body .password-page .password-card label{font-size:.74rem;font-weight:500}body .password-page .password-input input{height:40px}body .password-page .password-input span{top:10px}body .password-page .password-card ul{gap:12px;margin-top:20px;font-size:.77rem}body .password-page .lock-art{width:62px;height:62px;margin-bottom:22px;font-size:1.5rem}body .password-page .forgot-card{padding:20px 22px;border-radius:14px}
@media(max-width:700px){.account-header-shell{--account-title-size:1.75rem}body .password-page .password-card{grid-template-columns:1fr;padding:22px}body .password-page .password-card aside{border-right:0;border-bottom:1px solid #e7eaf0;padding:0 0 22px}body .password-page .password-card form{padding:22px 0 0}}

/* Billing-derived visual language for every personal-account surface. */
body :is(.profile-page,.account-section,.password-page) :is(.profile-card,.section-card,.password-card,.forgot-card){border-color:#dce3ee;border-radius:14px;box-shadow:0 8px 24px rgba(33,43,70,.045)}
body :is(.profile-page,.account-section) :is(.profile-card,.section-card){padding:18px 20px}
body :is(.profile-page,.account-section) :is(.profile-card>header,.card-title){gap:10px;margin-bottom:18px}
body :is(.profile-page,.account-section) :is(.profile-card>header>span,.card-title>span){width:40px;height:40px;border-radius:10px;font-size:1rem}
body :is(.profile-page,.account-section,.password-page) :is(input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea){border-color:#d9dfeb;border-radius:8px;background:#fff;box-shadow:none}
body :is(.profile-page,.account-section,.password-page) :is(input,select,textarea):focus{border-color:#9a7be5;outline:0;box-shadow:0 0 0 3px #754bd817}
body :is(.profile-page,.account-section,.password-page) :is(.primary-action,.secondary-action,.company-link,button){min-height:38px;border-radius:8px;padding:8px 14px;font-size:.76rem;font-weight:600;box-shadow:none}
body :is(.profile-page,.account-section) .personal-note{margin:0 2px 14px;padding:0;border:0;border-radius:0;background:transparent;color:#8a93a3;font-size:.75rem;line-height:1.5}
body :is(.profile-page,.account-section) .personal-note strong{color:inherit;font-weight:500}
body :is(.profile-page,.account-section) .result-message{margin:0 0 14px;padding:10px 12px;border:1px solid #efc2c8;border-radius:9px;background:#fff5f6;color:#a83d4d;font-size:.75rem}
body :is(.profile-page,.account-section) :is(.card-title p,.profile-card header p){color:#7a869b;font-size:.76rem;line-height:1.45}
body :is(.profile-page,.account-section) :is(.theme-options label){padding:10px;font-weight:400}
body :is(.profile-page,.account-section) :is(dt,dd){color:#6f7b91;font-weight:400}
body :is(.profile-page,.account-section) dd.ok{color:#16804a;font-weight:500}
body :is(.profile-page,.account-section) dd.pending{color:#9a7410;font-weight:500}
body .password-page .password-message{border-color:#bce0c8;border-radius:9px;padding:10px 12px;background:#f2fbf5;color:#347148;font-size:.75rem}
body .password-page .forgot-card>span{width:40px;height:40px;font-size:1rem}
.account-header-shell .account-header-action :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #d9dfeb;border-radius:8px;padding:8px 14px;background:#fff;color:#6840c7;font-size:.76rem;font-weight:600;box-shadow:none;text-decoration:none}
body .profile-page .profile-grid,body .account-section .section-card,body .password-page .password-card{margin-top:0}

/* Canonical semantic roles for Mi cuenta; overrides duplicated legacy CSS. */
body{--acct-title:#17233f;--acct-text:#34415a;--acct-muted:#748097;--acct-helper:#8994a5;--acct-card-title:1rem;--acct-body:.78rem;--acct-label:.72rem;--acct-helper-size:.68rem}
body :is(.profile-page,.account-section,.password-page) :is(.profile-card,.section-card,.password-card,.forgot-card) :is(h2,.card-title h2){color:var(--acct-title)!important;font-size:var(--acct-card-title)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important}
body :is(.profile-page,.account-section,.password-page) :is(.profile-card,.section-card,.password-card,.forgot-card) p{color:var(--acct-muted)!important;font-size:var(--acct-body)!important;font-weight:400!important;line-height:1.5!important}
body :is(.profile-page,.account-section,.password-page) :is(.profile-card,.section-card,.password-card,.forgot-card) :is(label,legend){color:#455268!important;font-size:var(--acct-label)!important;font-weight:500!important;line-height:1.4!important}
body :is(.profile-page,.account-section,.password-page) :is(.profile-card,.section-card,.password-card,.forgot-card) :is(input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea){color:var(--acct-text)!important;font-size:var(--acct-body)!important;font-weight:400!important;line-height:1.4!important}
body :is(.profile-page,.account-section,.password-page) :is(.profile-card,.section-card,.password-card,.forgot-card) small{color:var(--acct-helper)!important;font-size:var(--acct-helper-size)!important;font-weight:400!important;line-height:1.45!important}
body :is(.profile-page,.account-section,.password-page) :is(.profile-card,.section-card,.password-card,.forgot-card) :is(strong,b){font-weight:600!important}
body :is(.profile-page,.account-section) :is(dt,dd){font-size:var(--acct-body)!important;line-height:1.45!important}body :is(.profile-page,.account-section) dt{color:var(--acct-muted)!important;font-weight:400!important}body :is(.profile-page,.account-section) dd{color:var(--acct-text)!important;font-weight:400!important}
body :is(.profile-page,.account-section) .theme-options label{font-size:var(--acct-body)!important;font-weight:400!important}
body .password-page .password-card li{color:var(--acct-text)!important;font-size:var(--acct-body)!important;font-weight:400!important;line-height:1.45!important}
