/* Startup Index Score · guías (sobre site.css) */
.gh{padding:44px 0 40px}
.gh-in{max-width:880px}
.gh h1{font-size:clamp(34px,4.2vw,56px);line-height:1.06;max-width:20em;text-wrap:balance}
.gh-by{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px;font-size:14px;color:var(--mu)}
.gh-by img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.gh-by b{display:block;color:var(--ink);font-size:15px}
.gh-by .lang{margin-left:auto;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;color:var(--ink)}
.gh-by .lang:hover{border-color:var(--acc);color:var(--acc)}

.gwrap{display:grid;grid-template-columns:250px minmax(0,740px);gap:64px;padding-top:24px;padding-bottom:40px;align-items:start}
.toc{position:sticky;top:96px;font-size:14px}
.tocd summary{list-style:none;cursor:pointer;font:600 12.5px var(--mono);color:var(--mu);margin-bottom:10px}
.tocd summary::-webkit-details-marker{display:none}
.toc ol{list-style:none;display:grid;gap:2px;border-left:2px solid var(--line)}
.toc a{display:block;padding:7px 12px;margin-left:-2px;border-left:2px solid transparent;color:var(--t2);line-height:1.35;transition:color .2s,border-color .2s,background .2s}
.toc a:hover{color:var(--ink);background:var(--bg2)}
.toc a.on{color:var(--acc);border-left-color:var(--acc);font-weight:600}

