/* Case diagrams: shared roles, real flow and intrinsic mobile layout. */
.arena{display:block;background:#090e16;border-color:#344151}
.arena__selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #344151;background:#0d141d}
.arena__selector button{min-width:0;border-bottom:0;border-right:1px solid #344151;min-height:92px;padding:18px 22px;display:grid;grid-template-columns:26px 1fr;column-gap:12px;align-content:center}
.arena__selector button:last-child{border-right:0}
.arena__selector button>span{grid-row:1/3;align-self:center}
.arena__selector button small{grid-column:2}
.arena__escena{grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:40px;padding:44px;align-items:start;min-height:0}
.arena__texto{position:sticky;top:130px;min-width:0;gap:24px;padding-top:18px}
.arena__texto h3{font-size:clamp(36px,3.6vw,54px);line-height:1.06;max-width:15ch}
.arena__texto>p{font-size:16px;line-height:1.65}
.arena__decision{margin-top:10px}
.arena__decision strong{font-size:18px;line-height:1.5}
.arena .venta-viva,.arena .expediente,.arena .corrientes,.arena .paisaje{--signal:#edc574;--tool:#a8dbe5;--gate:#bdabec;position:relative;min-width:0;min-height:0;align-self:stretch;border:1px solid #283746;border-radius:20px;background:radial-gradient(ellipse at 50% 24%,#b9852924,transparent 46%),linear-gradient(155deg,#111925,#080d14 75%);overflow:visible;isolation:isolate}
.arena .venta-viva{display:grid;grid-template-columns:1fr;justify-items:center;gap:28px;padding:28px 30px 30px}
.arena .venta-viva::before{left:50%;right:auto;top:50px;bottom:55px;height:auto;width:1px;background:linear-gradient(#edc574,#9bc5d1,#bdabec,#edc574);z-index:-1}
.arena .venta-viva::after{display:none}
.arena .venta-viva__entrada{position:relative;left:auto;top:auto;font:12px var(--fuente-mono);letter-spacing:.12em;padding:10px 24px;border:1px solid #75623f;border-radius:999px;background:#101722;color:#f4d69a}
.arena .venta-viva__nucleo{position:relative;left:auto;top:auto;transform:none;width:156px;min-height:132px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:50%;border-color:#b39454;background:radial-gradient(circle at 40% 30%,#3b3020,#111924 72%);box-shadow:0 0 0 10px #edc57407,0 0 65px #d4943424}
.arena .venta-viva__nucleo i{position:static;transform:none;width:12px;height:12px;flex-shrink:0;box-shadow:0 0 22px #edbd7e;margin-bottom:4px}
.arena .venta-viva__nucleo strong{font:600 13px var(--fuente-mono);letter-spacing:.12em}
.arena .venta-viva__nucleo small{font-size:12px;line-height:1.45;margin:0;color:#c6ced8}
.arena .venta-viva ol{position:relative;left:auto;top:auto;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin:0;padding:0}
.arena .venta-viva ol::before{content:'';position:absolute;top:-14px;left:25%;width:50%;height:14px;border:1px solid #7aabb7;border-bottom:0;border-radius:10px 10px 0 0;z-index:-1}
.arena .venta-viva ol li,.arena .venta-viva__salidas p{position:relative;display:grid;gap:8px;min-width:0;margin:0;padding:18px 16px;border:1px solid #405a68;border-radius:12px;background:#101923;box-shadow:0 8px 25px #0002;overflow-wrap:anywhere;text-align:left}
.arena .venta-viva ol li::before{content:'';width:9px;height:9px;border:1px solid var(--tool);background:#a8dbe514;border-radius:2px}
.arena .venta-viva ol li:last-child{grid-column:1/-1;justify-self:center;width:70%;border-color:#675879;background:#181923;text-align:center;justify-items:center}
.arena .venta-viva ol li:last-child::before{transform:rotate(45deg);border-radius:0;border-color:var(--gate);background:#bdabec22}
.arena .venta-viva ol span,.arena .venta-viva__salidas span{font:12px/1.4 var(--fuente-mono);letter-spacing:.08em;color:#a8dbe5;text-transform:uppercase}
.arena .venta-viva ol li:last-child span{color:var(--gate)}
.arena .venta-viva ol strong,.arena .venta-viva__salidas strong{font-size:15px;line-height:1.45;font-weight:500;color:#f1f2f4}
.arena .venta-viva__salidas{position:relative;right:auto;bottom:auto;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.arena .venta-viva__salidas::before{content:'';position:absolute;top:-14px;left:25%;width:50%;height:14px;border:1px solid #a28b58;border-bottom:0;border-radius:10px 10px 0 0;z-index:-1}
.arena .venta-viva__salidas p{border-color:#76643e;background:#181b21}
.arena .venta-viva__salidas p::before{content:'';width:10px;height:10px;border:1px solid var(--signal);box-shadow:0 0 0 3px #edc5740b}
.arena .venta-viva__salidas p:last-child{border-style:dashed}
.arena .venta-viva__salidas p:last-child::before{border-radius:50%;box-shadow:0 0 0 3px #edc57418}
.arena .venta-viva__salidas span{color:#edc574}
/* Document → evidence → human control; light marks the connection, not a divider. */
.arena .expediente{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 28px;gap:20px}
.arena .expediente__hojas{width:210px;height:176px;flex-shrink:0;margin-top:8px}
.arena .expediente__hojas i{inset:0 24px 40px;border-color:#53616b;background:repeating-linear-gradient(#111b25 0 12px,#34404c 13px 14px);box-shadow:0 8px 28px #0004}
.arena .expediente__hojas i:last-of-type{border-color:#a88d57;background:linear-gradient(transparent 35%,#edc57425 35% 50%,transparent 50%),repeating-linear-gradient(#15202b 0 12px,#34404c 13px 14px)}
.arena .expediente__hojas span{position:absolute;left:0;right:0;bottom:0;text-align:center;font:12px/1.5 var(--fuente-mono);color:#d4dbe2}
.arena .expediente__haz{height:28px;width:1px;flex-shrink:0;filter:none;background:var(--signal);box-shadow:0 0 14px #edc57444;opacity:1;position:relative}
.arena .expediente__haz::after{content:'';position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-bottom:1px solid var(--signal);border-right:1px solid var(--signal);transform:rotate(45deg)}
.arena .expediente__hallazgos{display:grid;grid-template-columns:1fr;gap:20px;width:100%;position:relative}
.arena .expediente__hallazgos::before{content:'';position:absolute;left:50%;top:0;bottom:20px;width:1px;background:#ad935e;z-index:-1}
.arena .expediente__hallazgos p{position:relative;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;margin:0;padding:18px 20px;min-width:0;border-color:#3f5160;background:#111b26;box-shadow:0 5px 20px #0002}
.arena .expediente__hallazgos small{font:12px/1.4 var(--fuente-mono);color:#abd6df}
.arena .expediente__hallazgos strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.arena .expediente__hallazgos>b{justify-self:center;max-width:100%;padding:16px 24px;border-style:dashed;border-color:#c5a76a;border-radius:999px;background:#171c23;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
/* Correspondences: two continuous paths and one visibly interrupted relation. */
.arena .corrientes{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);grid-template-rows:repeat(3,minmax(110px,auto));align-content:center;align-items:stretch;gap:24px 0;padding:36px 26px}
.arena .corrientes>div{display:contents}
.arena .corrientes>i{display:none}
.arena .corrientes>div:first-child span{grid-column:1}
.arena .corrientes>div:last-child span{grid-column:3}
.arena .corrientes>div span:nth-child(1){grid-row:1}
.arena .corrientes>div span:nth-child(2){grid-row:2}
.arena .corrientes>div span:nth-child(3){grid-row:3}
.arena .corrientes span{position:relative;display:grid;place-content:center;min-width:0;padding:18px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;background:#111b26;border-color:#40586b;box-shadow:0 10px 25px #0002}
.arena .corrientes>div:last-child span::before{content:'→';position:absolute;left:-35px;top:50%;transform:translateY(-50%);width:34px;font-size:24px;color:#a8dbe5;text-shadow:0 0 12px #a8dbe544}
.arena .corrientes>div:last-child span.corrientes__duda{border-color:#b39965;border-style:dashed;color:#edc574;background:#201d18}
.arena .corrientes>div:last-child .corrientes__duda::before{content:'◇';color:#edc574;font-size:20px;text-shadow:none}
@media(max-width:1000px){.arena__escena{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:28px}.arena__texto h3{font-size:40px}.arena .venta-viva{padding-inline:20px}.arena .expediente__hallazgos p{grid-template-columns:1fr}}
@media(max-width:700px){
 .arena__selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .arena__selector button{min-height:72px;padding:14px 12px;grid-template-columns:20px 1fr;gap:4px 8px;border-bottom:1px solid #344151;flex:none}
 .arena__selector button strong{font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
 .arena__selector button small{display:none}
 .arena__escena{display:grid;grid-template-columns:1fr;gap:28px;padding:24px 16px}
 .arena__texto{position:static;padding-top:0;gap:18px}
 .arena__texto h3{font-size:36px;max-width:none;line-height:1.08}
 .arena__texto>p{font-size:15px}.arena__decision strong{font-size:17px}
 .arena .venta-viva{padding:24px 16px;gap:24px;border-radius:16px}
 .arena .venta-viva__nucleo{width:142px;min-height:125px}
 .arena .venta-viva ol{gap:26px 12px}
 .arena .venta-viva ol li,.arena .venta-viva__salidas p{padding:14px 10px;gap:7px}
 .arena .venta-viva ol strong,.arena .venta-viva__salidas strong{font-size:14px}
 .arena .venta-viva__salidas{gap:12px}
 .arena .venta-viva ol li:last-child{width:86%}
 .arena .venta-viva ol span,.arena .venta-viva__salidas span{font-size:12px}
 .arena .expediente{padding:28px 18px;gap:16px}
 .arena .expediente__hallazgos p{padding:16px;gap:6px}
 .arena .expediente__hallazgos>b{width:100%;border-radius:18px;padding:16px}
 .arena .corrientes{padding:28px 12px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:22px 0}
 .arena .corrientes span{padding:14px 8px;font-size:14px}
 .arena .corrientes>div:last-child span::before{width:24px;left:-25px;font-size:20px}
}
.arena .venta-viva ol li:last-child::after{content:'';position:absolute;top:-29px;left:14%;width:72%;height:14px;border:1px solid #7195a2;border-top:0;border-radius:0 0 10px 10px;z-index:-1}
/* Cost controls choose a visible action, not a decorative anonymous branch. */
.arena .paisaje{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:30px;background:radial-gradient(ellipse at 50% 48%,#edc57416,transparent 65%),#0b121b}
.arena .paisaje__origen{position:relative;left:auto;top:auto;display:grid;place-items:center;min-height:92px;max-width:100%;padding:20px 30px;border:1px solid #9b8050;border-radius:50%;background:#181c22;font:13px/1.5 var(--fuente-mono);color:#f1d08c;box-shadow:0 0 0 9px #edc57406,0 0 50px #edc57417}
.arena .paisaje__rutas{position:relative;width:100%;margin:0;padding:0 0 0 24px;display:grid;gap:15px;list-style:none}
.arena .paisaje__rutas::before{content:'';position:absolute;left:0;top:-29px;bottom:30px;width:50%;border-top:1px solid #65727e;border-left:1px solid #65727e;border-radius:12px 0 0 0;z-index:-1}
.arena .paisaje__rutas li{position:relative;display:flex;align-items:center;gap:16px;min-width:0;padding:18px;border:1px solid #334553;border-radius:12px;background:#111b26;color:#aebdcb}
.arena .paisaje__rutas li::before{content:'';position:absolute;left:-25px;top:50%;width:24px;height:1px;background:#65727e}
.arena .paisaje__rutas li>span{font:11px var(--fuente-mono);color:#8ca6b6}
.arena .paisaje__rutas li strong{font-size:15px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.arena .paisaje__rutas li.is-active{border-color:#c9a767;background:linear-gradient(90deg,#30281c,#161d25);color:#f8e2b5;box-shadow:0 0 26px #edc57413}
.arena .paisaje__rutas li.is-active::before{background:#edc574;box-shadow:0 0 9px #edc57466}
.arena .paisaje__rutas li.is-active>span{color:#edc574}
.arena .paisaje__salida{position:relative;right:auto;bottom:auto;max-width:none;width:100%;padding:22px;background:#161c24;border:1px solid #aa8c54;gap:10px;border-radius:14px}
.arena .paisaje__salida::before{content:'';position:absolute;top:-29px;left:50%;height:28px;width:1px;background:#edc574}
.arena .paisaje__salida small{font:12px/1.5 var(--fuente-mono);color:#edc574}
.arena .paisaje__salida strong{font-size:18px;line-height:1.45}
.arena .paisaje[data-route="review"] .paisaje__salida{border-style:dashed}
@media(max-width:700px){.arena .paisaje{padding:26px 18px;gap:26px}.arena .paisaje__rutas{padding-left:16px}.arena .paisaje__rutas li{padding:16px 12px;gap:10px}.arena .paisaje__rutas li::before{left:-17px;width:16px}.arena .paisaje__rutas li strong{font-size:14px}.arena .paisaje__salida{padding:18px}}

.arena .paisaje__salida::before{display:none}
.arena .paisaje__conexion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.arena .paisaje__conexion path{fill:none;stroke:#edc574;stroke-width:1.3;vector-effect:non-scaling-stroke}

/* GRAPH QUALITY PASS · a graph must read as a product surface, not as a faint SVG. */
#nucleo .observatorio__visor,
#sistemas .retrato {
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 48%,#e5ad5428 0 4%,transparent 18%),
    radial-gradient(circle at 72% 30%,#a9c7d315 0 1px,transparent 2px),
    linear-gradient(145deg,#0b111a 0%,#111b28 58%,#090f17 100%);
}
#nucleo .observatorio__visor::before,
#sistemas .retrato::before {
  content:'';
  position:absolute;
  inset:14px;
  border:1px solid #edbd7e24;
  border-radius:14px;
  background:
    linear-gradient(90deg,#ffffff05 1px,transparent 1px),
    linear-gradient(#ffffff05 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%);
  pointer-events:none;
  z-index:0;
}
#nucleo .observatorio__alternativa,
#sistemas .retrato__svg { position:relative; z-index:1; }
#nucleo .observatorio__alternativa { color:#eef2f4; }
#nucleo .observatorio__alternativa .retrato__svg text {
  fill:#eef2f4!important;
  fill-opacity:1!important;
}
#nucleo .observatorio__alternativa .retrato__svg .retrato__arista {
  vector-effect:non-scaling-stroke;
}
#nucleo .observatorio__visor::after {
  content:'SEÑAL  →  CONTEXTO  →  CRITERIO  →  CONTROL HUMANO  →  RESULTADO';
  position:absolute;
  left:clamp(18px,4vw,52px);
  right:clamp(18px,4vw,52px);
  bottom:16px;
  z-index:2;
  padding:10px 14px;
  border:1px solid #edbd7e4a;
  border-radius:999px;
  background:#09111be8;
  color:#edbd7e;
  font:600 10px/1.3 var(--fuente-mono,monospace);
  letter-spacing:.08em;
  text-align:center;
}
#sistemas .retrato::after {
  content:'ENTRADA  →  RAZONAMIENTO  →  CONTROL  →  SALIDA';
  position:absolute;
  left:22px;
  bottom:14px;
  z-index:2;
  padding:8px 11px;
  border:1px solid #edbd7e4a;
  border-radius:999px;
  background:#09111be8;
  color:#edbd7e;
  font:600 10px/1.3 var(--fuente-mono,monospace);
  letter-spacing:.07em;
}
#nucleo .observatorio__alternativa .retrato__svg,
#sistemas .retrato__svg { filter:drop-shadow(0 12px 22px #000b); }
#nucleo .observatorio__canvas { filter:brightness(1.32) contrast(1.16) saturate(1.12); transform:scale(.94); transform-origin:center; }
#nucleo .retrato__arista--tronco,
#sistemas .retrato__arista--tronco { stroke:#f0c36e!important; stroke-width:3!important; stroke-opacity:.95!important; }
#nucleo .retrato__arista--rama,
#sistemas .retrato__arista--rama { stroke:#a8bdca!important; stroke-width:1.5!important; stroke-opacity:.7!important; }
#sistemas .retrato--fanout .retrato__arista--rama { stroke-opacity:.52!important; }
#sistemas .retrato--fanout .retrato__arista--rama:nth-of-type(n+17) { display:none; }
#sistemas .retrato--fanout .retrato__arista--rama:nth-of-type(-n+6) { stroke:#f0c36e!important; stroke-opacity:.78!important; stroke-width:1.8!important; }
#sistemas .retrato--fanout .retrato__mod { opacity:.64; }
#sistemas .retrato--fanout .retrato__mod:nth-of-type(-n+6) { opacity:1; filter:drop-shadow(0 0 7px #edbd7e); }
#sistemas .retrato--fanout .retrato__mod:nth-of-type(n+7) { display:none; }
#nucleo .retrato__raiz,
#sistemas .poda-n--viva,
#sistemas .vec-p--dentro { filter:drop-shadow(0 0 8px #edbd7e); }
#nucleo .retrato__rot,
#sistemas .poda-t--fam,
#sistemas .poda-t--raiz,
#sistemas .vec-t--dentro,
#sistemas .vec-t--q {
  paint-order:stroke;
  stroke:#091018;
  stroke-width:5px;
  stroke-linejoin:round;
  font-weight:600;
  letter-spacing:.035em;
}
#nucleo .retrato__rot { font-size:15px; }
#nucleo .observatorio__alternativa .retrato__rot {
  fill:#eef2f4!important;
  fill-opacity:1!important;
  paint-order:stroke;
  stroke:#08111a;
  stroke-width:4px;
  font-weight:700;
}
#nucleo .observatorio__alternativa .retrato__svg circle[fill="var(--marca)"] {
  fill:#f0c36e!important;
  fill-opacity:1!important;
  filter:drop-shadow(0 0 7px #edbd7eaa);
}
#nucleo .observatorio__alternativa .retrato__svg circle[fill="currentColor"] {
  fill:#b9cad5!important;
  fill-opacity:.92!important;
  filter:drop-shadow(0 0 5px #b9cad588);
}
#nucleo .retrato--fanout .retrato__modname,
#sistemas .retrato--fanout .retrato__modname { opacity:.88; font-size:11px; }
#nucleo .retrato--fanout .retrato__modname:nth-of-type(n+9),
#sistemas .retrato--fanout .retrato__modname:nth-of-type(n+9) { opacity:0; }
#sistemas .poda-t--fam,
#sistemas .poda-t--raiz,
#sistemas .vec-t--dentro,
#sistemas .vec-t--q { font-size:14px; }
#nucleo .observatorio__leyenda,
#sistemas .retrato-leyenda {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
#nucleo .observatorio__leyenda span,
#sistemas .retrato-leyenda li {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:9px 11px;
  border:1px solid #465b6b;
  border-radius:10px;
  background:#0c1520dd;
  color:#dce5ec;
  font:11px/1.3 var(--fuente-mono,monospace);
  letter-spacing:.05em;
  text-transform:uppercase;
}
#nucleo .observatorio__leyenda span::before,
#sistemas .retrato-leyenda li::before { content:''; width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#edbd7e; box-shadow:0 0 10px currentColor; }
#nucleo .observatorio__leyenda span[data-graph-group="significado"]::before { background:#a8bdca; }
#nucleo .observatorio__leyenda span[data-graph-group="estrategias"]::before { background:#c8a1ee; }
#sistemas .retrato-leyenda li:nth-child(2)::before { background:#a8bdca; }
#sistemas .retrato-leyenda li:nth-child(3)::before { background:#c8a1ee; }
#sistemas .retrato-leyenda li:nth-child(4)::before { background:#edbd7e; }
#sistemas .retrato-leyenda li strong { color:inherit; font-weight:600; }
#sistemas .retrato-leyenda li { list-style:none; }
#sistemas .retrato__pie { max-width:72ch; margin-top:20px; padding:18px 20px; border-left:2px solid #edbd7e; border-radius:0 12px 12px 0; background:linear-gradient(90deg,#edbd7e10,transparent); }
@media(max-width:700px){
  #nucleo .observatorio__visor::before,#sistemas .retrato::before { inset:9px; background-size:30px 30px; }
  #nucleo .retrato__rot { font-size:13px; }
  #nucleo .retrato--fanout .retrato__modname,
  #sistemas .retrato--fanout .retrato__modname { font-size:10px; }
  #nucleo .retrato--fanout .retrato__modname:nth-of-type(n+5),
  #sistemas .retrato--fanout .retrato__modname:nth-of-type(n+5) { opacity:0; }
  #sistemas .poda-t--fam,#sistemas .poda-t--raiz,#sistemas .vec-t--dentro,#sistemas .vec-t--q { font-size:12px; }
  #nucleo .observatorio__leyenda,#sistemas .retrato-leyenda { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  #nucleo .observatorio__leyenda span,#sistemas .retrato-leyenda li { min-height:34px; padding:7px 8px; font-size:9px; letter-spacing:.03em; }
  #sistemas .retrato__pie { font-size:13px; padding:14px 14px; }
  #nucleo .observatorio__visor::after { left:12px; right:12px; bottom:10px; padding:8px 9px; font-size:8px; letter-spacing:.035em; }
  #sistemas .retrato::after { left:12px; right:12px; bottom:10px; text-align:center; font-size:9px; line-height:1.45; letter-spacing:.035em; }
  /* Mobile is a guided route. The full fan-out remains available in the desktop
     surface and in the legend/details; the first viewport keeps only the four
     responsibility trunks so the agent's story can be scanned. */
  #sistemas .retrato--fanout { height:248px; }
  #sistemas .retrato--fanout .retrato__arista--rama,
  #sistemas .retrato--fanout .retrato__mod,
  #sistemas .retrato--fanout .retrato__modname { display:none; }
  #sistemas .retrato--fanout .retrato__arista--tronco { stroke-width:3.2!important; }
  #sistemas .retrato--fanout .retrato__rot,
  #nucleo .retrato--fanout .retrato__rot { display:block!important; font-size:28px; }
  #nucleo .retrato--fanout .retrato__terminal-label { font-size:24px; }
  #nucleo .retrato--fanout .retrato__arista--rama,
  #nucleo .retrato--fanout .retrato__mod,
  #nucleo .retrato--fanout .retrato__modname { display:none; }
  #nucleo .observatorio__canvas { transform:scale(.88); filter:brightness(1.42) contrast(1.18) saturate(1.14); }
  #sistemas .retrato__leyenda--estatica {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-height:240px;
    overflow:hidden;
    position:relative;
  }
  #sistemas .retrato__leyenda--estatica>li { padding:11px 12px; min-height:48px; }
  #sistemas .retrato__leyenda--estatica>li>b { font-size:13px; color:#f0c36e; }
  #sistemas .retrato__leyenda--estatica>li>ul { display:none; }
  #sistemas .retrato__leyenda>li>ul { display:none; }
  #sistemas .retrato__leyenda--estatica::after {
    content:'Selecciona una etapa para ver el detalle';
    grid-column:1/-1;
    padding:9px 10px;
    border:1px dashed #edbd7e66;
    border-radius:9px;
    color:#c9d5df;
    font:10px/1.3 var(--fuente-mono,monospace);
    text-align:center;
    letter-spacing:.04em;
  }
}