/* Capítulo 02 · Stack de herramientas */
#stack{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:88px 0 40px;
  background:radial-gradient(760px 560px at 22% 50%,rgba(122,33,233,.2),transparent 66%),radial-gradient(600px 420px at 95% 5%,rgba(0,180,255,.1),transparent 65%),var(--bg)}
.sk{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,4vw,56px);align-items:center;width:min(1240px,100%)}
.sk-orb{position:relative;width:100%;aspect-ratio:1;max-width:min(600px,calc(100svh - 150px));margin-inline:auto}
.sk-orb canvas{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;touch-action:pan-y}
.sk-main{display:grid;gap:18px;min-width:0}
.sk-main .ag-chap{margin-bottom:0}
.sk-main .h2{font-size:clamp(1.7rem,3vw,2.6rem)}
.sk-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sk-tab{display:grid;gap:2px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:border-color .25s,background .25s,box-shadow .25s,color .25s;min-height:62px;align-content:center}
.sk-tab i{font-style:normal;font-size:.7rem;font-weight:700;color:var(--muted-2)}
.sk-tab b{font-size:.86rem;font-weight:800;letter-spacing:-.01em}
.sk-tab:hover{border-color:rgba(255,255,255,.3)}
.sk-tab[aria-selected="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--c) 25%,transparent)}
.sk-goal{font-size:.95rem;color:var(--muted);min-height:1.5em}
.sk-goal b{color:#fff}
.sk-list{display:grid;gap:8px}
.sk-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;text-align:left;width:100%;border-radius:var(--r-md)}
.sk-row h3{font-size:1.02rem;font-weight:800;letter-spacing:-.02em}
.sk-row p{font-size:.84rem;color:var(--muted);margin-top:2px}
.sk-row .tile-go{flex:none}
.sk-row:hover .tile-go{background:var(--cta);border-color:transparent;rotate:-45deg}
.sk-all{display:grid;gap:8px}
.sk-all>span{font-size:.76rem;font-weight:700;color:var(--muted-2)}
.sk-all div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sk-chip{padding:12px 14px;text-align:left;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-weight:800;font-size:.92rem;transition:border-color .25s,background .25s,box-shadow .25s,color .25s;display:grid;gap:2px}
.sk-chip small{font-size:.74rem;font-weight:600;color:var(--muted)}
.sk-chip:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.09)}
@media (max-width:960px){
  #stack{align-items:flex-start}
  .sk{grid-template-columns:1fr}
  .sk-orb{max-width:340px}
  .sk-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){.sk-all div{grid-template-columns:1fr}.sk-orb{max-width:280px}}
/* Recorrido del proceso: etapas conectadas con sus herramientas */
.sk-jr{list-style:none;display:grid;gap:12px;position:relative;margin-top:4px}
.sk-jr::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:linear-gradient(#00B4FF,#7A21E9,#E434E7,#00DF7D);opacity:.5;border-radius:2px}
.sk-st{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;position:relative}
.sk-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--c);color:var(--c);font-weight:800;font-size:.84rem;position:relative;z-index:1;transition:background-color .25s,color .25s,box-shadow .25s}
.sk-n i{font-style:normal}
.sk-st.on .sk-n,.sk-n:hover{background:var(--c);color:#0D1115;box-shadow:0 0 22px color-mix(in srgb,var(--c) 50%,transparent)}
.sk-sb{padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:border-color .25s,background-color .25s}
.sk-st.on .sk-sb{border-color:color-mix(in srgb,var(--c) 70%,transparent);background:color-mix(in srgb,var(--c) 9%,transparent)}
.sk-sh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.sk-sh b{font-size:1rem;font-weight:800;letter-spacing:-.02em}
.sk-sh small{font-size:.8rem;font-weight:700;color:var(--c)}
.sk-ch{display:flex;flex-wrap:wrap;gap:8px}
.sk-ch .sk-chip{display:grid;gap:1px;padding:8px 12px;min-width:0}
.sk-ch .sk-chip b{font-size:.86rem}
.sk-ch .sk-chip:hover{border-color:var(--c)}
.sk-pill{display:inline-flex!important;align-items:center;gap:8px;padding:8px 14px!important;border-radius:999px!important;font-size:.86rem!important;font-weight:800;grid-template-columns:none}
.sk-pill svg{width:14px;opacity:.6;flex:none}
.sk-pill:hover svg{opacity:1;translate:2px 0}
.sk-jr{gap:8px}
.sk-sb{padding:10px 14px}.sk-sh{margin-bottom:6px}
.sk-main{gap:12px}