.billing-layout { display:grid; grid-template-columns:1.15fr .85fr; border:1px solid var(--line); background:var(--paper); margin-bottom:28px; }
.billing-plan,.billing-status { padding:38px; }
.billing-plan { background:var(--ink); color:var(--paper); }
.billing-plan>span,.billing-status>span { font-size:8px; text-transform:uppercase; letter-spacing:.15em; color:#dd8d6d; }
.billing-plan h2 { font:500 clamp(40px,4vw,62px)/.95 var(--serif); letter-spacing:-.04em; margin:18px 0; }
.billing-plan h2 em { color:#dd8d6d; font-weight:500; }
.billing-plan p,.billing-status p { color:#aaa298; line-height:1.65; font-size:13px; max-width:520px; }
.billing-price { display:flex; align-items:end; gap:10px; margin-top:32px; }
.billing-price b { font:500 36px var(--serif); }
.billing-price small { color:#aaa298; margin-bottom:7px; }
.billing-status { display:flex; flex-direction:column; justify-content:center; }
.billing-status>span { color:var(--terra); }
.billing-status h3 { font:500 32px/1.05 var(--serif); margin:16px 0 8px; }
.billing-status .primary,.billing-status .outline { width:100%; margin-top:18px; }
.billing-status .outline { justify-content:center; }
.beta-badge.plan-active { background:#dfe5d4; color:#44503b; }
.beta-badge.plan-past-due { background:#efddd3; color:#8a3d2c; }
.subscription-badge { border:0; cursor:pointer; font:inherit; }
.header-subscribe { border:0; border-radius:99px; padding:10px 16px; background:var(--ink); color:var(--paper); cursor:pointer; font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.header-subscribe:hover { background:var(--terra); }
.credit-warning { margin:14px 28px 0; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid #c47a59; background:#fff4ed; }
.credit-warning.hidden { display:none; }
.credit-warning span { color:var(--terra); font-size:8px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.credit-warning p { margin:4px 0 0; color:#615951; font-size:12px; }
.credit-warning button { border:0; background:none; color:var(--terra); cursor:pointer; font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.plan-state { display:flex; align-items:center; gap:9px; color:var(--terra); font-size:9px; text-transform:uppercase; letter-spacing:.13em; }
.plan-state i { width:9px; height:9px; border-radius:50%; background:var(--terra); box-shadow:0 0 0 5px #9b493417; }
.plan-state.active { color:#526145; }
.plan-state.active i { background:#667a56; box-shadow:0 0 0 5px #667a5617; }
.plan-state.past-due { color:#9b4934; }
.account-section { border:1px solid var(--line); background:var(--paper); margin-bottom:28px; padding:32px 36px; }
.account-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.account-section-head span,.danger-zone>div>span { color:var(--terra); font-size:8px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }
.account-section-head h2,.danger-zone h2 { font:500 29px/1.08 var(--serif); margin:9px 0 0; }
.account-section-head p { color:#756e66; font-size:12px; max-width:340px; line-height:1.5; }
.account-section-head.compact { margin-bottom:18px; }
.plan-limits { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.plan-limits>div { min-height:128px; padding:22px; display:flex; flex-direction:column; justify-content:flex-end; border-right:1px solid var(--line); }
.plan-limits>div:last-child { border-right:0; }
.plan-limits small { color:#817970; font-size:9px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:auto; }
.plan-limits b { font:500 24px var(--serif); }
.plan-limits span { color:#817970; font-size:10px; margin-top:3px; }
.credit-pack-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.credit-pack-grid article { border:1px solid var(--line); padding:24px; display:grid; gap:12px; }
.credit-pack-grid article>span { color:var(--terra); font-size:8px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.credit-pack-grid h3 { font:500 28px var(--serif); margin:0; }
.credit-pack-grid p { color:#756e66; font-size:11px; margin:0; }
.credit-pack-grid strong { font:500 24px var(--serif); }
.credit-pack-grid button { width:100%; }
.packs-inactive .credit-pack-grid { opacity:.48; }
.packs-inactive .credit-pack-grid:after { content:'Activa el Plan Lumbre para comprar créditos extra'; grid-column:1/-1; color:#817970; font-size:11px; }
.account-history-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.account-history-grid .account-section { min-width:0; }
.history-list { border-top:1px solid var(--line); }
.history-row { display:grid; grid-template-columns:1fr auto; gap:16px; padding:15px 0; border-bottom:1px solid var(--line); }
.history-row b { display:block; font-size:12px; font-weight:500; }
.history-row small { display:block; color:#817970; font-size:10px; margin-top:5px; }
.history-row strong { font-size:12px; text-align:right; }
.history-row strong.positive { color:#536548; }
.history-row strong.negative { color:var(--terra); }
.history-row a { color:var(--ink); font-size:9px; text-transform:uppercase; text-decoration:underline; text-underline-offset:3px; }
.history-empty { color:#817970; font-size:12px; padding:24px 0; }
.danger-zone { display:grid; grid-template-columns:1fr 1fr; gap:50px; border:1px solid #b65b48; background:#fff9f5; padding:34px 36px; margin-top:28px; }
.danger-zone p { color:#756e66; font-size:12px; line-height:1.55; max-width:560px; }
.danger-zone form { display:grid; gap:14px; }
.danger-zone label { font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.danger-zone input { width:100%; box-sizing:border-box; margin-top:7px; border:1px solid #c9bbb1; background:white; padding:13px; }
.danger-button { border:1px solid #9b4934; background:#9b4934; color:white; padding:14px 18px; cursor:pointer; font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.danger-button:hover { background:#793625; }
@media(max-width:900px){.account-history-grid{grid-template-columns:1fr}.plan-limits{grid-template-columns:1fr 1fr}.plan-limits>div:nth-child(2){border-right:0}.plan-limits>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.danger-zone{grid-template-columns:1fr}}
@media(max-width:760px){.billing-layout{grid-template-columns:1fr}.billing-plan,.billing-status{padding:26px}.billing-price{align-items:flex-start;flex-direction:column}.subscription-badge,#creditLabel{display:none}.header-subscribe{padding:9px 12px}.credit-warning{margin:10px 14px 0;align-items:flex-start}.account-section{padding:24px}.account-section-head{align-items:flex-start;flex-direction:column}.credit-pack-grid{grid-template-columns:1fr}.danger-zone{padding:24px}.plan-limits{grid-template-columns:1fr}.plan-limits>div{border-right:0;border-bottom:1px solid var(--line)!important}.plan-limits>div:last-child{border-bottom:0!important}}