*{box-sizing:border-box}body{margin:0;background:#050505;color:#f5f1e8;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.wrap{width:min(900px,92%);margin:auto}.top{padding:22px 0 0;display:flex;justify-content:space-between;align-items:center}.brand{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#c9a86a}.badge{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#f5f1e8aa;border:1px solid #c9a86a33;padding:9px 13px;border-radius:2px;text-decoration:none}main{min-height:calc(100vh - 130px);display:flex;align-items:center;justify-content:center;padding:55px 0}.panel{text-align:center;width:100%;max-width:650px}.kicker{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:#c9a86a;margin-bottom:18px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(48px,9vw,88px);line-height:.86;margin:0;text-transform:uppercase}h1 strong{display:block;font-weight:700}.subtitle{font-family:Georgia,"Times New Roman",serif;color:#f5f1e8aa;font-size:16px;letter-spacing:.12em;text-transform:uppercase;margin:25px 0 35px}.line{height:1px;width:70px;background:#c9a86a66;margin:0 auto 28px}.card{background:#0d0d0d;border:1px solid #c9a86a2e;padding:35px 28px;box-shadow:0 18px 60px #000}.card h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0 0 12px;font-size:25px}.card p{color:#f5f1e8aa;font-size:13px;line-height:1.75;margin:0 auto 22px;max-width:520px}input{width:100%;padding:15px 16px;background:#050505;color:#fff;border:1px solid #444;border-radius:2px;outline:none;font-size:14px;text-align:center;letter-spacing:.08em}input:focus{border-color:#c9a86a}button,.btn{display:inline-block;width:100%;margin-top:12px;padding:15px 18px;border:1px solid #c9a86a;background:#c9a86a;color:#050505;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:bold;cursor:pointer}.error{min-height:18px;color:#d96b6b;font-size:11px;margin-top:12px}.info{color:#f5f1e866!important;font-size:10px!important}.links{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.links .btn{width:auto;background:transparent;color:#c9a86a;padding:11px 16px}.member-box{text-align:left}.welcome{font-family:Georgia,serif;font-size:28px;margin-bottom:5px}.level{display:inline-block;color:#c9a86a;border:1px solid #c9a86a44;padding:7px 10px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin:12px 0 20px}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.benefit{padding:16px;border:1px solid #ffffff0d;background:#080808;color:#f5f1e8aa;font-size:11px;line-height:1.5}footer{text-align:center;border-top:1px solid #ffffff0d;padding:22px;color:#f5f1e833;font-size:9px;letter-spacing:.12em;text-transform:uppercase}@media(max-width:600px){.card{padding:28px 18px}.benefits{grid-template-columns:1fr}}

/* =========================== DASHBOARD (Etapa 2) =========================== */
.dash-body{background:#050505}
.dash-main{min-height:calc(100vh - 130px);padding:40px 0 70px;display:block}
.dash-main .wrap{max-width:980px}

.dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;border-bottom:1px solid #ffffff0d;padding-bottom:28px}
.dash-name{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(30px,5vw,44px);margin:6px 0 14px;text-transform:none}
.level-pill{display:inline-block;color:var(--nc,#c9a86a);border:1px solid color-mix(in srgb, var(--nc,#c9a86a) 45%, transparent);padding:8px 14px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}

.tier-track{display:flex;gap:22px;align-items:center}
.tier-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.35;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#f5f1e8}
.tier-step.tier-pasado,.tier-step.tier-actual{opacity:1}
.tier-dot{width:11px;height:11px;border-radius:50%;border:1px solid #c9a86a66;background:transparent}
.tier-step.tier-pasado .tier-dot{background:#c9a86a66;border-color:#c9a86a66}
.tier-step.tier-actual .tier-dot{background:#c9a86a;border-color:#c9a86a;box-shadow:0 0 0 4px #c9a86a22}

.tabs{position:relative}
.tab-input{position:absolute;opacity:0;pointer-events:none}
.tab-label{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;margin:0 6px 18px 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f5f1e899;border:1px solid #ffffff14;cursor:pointer;user-select:none}
.tab-ico{font-size:13px}
.tab-input:checked + .tab-label{color:#050505;background:#c9a86a;border-color:#c9a86a}
.tab-panels{clear:both}
.tab-panel{display:none;animation:fadein .25s ease}
@keyframes fadein{from{opacity:0}to{opacity:1}}
#tab-resumen:checked ~ .tab-panels #panel-resumen{display:block}
#tab-revistas:checked ~ .tab-panels #panel-revistas{display:block}
#tab-tv:checked ~ .tab-panels #panel-tv{display:block}
#tab-radio:checked ~ .tab-panels #panel-radio{display:block}
#tab-invitaciones:checked ~ .tab-panels #panel-invitaciones{display:block}
#tab-experiencias:checked ~ .tab-panels #panel-experiencias{display:block}
#tab-exclusivo:checked ~ .tab-panels #panel-exclusivo{display:block}

.dash-intro{color:#f5f1e8aa;font-size:13px;line-height:1.75;max-width:640px;margin:0 0 26px}
.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px}
.summary-card{border:1px solid #ffffff0d;background:#0d0d0d;padding:16px 10px;text-align:center}
.summary-ico{font-size:18px;margin-bottom:6px}
.summary-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f5f1e8cc;margin-bottom:5px}
.summary-count{font-size:10px;color:#c9a86a}

.upsell-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border:1px solid #c9a86a33;background:#0d0d0d;padding:16px 18px;margin-bottom:22px;font-size:12px;color:#f5f1e8cc}

.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.content-card{border:1px solid #ffffff0d;background:#0d0d0d;padding:20px;display:flex;flex-direction:column}
.content-card.locked{opacity:.55}
.cc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cc-tipo{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#f5f1e866}
.cc-nivel{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--nc,#c9a86a);border:1px solid color-mix(in srgb, var(--nc,#c9a86a) 40%, transparent);padding:4px 8px}
.cc-titulo{font-family:Georgia,serif;font-weight:400;font-size:17px;margin:0 0 8px}
.cc-desc{color:#f5f1e8aa;font-size:12px;line-height:1.6;margin:0 0 16px;flex-grow:1}
.cc-lock{font-size:10px;letter-spacing:.08em;color:#f5f1e866;border-top:1px solid #ffffff0d;padding-top:12px}
.btn-sm{width:auto;display:inline-block;padding:11px 16px;font-size:9px}

@media(max-width:900px){
  .summary-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .summary-grid{grid-template-columns:repeat(2,1fr)}
  .tier-track{gap:14px}
  .dash-head{align-items:flex-start}
}

/* ================= Etapa 3: vencimiento, upgrade, venta pública ================= */
.vence-label{margin-top:10px;font-size:10px;letter-spacing:.08em;color:#f5f1e877}

.expiry-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border:1px solid #c9a86a55;background:#0d0d0d;padding:14px 18px;margin:0 0 24px;font-size:12px;color:#f5f1e8dd}
.expiry-banner.expired{border-color:#d96b6b77;color:#f0c7c7}

.news-card{display:flex;align-items:center;gap:14px;border:1px solid #ffffff0d;background:#0d0d0d;padding:16px 18px;margin-bottom:20px}
.news-ico{font-size:22px}
.news-titulo{font-family:Georgia,serif;font-size:15px;margin-bottom:2px}
.news-desc{font-size:12px;color:#f5f1e8aa}

.upgrade-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border:1px solid color-mix(in srgb, var(--nc,#c9a86a) 40%, transparent);background:linear-gradient(180deg,#0d0d0d,#050505);padding:18px 20px;margin-bottom:22px}
.upgrade-kicker{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--nc,#c9a86a);margin-bottom:6px}
.upgrade-titulo{font-family:Georgia,serif;font-size:19px;margin-bottom:4px}
.upgrade-tagline{font-size:12px;color:#f5f1e8aa}

.cc-solicitud{font-size:10px;letter-spacing:.06em;color:#c9a86a;border-top:1px solid #ffffff0d;padding-top:12px}

.renew-box{border:1px solid #c9a86a44;background:#0d0d0d;padding:14px;margin-top:14px;text-align:left;font-size:12px}
.renew-text{margin-bottom:10px;color:#f5f1e8cc}

/* --------- Sección pública "Elige tu nivel" (index.php) --------- */
.join-section{padding:20px 0 70px}
.join-section .wrap{max-width:1080px;text-align:center}
.join-title{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(26px,4vw,38px);margin:6px 0 14px}
.join-intro{color:#f5f1e8aa;font-size:13px;line-height:1.7;max-width:620px;margin:0 auto 34px}

.membership-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.membership-card{border:1px solid color-mix(in srgb, var(--nc,#c9a86a) 35%, transparent);background:#0d0d0d;padding:24px 20px;display:flex;flex-direction:column}
.membership-card.mc-elite{background:linear-gradient(160deg,#0d0d0d,#141210);box-shadow:0 0 30px -8px color-mix(in srgb, var(--nc,#c9a86a) 55%, transparent)}
.mc-nivel{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--nc,#c9a86a);margin-bottom:10px}
.mc-label{font-family:Georgia,serif;font-weight:400;font-size:19px;margin:0 0 6px}
.mc-tagline{font-size:11px;color:#f5f1e8aa;margin-bottom:16px;line-height:1.5}
.mc-bullets{list-style:none;margin:0 0 18px;padding:0;flex-grow:1}
.mc-bullets li{font-size:11px;color:#f5f1e8cc;line-height:1.6;padding-left:14px;position:relative;margin-bottom:7px}
.mc-bullets li::before{content:'—';position:absolute;left:0;color:var(--nc,#c9a86a)}
.mc-nota{font-size:9px;color:#f5f1e877;margin-top:10px;line-height:1.5}

@media(max-width:900px){.membership-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.membership-grid{grid-template-columns:1fr}.expiry-banner,.upgrade-card{flex-direction:column;align-items:flex-start}}

/* Panel simplificado de miembros */
.member-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:24px}
.member-link{text-decoration:none;display:block}
.member-card{margin-top:24px}
.small-note{margin:22px 0;text-align:center;opacity:.75;font-size:.9rem}
.access-card{margin-top:18px}