:root{
  --bg:#f7f7fb;--panel:#fff;--text:#17151f;--muted:#6d6878;--line:#e8e5ef;
  --primary:#6d28d9;--primary-dark:#5521aa;--primary-soft:#efe7ff;--good:#18794e;
  --good-soft:#e9f8f0;--danger:#b42318;--danger-soft:#fff0ee;--warning:#a15c00;
  --shadow:0 18px 60px rgba(31,20,53,.10);--radius:22px;--radius-sm:14px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.08rem;color:#fff}.brand-dark{color:var(--text)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#5b21b6);color:#fff;box-shadow:0 8px 24px rgba(109,40,217,.28)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:10px 16px;font-weight:700;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 9px 26px rgba(109,40,217,.24)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#f0edf5;color:#2d2737}.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.btn-link{color:#fff;background:transparent}.btn-ghost{background:transparent;color:inherit;border:1px solid var(--line)}.btn-block{width:100%}.btn-lg{padding:14px 20px;border-radius:14px}.eyebrow{display:inline-block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--primary);margin-bottom:7px}.muted{color:var(--muted)}
.hero{background:radial-gradient(circle at 82% 16%,rgba(139,92,246,.35),transparent 27%),linear-gradient(145deg,#191321 0%,#2b1740 58%,#3e1c64 100%);color:#fff;padding-bottom:84px}.public-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center;padding-top:72px}.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:.25em 0 .32em;max-width:760px}.hero .eyebrow{color:#c4b5fd}.hero-copy{font-size:1.15rem;color:#ddd4e9;max-width:680px}.hero-actions{display:flex;gap:14px;align-items:center;margin:30px 0 24px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;font-size:.9rem;color:#cfc5da}.wallet-demo{width:min(100%,440px);justify-self:end;background:linear-gradient(155deg,#fff,#f8f4ff);color:var(--text);border-radius:30px;padding:27px;box-shadow:0 34px 100px rgba(0,0,0,.33);transform:rotate(1.6deg);position:relative;overflow:hidden}.wallet-demo:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#e9ddff;right:-90px;top:-120px}.wallet-head,.wallet-progress{position:relative;display:flex;justify-content:space-between;gap:15px}.wallet-head{font-weight:800}.wallet-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:var(--primary-soft);color:var(--primary);padding:6px 10px;border-radius:999px}.wallet-title{position:relative;font-size:1.55rem;font-weight:900;margin:30px 0 20px}.stamp-grid,.visual-stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stamp{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:2px dashed #cfc3df;color:#9d92aa;font-weight:800}.stamp.filled{background:var(--primary);color:#fff;border-style:solid;border-color:var(--primary)}.wallet-progress{margin-top:20px;flex-direction:column;gap:2px}.wallet-progress small{color:var(--muted)}.qr-fake{width:88px;height:88px;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#fff;padding:7px;border:1px solid var(--line);border-radius:12px}.qr-fake span:nth-child(odd),.qr-fake span:nth-child(4),.qr-fake span:nth-child(8){background:#241b2f;border-radius:2px}
.section{padding:86px 0}.section-soft{background:#f0edf7}.section-heading{text-align:center;max-width:680px;margin:0 auto 38px}.section-heading h2,.split-callout h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:.15em 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 36px rgba(31,20,53,.05)}.feature-number{font-weight:900;color:var(--primary);font-size:.8rem}.feature-card h3{font-size:1.35rem;margin:15px 0 5px}.feature-card p{color:var(--muted);margin:0}.split-callout{display:flex;align-items:center;justify-content:space-between;gap:28px}.split-callout p{color:var(--muted);max-width:700px}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 15% 20%,#eee6ff,transparent 26%),radial-gradient(circle at 90% 90%,#e5d7ff,transparent 28%),#f7f6fa}.auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);padding:36px;border-radius:28px;box-shadow:var(--shadow)}.auth-brand{margin-bottom:42px}.auth-card h1{font-size:2.2rem;letter-spacing:-.04em;margin:.15em 0}.auth-card>p{color:var(--muted);margin-bottom:28px}.form-stack{display:grid;gap:16px}.form-stack label,.inline-form label{display:grid;gap:7px;font-size:.87rem;font-weight:700;color:#3e3748}input,select,textarea{width:100%;border:1px solid #dcd7e5;background:#fff;border-radius:12px;padding:11px 12px;color:var(--text);outline:none;transition:.16s}input:focus,select:focus,textarea:focus{border-color:#9b70df;box-shadow:0 0 0 4px rgba(109,40,217,.10)}textarea{min-height:92px;resize:vertical}.form-error{background:var(--danger-soft);color:var(--danger);padding:11px 13px;border-radius:10px;font-size:.9rem}.check{grid-template-columns:auto 1fr!important;align-items:start}.check input{width:auto;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.topbar{position:sticky;top:0;z-index:20;height:68px;background:#22172f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px;box-shadow:0 8px 30px rgba(31,20,53,.18)}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar .btn-ghost{border-color:rgba(255,255,255,.2);color:#fff}.user-chip{display:grid;text-align:right}.user-chip small{font-size:.68rem;color:#cbbfd7}.app-main{width:min(1200px,calc(100% - 36px));margin:0 auto;padding:34px 0 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-head h1{font-size:2.2rem;letter-spacing:-.04em;margin:.1em 0}.page-head p{color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 34px rgba(31,20,53,.04);margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{margin:0;font-size:1.08rem}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.inline-form{display:flex;align-items:end;gap:12px}.inline-form label{min-width:260px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:7px}.metric-card>span{color:var(--muted);font-size:.84rem}.metric-card strong{font-size:2rem;letter-spacing:-.04em}.metric-card a{font-size:.78rem;color:var(--primary);font-weight:800}.two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:20px}.search-form{display:flex;gap:9px;margin-bottom:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}td{font-size:.9rem}td small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800}.status-good{background:var(--good-soft);color:var(--good)}.status-neutral{background:#f0eef3;color:#696273}.table-empty,.empty-inline{text-align:center;color:var(--muted);padding:32px}.pagination-meta{font-size:.78rem;color:var(--muted);margin-top:12px}.card-list{display:grid;gap:13px}.program-card{border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;justify-content:space-between;gap:20px}.program-card h3{margin:8px 0 2px}.program-card p{color:var(--muted);margin:0}.program-rule{min-width:130px;text-align:right;display:grid;align-content:center}.program-rule strong{font-size:2rem;color:var(--primary)}.program-rule span{font-size:.8rem;color:var(--muted)}.mini-progress{width:130px;height:7px;background:#eeeaf2;border-radius:999px;overflow:hidden;margin-bottom:5px}.mini-progress span{display:block;height:100%;background:var(--primary)}.empty-state{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:50px 28px;text-align:center;max-width:780px;margin:40px auto}.empty-state h1,.empty-state h2{margin:.1em 0}.empty-state p{color:var(--muted)}.error-state{border-color:#ffd5d0}.flash{position:relative;margin-bottom:16px;padding:12px 15px;border-radius:12px;font-weight:650}.flash-success{background:var(--good-soft);color:var(--good)}.flash-danger{background:var(--danger-soft);color:var(--danger)}.flash-warning{background:#fff6e8;color:var(--warning)}
.scanner-shell{max-width:1120px;margin-inline:auto}.scanner-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.scanner-top h1{margin:.1em 0}.scanner-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(380px,1.2fr);gap:20px;align-items:start}.camera-card,.membership-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.qr-reader{overflow:hidden;border-radius:18px;min-height:330px;background:#18151c}.qr-reader video{border-radius:18px}.scanner-hint{text-align:center;padding:14px 5px 8px;color:var(--muted);font-size:.86rem}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#27a66a;margin-right:5px;box-shadow:0 0 0 0 rgba(39,166,106,.6);animation:pulse 1.6s infinite}.manual-qr{display:flex;gap:8px;margin-top:10px}.membership-card{min-height:470px}.membership-card.is-empty{display:grid;place-items:center}.empty-scan{text-align:center;color:var(--muted);max-width:340px}.scan-icon{width:72px;height:72px;border-radius:22px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:2.4rem;margin:0 auto 15px}.member-head{display:flex;justify-content:space-between;gap:18px}.member-head h2{margin:.1em 0}.member-head p{margin:0;color:var(--muted)}.big-progress{display:flex;gap:18px;align-items:center;margin:24px 0}.big-progress-ring{width:108px;height:108px;flex:0 0 108px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--primary) var(--progress,0%),#eeeaf3 0);position:relative}.big-progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.big-progress-ring strong,.big-progress-ring small{position:relative;z-index:1}.big-progress-ring strong{font-size:2rem;line-height:1}.big-progress-ring small{color:var(--muted)}.visual-stamps{grid-template-columns:repeat(8,1fr);margin:16px 0}.visual-stamps .stamp{font-size:.78rem}.reward-banner{display:flex;align-items:center;gap:12px;background:#fff5d8;border:1px solid #f5d276;border-radius:14px;padding:12px;margin:14px 0}.reward-banner>span{font-size:1.8rem}.reward-banner div{display:grid}.reward-banner small{color:#806400}.operation-box{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.operation-box h3,.reward-actions h3{margin:0 0 12px}.reward-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.reward-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #f0d990;background:#fffaf0;border-radius:14px;padding:12px;margin-bottom:8px}.reward-item strong,.reward-item small{display:block}.reward-item small{color:var(--muted)}.scanner-toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#20172b;color:#fff;border-radius:14px;padding:13px 16px;box-shadow:var(--shadow);max-width:340px}.scanner-toast.error{background:#8f2118}.scanner-toast.success{background:#146c46}.mobile-nav{display:none}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(39,166,106,0)}100%{box-shadow:0 0 0 0 rgba(39,166,106,0)}}
@media(max-width:900px){.hero-grid,.scanner-layout,.two-col{grid-template-columns:1fr}.hero-grid{gap:42px;padding-top:42px}.wallet-demo{justify-self:center}.metric-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.user-chip{display:none}.app-main{padding-bottom:92px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:9px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -12px 28px rgba(31,20,53,.08)}.mobile-nav a{text-align:center;font-size:.72rem;font-weight:750;padding:7px 2px}.visual-stamps{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.container,.app-main{width:min(100% - 24px,1200px)}.hero{padding-bottom:55px}.public-nav{height:68px}.hero-grid{padding-top:28px}.hero h1{font-size:2.7rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn-link{text-align:center}.wallet-demo{padding:22px}.section{padding:58px 0}.split-callout,.page-head,.scanner-top{align-items:stretch;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.inline-form,.search-form,.manual-qr{align-items:stretch;flex-direction:column}.inline-form label{min-width:0}.form-row{grid-template-columns:1fr}.scanner-shell{margin-top:-8px}.camera-card,.membership-card{border-radius:20px;padding:13px}.qr-reader{min-height:280px}.big-progress{align-items:flex-start}.program-card{flex-direction:column}.program-rule{text-align:left}.topbar{height:62px}}
.desktop-nav{display:flex;align-items:center;gap:17px;margin-left:auto;margin-right:24px}.desktop-nav a{font-size:.78rem;color:#d9cfdf;font-weight:700}.desktop-nav a:hover{color:#fff}@media(max-width:1050px){.desktop-nav{display:none}}

/* v0.3.1 · Selección de contexto antes de entrar a la app */
.context-shell{min-height:100vh;background:radial-gradient(circle at 12% 18%,#eee6ff,transparent 25%),radial-gradient(circle at 88% 88%,#e7dcff,transparent 26%),#f7f6fa}.context-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1120px)/2));background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.context-shell main>.flash{width:min(760px,calc(100% - 30px));margin:18px auto 0}.context-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:36px 18px 70px}.context-card{width:min(100%,720px);background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.context-head{display:flex;gap:16px;align-items:flex-start}.context-head .brand-mark{flex:0 0 42px;width:42px;height:42px}.context-head h1{font-size:clamp(2rem,5vw,3rem);line-height:1.04;letter-spacing:-.045em;margin:.08em 0 .22em}.context-head p{color:var(--muted);margin:0;max-width:580px}.context-steps{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;margin:30px 0 26px;padding:18px;background:#faf9fc;border:1px solid var(--line);border-radius:18px}.context-step{display:flex;align-items:center;gap:11px;color:#958d9e}.context-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ece9f0;font-weight:900}.context-step div{display:grid}.context-step small{font-size:.72rem}.context-step.active,.context-step.done{color:var(--text)}.context-step.active>span{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(109,40,217,.2)}.context-step.done>span{background:var(--good);color:#fff}.context-line{height:2px;background:#e5e1ea}.context-form{margin-top:18px}.context-help{margin:-5px 0 3px;color:var(--muted);font-size:.84rem}.context-selection{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);background:#faf9fc;border-radius:16px;padding:14px 16px;margin-bottom:18px}.context-selection>div{display:grid}.context-selection small{color:var(--muted)}.context-selection strong{font-size:1.08rem}.page-head-actions,.context-summary-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.context-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.context-summary h2{margin:.1em 0}.context-summary p{margin:0;color:var(--muted)}.context-link{font-size:.75rem;font-weight:750;color:#d9cfdf;white-space:nowrap}.context-link:hover{color:#fff}.scanner-hint{display:grid;place-items:center;grid-template-columns:auto auto;justify-content:center;column-gap:5px}.scanner-hint small{grid-column:1/-1;margin-top:3px;color:#9b94a3;font-size:.72rem}
@media(max-width:900px){.context-link{display:none}.page-head-actions{width:100%}.page-head-actions .btn{flex:1}.context-summary{align-items:flex-start;flex-direction:column}.context-summary-actions{width:100%}.context-summary-actions .btn{flex:1}}
@media(max-width:620px){.context-topbar{height:64px;padding:0 14px}.context-page{min-height:calc(100vh - 64px);padding:22px 12px 42px}.context-card{padding:22px;border-radius:22px}.context-head{gap:11px}.context-head .brand-mark{width:38px;height:38px;flex-basis:38px}.context-steps{grid-template-columns:1fr 22px 1fr;padding:13px 10px;gap:4px}.context-step{gap:7px}.context-step>span{width:30px;height:30px}.context-step small{font-size:.66rem}.context-selection{align-items:stretch;flex-direction:column}.context-selection .btn{width:100%}.page-head-actions{flex-direction:column}.page-head-actions .btn{width:100%}.context-summary-actions{flex-direction:column}.context-summary-actions .btn{width:100%}}