.gbody{font-size:18px;line-height:1.7;color:var(--tx);min-width:0}
.gbody>p,.gbody li{max-width:68ch}
.gbody p{margin-top:18px}
.gbody h2{font-size:clamp(26px,2.6vw,34px);line-height:1.18;letter-spacing:-.025em;max-width:none;margin-top:72px;padding-top:28px;border-top:1px solid var(--line);scroll-margin-top:100px}
.gbody h3{font-size:21px;margin-top:40px;scroll-margin-top:100px}
.gbody ul,.gbody ol{margin:16px 0 0 22px;display:grid;gap:8px}
.gbody li::marker{color:var(--acc);font-weight:600}
.gbody a{color:var(--acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.gbody a.src{overflow-wrap:anywhere;font-size:15px}
.gbody p,.gbody li{overflow-wrap:break-word}
.gbody strong{color:var(--ink)}

/* respuesta corta */
blockquote.answer{margin:8px 0 0;background:var(--bg2);border-left:4px solid var(--acc);border-radius:0 20px 20px 0;padding:24px 28px;font-size:19px;line-height:1.6;color:var(--ink)}
blockquote.answer p{margin:0}
/* cajas */
.box{border-radius:18px;padding:20px 24px;margin-top:28px;font-size:17px;background:#fff;border:1px solid var(--line)}
.bl{display:block;font:600 12.5px var(--mono);margin-bottom:8px;color:var(--mu)}
.b-v{border-left:4px solid var(--ink)}
.b-c{border-left:4px solid var(--acc);background:var(--acc-s);border-color:var(--acc-s)}.b-c .bl{color:var(--acc)}
.b-e{border-left:4px solid var(--miss);background:#FEF8F8;border-color:#F3DADC}.b-e .bl{color:var(--miss)}
.b-m{background:var(--dk);color:var(--dkt);border:0;box-shadow:0 30px 60px -36px rgba(11,18,32,.6)}.b-m .bl{color:#A9B6F5}.b-m strong{color:#fff}
.b-m a,.b-m a.ln{color:#fff}
.def{border-left:3px solid var(--acc);padding-left:18px}
.def .bl{color:var(--acc)}
blockquote.pq{margin:44px 0;font-size:clamp(22px,2.3vw,28px);line-height:1.35;font-weight:500;letter-spacing:-.015em;color:var(--ink);padding-left:24px;border-left:4px solid var(--red)}
.ln{font-weight:600;font-size:15.5px}
.ln a{text-decoration:none}.ln a:hover{text-decoration:underline}

/* figuras */
figure{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 20px 44px -36px rgba(11,18,32,.35)}
figure svg{width:100%;height:auto;display:block}
figcaption{font-size:14px;line-height:1.5;color:var(--mu);margin-top:14px}
.desc{font-size:15.5px;margin-top:10px}
.ftit{font-weight:600;font-size:16px;color:var(--ink);margin:0 0 14px}
.lab{font:14px var(--sans);fill:var(--ink)}.val{font:600 14px var(--sans);fill:var(--ink)}.bar{fill:var(--acc)}.bar2{fill:var(--acc)}
.tick{font:12.5px var(--sans);fill:var(--mu)}.axis{stroke:var(--line2)}.line{fill:none;stroke:var(--acc);stroke-width:3}.zone{fill:var(--miss-s)}.note{font:13px var(--sans);fill:var(--miss)}.note2{font:12px var(--sans);fill:var(--acc)}
.q{fill:var(--bg2);stroke:var(--line)}.q.ok{fill:var(--dk)}.qt{font:600 17px var(--sans);fill:var(--ink)}.qs{font:14px var(--sans);fill:var(--t2)}.qt.w,.qs.w{fill:#fff}
.hb{margin:14px 0}.hbl{display:block;font-size:14.5px;color:var(--tx);margin-bottom:6px;line-height:1.35}
.hbt{display:flex;align-items:center;gap:10px}.hbf{display:block;height:14px;background:var(--acc);border-radius:7px}
.hbt b{font:600 14px var(--mono);white-space:nowrap;color:var(--ink)}
.wf{margin:14px 0}.wft{display:flex;align-items:center;gap:10px}.wfb{display:block;height:14px;flex:none;border-radius:4px}
.wfb.pos{background:var(--acc)}.wfb.neg{background:var(--miss)}.wfb.tot{background:var(--ok)}.wft b{font:600 14px var(--mono);white-space:nowrap}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cols.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols.n4,.cols.n6,.cols.n7{grid-template-columns:repeat(4,minmax(0,1fr))}.cols.n5,.cols.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.col{background:var(--bg2);border-radius:14px;padding:14px}
.colh b{display:block;font-weight:600;font-size:15px;color:var(--ink)}.colh span{font-size:13px;color:var(--mu)}
.col ul{margin:8px 0 0 16px;font-size:14px;line-height:1.5;gap:4px}
/* tablas */
.tw{overflow-x:auto;margin-top:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.tw table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}
.tw th{text-align:left;font:600 12.5px var(--mono);color:var(--acc);background:var(--bg2);padding:12px 14px;border-bottom:1px solid var(--line)}
.tw td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--t2)}
.tw tr:last-child td{border-bottom:0}
.tw td:first-child{color:var(--ink);font-weight:500}
.tcap{font-weight:600;font-size:16px;color:var(--ink);margin-top:32px}
/* autodiagnóstico y listas */
.check{background:#fff;border:2px solid var(--acc);border-radius:22px;padding:26px;margin-top:32px;box-shadow:0 30px 60px -40px rgba(36,51,136,.5)}
.check h3{margin-top:0;font-size:22px}
.cl{list-style:none!important;margin:16px 0 0!important;gap:0!important}
.cl li{border-top:1px solid var(--line);padding:11px 0;font-size:16px}
.cl label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.cl input{width:20px;height:20px;margin-top:3px;accent-color:var(--acc);flex:none}
#ver{margin-top:16px;font:600 15.5px var(--sans);background:var(--acc);color:#fff;border:0;border-radius:999px;padding:13px 22px;cursor:pointer}
#ver:hover{background:var(--acc-h)}
#res{margin-top:14px;font-size:16px}#res p{margin:6px 0 0}
.aviso{font-size:13px;color:var(--mu);margin-top:14px}
.auxh{font:600 13px var(--mono);color:var(--mu);margin-top:64px;padding-top:20px;border-top:1px solid var(--line)}
aside.legal{font-size:14.5px;line-height:1.55;color:var(--t2);background:var(--bg2);border-left:3px solid var(--line2);border-radius:0 14px 14px 0;padding:14px 18px;margin-top:28px}
.gbody .chip{font-size:12px}

@media (max-width:1020px){
  .gwrap{grid-template-columns:1fr;gap:8px}
  .toc{position:static;background:var(--bg2);border-radius:16px;padding:14px 16px}
  .tocd summary{margin:0}
  .tocd[open] summary{margin-bottom:10px}
  .cols,.cols.n4,.cols.n5,.cols.n6,.cols.n7,.cols.c5{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .gbody{font-size:17px}
  .cols,.cols.n2,.cols.n4,.cols.n5,.cols.n6,.cols.n7,.cols.c5{grid-template-columns:1fr}
  blockquote.answer{padding:20px;font-size:17.5px}
  figure{padding:18px}
  .gh-by .lang{margin-left:0}
}
@media print{header,footer,.toc,.stk,.rp,#reserva,.gh-by .lang{display:none!important}.gwrap{display:block}}
.tocd summary{padding:0;font-size:12.5px}
.tocd summary::after{content:none}
.cl li span{font:inherit}
