/* Karpos — Mercado estilo Companio (ver market.js) */
#s-explorar.mk-on #exploreList{display:none!important}
#s-explorar.mk-on:has(#exploreDetail:not([style*="none"])) #mkView{display:none}
.mk{padding-bottom:30px}
.mk .muted{color:var(--muted)}

/* hero */
.mk-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:330px;border-radius:26px;overflow:hidden;border:1px solid rgba(216,201,163,.18);
  background:radial-gradient(closest-side at 72% 38%,rgba(216,201,163,.22),transparent 70%),radial-gradient(closest-side at 95% 100%,rgba(0,200,150,.18),transparent),linear-gradient(115deg,#0d0d0c 0%,#141712 42%,#1b2a20 100%);box-shadow:var(--shadow)}
.mk-hero-bg{position:absolute;inset:0;pointer-events:none}
.mk-hero-bg .ridge{position:absolute;left:-5%;right:-5%;bottom:-2px;height:55%;background:linear-gradient(180deg,rgba(0,200,150,.10),rgba(0,0,0,0));clip-path:polygon(0 70%,10% 52%,18% 60%,28% 38%,37% 55%,46% 30%,55% 48%,63% 26%,72% 44%,82% 20%,90% 40%,100% 28%,100% 100%,0 100%)}
.mk-hero-bg .r2{height:42%;opacity:.8;background:linear-gradient(180deg,rgba(216,201,163,.10),rgba(0,0,0,0));clip-path:polygon(0 60%,12% 40%,24% 58%,35% 35%,48% 55%,60% 32%,70% 52%,81% 30%,92% 50%,100% 38%,100% 100%,0 100%)}
.mk-hero-bg .r3{height:26%;background:linear-gradient(180deg,rgba(7,8,10,.4),rgba(7,8,10,.95));clip-path:polygon(0 40%,15% 25%,30% 45%,45% 22%,60% 42%,75% 20%,88% 38%,100% 24%,100% 100%,0 100%)}
.mk-hero-txt{position:relative;padding:40px 36px}
.mk-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--emerald);margin-bottom:14px}
.mk-eyebrow::before{content:"";width:22px;height:1.5px;background:var(--emerald)}
.mk-hero h1{font-family:var(--font-sans);font-weight:600;font-size:clamp(28px,2.9vw,40px);line-height:1.12;letter-spacing:-.03em;margin-bottom:14px}
.mk-hero-txt>p:last-child{color:var(--muted);font-size:15px;line-height:1.55;max-width:420px}
.mk-hero-art{position:relative;height:100%;min-height:300px}
.mk-orb{position:absolute;left:18%;top:50%;transform:translateY(-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.18),rgba(20,20,18,.95) 58%),#0b0b0a;border:1px solid var(--gold-line);box-shadow:0 40px 70px -24px rgba(0,0,0,.95),0 0 70px -10px rgba(216,201,163,.35),inset 0 -14px 30px rgba(0,0,0,.6);animation:mkFloat 6s ease-in-out infinite}
.mk-orb svg{width:92px;height:92px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}
@keyframes mkFloat{50%{transform:translateY(calc(-50% - 8px))}}
.mk-bubble{position:absolute;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),rgba(255,255,255,.06) 45%,rgba(255,255,255,.02) 70%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 -10px 20px rgba(255,255,255,.06),0 18px 30px -18px rgba(0,0,0,.8);backdrop-filter:blur(2px);animation:mkFloat2 7s ease-in-out infinite}
.mk-bubble .ticon{border-radius:16px}
.mk-bubble.b0{width:110px;height:110px;right:22%;top:12%}
.mk-bubble.b1{right:5%;top:30%;animation-delay:-2s}
.mk-bubble.b2{right:30%;bottom:10%;animation-delay:-4s}
@keyframes mkFloat2{50%{transform:translateY(-6px)}}
.mk-quick{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 22px}
.mk-qbtn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:14.5px;font-weight:500;color:var(--text);background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:12px 18px;cursor:pointer;transition:.15s}
.mk-qbtn:hover,.mk-qbtn.on{border-color:var(--gold-line);background:var(--panel2)}
.mk-qbtn svg{width:17px;height:17px}

