.membership-status{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:15px 18px;border:1px solid #b9dec9;border-radius:12px;background:#e8f7ee;color:#225b3c;font-size:12px}.membership-status>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#42a66f;color:#fff;font-weight:800}.membership-status.attention{border-color:#efd39c;background:#fff7df;color:#7b5817}.membership-status.attention>span{background:#d99b2b}.membership-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:16px;margin-bottom:16px}.membership-detail,.membership-separation,.membership-methods,.membership-history{padding:20px}.membership-detail .eyebrow,.membership-method-head .eyebrow{color:var(--muted);font-size:9px}.membership-price-row,.membership-total{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.membership-price-row strong{font-size:16px}.membership-total{border:0}.membership-total span,.membership-total strong{font-size:18px;font-weight:800}.membership-detail>p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.membership-separation{display:flex;gap:13px;align-items:flex-start;background:#f8fbf9}.membership-separation>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--teal);font-weight:800}.membership-separation strong{font-size:12px}.membership-separation p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.membership-method-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.membership-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.membership-method{display:flex;flex-direction:column;align-items:flex-start;min-height:225px;padding:17px;border:1px solid var(--border);border-radius:13px;background:#fff}.membership-method.featured{border-color:#a8d5bb;background:#f8fcfa}.membership-method-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:13px;border-radius:11px;background:#dff2e7;color:#2e7650;font-size:18px;font-weight:800}.membership-method-icon.mp{background:#dcedff;color:#1683d8}.membership-method-icon.card{background:#eeeafa;color:#5e4ea3}.membership-method h3{margin:0 0 7px;font-size:13px}.membership-method p{flex:1;margin:0 0 15px;color:var(--muted);font-size:10px;line-height:1.55}.membership-method button{width:100%}.membership-warning{margin-top:14px;padding:11px 13px;border-radius:9px;background:#fff4d6;color:#7b5817;font-size:10px}.membership-history{margin-top:16px}.membership-payment-list>div{display:grid;grid-template-columns:1fr auto 105px;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.membership-payment-list span{display:flex;flex-direction:column;gap:3px}.membership-payment-list small{color:var(--muted);font-size:9px}.membership-payment-list b{font-size:11px}.membership-payment-list em{padding:5px 8px;border-radius:999px;background:#f1f2f3;color:var(--muted);font-size:9px;font-style:normal;text-align:center}.membership-payment-list em.approved{background:#e5f5eb;color:#277349}.membership-payment-list em.pending{background:#fff3d4;color:#85611b}.membership-empty{margin:8px 0 0;color:var(--muted);font-size:10px}
.membership-readonly-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid #e8cf91;border-radius:16px;background:linear-gradient(105deg,#fff9e9,#fffdf7);box-shadow:0 8px 24px rgba(70,55,27,.06);color:#263a35}.membership-readonly-banner strong{display:block;margin-bottom:3px;font-size:13px}.membership-readonly-banner p{margin:0;color:#66746f;font-size:11px;line-height:1.5}.membership-readonly-light{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0bb;box-shadow:0 0 0 5px rgba(238,198,82,.13)}.membership-readonly-light:before{width:11px;height:11px;border-radius:50%;background:#e0ae26;box-shadow:0 0 13px rgba(224,174,38,.85);content:""}.membership-readonly-light i{position:absolute;right:1px;bottom:1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#9a7620}.membership-plan-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(280px,.42fr);align-items:center;gap:20px;margin-bottom:18px;padding:28px;border:1px solid #d8e2de;border-radius:22px;background:linear-gradient(125deg,#fff 0%,#f8f3e8 58%,#edf3fa 100%);box-shadow:0 17px 40px rgba(35,48,44,.07);overflow:hidden}.membership-plan-hero:after{position:absolute;right:-55px;top:-75px;width:210px;height:210px;border:1px solid rgba(70,105,159,.12);border-radius:50%;content:""}.membership-plan-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid #e7cf8c;border-radius:18px;background:#fff2c7;color:#6f5720}.membership-plan-mark svg{width:27px;height:27px}.membership-plan-copy{position:relative;z-index:1}.membership-plan-label{display:inline-flex;margin-bottom:9px;padding:5px 9px;border:1px solid #ddc477;border-radius:999px;background:#fff7d8;color:#70591e;font-size:9px;font-weight:800;letter-spacing:.09em}.membership-plan-copy .eyebrow{display:block;color:#46699f}.membership-plan-copy h2{margin:5px 0 7px;color:#18332c;font:400 36px 'DM Serif Display'}.membership-plan-copy p{max-width:600px;margin:0;color:#62736d;font-size:12px;line-height:1.55}.membership-plan-state{position:relative;z-index:1;display:grid;gap:6px;padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(255,255,255,.8);box-shadow:0 8px 22px rgba(47,57,54,.06)}.membership-plan-state>span{color:#7a6a3c;font-size:9px;font-weight:800;letter-spacing:.1em}.membership-plan-state strong{display:flex;align-items:center;gap:8px;color:#8c6419;font-size:16px}.membership-plan-state strong i{width:9px;height:9px;border-radius:50%;background:#e0ae26;box-shadow:0 0 10px rgba(224,174,38,.8)}.membership-plan-state small{color:#596b65;font-size:10px}.membership-plan-state p{margin:3px 0 0;color:#687771;font-size:10px;line-height:1.45}.membership-plan-hero.current .membership-plan-state strong{color:#26715d}.membership-plan-hero.current .membership-plan-state strong i{background:#33a17e;box-shadow:0 0 10px rgba(51,161,126,.65)}
@media(max-width:900px){.membership-layout{grid-template-columns:1fr}.membership-method-grid{grid-template-columns:1fr}.membership-method{min-height:0}.membership-method p{min-height:45px}.membership-plan-hero{grid-template-columns:auto 1fr}.membership-plan-state{grid-column:1/-1}.membership-readonly-banner{grid-template-columns:auto 1fr}.membership-readonly-banner button{grid-column:2;justify-self:start}}
@media(max-width:560px){.membership-status{align-items:flex-start}.membership-detail,.membership-separation,.membership-methods,.membership-history{padding:15px}.membership-method-head{align-items:flex-start;gap:8px;flex-direction:column}.membership-payment-list>div{grid-template-columns:1fr auto}.membership-payment-list em{grid-column:1/-1;text-align:left;width:max-content}.membership-plan-hero{grid-template-columns:1fr;padding:21px}.membership-plan-mark{width:48px;height:48px}.membership-plan-copy h2{font-size:30px}.membership-plan-state{grid-column:1}.membership-readonly-banner{grid-template-columns:auto 1fr;padding:13px}.membership-readonly-banner button{grid-column:1/-1;width:100%}}

/* Scoped plan identity: preserve the existing card and icon containers. */
.account-plan-snapshot.plan-esencial,.membership-layout.plan-esencial{--plan-metal:#b57a3d;--plan-metal-deep:#75431f;--plan-glow:#f3d6ad;--plan-wash:#fbf1e5}
.account-plan-snapshot.plan-plata,.membership-layout.plan-plata{--plan-metal:#7c8998;--plan-metal-deep:#465466;--plan-glow:#dce3ea;--plan-wash:#f0f3f6}
.account-plan-snapshot.plan-oro,.membership-layout.plan-oro{--plan-metal:#c3932e;--plan-metal-deep:#725112;--plan-glow:#f5dc94;--plan-wash:#fbf4df}
.account-plan-snapshot .account-plan-coin{position:relative;background:transparent}
.account-plan-snapshot .account-plan-coin .membership-plan-medallion{position:absolute;left:50%;top:50%;width:176px;height:176px;transform:translate(-50%,-50%) scale(.2)}
.account-plan-snapshot .membership-medallion-core{width:96px;height:96px}
.account-plan-snapshot .membership-medallion-logo{width:62px;height:62px}
.membership-layout:is(.plan-esencial,.plan-plata,.plan-oro) .membership-detail{border-color:color-mix(in srgb,var(--plan-metal) 65%,#fff);background:linear-gradient(125deg,#fff,var(--plan-wash))}
.membership-layout:is(.plan-esencial,.plan-plata,.plan-oro) .membership-detail :is(.eyebrow,h3){color:var(--plan-metal-deep)}
.membership-layout:is(.plan-esencial,.plan-plata,.plan-oro) .membership-detail .badge{background:color-mix(in srgb,var(--plan-glow) 70%,#fff);color:var(--plan-metal-deep)}
.membership-separation>span>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Identidad visual premium por plan */
.membership-plan-hero{--plan-metal:#b57a3d;--plan-metal-deep:#75431f;--plan-glow:#f3d6ad;--plan-wash:#fbf1e5;grid-template-columns:minmax(0,1.55fr) minmax(285px,.45fr);align-items:stretch;gap:28px;padding:34px;border-radius:24px;background:linear-gradient(125deg,#fff 0%,var(--plan-wash) 62%,#edf3fa 100%);box-shadow:0 18px 44px rgba(35,48,44,.08)}
.membership-plan-hero.plan-plata{--plan-metal:#7c8998;--plan-metal-deep:#465466;--plan-glow:#dce3ea;--plan-wash:#f0f3f6}
.membership-plan-hero.plan-oro{--plan-metal:#c3932e;--plan-metal-deep:#725112;--plan-glow:#f5dc94;--plan-wash:#fbf4df}
.membership-plan-hero:before,.membership-plan-hero:after{position:absolute;border:1px solid color-mix(in srgb,var(--plan-metal) 20%,transparent);border-radius:50%;content:"";pointer-events:none}
.membership-plan-hero:before{right:-70px;top:-98px;width:250px;height:250px}
.membership-plan-hero:after{right:62px;top:auto;bottom:-155px;width:230px;height:230px}
.membership-plan-showcase{position:relative;z-index:1;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:30px}
.membership-plan-medallion{position:relative;display:grid;place-items:center;width:176px;height:176px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff8df 0 8%,var(--plan-glow) 31%,var(--plan-metal) 66%,var(--plan-metal-deep) 100%);box-shadow:inset 0 0 0 5px color-mix(in srgb,#fff 62%,var(--plan-metal)),inset 0 0 0 11px var(--plan-metal),0 14px 28px color-mix(in srgb,var(--plan-metal-deep) 22%,transparent)}
.membership-plan-medallion:before,.membership-plan-medallion:after{position:absolute;inset:17px;border:1px solid color-mix(in srgb,#fff 62%,var(--plan-metal));border-radius:50%;content:""}
.membership-plan-medallion:after{inset:27px;border-style:dashed;opacity:.72}
.membership-medallion-orbit{position:absolute;inset:8px;border:2px solid color-mix(in srgb,#fff 50%,var(--plan-metal));border-radius:50%}
.membership-medallion-orbit:before,.membership-medallion-orbit:after{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#fff5d4;box-shadow:0 0 9px var(--plan-glow);content:""}
.membership-medallion-orbit:before{left:-3px}.membership-medallion-orbit:after{right:-3px}
.membership-medallion-core{position:relative;z-index:1;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:transparent}
.membership-medallion-core:before{position:absolute;inset:1px;border:1px solid color-mix(in srgb,var(--plan-metal-deep) 20%,transparent);border-radius:50%;box-shadow:0 1px 0 color-mix(in srgb,#fff 34%,transparent),inset 0 1px 3px color-mix(in srgb,var(--plan-metal-deep) 12%,transparent);content:""}
.membership-medallion-logo{position:relative;z-index:1;display:block;width:62px;height:62px;overflow:visible;color:color-mix(in srgb,var(--plan-metal-deep) 88%,#263a54);filter:drop-shadow(0 1.5px 0 color-mix(in srgb,#fff 48%,transparent)) drop-shadow(0 -1px 0 color-mix(in srgb,var(--plan-metal-deep) 28%,transparent))}.membership-medallion-logo path{fill:none;stroke:currentColor;stroke-width:44;stroke-linecap:round;stroke-linejoin:round}.membership-medallion-logo circle{fill:currentColor}
.membership-plan-copy{min-width:0}.membership-plan-label{margin-bottom:8px;padding:6px 11px;border-color:color-mix(in srgb,var(--plan-metal) 58%,#fff);background:color-mix(in srgb,var(--plan-glow) 42%,#fff);color:var(--plan-metal-deep);font-size:10px}
.membership-plan-copy .eyebrow{font-size:10px}.membership-plan-copy h2{margin:5px 0 1px;font-size:clamp(36px,4vw,52px);line-height:1}
.membership-plan-caption{display:block;color:var(--plan-metal-deep);font-size:12px;font-weight:750;letter-spacing:.025em}
.membership-plan-rule{display:flex;align-items:center;gap:7px;width:min(290px,100%);margin:16px 0}.membership-plan-rule i{height:1px;flex:1;background:color-mix(in srgb,var(--plan-metal) 55%,transparent)}.membership-plan-rule b{width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--plan-metal);background:#fff}
.membership-plan-promise{display:flex;gap:11px;align-items:flex-start}.membership-plan-promise>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--plan-glow) 45%,#fff);color:var(--plan-metal-deep);font-weight:850}.membership-plan-promise strong{display:block;color:#223b34;font-size:16px}.membership-plan-promise p{max-width:520px;margin:3px 0 0;color:#62736d;font-size:12px;line-height:1.55}
.membership-plan-features{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none}.membership-plan-features li{padding:6px 9px;border:1px solid color-mix(in srgb,var(--plan-metal) 26%,#d9e1df);border-radius:999px;background:rgba(255,255,255,.62);color:#52645e;font-size:10px;font-weight:700}
.membership-plan-state{display:flex;flex-direction:column;gap:7px;justify-content:center;padding:24px;border-radius:19px;background:rgba(255,255,255,.84);box-shadow:0 12px 28px rgba(47,57,54,.08);backdrop-filter:blur(8px)}.membership-plan-state>span{color:var(--plan-metal-deep);font-size:10px}.membership-plan-state strong{gap:9px;font-size:18px}.membership-plan-state small{font-size:11px}.membership-plan-state p{margin:4px 0 9px;font-size:12px;line-height:1.5}.membership-state-action{width:100%;margin-top:auto}
@media(max-width:1040px){.membership-plan-hero{grid-template-columns:1fr}.membership-plan-state{grid-column:auto;min-height:0}.membership-state-action{width:auto;align-self:flex-start}}
@media(max-width:680px){.membership-plan-hero{grid-template-columns:1fr;padding:24px 18px}.membership-plan-showcase{grid-template-columns:1fr;gap:21px;text-align:center}.membership-plan-medallion{width:136px;height:136px;justify-self:center}.membership-medallion-core{width:74px;height:74px}.membership-medallion-logo{width:48px;height:48px}.membership-plan-copy h2{font-size:38px}.membership-plan-rule{margin-inline:auto}.membership-plan-promise{justify-content:center;text-align:left}.membership-plan-features{justify-content:center}.membership-plan-state{grid-column:auto;padding:20px;text-align:left}.membership-state-action{width:100%;align-self:stretch}}