.membership-heading{justify-content:space-between;margin-bottom:10px}.membership-heading h1{color:#172554;font-size:28px;letter-spacing:-.02em}.membership-heading strong{font-weight:800}.membership-heading:after{content:"Cuenta y facturación";color:#8b2b96;font-size:11px;font-weight:700;letter-spacing:.12em;margin-right:18px}.membership-overview{display:block!important;padding:15px!important;border:0!important;border-radius:10px!important;background:linear-gradient(115deg,#7433ec,#8622df)!important;box-shadow:0 8px 18px rgba(91,35,190,.25)!important}.membership-overview>div:last-child{display:grid!important;grid-template-columns:minmax(320px,1.5fr) minmax(270px,.95fr);gap:15px;align-items:stretch}.membership-plan-panel{width:auto!important;min-height:160px;padding:31px 32px 25px;border-radius:9px;background:transparent;color:#fff}.membership-eyebrow{display:block;margin-bottom:5px;color:hsla(0,0%,100%,.72);font-size:10px;font-weight:700}.membership-plan-panel strong.membership-plan-title{display:block;margin-bottom:16px;color:#fff;font-size:28px;line-height:1.1}.membership-plan-panel .el-button{width:auto!important;min-width:128px;height:33px;padding:0 16px;border:0;border-radius:6px;font-size:11px}.membership-plan-panel .el-button--primary{color:#5726cb!important;background:#fff!important}.membership-plan-panel .cancel-membership-button{color:#fff!important;background:rgba(120,71,219,.55)!important;border:1px solid hsla(0,0%,100%,.16)!important}.membership-date-panel{width:auto!important;margin:0!important;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:14px 16px;border-radius:9px;background:hsla(0,0%,100%,.13);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16);color:#fff}.membership-date-heading{display:flex;align-items:center;gap:9px}.membership-date-panel>div{min-width:0}.membership-date-panel strong{display:block;color:#fff;font-size:16px}.membership-date-panel .membership-panel-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:hsla(0,0%,100%,.2);color:#fff;font-size:20px}.membership-date-panel .el-date-editor{width:100%!important}.membership-date-panel .el-input__inner{height:49px;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;background:rgba(137,77,224,.65);color:#fff;font-size:23px;font-weight:800}.membership-date-panel .el-input__prefix{color:hsla(0,0%,100%,.8)}.membership-last-payment{display:none}.membership-sync-banner{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 20px;border:1px solid #e5d5ec;border-radius:13px;background:#fbf8fd;color:#6d287d;cursor:pointer;transition:.2s}.membership-sync-banner:hover{background:#f4eafa;transform:translateY(-1px)}.membership-sync-banner small{display:block;color:#718096;margin-top:2px}.membership-sync-icon{font-size:20px}.membership-sync-arrow{font-size:20px;font-weight:700}@media (max-width:700px){.membership-overview>div:last-child{grid-template-columns:1fr}.membership-plan-panel{min-height:auto;padding:24px 20px}.membership-heading:after{display:none}}.success{background-color:#228b22}.failed{background-color:#b22222}.cancel-membership-button{color:#8b2b96!important;border-color:#c9a1d0!important}.cancellation-dialog{border-radius:16px}.cancellation-dialog .el-dialog__footer,.cancellation-dialog .el-dialog__header{display:none}.cancellation-dialog .el-dialog__body{padding:24px 20px 22px}.cancellation-content{position:relative;text-align:center;color:#172033}.cancellation-close{position:absolute;top:8px;right:8px;border:0;background:transparent;color:#718096;font-size:26px;cursor:pointer;line-height:1;padding:6px 8px;z-index:1}.cancellation-hero{font-size:35px;margin-bottom:6px}.cancellation-warning{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff0f0;color:#ef4444;font-size:28px;margin-bottom:10px}.cancellation-content h2{margin:0 0 8px;font-size:21px;font-weight:700}.cancellation-subtitle{margin:0 0 24px;color:#718096;font-size:14px}.cancellation-reasons{display:flex;flex-direction:column;gap:8px;text-align:left}.cancellation-reason{border:1px solid #dce4ef;border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.cancellation-reason,.cancellation-reason *{cursor:pointer}.cancellation-reason textarea{cursor:text}.cancellation-reason.selected{border:2px solid #8b2b96;padding:11px 13px;background:#fcf8fd;box-shadow:0 3px 10px rgba(139,43,150,.12)}.cancellation-reason-main{display:flex;align-items:center;gap:12px}.cancellation-emoji{width:24px;text-align:center;font-size:20px}.cancellation-reason-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.cancellation-reason-copy strong{font-size:14px;font-weight:700}.cancellation-reason-copy span{color:#718096;font-size:12px}.cancellation-radio{width:16px;height:16px;border:2px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cancellation-reason.selected .cancellation-radio{border-color:#8b2b96}.cancellation-radio span{width:8px;height:8px;border-radius:50%;background:#8b2b96}.cancellation-details{display:block;width:100%;box-sizing:border-box;margin-top:10px;border:1px solid #dce4ef;border-radius:8px;padding:10px 11px;resize:vertical;color:#172033;font-family:inherit;font-size:13px;outline:none}.cancellation-details:focus{border-color:#8b2b96}.cancellation-primary-button{width:100%;margin-top:20px;border:0!important;border-radius:11px!important;background:#8b2b96!important;color:#fff!important;font-weight:700!important;height:44px}.cancellation-primary-button.is-disabled{background:#c9a8cf!important;color:#fff!important}.cancellation-losses{text-align:left;background:#fff4f4;border-radius:12px;padding:14px 16px;margin:20px 0 16px;color:#475569;font-size:12px}.cancellation-losses span{display:block;margin-bottom:6px;color:#334155;font-weight:700}.cancellation-losses p{margin:2px 0;line-height:1.35}.cancellation-losses p:first-letter{color:#ef4444}.cancellation-label{display:block;text-align:left;color:#334155;font-size:12px;margin-bottom:6px}.confirmation-details{margin-top:0;text-align:left}.cancellation-back-button{width:100%;margin:8px 0 0!important;border:1px solid #ef4444!important;border-radius:11px!important;color:#ef4444!important;height:44px;font-weight:700!important}.cancellation-footnote{color:#718096;font-size:11px;margin:12px 0 0}