/* pestañas */
.mk-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:18px;background:var(--panel2);border:1px solid var(--line);margin-bottom:26px;max-width:100%;overflow-x:auto}
.mk-tabs button{font:inherit;font-size:15px;font-weight:500;color:var(--muted);background:none;border:none;border-radius:13px;padding:11px 24px;cursor:pointer;white-space:nowrap;transition:.15s}
.mk-tabs button:hover{color:var(--text)}
.mk-tabs button.on{color:#1c130a;font-weight:600;background:linear-gradient(135deg,#f1dfb0,var(--accent) 50%,var(--accent-warm));box-shadow:0 0 0 2px rgba(216,201,163,.25),0 10px 22px -12px rgba(200,155,108,.8)}
.mk-sec-h{margin-bottom:16px}
.mk-sec-h h2{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:600;font-size:24px;letter-spacing:-.02em;margin-bottom:4px}
.mk-sec-h h2 svg{width:24px;height:24px;color:var(--accent)}
.mk-sec-h p{color:var(--muted);font-size:14.5px}
.mk-badge{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text);background:var(--panel3);border-radius:99px;padding:3px 10px}

/* destacadas */
.mk-feat{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px;margin-bottom:30px;scroll-snap-type:x mandatory}
.mkf{scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(170deg,#141414,#0e0e0e);cursor:pointer;transition:.15s;min-width:0}
.mkf:hover,.mkf:focus-visible{border-color:var(--gold-line);outline:none;transform:translateY(-2px)}
.mkf-h{display:flex;align-items:flex-start;gap:12px;min-width:0}
.mkf-h>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.mkf-h b{font-size:17px;font-weight:600}
.mkf-h small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkf-ses{font-size:12px;color:var(--muted2)}
.mk-tag{display:inline-block;align-self:flex-start;margin-top:4px;font-size:11.5px;font-weight:500;color:var(--text);background:var(--panel3);border-radius:7px;padding:3px 8px}
.mk-tag.gold{background:var(--gold-d);color:var(--accent)}
.mkf-spark{height:68px}
.mkf-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.mkf-px b{display:block;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.mkf-px small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:4px}
.mk-spark{width:100%;height:100%;display:block}
.mk-spark.up{color:#3ddc97}.mk-spark.down{color:#e0605a}
.mk-spark.up stop{stop-color:#3ddc97}.mk-spark.down stop{stop-color:#e0605a}
.mk-spark path:last-child{stroke:currentColor}
.mk-nospark{font-size:12px;color:var(--muted2)}
.mk-fav{width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line2);background:var(--panel);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:.15s}
.mk-fav svg{width:18px;height:18px}
.mk-fav:hover{color:var(--text);border-color:var(--gold-line)}
.mk-fav.on{color:#f4c542;border-color:rgba(244,197,66,.35)}
.mk-fav.on svg{fill:#f4c542}

/* filtros */
.mk-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.mk-search{flex:1 1 320px;display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);color:var(--muted)}
.mk-search:focus-within{border-color:var(--gold-line)}
.mk-search svg{width:18px;height:18px;flex:0 0 auto}
.mk-search input{flex:1 1 auto;min-width:0;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:15px}
.mk-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mk-chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;color:var(--muted);background:var(--panel);border:1px solid var(--line2);border-radius:99px;padding:10px 16px;cursor:pointer;transition:.15s}
.mk-chip svg{width:14px;height:14px}
.mk-chip:hover{color:var(--text)}
.mk-chip.on{color:var(--text);border-color:var(--accent);background:var(--gold-d);font-weight:600}
.mk-more{position:relative}
.mk-more-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:8;min-width:200px;padding:6px;border-radius:14px;border:1px solid var(--line2);background:#121213;box-shadow:0 20px 40px -14px rgba(0,0,0,.9)}
.mk-more-menu button{display:block;width:100%;text-align:left;font:inherit;font-size:14px;color:var(--text);background:none;border:none;border-radius:9px;padding:9px 12px;cursor:pointer}
.mk-more-menu button:hover{background:var(--panel2)}
.mk-sort{font:inherit;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:13px 14px;cursor:pointer}
.mk-count{font-size:13px;color:var(--muted)}

/* tabla */
.mk-table{display:flex;flex-direction:column;gap:10px}
.mk-tr{display:grid;grid-template-columns:44px minmax(230px,1.6fr) minmax(160px,1.6fr) 150px 100px 130px 120px 24px;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(170deg,#131313,#0f0f0f);cursor:pointer;transition:.15s}
.mk-tr:not(.mk-th):hover,.mk-tr:focus-visible{border-color:var(--gold-line);outline:none}
.mk-th{background:none;border:none;padding:0 18px 2px;cursor:default;font-size:13px;color:var(--muted)}
.mk-co{display:flex;align-items:center;gap:12px;min-width:0}
.mk-co>span{display:flex;flex-direction:column;min-width:0}
.mk-co b{font-size:15.5px;font-weight:600}
.mk-co small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-tags{display:flex;gap:6px;flex-wrap:wrap}
.mk-ind{font-size:15px;color:var(--text);overflow:hidden;text-overflow:ellipsis}
.mk-px{display:flex;flex-direction:column}
.mk-px b{font-size:15px;font-weight:600}
.mk-px small{font-size:12px;color:var(--muted2)}
.mk-chg{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;border-radius:8px;padding:4px 8px;font-variant-numeric:tabular-nums}
.mk-chg svg{width:12px;height:12px}
.mk-chg.up{color:#3ddc97;background:rgba(61,220,151,.12)}
.mk-chg.down{color:#ef6a63;background:rgba(239,106,99,.13)}
.mk-chg.na{color:var(--muted2);background:var(--panel2);min-width:34px;justify-content:center}
.mk-sp{height:36px}
.mk-cap{font-size:14.5px;font-weight:500}
.mk-go{color:var(--muted)}
.mk-go svg{width:18px;height:18px}
.mk-more-rows{display:flex;justify-content:center;margin-top:16px}
.mk-loading,.mk-empty{color:var(--muted);padding:20px 4px}
.mk-fine{font-size:12px;color:var(--muted2);line-height:1.55;margin-top:14px}

/* Descubrir */
.mk-disc h1{font-family:var(--font-sans);font-weight:600;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.035em;margin-bottom:8px}
.mk-disc h1 .dot{color:var(--emerald)}
.mk-disc-sub{color:var(--muted);font-size:15.5px;margin-bottom:24px;max-width:760px}
.mk-colls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mk-coll{position:relative;display:flex;flex-direction:column;text-align:left;font:inherit;color:var(--text);padding:0;border-radius:20px;overflow:hidden;border:1px solid var(--line2);background:#121212;cursor:pointer;transition:.18s}
.mk-coll:hover,.mk-coll:focus-visible{border-color:var(--gold-line);transform:translateY(-3px);outline:none}
.mk-cover{position:relative;height:210px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.10),transparent 55%),linear-gradient(140deg,var(--c1),var(--c2));overflow:hidden}
.mk-cover::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px)}
.mk-cover-logos{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,auto);gap:16px;transform:rotate(-6deg)}
.mk-cover-logos .ticon{box-shadow:0 18px 30px -14px rgba(0,0,0,.8)}
.mk-coll-b{display:flex;flex-direction:column;gap:10px;padding:18px 54px 18px 20px}
.mk-coll-b b{font-size:19px;font-weight:600;letter-spacing:-.01em}
.mk-coll-l{display:flex;align-items:center;gap:12px}
.mk-coll-l small{font-size:12.5px;color:var(--muted)}
.mk-stack{display:flex}
.mk-stack .ticon{border-radius:50%;margin-left:-8px;box-shadow:0 0 0 2px #121212}
.mk-stack .ticon:first-child{margin-left:0}
.mk-coll-go{position:absolute;right:18px;bottom:30px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--muted)}
.mk-coll-go svg{width:15px;height:15px}
.mk-backc{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;color:var(--muted);background:none;border:none;cursor:pointer;margin-bottom:14px;padding:4px 0}
.mk-backc svg{width:16px;height:16px}
.mk-collv-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:30px;border-radius:22px;margin-bottom:22px;background:linear-gradient(140deg,var(--c1),var(--c2));border:1px solid var(--line2)}
.mk-collv-h h1{font-family:var(--font-sans);font-weight:600;font-size:34px;letter-spacing:-.03em;margin-bottom:8px}
.mk-collv-h p{color:rgba(241,236,225,.78);max-width:620px;line-height:1.55}

/* Comparador */
.mk-cmp-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.mk-cmp-h h1{font-family:var(--font-sans);font-weight:700;font-size:clamp(34px,3.4vw,48px);letter-spacing:-.04em;line-height:1}
.mk-cmp-h p{font-size:22px;color:var(--muted);margin-top:4px}
.mk-cmp-acts{display:flex;gap:10px;flex-wrap:wrap}
.mk-cta{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:15px;font-weight:600;color:#1c130a;border:none;border-radius:14px;padding:13px 20px;cursor:pointer;background:linear-gradient(135deg,#f1dfb0,var(--accent) 50%,var(--accent-warm));box-shadow:0 0 0 2px rgba(216,201,163,.25),0 12px 26px -14px rgba(200,155,108,.8)}
.mk-cta svg{width:17px;height:17px}
.mk-cta[disabled]{opacity:.5;cursor:not-allowed}
.mk-ct{border-radius:24px;border:1px solid var(--line2);background:#111;overflow-x:auto}
.mk-ctr{display:grid;grid-template-columns:var(--cols);align-items:stretch;border-top:1px solid var(--line);min-width:fit-content}
.mk-ctr:first-child{border-top:none}
.mk-ct-m{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;font-size:15.5px;border-right:1px solid var(--line)}
.mk-cth .mk-ct-m{color:var(--muted);font-size:16px}
.mk-ct-m b{font-weight:600}
.mk-ct-mi{display:flex;gap:4px;flex:0 0 auto}
.mk-ct-mi button{width:30px;height:30px;border-radius:8px;border:none;background:none;color:var(--muted2);cursor:pointer;display:grid;place-items:center}
.mk-ct-mi button:hover,.mk-ct-mi button.on{color:var(--text);background:var(--panel2)}
.mk-ct-mi svg{width:17px;height:17px}
.mk-ct-co{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 34px 18px 16px;border-right:1px solid var(--line);min-width:0}
.mk-ct-co:last-child{border-right:none}
.mk-ct-co>span{display:flex;flex-direction:column;min-width:0}
.mk-ct-co b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-ct-co small{font-size:12px;color:var(--muted)}
.mk-ct-x{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:var(--panel2);color:var(--muted);cursor:pointer;display:grid;place-items:center;opacity:0;transition:.15s}
.mk-ct-co:hover .mk-ct-x,.mk-ct-x:focus-visible{opacity:1}
.mk-ct-x svg{width:13px;height:13px}
.mk-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:5px;border-radius:12px;padding:14px 46px;background:var(--panel)}
.mk-cell b{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}
.mk-cell small{font-size:13px;color:var(--muted)}
.mk-cell.r1{background:rgba(61,220,151,.13)}.mk-cell.r1 b{color:#57e0a3}
.mk-cell.r2{background:rgba(222,180,70,.13)}.mk-cell.r2 b{color:#e7c25c}
.mk-cell.r3{background:rgba(224,96,90,.14)}.mk-cell.r3 b{color:#ef7d76}
.mk-rank{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11px;font-weight:700;border-radius:99px;padding:4px 7px;background:rgba(255,255,255,.08)}
.r1 .mk-rank{color:#57e0a3;background:rgba(61,220,151,.18)}.r2 .mk-rank{color:#e7c25c;background:rgba(222,180,70,.18)}.r3 .mk-rank{color:#ef7d76;background:rgba(224,96,90,.18)}
.mk-bar{width:100%;height:5px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden}
.mk-bar i{display:block;height:100%;border-radius:5px;background:currentColor;opacity:.75}
.mk-cell.r1 .mk-bar{color:#57e0a3}.mk-cell.r2 .mk-bar{color:#e7c25c}.mk-cell.r3 .mk-bar{color:#ef7d76}.mk-cell .mk-bar{color:var(--accent)}
.mk-ct-add{display:block;padding:14px 22px}
.mk-ct-add button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:15px;font-weight:500;color:var(--emerald);background:none;border:none;cursor:pointer}
.mk-ct-add svg{width:17px;height:17px}
.mk-ct-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid var(--line)}
.mk-ct-legend .lg{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;border-radius:99px;padding:7px 12px;background:var(--panel2)}
.mk-ct-legend .lg i{width:10px;height:10px;border-radius:50%}
.lg.r1 i{background:#3ddc97}.lg.r2 i{background:#e7c25c}.lg.r3 i{background:#ef6a63}.lg.na i{background:var(--muted2)}
.mk-ct-legend small{margin-left:auto;font-size:12px;color:var(--muted2);max-width:620px;text-align:right}
.mk-cmp-empty{padding:40px;text-align:center;border:1px dashed var(--line2);border-radius:20px;color:var(--muted)}
.mk-cmp-empty .mk-cta{margin-top:14px}
.mk-tip{position:fixed;z-index:500;max-width:320px;font-size:13px;line-height:1.5;color:var(--text);background:#1a1a1b;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;box-shadow:0 18px 36px -14px rgba(0,0,0,.9)}

/* modal: Añadir métrica / Añadir empresa */
.mk-mm-bg{z-index:360;background:rgba(3,3,4,.7);backdrop-filter:blur(4px)}
body.mk-modal-open{overflow:hidden}
.mk-mm{max-width:1100px;width:calc(100% - 32px);height:min(86vh,860px);padding:0;display:flex;flex-direction:column;border-radius:26px;overflow:hidden}
.mk-add{max-width:620px;width:calc(100% - 32px);padding:0;border-radius:24px;overflow:hidden}
.mk-mm-top{display:flex;justify-content:space-between;gap:16px;padding:26px 28px 14px}
.mk-mm-top h3{font-family:var(--font-sans);font-weight:700;font-size:30px;letter-spacing:-.03em}
.mk-mm-top p{color:var(--muted);font-size:15px;margin-top:4px}
.mk-mm-x{width:40px;height:40px;border-radius:50%;border:none;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.mk-mm-x:hover{color:var(--text);background:var(--panel2)}
.mk-mm-x svg{width:22px;height:22px}
.mk-mm-search{display:flex;align-items:center;gap:12px;margin:0 28px 18px;padding:0 18px;height:58px;border-radius:16px;border:1px solid var(--line2);background:var(--panel);color:var(--muted)}
.mk-mm-search:focus-within{border-color:var(--emerald);box-shadow:0 0 0 1px var(--emerald)}
.mk-mm-search svg{width:20px;height:20px}
.mk-mm-search input{flex:1 1 auto;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:16px}
.mk-mm-body{flex:1 1 auto;display:grid;grid-template-columns:280px 1fr;min-height:0;border-top:1px solid var(--line)}
.mk-mm-cats{padding:20px 16px;border-right:1px solid var(--line);overflow-y:auto;background:rgba(255,255,255,.015)}
.mk-mm-k{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 10px 12px}
.mk-mm-cats button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;font-size:15.5px;font-weight:500;color:var(--text);background:none;border:1px solid transparent;border-radius:14px;padding:13px 12px;cursor:pointer;margin-bottom:4px}
.mk-mm-cats button:hover{background:var(--panel2)}
.mk-mm-cats button.on{color:var(--emerald);border-color:rgba(0,200,150,.4);background:rgba(0,200,150,.06)}
.mk-mm-cats svg{width:20px;height:20px;flex:0 0 auto}
.mk-mm-cats span{flex:1 1 auto}
.mk-mm-cats em{font-style:normal;font-size:12.5px;font-family:var(--font-mono);min-width:26px;text-align:center;border-radius:8px;padding:3px 6px;background:var(--panel3);color:var(--muted)}
.mk-mm-cats button.on em{color:var(--emerald);background:rgba(0,200,150,.14)}
.mk-mm-list{padding:22px 26px;overflow-y:auto}
.mk-mm-h{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.mk-mm-h h4{font-family:var(--font-sans);font-weight:700;font-size:24px;letter-spacing:-.02em}
.mk-mm-h small{color:var(--muted);font-size:14px}
.mk-mm-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:var(--emerald);background:var(--panel2);border:1px solid var(--line)}
.mk-mm-ic svg{width:26px;height:26px}
.mk-mm-d{color:var(--muted);font-size:15px;margin-bottom:18px}
.mk-mm-card{display:flex;align-items:center;gap:20px;padding:20px 22px;border-radius:18px;border:1px solid var(--line2);background:rgba(255,255,255,.015);margin-bottom:12px}
.mk-mm-card.on{border-color:rgba(0,200,150,.35);background:rgba(0,200,150,.04)}
.mk-mm-card>div{flex:1 1 auto;min-width:0}
.mk-mm-card b{font-size:17px;font-weight:600}
.mk-mm-card p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:6px 0 12px}
.mk-mm-tags{display:flex;gap:8px;flex-wrap:wrap}
.mk-mm-tags span{font-size:12.5px;font-weight:500;color:var(--muted);border:1px solid var(--line2);border-radius:8px;padding:5px 9px}
.mk-mm-tags span.ok{color:var(--emerald);border-color:rgba(0,200,150,.35);background:rgba(0,200,150,.06)}
.mk-mm-card>button{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font:inherit;font-size:15px;font-weight:600;color:var(--emerald);background:none;border:none;cursor:pointer;padding:8px}
.mk-mm-card>button svg{width:18px;height:18px}
.mk-mm-card>button.on:hover{color:var(--down)}
.mk-mm-foot{padding:16px 28px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.mk-add-list{max-height:52vh;overflow-y:auto;padding:0 18px 18px}
.mk-add-list button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:var(--text);background:none;border:none;border-radius:12px;padding:10px;cursor:pointer}
.mk-add-list button:hover:not([disabled]){background:var(--panel2)}
.mk-add-list button[disabled]{opacity:.55;cursor:default}
.mk-add-list button>span{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.mk-add-list b{font-size:15px;font-weight:600}
.mk-add-list small{font-size:12px;color:var(--muted)}
.mk-add-list svg{width:18px;height:18px;color:var(--emerald)}
.mk-add-list em{font-style:normal;font-size:12px;color:var(--muted)}

/* responsive */
@media(max-width:1200px){.mk-tr{grid-template-columns:40px minmax(200px,1.6fr) minmax(120px,1fr) 130px 90px 110px 24px}.mk-tr>.mk-cap,.mk-th>span:nth-child(7){display:none}}
@media(max-width:980px){.mk-hero{grid-template-columns:1fr}.mk-hero-art{display:none}.mk-colls{grid-template-columns:1fr 1fr}
  .mk-tr{grid-template-columns:36px 1fr 120px 86px 24px}.mk-tr>.mk-ind,.mk-tr>.mk-sp,.mk-th>span:nth-child(3),.mk-th>span:nth-child(6){display:none}
  .mk-mm-body{grid-template-columns:1fr}.mk-mm-cats{display:flex;gap:6px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:10px}.mk-mm-k{display:none}.mk-mm-cats button{width:auto;white-space:nowrap;margin:0}}
@media(max-width:640px){.mk-hero-txt{padding:26px 20px}.mk-colls{grid-template-columns:1fr}.mk-tabs button{padding:10px 14px;font-size:14px}
  .mk-tr{grid-template-columns:32px 1fr 92px;padding:12px}.mk-tr>[data-kind="chg"],.mk-tr>.mk-go,.mk-th>span:nth-child(5),.mk-th>span:nth-child(8){display:none}.mk-co .ticon{width:36px!important;height:36px!important}
  .mk-cell{padding:12px 30px}.mk-mm-top h3{font-size:24px}.mk-mm-list{padding:16px}.mk-mm-card{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.mk-orb,.mk-bubble{animation:none}}
/* la columna de métricas se queda fija al desplazar la tabla hacia los lados */
.mk-ct-m{position:sticky;left:0;z-index:1;background:#111}
@media(max-width:640px){.mk-ct-m{padding:12px;font-size:13.5px}}

/* ---------- comparador: globos y controles de fila ---------- */
.mk-pop{position:fixed;z-index:520;max-width:min(380px,calc(100vw - 24px));padding:14px 16px;border-radius:16px;background:#f1f0ee;color:#151515;box-shadow:0 22px 50px -16px rgba(0,0,0,.85);pointer-events:none;animation:mkPop .12s ease-out}
@keyframes mkPop{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.mk-pop b{display:block;font-size:15px;font-weight:700;margin-bottom:6px;color:#111}
.mk-pop p{font-size:14.5px;line-height:1.55;color:#1d1d1d}
.mk-pop small{display:block;margin-top:8px;font-size:12.5px;color:#5c5a56}
.mk-cell{cursor:default;outline:none;transition:box-shadow .12s}
.mk-cell:hover,.mk-cell:focus-visible{box-shadow:inset 0 0 0 1.5px rgba(241,236,225,.28)}
.mk-cell.r1:hover,.mk-cell.r1:focus-visible{box-shadow:inset 0 0 0 1.5px rgba(61,220,151,.6)}
.mk-cell.r2:hover,.mk-cell.r2:focus-visible{box-shadow:inset 0 0 0 1.5px rgba(231,194,92,.6)}
.mk-cell.r3:hover,.mk-cell.r3:focus-visible{box-shadow:inset 0 0 0 1.5px rgba(239,125,118,.6)}
.mk-ct-mi .mk-row-x{display:none;background:var(--panel2)}
.mk-ctr:hover .mk-row-x,.mk-ctr:focus-within .mk-row-x{display:grid}
.mk-ct-mi button[data-pop]{border-radius:50%}
.mk-ct-mi button[data-pop]:hover,.mk-ct-mi button[data-pop]:focus-visible{color:var(--emerald)}
.mk-ct-mi button.on{color:var(--emerald);background:rgba(0,200,150,.12)}
@media(hover:none){.mk-ct-mi .mk-row-x{display:grid}}

/* ---------- gráfico histórico del comparador ---------- */
.mk-chart-host{margin-top:22px}
.mk-ct-mi button.off{opacity:.35;cursor:not-allowed}
.kc-ch{padding:28px 30px 22px;border-radius:24px;border:1px solid var(--line2);background:#121213;animation:hpIn .25s ease-out}
.kc-ch-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.kc-ch-h h3{font-family:var(--font-sans);font-weight:700;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em}
.kc-ch-h p{color:var(--muted);font-size:14.5px;margin-top:4px}
.kc-ch-acts{display:flex;gap:10px;flex:0 0 auto}
.kc-ch-exp{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:15px;font-weight:500;color:var(--emerald);background:rgba(0,200,150,.08);border:1px solid rgba(0,200,150,.35);border-radius:14px;padding:11px 16px;cursor:pointer}
.kc-ch-exp svg{width:18px;height:18px}
.kc-ch-x{width:46px;height:46px;border-radius:14px;border:1px solid var(--line2);background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.kc-ch-x:hover{color:var(--text)}
.kc-ch-x svg{width:20px;height:20px}
.kc-ch-ctl{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px}
.kc-ch-metric{display:inline-flex;align-items:center;gap:12px;font:inherit;font-size:15.5px;font-weight:600;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:12px 16px;cursor:pointer}
.kc-ch-metric svg{width:16px;height:16px;color:var(--muted)}
.kc-seg{display:inline-flex;gap:2px;padding:4px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}
.kc-seg button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:15px;font-weight:500;color:var(--muted);background:none;border:none;border-radius:10px;padding:9px 14px;cursor:pointer}
.kc-seg button svg{width:17px;height:17px}
.kc-seg button:hover:not([disabled]){color:var(--text)}
.kc-seg button.on{color:var(--text);background:#232325;font-weight:600}
.kc-seg button[disabled]{opacity:.35;cursor:not-allowed}
.kc-ch-custom{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(241,236,225,.02);margin-bottom:14px}
.kc-ch-custom label{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--muted)}
.kc-ch-custom input{font:inherit;color:var(--text);background:#0c0c0d;border:1px solid var(--line2);border-radius:12px;padding:12px 14px;color-scheme:dark}
.kc-ch-custom button{font:inherit;font-size:15px;font-weight:600;color:var(--text);background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:12px 18px;cursor:pointer}
.kc-ch-custom small{flex-basis:100%;font-size:12.5px;color:var(--muted2)}
.kc-ch-cap{font-size:13.5px;color:var(--muted);margin-bottom:22px}
.kc-ch-legh{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--muted);margin-bottom:12px}
.kc-ch-legh button{font:inherit;font-size:13.5px;font-weight:600;color:var(--emerald);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.kc-ch-leg{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.kc-leg{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:14.5px;color:var(--muted);background:none;border:1px solid var(--line2);border-radius:14px;padding:11px 16px;cursor:pointer;transition:.15s}
.kc-leg:hover{border-color:var(--gold-line)}
.kc-leg i{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.kc-leg b{color:var(--text);font-weight:600}
.kc-leg svg{width:17px;height:17px}
.kc-leg.hid{border-style:dashed;opacity:.65}
.kc-leg.hid i{opacity:.5}
.kc-ch-canvas{position:relative;height:440px}
.kc-ch-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}
.kc-ch-src{font-size:12px;color:var(--muted2);margin-top:12px}
.kc-tip{position:fixed;z-index:530;min-width:260px;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:rgba(18,18,19,.97);box-shadow:0 22px 50px -16px rgba(0,0,0,.9);pointer-events:none;opacity:0;transition:opacity .1s}
.kc-tip b{display:block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.kc-tip span{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);padding:4px 0}
.kc-tip i{width:14px;height:3px;border-radius:2px;flex:0 0 auto}
.kc-tip em{margin-left:auto;padding-left:16px;font-style:normal;font-weight:700;color:var(--text)}

/* ---------- modales de imagen ---------- */
.kc-exp{max-width:1280px;width:calc(100% - 32px);height:min(90vh,900px);padding:0;display:flex;flex-direction:column;border-radius:24px;overflow:hidden}
.kc-exp-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}
.kc-exp-t{display:flex;align-items:center;gap:14px}
.kc-exp-t h3{font-family:var(--font-sans);font-weight:700;font-size:22px;letter-spacing:-.02em}
.kc-exp-t p{font-size:13.5px;color:var(--muted)}
.kc-exp-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:var(--gold-d);border:1px solid var(--gold-line)}
.kc-exp-ic svg{width:22px;height:22px}
.kc-exp-acts{display:flex;align-items:center;gap:10px}
.kc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:15px;font-weight:500;color:var(--text);background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:11px 16px;cursor:pointer}
.kc-btn svg{width:17px;height:17px}
.kc-btn.pri{color:#06140e;font-weight:600;border:none;background:linear-gradient(135deg,#7ef0bd,#3ddc97)}
.kc-btn.big{width:100%;padding:15px;font-size:16px}
.kc-dlg{display:inline-flex}
.kc-dlg .kc-btn{border-radius:12px 0 0 12px}
.kc-dlg select{font:inherit;font-size:13px;font-weight:600;color:#06140e;background:#5fe6aa;border:none;border-left:1px solid rgba(0,0,0,.15);border-radius:0 12px 12px 0;padding:0 10px;cursor:pointer}
.kc-exp-body{flex:1 1 auto;display:grid;grid-template-columns:340px 1fr;min-height:0}
.kc-exp-side{padding:20px 22px;border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.kc-exp-row{display:flex;justify-content:space-between;align-items:center}
.kc-link{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;color:var(--muted);background:none;border:none;cursor:pointer}
.kc-link svg{width:15px;height:15px}
.kc-f{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
.kc-f input,.kc-in{font:inherit;font-size:15px;color:var(--text);background:#0c0c0d;border:1px solid var(--line2);border-radius:12px;padding:12px 14px}
.kc-sub{font-size:14px;font-weight:600;margin-top:4px}
.kc-sub.cap{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.kc-tg{display:flex;flex-wrap:wrap;gap:12px 20px}
.kc-sw{display:inline-flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.kc-sw input{position:absolute;opacity:0;pointer-events:none}
.kc-sw span{width:38px;height:22px;border-radius:99px;background:var(--panel3);position:relative;transition:.15s}
.kc-sw span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}
.kc-sw input:checked+span{background:#3ddc97}
.kc-sw input:checked+span::after{left:19px}
.kc-sw input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.kc-chk{display:inline-flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.kc-chk input{width:20px;height:20px;accent-color:#3ddc97}
.kc-chk small{color:var(--muted)}
.kc-sizes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kc-sizes.three{grid-template-columns:repeat(3,1fr)}
.kc-sizes button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:inherit;text-align:left;color:var(--text);background:none;border:1px solid var(--line2);border-radius:12px;padding:11px 12px;cursor:pointer}
.kc-sizes.three button{align-items:center;text-align:center}
.kc-sizes button.wide{grid-column:1/-1}
.kc-sizes b{font-size:13.5px;font-weight:600}
.kc-sizes small{font-size:12px;color:var(--muted)}
.kc-sizes button.on{border-color:#3ddc97;background:rgba(61,220,151,.1)}
.kc-sizes button.on small{color:#57e0a3}
.kc-wh{display:flex;align-items:center;gap:8px;color:var(--muted)}
.kc-wh input{width:100px;font:inherit;color:var(--text);background:#0c0c0d;border:1px solid var(--line2);border-radius:12px;padding:11px 12px}
.kc-seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--panel2)}
.kc-seg3.two{grid-template-columns:1fr 1fr}
.kc-seg3 button{font:inherit;font-size:14px;font-weight:500;color:var(--muted);background:none;border:none;border-radius:9px;padding:9px;cursor:pointer}
.kc-seg3 button.on{color:var(--text);background:#232325;font-weight:600}
.kc-sel{font:inherit;color:var(--text);background:#0c0c0d;border:1px solid var(--line2);border-radius:12px;padding:11px 12px;width:140px}
.kc-bgs{display:flex;gap:10px}
.kc-bgs button{width:58px;height:46px;border-radius:12px;border:2px solid var(--line2);cursor:pointer}
.kc-bgs button.on{border-color:#3ddc97;box-shadow:0 0 0 2px rgba(61,220,151,.25)}
.kc-nets{display:flex;flex-wrap:wrap;gap:8px}
.kc-nets button{width:48px;height:48px;border-radius:12px;border:1px solid var(--line2);background:none;color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.kc-nets button.on{background:rgba(61,220,151,.14);border-color:#3ddc97;color:#57e0a3}
.kc-sh-btns{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.kc-exp-prev{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:repeating-conic-gradient(#1a1a1b 0 25%,#151516 0 50%) 0 0/22px 22px;overflow:auto}
.kc-exp-prev img{max-width:100%;max-height:calc(90vh - 160px);border-radius:10px;box-shadow:0 24px 60px -20px rgba(0,0,0,.9)}
.kc-exp-prev small{font-size:13px;color:var(--muted)}
@media(max-width:900px){.kc-exp-body{grid-template-columns:1fr}.kc-exp-side{border-right:none;border-bottom:1px solid var(--line);max-height:45vh}.kc-exp-acts .kc-btn:not(.pri){display:none}.kc-ch{padding:20px 16px}.kc-ch-canvas{height:340px}}
.kc-wh[hidden]{display:none}

/* gráfico: versión más limpia */
.kc-ch{padding:26px 28px 20px;background:linear-gradient(180deg,#141415,#101011)}
.kc-ch-ctl{gap:10px;margin:20px 0 10px}
.kc-seg button{padding:8px 13px;font-size:14.5px}
.kc-ch-cap{font-size:13px;margin-bottom:16px;color:var(--muted2)}
.kc-ch-legh{font-size:12.5px;color:var(--muted2);margin-bottom:10px}
.kc-leg{padding:9px 14px;font-size:13.5px;border-color:var(--line);background:rgba(241,236,225,.02)}
.kc-leg i{width:10px;height:10px;border-radius:50%}
.kc-leg span{color:var(--muted2)}
.kc-ch-canvas{height:420px;margin-top:6px}
.kc-ch-src{font-size:11.5px}