.smcn{--bg:#F3F4F7;--card:#fff;--ink:#14171F;--mut:#6B7280;--line:#E3E5EA;--acc:#2554EB;--soft:#E8EEFD;--ok:#16794C;--oks:#E3F4EA;--bad:#B42318;--bads:#FDECEA;color:var(--ink);font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;gap:18px;box-sizing:border-box}
.smcn *{box-sizing:border-box}
.smcn.smcn--lealtad{--acc:#C2650A;--soft:#FDEEDD}
.smcn a{text-decoration:none;color:inherit}
.smcn .seg a{font-size:12.5px;font-weight:600;color:var(--mut);padding:6px 12px;border-radius:8px;display:inline-block}
.smcn .seg a.on{background:var(--ink);color:var(--card)}
.smcn details.dlx>summary{list-style:none;cursor:pointer}
.smcn details.dlx>summary::-webkit-details-marker{display:none}
.smcn .mnu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink)}
.smcn .mnu a:hover{background:var(--soft)}
.smcn .bt{cursor:pointer}
.smcn .vacio{color:var(--mut);font-size:12.5px;margin:0}
.smcn h1,.smcn h2{font-family:inherit;color:var(--ink)}
.smcn .hd{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.smcn h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}
.smcn .sub{color:var(--mut);font-size:13px;margin-top:2px}
.smcn .ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.smcn .seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:2px}
.smcn .seg b{font-size:12.5px;font-weight:600;color:var(--mut);padding:6px 12px;border-radius:8px}
.smcn .seg b.on{background:var(--ink);color:var(--card)}
.smcn .sel{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line);background:var(--card);border-radius:10px;font-size:13px;font-weight:600}
.smcn .kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.smcn .kp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.smcn .c{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}
.smcn .kl{color:var(--mut);font-size:12.5px;font-weight:600}
.smcn .kv{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:6px 0 8px}
.smcn .d{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--oks);color:var(--ok)}
.smcn .d.dn{background:var(--bads);color:var(--bad)}
.smcn .dm{color:var(--mut);font-size:11.5px;margin-left:6px}
.smcn .r2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}
.smcn .r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.smcn .r2,.smcn .r3{grid-template-columns:minmax(0,1fr)}}
.smcn .ct{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.smcn .ct h2{margin:0;font-size:15px;font-weight:700}
.smcn .ct small{color:var(--mut);font-size:12px}
.smcn .lgd{display:flex;gap:14px;color:var(--mut);font-size:12px;font-weight:600}
.smcn .lgd i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--acc)}
.smcn .lgd i.b{background:var(--ink);opacity:.45}
.smcn .ch svg{width:100%;height:200px;display:block}
.smcn .gl line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.smcn .ar{fill:var(--acc);opacity:.12}
.smcn .l1{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.smcn .l2{fill:none;stroke:var(--ink);opacity:.45;stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.smcn .ax{display:flex;justify-content:space-between;color:var(--mut);font-size:11.5px;margin-top:8px}
.smcn .br{display:grid;grid-template-columns:96px minmax(0,1fr) 74px;gap:10px;align-items:center;padding:7px 0}
.smcn .br span{font-size:13px;font-weight:600}
.smcn .br em{font-style:normal;text-align:right;font-size:12.5px;color:var(--mut)}
.smcn .br em b{color:var(--ink);font-size:13px}
.smcn .tr{height:10px;border-radius:99px;background:var(--soft);overflow:hidden}
.smcn .tr i{display:block;height:100%;border-radius:99px;background:var(--acc)}
.smcn .st{display:flex;height:14px;border-radius:99px;overflow:hidden;gap:2px;margin:4px 0 16px}
.smcn .st i{display:block;height:100%}
.smcn .s1{background:var(--acc)}
.smcn .s2{background:color-mix(in srgb,var(--acc) 68%,var(--card))}
.smcn .s3{background:color-mix(in srgb,var(--acc) 42%,var(--card))}
.smcn .s4{background:color-mix(in srgb,var(--acc) 22%,var(--card))}
.smcn .lr{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;font-weight:600}
.smcn .lr i{width:10px;height:10px;border-radius:3px;flex:none}
.smcn .lr span{flex:1}
.smcn .lr b{font-weight:700}
.smcn .dw{display:flex;align-items:flex-end;gap:10px;height:130px}
.smcn .dw div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.smcn .dw i{display:block;width:100%;border-radius:8px 8px 4px 4px;background:var(--soft)}
.smcn .dw i.pk{background:var(--acc)}
.smcn .dw small{color:var(--mut);font-size:11.5px;font-weight:600}
.smcn .nt{margin:14px 0 0;color:var(--mut);font-size:12.5px}
.smcn .nt b{color:var(--ink)}
.smcn .tp{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.smcn .tp:first-of-type{border-top:0;padding-top:0}
.smcn .tp svg{width:34px;height:34px;padding:8px;border-radius:10px;background:var(--soft);flex:none;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smcn .tp p{margin:0 0 8px;font-size:13px;line-height:1.45}
.smcn .tp p b{font-weight:700}
.smcn .bt{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--ink);font-size:12.5px;font-weight:600}
.smcn .nw{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--soft);color:var(--acc)}
.smcn .r4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.smcn .r4{grid-template-columns:minmax(0,1fr)}}
.smcn .fn{display:flex;flex-direction:column;gap:12px}
.smcn .fr span{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:6px}
.smcn .fr span b{font-weight:700}
.smcn .dlx{position:relative}
.smcn .dlb{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--line);background:var(--card);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--ink)}
.smcn .dlb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smcn .dlb svg.cv{width:12px;height:12px;color:var(--mut)}
.smcn .mnu{position:absolute;right:0;top:40px;width:220px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 14px 30px -14px rgba(0,0,0,.4);z-index:5}
.smcn .mnu div{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:600}
.smcn .mnu div:first-child{background:var(--soft)}
.smcn .mnu small{display:block;color:var(--mut);font-weight:400;font-size:11.5px}
.smcn .mnu svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ---- Resumen ---- */
.smcn.smcn--res .av{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--acc);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.smcn.smcn--res .hd{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.smcn.smcn--res h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}
.smcn.smcn--res .sub{color:var(--mut);font-size:13px;margin-top:2px}
.smcn.smcn--res .chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:99px;background:var(--oks);color:var(--ok);font-size:12.5px;font-weight:700}
.smcn.smcn--res .kp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:760px){.smcn.smcn--res .kp3{grid-template-columns:minmax(0,1fr)}}
.smcn.smcn--res .c{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}
.smcn.smcn--res .kl{color:var(--mut);font-size:12.5px;font-weight:600}
.smcn.smcn--res .kr{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:6px}
.smcn.smcn--res .kv{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.smcn.smcn--res .d{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--oks);color:var(--ok)}
.smcn.smcn--res .dm{color:var(--mut);font-size:11.5px;margin-left:6px}
.smcn.smcn--res .spk{width:96px;height:32px;flex:none;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.smcn.smcn--res .gr{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:start}
@media(max-width:1100px){.smcn.smcn--res .gr{grid-template-columns:minmax(0,1fr)}}
.smcn.smcn--res .col{display:flex;flex-direction:column;gap:14px;min-width:0}
.smcn.smcn--res .ct{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.smcn.smcn--res .ct h2{margin:0;font-size:15px;font-weight:700}
.smcn.smcn--res .ct small{color:var(--mut);font-size:12px}
.smcn.smcn--res .ct a{color:var(--acc);font-size:12.5px;font-weight:700}
.smcn.smcn--res .rw{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.smcn.smcn--res .rw:first-of-type{border-top:0;padding-top:0}
.smcn.smcn--res .rw .t{flex:1;min-width:0}
.smcn.smcn--res .rw b{display:block;font-size:13.5px}
.smcn.smcn--res .rw small{color:var(--mut);font-size:12px}
.smcn.smcn--res .tg{flex:none;min-width:76px;text-align:center;padding:6px 8px;border-radius:10px;background:var(--soft);color:var(--acc);font-size:12px;font-weight:700;line-height:1.25}
.smcn.smcn--res .bt{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--ink);font-size:12.5px;font-weight:600;white-space:nowrap}
.smcn.smcn--res .ev{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.smcn.smcn--res .ev:first-of-type{border-top:0;padding-top:0}
.smcn.smcn--res .ev svg{width:30px;height:30px;padding:7px;border-radius:9px;background:var(--soft);flex:none;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--res .ev span{flex:1;min-width:0}
.smcn.smcn--res .ev em{font-style:normal;color:var(--mut);font-size:11.5px;white-space:nowrap}
.smcn.smcn--res .bp{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;background:var(--acc);color:var(--card);font-size:13px;font-weight:700}
.smcn.smcn--res .bp svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--res .bw{justify-content:center;height:46px;font-size:14px}
.smcn.smcn--res .lk{display:flex;align-items:center;justify-content:space-between;gap:8px;height:38px;padding:0 6px 0 12px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;font-weight:600;margin-top:12px}
.smcn.smcn--res .lk span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:11px;letter-spacing:-.01em}
.smcn.smcn--res .lk .bt{height:30px;padding:0 10px}
.smcn.smcn--res .sh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.smcn.smcn--res .sh a,.smcn.smcn--res .sh div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:72px;padding:12px 6px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap}
.smcn.smcn--res .sh svg{width:18px;height:18px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--res .tr{height:8px;border-radius:99px;background:var(--soft);overflow:hidden;margin:12px 0 8px}
.smcn.smcn--res .tr i{display:block;height:100%;border-radius:99px;background:var(--acc)}
.smcn.smcn--res .pl{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}
.smcn.smcn--res .pl small{color:var(--mut);font-weight:500;font-size:12px}
.smcn.smcn--res .ac{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 18px}
.smcn.smcn--res .ac .p{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.smcn.smcn--res .cp{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;background:var(--oks);color:var(--ok);font-size:11.5px;font-weight:700}
.smcn.smcn--res .ac .b{flex:1 1 240px;min-width:0}
.smcn.smcn--res .ac .am{display:flex;justify-content:space-between;color:var(--mut);font-size:12px}
.smcn.smcn--res .ac .tr{margin:6px 0 0}
.smcn.smcn--res .tp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.smcn.smcn--res .acw{grid-column:span 2;display:flex;flex-direction:column;gap:8px}
.smcn.smcn--res .pub{align-self:flex-end;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;background:var(--oks);color:var(--ok);font-size:11.5px;font-weight:700}
.smcn.smcn--res .tp3 .dlb{justify-self:end}
@media(max-width:760px){.smcn.smcn--res .tp3{grid-template-columns:minmax(0,1fr)}.smcn.smcn--res .acw{grid-column:auto}.smcn.smcn--res .tp3 .dlb{justify-self:stretch;justify-content:center;height:44px}}
.smcn.smcn--res .dlb{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--line);background:var(--card);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--ink)}
.smcn.smcn--res .dlb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--res .dlb svg.cv{width:12px;height:12px;color:var(--mut)}
.smcn.smcn--res .nw{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--soft);color:var(--acc)}
/* ---- Cartel y QR ---- */
.smcn.smcn--cartel .av{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--acc);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.smcn.smcn--cartel .hd{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.smcn.smcn--cartel h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}
.smcn.smcn--cartel .sub{color:var(--mut);font-size:13px;margin-top:2px}
.smcn.smcn--cartel .bp{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;background:var(--acc);color:var(--card);font-size:13px;font-weight:700}
.smcn.smcn--cartel .bp svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--cartel .spk{width:96px;height:32px;flex:none;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.smcn.smcn--cartel .bt{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--ink);font-size:12.5px;font-weight:600;white-space:nowrap}
.smcn.smcn--cartel .stg{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;justify-content:center;align-items:center;min-height:760px}
.smcn.smcn--cartel .pp{position:relative;overflow:hidden;width:380px;aspect-ratio:8.5/11;border-radius:6px;background:#FFF8EC;box-shadow:0 10px 30px rgba(20,23,31,.18);color:#2B1A07}
.smcn.smcn--cartel .ph{position:absolute;left:0;right:0;top:0;height:60%;background:linear-gradient(160deg,#8A5A2B,#3B2410 70%);display:flex;align-items:center;justify-content:center}
.smcn.smcn--cartel .ph svg{width:44px;height:44px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--cartel .pp .br{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:99px;padding:5px 12px 5px 5px;font-weight:700;font-size:12.5px}
.smcn.smcn--cartel .pp .br i{width:24px;height:24px;border-radius:50%;background:#C2650A;display:block}
.smcn.smcn--cartel .pb{position:absolute;left:0;right:0;bottom:0;height:40%;background:#FFF8EC;padding:20px 22px 16px;display:flex;flex-direction:column;justify-content:space-between}
.smcn.smcn--cartel .pr{display:flex;align-items:center;justify-content:space-between;gap:14px}
.smcn.smcn--cartel .pr h3{margin:0;font-size:23px;line-height:1.12;letter-spacing:-.02em;font-weight:800}
.smcn.smcn--cartel .pr p{margin:8px 0 0;font-size:12px;color:#6B4A22}
.smcn.smcn--cartel .qb{flex:none;background:#fff;border:2.5px solid #C2650A;border-radius:12px;padding:8px}
.smcn.smcn--cartel .qrs{width:100px;height:100px;display:block;fill:#14171F}
.smcn.smcn--cartel .pp .ft{font-size:10.5px;color:#8A6A40;font-weight:600}
.smcn.smcn--cartel .tpl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.smcn.smcn--cartel .tpl div{text-align:center;font-size:10.5px;font-weight:600;color:var(--mut)}
.smcn.smcn--cartel .tpl div.on{color:var(--acc)}
.smcn.smcn--cartel .tpl i{position:relative;display:block;aspect-ratio:8.5/11;border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-bottom:5px;background:#FFF8EC}
.smcn.smcn--cartel .tpl div.on i{outline:2px solid var(--acc);outline-offset:1px}
.smcn.smcn--cartel .tpl b{position:absolute;display:block}
.smcn.smcn--cartel .im{display:flex;align-items:center;gap:10px}
.smcn.smcn--cartel .im .bo{flex:1}
.smcn.smcn--cartel .bo{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:13.5px}
.smcn.smcn--cartel .bo svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--cartel .seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.smcn.smcn--cartel .seg2 span{display:flex;align-items:center;justify-content:center;height:44px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600}
.smcn.smcn--cartel .seg2 span.on{border-color:var(--acc);background:var(--soft);color:var(--acc)}
.smcn.smcn--cartel .fl2{display:block;color:var(--mut);font-size:12px;font-weight:600;margin-bottom:8px}
.smcn.smcn--cartel .fr{display:flex;justify-content:space-between;align-items:baseline}
.smcn.smcn--cartel .fr small{color:var(--mut);font-size:11.5px;font-variant-numeric:tabular-nums}
.smcn.smcn--cartel .tx{min-height:44px;display:flex;align-items:center}
.smcn.smcn--cartel .ids{display:flex;flex-direction:column;gap:6px}
.smcn.smcn--cartel .ids span{display:flex;align-items:center;min-height:44px;padding:0 12px;border:1px dashed var(--line);border-radius:10px;font-size:13px;font-weight:600;color:var(--mut)}
.smcn.smcn--cartel .al span{gap:8px}
.smcn.smcn--cartel .al svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.smcn.smcn--cartel .lgp{width:44px;height:44px;border-radius:50%;background:#C2650A;flex:none;display:block}
.smcn.smcn--cartel .tg{flex:none;padding:5px 10px;border-radius:99px;background:var(--soft);color:var(--acc);font-size:12px;font-weight:700}
.smcn.smcn--cartel .pn2{padding:0;overflow:hidden}
.smcn.smcn--cartel .ph2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.smcn.smcn--cartel .ph2 b{display:block;font-size:14px}
.smcn.smcn--cartel .ph2 small{color:var(--mut);font-size:12px}
.smcn.smcn--cartel .sc{padding:16px 18px;border-bottom:1px solid var(--line)}
.smcn.smcn--cartel .st{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;margin-bottom:12px}
.smcn.smcn--cartel .st em{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--soft);color:var(--acc);display:grid;place-items:center;font-size:11px}
.smcn.smcn--cartel .sw2{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.smcn.smcn--cartel .sw2 i{display:block;aspect-ratio:1;border-radius:10px;border:1px solid rgba(128,128,128,.45)}
.smcn.smcn--cartel .sw2 i.on{outline:2px solid var(--acc);outline-offset:2px}
.smcn.smcn--cartel .sw2 i.pl{display:grid;place-items:center;background:none;border-style:dashed}
.smcn.smcn--cartel .sw2 i.pl svg{width:16px;height:16px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round}
.smcn.smcn--cartel .hue{position:relative;height:12px;border-radius:99px;margin:16px 2px 4px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.smcn.smcn--cartel .hue u{position:absolute;left:8%;top:-4px;width:20px;height:20px;border-radius:50%;background:#C2650A;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.smcn.smcn--cartel .hx{display:flex;align-items:center;gap:8px;margin-top:14px}
.smcn.smcn--cartel .hx s{width:30px;height:30px;border-radius:8px;display:block;flex:none;border:1px solid var(--line)}
.smcn.smcn--cartel .hx span:nth-of-type(1){flex:1;min-width:0;height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums}
.smcn.smcn--cartel .hx .bt{height:44px;padding:0 10px;font-size:12px;white-space:normal;text-align:center;line-height:1.15}
.smcn.smcn--cartel .dl2{padding:16px 18px;background:var(--bg)}
.smcn.smcn--cartel .dl2 .bo{display:flex;width:100%;background:var(--card)}
.smcn.smcn--cartel .dl2 .dl .bo{width:auto}
.smcn.smcn--cartel .pn2 .tg2{margin-top:6px}
.smcn.smcn--cartel .pn2 .seg3{margin-bottom:4px}
.smcn.smcn--cartel .mn2{flex:999 1 560px;min-width:0;padding:28px;display:flex;flex-direction:column;gap:18px}
.smcn.smcn--cartel .ed{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
@media(max-width:980px){.smcn.smcn--cartel .ed{grid-template-columns:minmax(0,1fr)}}
.smcn.smcn--cartel .pn{display:flex;flex-direction:column;gap:14px}
.smcn.smcn--cartel .fl{display:block;color:var(--mut);font-size:12px;font-weight:700;margin-bottom:8px}
.smcn.smcn--cartel .seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.smcn.smcn--cartel .seg3 span{display:flex;align-items:center;justify-content:center;height:44px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;font-weight:600;text-align:center;line-height:1.15}
.smcn.smcn--cartel .seg3 span.on{border-color:var(--acc);background:var(--soft);color:var(--acc)}
.smcn.smcn--cartel .dg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.smcn.smcn--cartel .dg i{display:block;aspect-ratio:8.5/11;border:1px solid var(--line);border-radius:6px}
.smcn.smcn--cartel .dg i.on{outline:2px solid var(--acc);outline-offset:1px}
.smcn.smcn--cartel .sw{display:flex;gap:10px}
.smcn.smcn--cartel .sw i{width:44px;height:44px;border-radius:50%;display:block;border:1px solid var(--line)}
.smcn.smcn--cartel .sw i.on{outline:2px solid var(--acc);outline-offset:2px}
.smcn.smcn--cartel .tx{border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13.5px;font-weight:600}
.smcn.smcn--cartel .tg2{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:13.5px;font-weight:600}
.smcn.smcn--cartel .tg2 s{width:42px;height:24px;border-radius:99px;background:var(--acc);position:relative;display:block}
.smcn.smcn--cartel .tg2 s:after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--card)}
.smcn.smcn--cartel .ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.smcn.smcn--cartel .ch span{border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:11.5px;color:var(--mut);font-weight:600}
.smcn.smcn--cartel .dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.smcn.smcn--cartel .dl .bp{justify-content:center;height:46px}
.smcn.smcn--cartel .dl .bo{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:13.5px}
.smcn.smcn--cartel .nt{color:var(--mut);font-size:12px;margin:0}
.smcn.smcn--cartel .cp .sc{padding:12px 16px}
.smcn.smcn--cartel .cp .ph2{padding:12px 16px}
.smcn.smcn--cartel .cp .st{margin-bottom:8px}
.smcn.smcn--cartel .cp .seg3 span{height:36px;font-size:12.5px}
.smcn.smcn--cartel .up2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.smcn.smcn--cartel .up2 .bo{height:40px;font-size:12.5px;gap:6px;min-width:0}
.smcn.smcn--cartel .up2 .lgp{width:22px;height:22px}
.smcn.smcn--cartel .cp .tx{min-height:40px;padding:0 12px;font-size:13px;justify-content:space-between;gap:8px}
.smcn.smcn--cartel .cp .tx small{color:var(--mut);font-size:11px;font-weight:600;flex:none}
.smcn.smcn--cartel .cp .ids{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:8px}
.smcn.smcn--cartel .cp .ids span{min-height:30px;padding:0 10px;border-radius:99px;font-size:11.5px}
.smcn.smcn--cartel .two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;margin-top:10px}
.smcn.smcn--cartel .two .seg2 span{height:36px}
.smcn.smcn--cartel .cp .sw2 i{border-radius:8px}
.smcn.smcn--cartel .cp .hue{margin:12px 2px 2px}
.smcn.smcn--cartel .cp .hx{margin-top:10px}
.smcn.smcn--cartel .cp .hx span:nth-of-type(1),.smcn.smcn--cartel .cp .hx .bt{height:38px}
.smcn.smcn--cartel .pls{display:flex;gap:6px}
.smcn.smcn--cartel .pls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-right:5px}
.smcn.smcn--cartel .pls span{flex:1;display:flex;align-items:center;justify-content:center;height:36px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--mut)}
.smcn.smcn--cartel .pls span.on{border-color:var(--acc);background:var(--soft);color:var(--acc)}
.smcn.smcn--cartel .dl2{padding:12px 16px}
.smcn.smcn--cartel .dl3{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}
.smcn.smcn--cartel .dl3 .bp,.smcn.smcn--cartel .dl3 .bo{justify-content:center;height:42px;font-size:13px;gap:6px;padding:0 8px}
.smcn.smcn--cartel .dl3 .bo{background:var(--card)}
.smcn.smcn--cartel .stg{min-height:0;align-self:stretch}
/* controles reales (botones/inputs) con el aspecto del mockup */
.smcn--cartel button,.smcn--cartel input{font:inherit;color:inherit}
.smcn--cartel button.bo,.smcn--cartel button.bp,.smcn--cartel button.bt,.smcn--cartel .pls button,.smcn--cartel .seg2 button,.smcn--cartel .seg3 button,.smcn--cartel .ids button,.smcn--cartel .tpl button{cursor:pointer;background:none;appearance:none}
.smcn.smcn--cartel button.bp{background:var(--acc);color:#fff;border:0}
.smcn.smcn--cartel button.bo{background:var(--card)}
.smcn.smcn--cartel .tpl button{border:0;padding:0;text-align:center;font-size:10.5px;font-weight:600;color:var(--mut)}
.smcn.smcn--cartel .tpl button.on{color:var(--acc)}
.smcn.smcn--cartel .tpl canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px;margin-bottom:5px;background:#fff}
.smcn.smcn--cartel .tpl button.on canvas{outline:2px solid var(--acc);outline-offset:1px}
.smcn.smcn--cartel .seg3 button,.smcn.smcn--cartel .seg2 button,.smcn.smcn--cartel .pls button{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;font-weight:600;color:var(--mut);background:var(--card)}
.smcn.smcn--cartel .seg3 button{height:44px;font-size:12.5px}
.smcn.smcn--cartel .cp .seg3 button{height:36px}
.smcn.smcn--cartel .seg2 button{height:36px;font-size:13px}
.smcn.smcn--cartel .pls button{flex:1;height:36px;font-size:12.5px}
.smcn.smcn--cartel .seg3 button.on,.smcn.smcn--cartel .seg2 button.on,.smcn.smcn--cartel .pls button.on{border-color:var(--acc);background:var(--soft);color:var(--acc)}
.smcn.smcn--cartel .pls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-right:5px}
.smcn.smcn--cartel .pls button:not(.on) svg{visibility:hidden;width:0;margin:0}
.smcn.smcn--cartel .tx{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.smcn.smcn--cartel .tx input{flex:1;min-width:0;border:0;outline:0;background:none;font-weight:600;font-size:13px;padding:0;height:38px}
.smcn.smcn--cartel .tx:focus-within{border-color:var(--acc)}
.smcn.smcn--cartel .cp .tx{padding:0 12px;min-height:40px;margin-top:0}
.smcn.smcn--cartel .tx+.tx{margin-top:6px}
.smcn.smcn--cartel .tx.sub input{font-weight:500}
.smcn.smcn--cartel .ids button{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px dashed var(--line);border-radius:99px;font-size:11.5px;font-weight:600;color:var(--mut);background:none}
.smcn.smcn--cartel .ids button:hover{border-color:var(--acc);color:var(--acc)}
.smcn.smcn--cartel .sw2 button{display:block;width:100%;aspect-ratio:1;padding:0;border-radius:8px;border:1px solid rgba(128,128,128,.45);cursor:pointer}
.smcn.smcn--cartel .sw2 button.on{outline:2px solid var(--acc);outline-offset:2px}
.smcn.smcn--cartel .sw2 button.pl{display:grid;place-items:center;background:none;border-style:dashed}
.smcn.smcn--cartel .sw2 button.pl svg{width:16px;height:16px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round}
.smcn.smcn--cartel .hue{height:12px}
.smcn.smcn--cartel .hue input{-webkit-appearance:none;appearance:none;position:absolute;left:-2px;right:-2px;top:-6px;width:calc(100% + 4px);height:24px;margin:0;background:none;cursor:pointer}
.smcn.smcn--cartel .hue input::-webkit-slider-runnable-track{background:none;height:24px}
.smcn.smcn--cartel .hue input::-moz-range-track{background:none;height:24px}
.smcn.smcn--cartel .hue input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--perilla,#C2650A);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35);margin-top:2px}
.smcn.smcn--cartel .hue input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--perilla,#C2650A);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.smcn.smcn--cartel .hx input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums;background:var(--card);text-transform:uppercase}
.smcn.smcn--cartel .hx button.bt{height:38px;padding:0 10px;font-size:12px;white-space:normal;text-align:center;line-height:1.15}
.smcn.smcn--cartel .up2 button.bo{height:40px;font-size:12.5px;gap:6px;min-width:0}
.smcn.smcn--cartel .up2 .lgp{width:22px;height:22px;background:center/cover var(--acc)}
.smcn.smcn--cartel .stg canvas{display:block;width:min(100%,380px);height:auto;border-radius:6px;box-shadow:0 10px 30px rgba(20,23,31,.18)}
.smcn.smcn--cartel .quitar{margin-top:8px;font-size:12px;font-weight:600;color:var(--mut);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
.smcn.smcn--cartel .aviso{margin:0;padding:10px 18px;font-size:12.5px;color:var(--bad);background:var(--bads)}
.smcn.smcn--cartel .dl3 .bp,.smcn.smcn--cartel .dl3 .bo{display:inline-flex;align-items:center;justify-content:center;height:42px;font-size:13px;gap:6px;padding:0 8px;border-radius:10px;font-weight:700}
.smcn.smcn--cartel .dl3 .bo{border:1px solid var(--line)}
.smcn.smcn--cartel [hidden]{display:none!important}
.smcn.smcn--cartel .stg{min-height:0;align-self:stretch}
/* ---- Lealtad (solo reglas nuevas) ---- */
.smcn .bars{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:8px;border-bottom:1px solid var(--line)}
.smcn .bars i{flex:1;border-radius:6px 6px 2px 2px;background:var(--soft);display:block}
.smcn .bars i.pk{background:var(--acc)}
.smcn .pp{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.smcn .pp:first-of-type{border-top:0;padding-top:0}
.smcn .pp .t{flex:1;min-width:0}
.smcn .pp b{display:block;font-size:13.5px}
.smcn .pp small{color:var(--mut);font-size:12px}
.smcn .pg{height:6px;border-radius:99px;background:var(--soft);overflow:hidden;margin-top:6px}
.smcn .pg i{display:block;height:100%;background:var(--acc);border-radius:99px}
.smcn .av2{width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--acc);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.smcn.smcn--res .fl{display:block;color:var(--mut);font-size:12px;font-weight:700;margin:12px 0 8px}
.smcn.smcn--res .chn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.smcn.smcn--res .chn div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:600}
.smcn.smcn--res .chn div.on{border-color:var(--acc);background:var(--soft);color:var(--acc)}
.smcn.smcn--res .chn svg{width:18px;height:18px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--res .chn small{font-size:10.5px;color:var(--mut);font-weight:600}
.smcn.smcn--res .rw:first-of-type{border-top:0;padding-top:0}
.smcn.smcn--res .tg.ok{background:var(--oks);color:var(--ok)}
.smcn.smcn--res .ev:first-of-type{border-top:0;padding-top:0}
.smcn.smcn--res .msg{border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px;min-height:68px}
.smcn.smcn--res .cnt{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--mut);font-size:12px}
.smcn.smcn--res .qr{display:flex;align-items:center;gap:14px}
.smcn.smcn--res .qr svg.q{width:72px;height:72px;flex:none;padding:6px;border:1px solid var(--line);border-radius:12px;fill:var(--ink)}
.smcn.smcn--res .qr p{margin:0 0 8px;font-size:13px}
.smcn.smcn--res .rt{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.smcn.smcn--res .est{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:99px;background:var(--oks);color:var(--ok);font-size:12.5px;font-weight:700}
.smcn .hd h1{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}
.smcn .pp a.bt{white-space:nowrap}
.smcn .pp .av2{background:var(--soft);color:var(--acc)}
.smcn .pp small.sin{color:var(--mut);font-size:11.5px}
.smcn.smcn--res .chn button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:600;background:var(--card);cursor:pointer;padding:8px 4px}
.smcn.smcn--res .chn button.on{border-color:var(--acc);background:var(--soft);color:var(--acc)}
.smcn.smcn--res .chn button svg{width:18px;height:18px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smcn.smcn--res .chn button small{font-size:10.5px;color:var(--mut);font-weight:600}
.smcn.smcn--res textarea.msg{width:100%;resize:vertical;font:inherit;background:var(--card);color:var(--ink)}
.smcn.smcn--res button.bt{cursor:pointer;background:none}
.smcn.smcn--res button.bt[disabled]{opacity:.5;cursor:not-allowed}
.smcn.smcn--res .cnt .bt{background:var(--acc);color:#fff;border-color:var(--acc)}
.smcn.smcn--res .cnt .bt.sec{background:none;color:var(--ink);border-color:var(--line)}
.smcn.smcn--res .lk button.bt{background:none}
.smcn.smcn--res .aviso{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:12.5px;background:var(--oks);color:var(--ok)}
.smcn.smcn--res .aviso.no{background:var(--bads);color:var(--bad)}
.smcn select.sel{height:34px;padding:0 28px 0 12px;border:1px solid var(--line);background-color:var(--card);border-radius:10px;font-size:13px;font-weight:600;color:var(--ink);max-width:100%}
.smcn .bars i{min-width:2px}
.smcn [hidden]{display:none!important}