/* LUXE FITNESS — trainer.css  ("Mi negocio fitness") */
.t-hero{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:28px 30px;border-radius:var(--radius);border:1px solid rgba(212,175,55,.3);background:radial-gradient(circle at 90% 0,rgba(212,175,55,.16),transparent 55%),linear-gradient(180deg,#141414,#0D0D0D)}
.t-hero h1{font-size:30px;font-weight:300}
.t-hero h1 b{font-weight:800}
.t-hero p{color:var(--muted);margin-top:6px}
.link-box{display:flex;align-items:center;gap:10px;background:#0A0A0A;border:1px solid var(--line);padding:9px 10px 9px 16px;border-radius:99px;font-size:12.5px}
.link-box code{color:var(--gold);font-family:inherit;font-weight:600}
.kpi-link{cursor:pointer;transition:.2s}
.kpi-link:hover{border-color:rgba(212,175,55,.5);transform:translateY(-2px)}
.cap-meter{display:flex;flex-direction:column;gap:8px}
.cap-meter .top{display:flex;justify-content:space-between;font-size:12.5px}
.client-profile-head{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:24px;border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(135deg,#151515,#0D0D0D)}
.cp-stats{display:grid;grid-template-columns:repeat(5,auto);gap:30px;margin-left:auto}
.cp-stats small{display:block;color:var(--muted);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.cp-stats b{font-size:20px}
@media(max-width:900px){.cp-stats{grid-template-columns:repeat(3,auto);gap:18px;margin-left:0}}
.risk{display:inline-flex;align-items:center;gap:6px;color:var(--warn);font-size:11.5px;font-weight:600}
.opt-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.opt{border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;display:flex;gap:11px;align-items:center;transition:.2s;font-size:13px}
.opt:hover{border-color:var(--gold)}
.opt.on{border-color:var(--gold);background:rgba(212,175,55,.08);color:var(--gold)}
@media(max-width:520px){.opt-list{grid-template-columns:1fr}}
.timeline{position:relative;padding-left:22px}
.timeline::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}
.timeline>div{position:relative;padding:0 0 18px}
.timeline>div::before{content:"";position:absolute;left:-22px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)}
.timeline small{color:var(--muted-2);font-size:11px}
.lock-note{display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px dashed rgba(212,175,55,.4);border-radius:12px;color:var(--muted);font-size:12.5px;background:rgba(212,175,55,.04)}
.lock-note .ic{color:var(--gold)}
.plan-card{display:flex;flex-direction:column;gap:12px}
.plan-card .price{font-size:26px;font-weight:800}
.plan-card ul li{display:flex;gap:8px;font-size:12.5px;color:#cfcfcf;padding:3px 0}
.plan-card ul li .ic{color:var(--gold);width:14px;height:14px;margin-top:3px}
.brand-swatch{width:100%;height:46px;border-radius:10px;border:1px solid var(--line);cursor:pointer}
.link-box{max-width:100%;flex-wrap:wrap;border-radius:18px}
.link-box code{overflow-wrap:anywhere}
@media(max-width:700px){.t-hero{padding:22px 18px}.t-hero h1{font-size:24px}.t-hero .col{align-items:stretch!important;width:100%}.t-hero .col .btn{width:100%}}

/* Funciones ofrecidas en un plan propio (capa 2: techo = plan LUXE) */
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:6px}
.offer-grid .offer{display:flex;align-items:center;gap:8px;font-size:13px}
.offer-grid .offer.locked{opacity:.55}
@media(max-width:560px){.offer-grid{grid-template-columns:1fr}}
.feat{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px}
.feat.on .ic{color:var(--ok,#4ade80)}
.feat.off{opacity:.6}