/* Diagnóstico v3 · árbol de problemas y soluciones. Usa los tokens del sistema (sistema.css). Compacto por diseño. */
.sp-arbol{--a:var(--accent,#1f52a9);--a-soft:var(--accent-soft,rgba(31,82,169,.08));--on-a:var(--on-accent,#fff);--w:var(--warm,#f17c20);--ln:var(--line,#dde4f0);--pn:var(--panel,#f1f4f8);--rs:var(--raise,#fff);--mt:var(--muted,#55637a);--wr:var(--warm-ink,#a8500c);max-width:1040px;margin:auto;padding:20px 16px 8px;color:var(--ink,#0f1520)}
.sp-arbol *{box-sizing:border-box}.sp-arbol [hidden]{display:none!important}
.sp-arbol p{margin:6px 0;line-height:1.5}.sp-arbol h1{margin:4px 0 6px;max-width:24ch}.sp-arbol h2{font-size:clamp(1.1rem,2.2vw,1.35rem);margin:0 0 10px;display:flex;align-items:center;gap:10px}.sp-arbol h3{font-size:1.05rem;margin:0 0 4px}
.sa-kicker{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:var(--a);margin:0}
.sa-lead{color:var(--mt);max-width:60ch}
.sa-n{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--a);color:var(--on-a);font-size:.85rem}
.sa-pasos{display:flex;gap:4px;list-style:none;padding:0;margin:12px 0 0;font-size:.78rem;font-weight:700;color:var(--mt)}
.sa-pasos li{flex:1;padding-top:6px;border-top:3px solid var(--ln)}.sa-pasos li[data-hecho="1"]{border-color:var(--a);color:var(--ink,#0f1520)}.sa-pasos li[aria-current]{border-color:var(--a);color:var(--a)}
.sa-bloque{margin:14px 0;padding:14px;border:1px solid var(--ln);border-radius:10px;background:var(--rs);scroll-margin-top:80px}
#sa-resultado{scroll-margin-top:80px}
.sa-opciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.sa-opciones-lista{grid-template-columns:1fr}
.sa-op{display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;cursor:pointer;padding:10px 12px;min-height:44px;border:1px solid var(--ln);border-radius:8px;background:var(--pn);color:inherit;line-height:1.3}
.sa-op b{font-size:.96rem}.sa-op span{font-size:.8rem;color:var(--mt)}
.sa-op:hover{border-color:var(--a)}.sa-op[aria-pressed=true]{border-color:var(--a);background:var(--a-soft);box-shadow:inset 0 0 0 1px var(--a)}
.sa-campo{border:0;padding:0;margin:0 0 10px;min-width:0}.sa-campo legend{font-weight:700;font-size:.92rem;margin-bottom:6px;padding:0}
.sa-checks{display:grid;gap:6px}
.sp-arbol label.sa-check{display:flex;margin:0;font-size:.92rem;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--ln);border-radius:8px;cursor:pointer;min-height:44px;line-height:1.35}
.sp-arbol .sa-check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--a)}.sa-check:has(input:checked){border-color:var(--a);background:var(--a-soft)}
.sa-fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sa-chips{display:flex;flex-wrap:wrap;gap:6px}
.sp-arbol label.sa-chip{display:inline-flex;margin:0;align-items:center;gap:6px;padding:6px 10px;min-height:40px;border:1px solid var(--ln);border-radius:99px;cursor:pointer;font-size:.88rem}
.sa-chip input{accent-color:var(--a);margin:0}.sa-chip:has(input:checked){border-color:var(--a);background:var(--a-soft);font-weight:700}
.sp-arbol textarea{width:100%;font:inherit;padding:8px;border:1px solid var(--ln);border-radius:8px;resize:vertical}
.sp-arbol label{display:block;font-size:.88rem;margin:6px 0 4px}
.sa-mini{margin:8px 0}.sa-mini>summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--a);min-height:40px;display:flex;align-items:center}
.sa-btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;padding:9px 14px;min-height:44px;border:1px solid var(--ln);border-radius:8px;background:var(--rs);color:inherit;text-decoration:none;text-align:center;line-height:1.25}
.sa-btn-p{background:var(--a);border-color:var(--a);color:var(--on-a)}.sa-btn-p:hover{filter:brightness(1.08)}
.sa-btn-t{background:transparent;border-color:transparent;color:var(--a);text-decoration:underline;text-underline-offset:3px}
.sa-link{font:inherit;background:none;border:0;padding:6px 0;min-height:40px;color:var(--a);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sa-acciones{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.sa-nota{font-size:.82rem;color:var(--mt)}
.sa-res-cab{margin:6px 0 10px}.sa-res-cab h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:2px 0 6px}
.sa-chip-estado{display:inline-block;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--a-soft);color:var(--a)}
.sa-arboles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sa-arbolbox{margin:0;border:1px solid var(--ln);border-radius:10px;padding:10px;background:var(--rs);display:flex;flex-direction:column;gap:0}
.sa-arbolbox figcaption{font-weight:800;font-size:.9rem;margin-bottom:6px}
.sa-nivel{position:relative;padding:8px 10px;border-radius:8px;background:var(--pn)}
.sa-nivel+.sa-nivel{margin-top:14px}.sa-nivel+.sa-nivel::before{content:"";position:absolute;left:50%;top:-14px;width:2px;height:14px;background:var(--ln)}
.sa-central{background:#2b2d42;color:#fff}.sa-sol .sa-central{background:var(--a);color:var(--on-a)}.sa-sol .sa-central .sa-etq{color:inherit;opacity:.85}
.sa-central p{font-weight:800;margin:0}.sa-central .sa-etq{color:rgba(255,255,255,.85)}
.sa-etq{display:block;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:var(--mt);margin-bottom:2px}
.sa-nivel ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.9rem}
.sa-nivel li{line-height:1.3;padding-left:12px;position:relative}.sa-nivel li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--mt)}
.sa-nivel li small{display:block;font-size:.74rem;color:var(--mt)}
.sa-nivel li.sa-marcada::before{background:var(--wr)}.sa-nivel li.sa-marcada small{color:var(--wr);font-weight:700}
.sa-sol .sa-nivel li::before{background:var(--a)}
.sa-accion{margin:10px 0;padding:10px 12px;border-left:4px solid var(--a);background:var(--a-soft);border-radius:0 8px 8px 0}.sa-accion p{font-weight:700;margin:0}
.sa-metodo{list-style:none;counter-reset:m;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0;margin:12px 0}
.sa-metodo li{counter-increment:m;padding:6px 8px;border-top:3px solid var(--ln);font-size:.78rem;line-height:1.25;color:var(--mt)}
.sa-metodo li b{display:block;font-size:.85rem;color:var(--ink,#0f1520)}.sa-metodo li b::before{content:counter(m) ". "}
.sa-metodo li[data-estado=hecho]{border-color:var(--a)}.sa-metodo li[aria-current]{border-color:var(--wr)}.sa-metodo li[aria-current] b{color:var(--wr)}
.sa-h-sigue{margin-top:16px!important}
.sa-salidas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sa-salida{border:1px solid var(--ln);border-radius:10px;padding:12px;background:var(--rs)}
.sa-salida-sp{border-color:var(--a);box-shadow:inset 0 0 0 1px var(--a)}
.sa-salida .sa-acciones .sa-btn{flex:1 1 150px}
.sa-entrega{font-size:.9rem}
.sa-panel{margin:10px 0;padding:12px;border:1px solid var(--a);border-radius:10px;background:var(--rs)}
.sa-recursos{list-style:none;padding:0;margin:4px 0;display:grid;gap:2px}
.sa-reiniciar{margin:8px 0}
.sa-eco-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 6px}
.sa-eco-nav a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--ln);border-radius:8px;text-decoration:none;color:inherit;min-height:44px}
.sa-eco-nav a:hover{border-color:var(--a)}.sa-eco-nav b{font-size:.92rem;color:var(--a)}.sa-eco-nav span{font-size:.78rem;color:var(--mt)}
.sp-arbol :focus-visible{outline:3px solid var(--a);outline-offset:2px}
@media(max-width:760px){.sp-arbol{padding:14px 12px 6px}.sa-bloque{padding:12px}.sa-fila,.sa-arboles,.sa-salidas,.sa-eco-nav{grid-template-columns:1fr}.sa-metodo{grid-template-columns:repeat(5,minmax(0,1fr));font-size:.7rem}.sa-metodo li{padding:5px 3px}.sa-metodo li span{display:none}.sa-metodo li b{font-size:.74rem}.sa-opciones{grid-template-columns:1fr 1fr}.sa-op span{display:none}}
@media(max-width:360px){.sa-opciones{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sp-arbol *{transition:none!important}}

/* Conversión: el único botón naranja de la página. Texto oscuro (contraste 4.9:1). */
.sa-btn-conv{background:var(--w);border-color:var(--w);color:#1d1f30}.sa-btn-conv:hover{filter:brightness(1.05)}
.sa-salida-sp{border-color:var(--w);box-shadow:inset 0 0 0 1px var(--w)}
.sa-salida-sp h3::before{content:"Recomendado";display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--wr);margin-bottom:2px}
.sa-n{background:#2b2d42}:root[data-sp-color=dark] .sa-n{background:var(--a);color:var(--on-a)}
:root[data-sp-color=dark] .sa-central{background:#2a3550}

/* Números del empresario: primero el impacto, después el árbol. Móvil primero. */
.sa-opc{font-weight:400;color:var(--mt);font-size:.82rem}
.sa-num-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sp-arbol label.sa-num{display:flex;flex-direction:column;gap:4px;margin:0;font-size:.82rem;font-weight:700;line-height:1.25}
.sa-num input{width:100%;min-height:44px;font:inherit;font-size:1rem;padding:8px 10px;border:1px solid var(--ln);border-radius:8px;background:var(--rs);color:inherit;font-variant-numeric:tabular-nums}
.sa-num[hidden]{display:none!important}
.sa-impacto{margin:10px 0;padding:12px;border:1px solid var(--ln);border-radius:10px;background:var(--rs)}
.sa-impacto h3{font-size:1rem;margin:0 0 8px}
.sa-kpis{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sa-kpis li{padding:10px;border-radius:8px;background:var(--pn);display:flex;flex-direction:column;gap:2px;min-width:0}
.sa-kpis b{font-size:clamp(1.15rem,3.6vw,1.6rem);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere}
.sa-kpis span{font-size:.76rem;color:var(--mt);line-height:1.25}
.sa-kpis .sa-k-alerta b{color:var(--wr)}.sa-kpis .sa-k-ok b{color:var(--a)}
.sa-kpis .sa-k-ok{background:var(--a-soft)}
.sa-graf{display:grid;gap:6px;margin:4px 0 8px}
.sa-barra{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;align-items:center;gap:8px;font-size:.82rem}
.sa-barra-t{color:var(--mt)}.sa-barra>b{font-variant-numeric:tabular-nums;white-space:nowrap}
.sa-barra-pista{height:14px;border-radius:99px;background:var(--pn);overflow:hidden}
.sa-barra-pista i{display:block;height:100%;border-radius:99px;background:var(--wr);transition:width .35s ease}
.sa-b-mej .sa-barra-pista i{background:var(--a)}.sa-b-pct .sa-barra-pista i{background:#2b2d42}
:root[data-sp-color=dark] .sa-b-pct .sa-barra-pista i{background:var(--mt)}
.sa-mejora{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;color:var(--mt)}
.sa-chip-b{font:inherit;font-weight:700;min-height:40px;padding:6px 12px;border:1px solid var(--ln);border-radius:99px;background:var(--rs);color:inherit;cursor:pointer}
.sa-chip-b[aria-pressed=true]{border-color:var(--a);background:var(--a-soft);color:var(--a)}
@media(max-width:760px){.sa-kpis{grid-template-columns:1fr 1fr}.sa-barra{grid-template-columns:1fr auto}.sa-barra-t{grid-column:1/-1}.sa-barra-pista{grid-column:1}}
@media(max-width:340px){.sa-num-grid{grid-template-columns:1fr}}

/* Tres pasos de implementación (agrupan las 5 decisiones del método). */
.sa-impl{margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--pn)}
.sa-impl-t{margin:0 0 6px!important;font-size:.92rem}
.sp-arbol .sa-metodo{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0}
.sp-arbol .sa-metodo li{font-size:.8rem;padding:8px;background:var(--rs);border-radius:0 0 8px 8px}
.sp-arbol .sa-metodo li b::before{content:counter(m) " · "}
.sp-arbol .sa-metodo li span{display:block!important;color:var(--ink,#2b2d42)}
.sp-arbol .sa-metodo li small{display:block;color:var(--mt);font-size:.72rem;margin-top:2px}
.sp-arbol .sa-metodo li[data-estado=actual]{border-color:var(--wr)}.sp-arbol .sa-metodo li[data-estado=actual] b{color:var(--wr)}
@media(max-width:760px){.sp-arbol .sa-metodo li{padding:6px}.sp-arbol .sa-metodo li b{font-size:.84rem}.sp-arbol .sa-metodo li span{font-size:.74rem}}

.sa-prop{list-style:none;counter-reset:pp;margin:8px 0;padding:0;display:grid;gap:6px}
.sa-prop li{counter-increment:pp;display:grid;grid-template-columns:auto 1fr;column-gap:8px;padding:8px 10px;border-radius:8px;background:var(--pn);font-size:.86rem;line-height:1.35}
.sa-prop li::before{content:counter(pp);grid-row:1/4;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--a);color:var(--on-a);font-weight:800;font-size:.8rem}
.sa-prop li[data-estado=hecho]::before{background:#2b2d42;color:#fff}.sa-prop li[data-estado=siguiente]{box-shadow:inset 3px 0 0 var(--w)}
.sa-prop b{font-size:.9rem}.sa-prop .sa-prop-lema{font-size:.74rem;color:var(--mt);font-weight:700}
/* 2 toques: causas y evidencia se marcan dentro del resultado. */
.sp-arbol fieldset.sa-nivel{border:0;margin:14px 0 0;min-width:0}.sp-arbol fieldset.sa-nivel legend{float:left;width:100%;padding:0}
.sa-causas .sa-checks{clear:both;gap:4px}
.sp-arbol .sa-causas label.sa-check{background:var(--rs);padding:7px 9px;font-size:.88rem}
.sp-arbol .sa-causas label.sa-check[data-estado="1"]{border-color:var(--wr);background:var(--rs);box-shadow:inset 3px 0 0 var(--wr)}
.sa-accion .sa-ev{margin-top:8px}.sa-accion .sa-ev::before{content:"¿Tienes datos?";font-size:.78rem;color:var(--mt);align-self:center;margin-right:2px}
.sa-impacto .sa-num-grid{margin-bottom:8px}
#sa-imp-vacio{margin:0}
.sa-salida .sa-acciones .sa-btn[data-sa-ia]{flex:1 1 90px}
.sa-mas>.sa-chips,#sa-mas>.sa-chips{margin:6px 0}
.sa-num-grid{align-items:end}
.sa-acc-impacto{margin-top:10px}.sa-acc-impacto .sa-btn{flex:1 1 200px}#sa-contacto{scroll-margin-top:80px}

/* Lenguaje visual: lo informativo no parece botón (2026-10-06). */
.sa-kpis li{background:none;border-left:3px solid var(--wr);border-radius:0;padding:2px 10px}.sa-kpis .sa-k-ok{background:none;border-left-color:var(--a)}.sa-kpis li:not(.sa-k-alerta):not(.sa-k-ok){border-left-color:var(--ln)}
.sa-prop li{background:none;border-radius:0;border-bottom:1px solid var(--ln);padding:8px 2px}
.sa-impl{background:none;padding:0}