/* ═══════════════════════════════════════════════════════════════════════════════
   /por-que-ironbrain/ · prefijo .pq-  (se carga tras pages.css con extraCss)
   Lee los tokens de site.css y las variables --pg-* de pages.css; no redefine ninguna.
   Código de color (el mismo de todo el sistema): salvia / lima = lo que hace la herramienta o los agentes;
   lavanda / ciruela = lo que aporta o decide la persona.
   Índice: 0 hero (lista) · 1 hero (escena conversación → plan) · 2 secciones 01–03 · 3 gobernanza (franja oscura)
           4 abierto · 5 organizaciones · 6 lo que hacen bien · 7 tabla · 8 movimiento · 9 adaptación
   Movimiento: solo transform y opacity. Todo tiene estado estático completo sin JS y con movimiento reducido.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 0 · Hero: lista numerada (colores de esta página) ─────────────────────── */
.pg-hero-list .pg-ln-1{background:#e9ece2;border-color:#8c9784;color:#34443a}
.pg-hero-list .pg-ln-2{background:var(--forest);border-color:var(--forest);color:#f6f8ee}
.pg-hero-list .pg-ln-3{background:linear-gradient(90deg,var(--lavender) 50%,var(--lime) 50%);border-color:#a79bbb;color:#3f3552}

/* ── 1 · Hero: escena dividida conversación → plan ─────────────────────────── */
.pq-stage{container:pq / inline-size}
.pq-stage .pg-win{font-size:12.5px}
.pq-sc{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) 34px minmax(0,1.3fr);gap:0;padding:14px 14px 12px;align-items:stretch}
.pq-side{position:relative;min-width:0;display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:14px;border:1px solid;transition:opacity .25s ease}
.pq-side--chat{background:#f4f5ef;border-color:#dde2d3}
.pq-side--plan{background:#f6faeb;border-color:#cfdcbc}
.pq-sh{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#52665a}
.pq-sh .pg-ic{width:15px;height:15px}
.pq-sh--ib{color:var(--green)}
/* chat */
.pq-thread{position:relative;display:grid;gap:8px;min-height:0}
.pq-b{max-width:94%;padding:8px 11px 9px;border-radius:12px;font-size:12.5px;line-height:1.42}
.pq-ring{position:absolute;inset:-3px;border-radius:15px;border:2px solid #8fb36b;pointer-events:none}
.pq-b-who{display:flex;align-items:center;gap:5px;margin-bottom:3px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.pq-b--me{position:relative;justify-self:end;background:var(--lavender);border:1px solid #d5c9e6;color:#3f3552;border-bottom-right-radius:4px}
.pq-b--ai{grid-area:2 / 1;justify-self:start;align-self:start;background:var(--white);border:1px solid #d3deb9;color:#2f4639;border-bottom-left-radius:4px}
.pq-b-l{display:block;margin-top:2px;color:#41584a}
.pq-b-l:first-of-type{margin-top:5px}
.pq-b-q{display:block;margin-top:7px;padding-top:7px;border-top:1px dashed #d3deb9;color:#4f6357}
.pq-typing{display:flex;gap:4px;padding:11px 13px}
.pq-typing i{width:6px;height:6px;border-radius:50%;background:#8fa383}
.pq-typing i:nth-child(2){opacity:.65}.pq-typing i:nth-child(3){opacity:.35}
.pq-compose{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:8px 10px;border:1px solid #d3d9c8;border-radius:9px;background:var(--white);font-size:12px;color:#4f6357}
.pq-compose .pg-ic{color:#8fa383}
.pq-end{display:flex;align-items:center;gap:7px;margin-top:2px;font-size:12px;font-weight:620;color:#52665a}
.pq-end .pg-ic{color:#8c9784}
/* puente */
.pq-bridge{display:grid;place-items:center;position:relative;padding-block:30px}
.pq-bridge::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:0;border-left:2px dashed #b7c6a4;transform:translateX(-1px)}
.pq-bridge span{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime);border:1.5px solid #8fb36b;color:var(--forest);box-shadow:0 4px 10px -3px #2c604955}
.pq-bridge small{position:absolute;left:50%;top:calc(50% + 24px);transform:translateX(-50%);writing-mode:vertical-rl;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#52665a;background:var(--white);padding:6px 1px;white-space:nowrap}
/* plan */
.pq-ghost{position:absolute;inset:44px 12px 12px;z-index:3;display:grid;place-content:center;justify-items:center;gap:8px;border:1.5px dashed #b8c8a2;border-radius:12px;font-size:12.5px;font-weight:620;color:#4f6357;text-align:center;background:#f6faebcc}
.pq-ghost .pg-ic{width:22px;height:22px;color:#8fa383}
.pq-goal{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--forest);color:#f6f8ee}
.pq-goal-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff1c;color:#d4ebaa;flex-shrink:0}
.pq-goal small{display:block;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;opacity:.8;line-height:1.3}
.pq-goal b{display:block;font-size:13.5px;font-weight:650;line-height:1.25}
.pq-plan{display:grid;gap:6px}
.pq-ph{padding:7px 11px 8px;border-radius:11px;background:var(--white);border:1px solid #d3deb9}
.pq-ph-h{display:flex;align-items:baseline;gap:8px;margin:0 0 2px;font-size:13px;font-weight:650;color:var(--deep);letter-spacing:-.01em}
.pq-ph-h b{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.pq-ph ul{display:grid}
.pq-task{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:9px;align-items:center;padding:3px 0;font-size:12.5px;line-height:1.3;color:#2f4639}
.pq-dot{position:relative;display:block;width:16px;height:16px;border-radius:50%;border:1.5px solid #a9bd96;background:var(--white)}
.pq-dot i{position:absolute;inset:-1.5px;border-radius:50%;border:1.5px solid}
.pq-dot-p{background:#d9cdee;border-color:#a68fc8}
.pq-dot-a{background:var(--lime);border-color:#8fb36b}
.pq-who{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;border:1px solid;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap}
.pq-who--p{background:var(--lavender);border-color:#d5c9e6;color:var(--pg-plum)}
.pq-who--a{background:var(--lime);border-color:#b9cfa3;color:#3f5a34}
.pq-del{display:flex;align-items:center;gap:6px;margin-top:5px;padding-top:6px;border-top:1px dashed #d3deb9;font-size:12px;color:var(--pg-small)}
.pq-del .pg-ic{color:var(--pg-t-strong)}
.pq-rt{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 11px;border-radius:12px;border:1.5px dashed #a9c18a;background:#edf3df}
.pq-rt-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);border:1.5px solid #8fb36b;color:var(--forest)}
.pq-rt b{display:block;font-size:12.5px;font-weight:650;color:var(--deep);line-height:1.25}
.pq-rt small{display:block;font-size:12px;color:var(--pg-small);line-height:1.3}
.pq-run{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:var(--pg-t-ink);white-space:nowrap}
.pq-run i{width:8px;height:8px;border-radius:50%;background:#6f9a4d;box-shadow:0 0 0 3px #6f9a4d33}
.pq-key{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:11px;padding-inline:2px;font-size:12px;color:var(--pg-small)}
.pq-key span{display:inline-flex;align-items:center;gap:7px}
/* transición de entrada de las piezas de la escena */
.pq-rise{transform:translateY(calc((1 - var(--k)) * 9px));transition:opacity .4s var(--ease),transform .55s var(--ease)}
/* la lista del hero atenúa lo que no toca (data-hl lo pone pages.js) */
.pq-stage[data-hl="1"] .pq-side--plan,.pq-stage[data-hl="1"] .pq-bridge{opacity:.28}
.pq-stage[data-hl="2"] .pq-side--chat{opacity:.28}
.pq-stage[data-hl="3"] .pq-side--chat{opacity:.28}
.pq-stage[data-hl="3"] .pq-goal,.pq-stage[data-hl="3"] .pq-ph-h,.pq-stage[data-hl="3"] .pq-del{opacity:.4}
.pq-goal,.pq-ph-h,.pq-del{transition:opacity .25s ease}

/* ── 2 · Secciones 01–03 ─────────────────────────────────────────────────── */
.pq-head{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(28px,5vw,80px);align-items:end}
.pq-head .pg-eyebrow{grid-column:1 / -1}
.pq-head h2{margin-bottom:0}
.pq-head .pg-lead{padding-bottom:6px}
/* 01 · el contraste: responde ↔ parte de un objetivo */
.pq-contrast{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1.3fr);align-items:stretch}
.pq-ct{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:clamp(24px,2.8vw,42px);border-radius:24px}
.pq-ct--other{background:#eef0e8;border:1.5px dashed #bfcab1}
.pq-ct--ib{background:var(--white);border:1px solid var(--line);box-shadow:0 18px 48px -35px #173f355c}
.pq-ct .pg-label{display:flex;align-items:center;gap:7px;font-size:12px}
.pq-ct--ib .pg-label{color:var(--green)}
.pq-ct-big{font-size:clamp(28px,3.2vw,46px);line-height:1.03;letter-spacing:-.055em;font-weight:620;color:var(--deep);text-wrap:balance}
.pq-ct-big em{display:block;margin-top:2px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.045em}
.pq-ct--other .pq-ct-big{color:#57695b}
.pq-ct-sub{font-size:15px;line-height:1.5;color:var(--pg-small)}
.pq-ct-arrow{display:grid;place-items:center;color:var(--green)}
.pq-ct-arrow .pg-ic{width:30px;height:30px;stroke-width:1.5}
.pq-ct-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pq-ct-chips .pg-chip{font-size:13px;padding:5px 12px 5px 10px}
.pq-ct-chips .pg-chip .pg-ic{width:15px;height:15px}
/* 02 · piezas de una AAPP + figura chat ↔ AAPP */
.pq-parts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pq-parts li{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:999px;background:var(--white);border:1px solid #cdd8c1;font-size:14.5px;color:var(--deep)}
.pq-part-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--forest)}
.pq-part-ic .pg-ic{width:18px;height:18px}
.pq-vs{display:grid;gap:12px;padding:16px}
.pq-vs .pg-label{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.pq-lab-g{color:var(--green)}
.pq-chatbox{padding:11px;border-radius:12px;background:#f4f5ef;border:1px solid #dde2d3}
.pq-chat-t{margin-bottom:8px;font-size:12px;font-weight:650;color:#4f6455}
.pq-agents{display:grid;gap:6px}
.pq-agents li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:var(--white);border:1px solid #d3deb9;font-size:12.5px;font-weight:620;color:#35503a}
.pq-agents .pg-ic{color:var(--pg-t-strong)}
.pq-chat-in{margin-top:9px;padding:7px 10px;border:1px solid #d3d9c8;border-radius:8px;background:var(--white);font-size:12px;color:#4f6357}
.pq-vs-cap{margin-top:8px;font-size:12.5px;font-weight:620;color:#52665a}
.pq-vs-cap--g{color:var(--green)}
.pq-vs-x{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--pg-small)}
.pq-vs-x::before,.pq-vs-x::after{content:"";flex:1;height:1px;background:#bccbab}
.pq-app{display:grid;grid-template-columns:42px minmax(0,1fr);border:1.5px solid #b3c59a;border-radius:14px;background:#f4f8ea;overflow:hidden}
.pq-nav{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;background:#e3edd0;border-right:1px solid #cfdcbc}
.pq-nav span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#4d653e}
.pq-nav span.is-on{background:var(--forest);color:#f6f8ee}
.pq-app-main{display:grid;gap:8px;padding:10px;min-width:0}
.pq-app-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px;color:var(--deep)}
.pq-app-h small{font-size:12px;color:var(--pg-small)}
.pq-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pq-w{padding:8px 10px 9px;border-radius:10px;background:var(--white);border:1px solid #d3deb9;min-width:0}
.pq-w .pg-label{margin-bottom:6px;font-size:12px}
.pq-w--data{grid-column:1 / -1}
.pq-w p{display:flex;align-items:center;gap:6px;font-size:12px;color:#35503a;line-height:1.5}
.pq-w p .pg-ic{color:var(--pg-t-strong)}
.pq-w small{display:block;margin-top:5px;font-size:12px;color:var(--pg-small)}
.pq-bars{display:grid;gap:4px}
.pq-bars i{display:block;height:7px;border-radius:4px;background:#e1e9d2;position:relative;overflow:hidden}
.pq-bars i::after{content:"";position:absolute;inset:0;width:var(--w);background:#8fb36b;border-radius:4px}
.pq-spark{display:flex;align-items:flex-end;gap:6px;height:34px}
.pq-spark i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:#b9d29a}
.pq-spark i:last-child{background:#6f9a4d}
/* 03 · intervención → rutina → disparador → checklist → siguiente intervención */
.pq-tl{padding:20px 18px 22px}
.pq-tl-list{position:relative;display:grid;gap:0}
.pq-tl-list::before{content:"";position:absolute;left:19px;top:30px;bottom:34px;width:2px;background:#c3cfb4;z-index:0}
.pq-tl-list ol{display:grid;gap:0}
.pq-tn{position:relative;z-index:1;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:10px 0}
.pq-tn-dot{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid}
.pq-tn-dot .pg-ic{width:19px;height:19px}
.pq-tn--p .pq-tn-dot{background:var(--lavender);border-color:#c9b9e0;color:var(--pg-plum)}
.pq-tn--a .pq-tn-dot{background:var(--lime);border-color:#9cbd7d;color:var(--forest)}
.pq-tn-who{display:block;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;line-height:1.4}
.pq-tn--p .pq-tn-who{color:#675483}
.pq-tn--a .pq-tn-who{color:var(--pg-t-ink)}
.pq-tn b{display:block;font-size:15.5px;letter-spacing:-.02em;color:var(--deep);line-height:1.25}
.pq-tn p{margin-top:2px;font-size:13.5px;line-height:1.5;color:var(--pg-body)}
.pq-tn-mid{position:relative;z-index:1;margin:8px -10px 8px;padding:26px 10px 6px;border:1.5px dashed #a9c18a;border-radius:18px;background:#f3f7e8e6}
.pq-mid-tab{position:absolute;top:-11px;left:50px;padding:3px 12px;border-radius:999px;background:var(--forest);color:#f6f8ee;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.pq-tn-mid .pq-tn{padding-inline:10px 0;padding-block:8px}
.pq-tn-mid .pq-tn-dot{margin-left:0}

/* ── 3 · Gobernanza (franja oscura) ───────────────────────────────────────── */
.pq-gov{display:grid;margin-top:26px;border-top:1px solid #ffffff22}
.pq-gov li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff1c;font-size:15.5px;line-height:1.5;color:#d3e0cb}
.pq-gov strong{font-weight:650;color:#fff}
.pq-gov-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d4ebaa26;color:#d4ebaa}
.pq-gov-ic--p{background:#cbb9e433;color:#dccdf0}
.pq-gov-ic .pg-ic{width:19px;height:19px}
.pg-band-dark .text-link span{border-bottom-color:#8da587}
/* la cadena: agente → tres tarjetas → servidor */
.pq-rail{display:grid;padding:18px 18px 16px;border-radius:22px;background:#ffffff08;border:1px solid #ffffff22}
.pq-rail-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:14px}
.pq-rail-t{font-size:15.5px;font-weight:620;letter-spacing:-.025em;color:#f6f8ee}
.pq-rail-t em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic}
.pq-tag-d{background:#ffffff10;border-color:#ffffff30;color:#d3e0cb}
.pq-node{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-items:start;padding:14px 16px 14px;border-radius:16px;border:1px solid #ffffff26;background:#ffffff0a;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}
.pq-node>div{min-width:0}
.pq-node h3{font-size:16.5px;letter-spacing:-.03em;line-height:1.2;color:#f6f8ee}
.pq-node p{margin-top:3px;font-size:13.5px;line-height:1.48;color:#c3d4bb}
.pq-node code{display:inline-block;margin-top:8px;padding:1px 8px;border-radius:5px;background:#ffffff14;color:#e6f0d4;font-size:12px}
.pq-node-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#d4ebaa26;color:#d4ebaa;transition:background-color .4s ease,color .4s ease}
.pq-node .pq-st{grid-column:2;margin-top:8px;justify-self:start}
.pq-st{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;border:1px solid #ffffff30;background:#ffffff0a;color:#d3e0cb;font-size:12.5px;font-weight:650;line-height:1.4;white-space:nowrap}
.pq-st>span{display:none;align-items:center;gap:7px}
.pq-st .pg-ic{width:14px;height:14px}
.pq-node[data-st="wait"] .pq-s-wait,.pq-node[data-st="todo"] .pq-s-todo,.pq-node[data-st="done"] .pq-s-done,
.pq-card[data-st="todo"] .pq-s-todo,.pq-card[data-st="next"] .pq-s-next,.pq-card[data-st="done"] .pq-s-done{display:inline-flex}
.pq-node--a[data-st="wait"] .pq-st{border-style:dashed;color:#e8f0dd}
.pq-node--a[data-st="done"],.pq-node--s[data-st="done"]{border-color:#d4ebaa;background:#d4ebaa1c}
.pq-node--a[data-st="done"] .pq-st,.pq-node--s[data-st="done"] .pq-st{background:#d4ebaa;color:#20361a;border-color:#d4ebaa}
.pq-node--s[data-st="done"]{box-shadow:0 0 0 4px #d4ebaa2b,0 0 34px -4px #d4ebaa55}
.pq-node--s[data-st="done"] .pq-node-ic{background:#d4ebaa;color:#20361a}
.pq-node--s[data-st="todo"]{border-style:dashed}
.pq-link{position:relative;display:block;width:2px;height:24px;margin-inline:auto;background:#ffffff3d}
.pq-link::after{content:"";position:absolute;inset:0;background:#d4ebaa;transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
.pq-link--on::after,.pq-link.is-on::after{transform:scaleY(1)}
.pq-stack{display:grid;gap:8px}
.pq-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid #ffffff26;background:#ffffff08;transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}
.pq-card-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #cbb9e499;color:#dccdf0;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;transition:background-color .35s ease,color .35s ease}
.pq-card h3{font-size:15.5px;letter-spacing:-.025em;line-height:1.2;color:#f6f8ee}
.pq-card p{margin-top:2px;font-size:13px;line-height:1.4;color:#c3d4bb}
.pq-card[data-st="todo"]{opacity:.78}
.pq-card[data-st="next"]{border-color:#cbb9e4;background:#cbb9e41a;box-shadow:0 0 0 3px #cbb9e41f}
.pq-card[data-st="next"] .pq-st,.pq-card[data-st="done"] .pq-st{background:#cbb9e4;color:#2c2140;border-color:#cbb9e4}
.pq-card[data-st="done"]{border-color:#cbb9e4;background:#cbb9e42b}
.pq-card[data-st="done"] .pq-card-n{background:#cbb9e4;color:#2c2140;border-color:#cbb9e4}
.pq-btn{display:none;align-items:center;justify-content:center;min-height:44px;min-width:92px;padding:9px 16px;border-radius:9px;background:#cbb9e4;color:#2c2140;font-size:14px;font-weight:700;transition:transform .2s var(--ease),background-color .2s ease}
.pq-btn:hover{background:#dccdf0}.pq-btn:active{transform:scale(.97)}
.js .pq-card[data-st="next"] .pq-btn{display:inline-flex}
.js .pq-card[data-st="next"] .pq-st{display:none}
.pq-rail-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px}
.pq-hint{flex:1 1 220px;font-size:13.5px;line-height:1.5;color:#c3d4bb}
.pq-reset{display:none;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:9px;border:1px solid #ffffff40;color:#e8f0dd;font-size:14px;font-weight:650}
.pq-reset:hover{background:#ffffff12}
.pq-reset.is-shown{display:inline-flex}
.pq-reset .pg-ic{width:15px;height:15px}
.pq-ag{display:flex;margin-top:18px}
.pq-ag>span{display:none;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid #ffffff30;background:#ffffff0a;font-size:13px;font-weight:650;color:#e8f0dd}
.pq-ag .pg-ic{width:15px;height:15px}
.pq-ag[data-s="ok"] .pq-ag-run,.pq-ag[data-s="warn"] .pq-ag-warn,.pq-ag[data-s="stop"] .pq-ag-stop{display:inline-flex}
.pq-ag[data-s="ok"] .pq-ag-run .pg-ic,.pq-ag[data-s="warn"] .pq-ag-warn .pg-ic{color:#d4ebaa}
.pq-ag[data-s="warn"] .pq-ag-warn{border-color:#cbb9e4aa}
.pq-ag[data-s="warn"] .pq-ag-warn .pg-ic{color:#cbb9e4}
.pq-ag[data-s="stop"] .pq-ag-stop{background:#f6f8ee;color:var(--deep);border-color:#f6f8ee}
/* shadow-first: «Aprobar el bloqueo» */
.pq-shadow h3 .pg-tag{margin-left:8px;vertical-align:3px;font-weight:400;letter-spacing:0}
.pq-sh-track{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:6px;align-items:stretch}
.pq-sh-st{padding:11px 12px 12px;border-radius:12px;border:1px dashed #ffffff40;background:#ffffff08;font-size:13px;line-height:1.4;color:#c3d4bb;transition:background-color .3s ease,border-color .3s ease}
.pq-sh-st b{display:flex;align-items:center;gap:7px;margin-bottom:3px;font-size:13.5px;line-height:1.3;color:#f6f8ee}
.pq-sh-st .pg-ic{width:15px;height:15px}
.pq-sh-st.is-on{border-style:solid;border-color:#d4ebaa;background:#d4ebaa1a}
.pq-shadow[data-mode="block"] .pq-sh-st[data-s="measure"]{border-style:dashed;border-color:#ffffff40;background:#ffffff08}
.pq-shadow[data-mode="block"] .pq-sh-st[data-s="block"]{border-style:solid;border-color:#cbb9e4;background:#cbb9e426}
.pq-sh-ar{display:grid;place-items:center;color:#ffffffa6}
.pq-sh-log{display:grid;gap:6px;margin-top:14px}
.pq-sh-log li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:2px 10px;padding:8px 11px;border-radius:10px;background:#00000026;font-size:12.5px;line-height:1.4;color:#d3e0cb}
.pq-sh-log code{grid-row:span 2;padding:0;background:none;color:#a9bfa3;font-size:12px;font-variant-numeric:tabular-nums}
.pq-sh-log em{font-style:normal;font-size:12px;font-weight:650;letter-spacing:.03em;color:#d4ebaa}
.pq-sh-btn{display:none;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-top:16px;padding:9px 18px;border-radius:9px;background:#cbb9e4;color:#2c2140;font-size:14px;font-weight:700;transition:transform .2s var(--ease),background-color .2s ease}
.js .pq-sh-btn{display:inline-flex}
.pq-sh-btn:hover{background:#dccdf0}.pq-sh-btn:active{transform:scale(.97)}
.pq-sh-btn .pg-ic{width:16px;height:16px}
.pq-sh-msg{margin-top:12px;font-size:13.5px;line-height:1.5;color:#c3d4bb}

/* ── 4 · Abierto: modelo a elegir + la misma pila en dos sitios ─────────────── */
.pq-open{display:grid;gap:16px;padding:16px}
.pq-pick{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0}
.pq-pick legend{padding:0;margin-bottom:8px}
.pq-opt{position:relative;display:grid;gap:4px;min-height:44px;padding:10px 13px;border-radius:12px;border:1px solid #d9cfe8;background:var(--white);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.pq-opt:hover{border-color:#b7a3d3}
.pq-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pq-opt-h{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:650;color:var(--deep)}
.pq-opt-h .pg-ic{color:var(--pg-plum)}
.pq-opt-r{position:relative;width:18px;height:18px;border-radius:50%;border:2px solid #b7a3d3;background:var(--white);flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}
.pq-opt small{display:none;padding-left:28px;font-size:13px;line-height:1.45;color:var(--pg-p-ink)}
.pq-opt input:checked + .pq-opt-h .pq-opt-r{background:var(--pg-plum);border-color:var(--pg-plum);box-shadow:inset 0 0 0 3px var(--white)}
.pq-opt input:checked ~ small{display:block}
.pq-opt:has(input:checked){background:var(--pg-p-soft);border-color:#b7a3d3;box-shadow:0 0 0 3px #ece6f5}
.pq-opt:has(input:focus-visible){outline:3px solid #9470ac;outline-offset:3px}
.pq-per{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;font-size:12.5px;color:var(--pg-small)}
.pq-per .pg-chip{font-size:12px;padding:2px 10px}
.pq-dep .pg-label{margin-bottom:10px}
.pq-dep .pg-deploy-l{padding:7px 9px;font-size:12px}
.pq-dep .pg-deploy-col h3{font-size:13px}

/* ── 5 · Organizaciones: una instalación, tres espacios aislados, un administrador ── */
.pq-org{display:grid;gap:14px;padding:16px}
.pq-adm{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 12px;border-radius:12px;border:1.5px dashed #b7a3d3;background:var(--pg-p-soft)}
.pq-adm-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--lavender);color:var(--pg-plum);flex-shrink:0}
.pq-adm b{display:block;font-size:13.5px;line-height:1.2;color:#3f3552}
.pq-adm small{font-size:12px;color:var(--pg-p-ink);line-height:1.3}
.pq-adm>span:nth-child(2){flex:1 1 150px;min-width:0}
.pq-stamp{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;border:1.5px solid var(--pg-plum);border-radius:7px;background:var(--white);color:var(--pg-plum);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.5;transform:rotate(-2deg)}
.pq-inst{position:relative;margin-top:6px;padding:22px 10px 10px;border:2px solid #9cb879;border-radius:16px;background:#fbfcf7}
.pq-inst-tag{position:absolute;top:-10px;left:12px;padding:1px 10px;border-radius:999px;background:#e3edd0;border:1px solid #9cb879;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#3f5a34}
.pq-cross{position:absolute;left:10px;right:10px;top:-26px;height:47px;pointer-events:none}
.pq-cross i{display:block;width:calc((100% - 16px) / 3);height:100%;transform:translateX(calc(var(--i, 1) * (100% + 8px)));transition:transform .55s var(--ease)}
.pq-cross i::before{content:"";position:absolute;left:50%;top:0;bottom:6px;width:0;margin-left:-1px;border-left:2px solid var(--pg-plum)}
.pq-cross i::after{content:"";position:absolute;left:50%;bottom:2px;width:9px;height:9px;margin-left:-5px;border-right:2px solid var(--pg-plum);border-bottom:2px solid var(--pg-plum);transform:rotate(45deg)}
.pq-orgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}
.pq-o{position:relative;display:grid;gap:6px;align-content:start;min-width:0;padding:10px 9px 10px;border-radius:12px;background:var(--pg-t-soft);border:1px solid var(--pg-t-line);transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}
.pq-o-h{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--deep);line-height:1.2}
.pq-o-h .pg-ic{color:var(--pg-t-strong);width:17px;height:17px}
.pq-o-r{display:flex;align-items:center;gap:6px;font-size:12px;color:#35503a;line-height:1.3}
.pq-o-r .pg-ic{color:var(--pg-t-strong)}
.pq-o-lock{display:inline-flex;align-items:center;gap:5px;justify-self:start;margin-top:2px;padding:1px 8px;border-radius:6px;border:1px dashed #a9c18a;background:var(--white);font-size:12px;font-weight:650;color:#4d653e}
.pq-o.is-on{background:var(--white);border-color:var(--pg-plum);box-shadow:0 0 0 3px #ece6f5}
.pq-go{display:none;flex-wrap:wrap;align-items:center;gap:8px}
.js .pq-go{display:flex}
.pq-go-l{margin-right:2px;font-size:12.5px;color:var(--pg-small)}
.pq-go-b{min-height:44px;min-width:44px;padding:8px 14px;border-radius:9px;border:1px solid #cdbfe2;background:var(--white);color:var(--pg-plum);font-size:13.5px;font-weight:650;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s var(--ease)}
.pq-go-b:hover{background:var(--pg-p-soft)}.pq-go-b:active{transform:scale(.97)}
.pq-go-b.is-on{background:var(--pg-plum);border-color:var(--pg-plum);color:#fff}
.pq-audit{padding:10px 12px 11px;border-radius:12px;border:1.5px solid #a9c18a;background:#f7faee}
.pq-audit-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:8px;font-size:12px;color:var(--pg-small)}
.pq-audit-h b{color:var(--ink);font-weight:650}
.pq-audit-log{display:grid;align-content:start;gap:5px}
.js .pq-audit-log{min-height:118px}
.pq-audit-log li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 9px;border-radius:8px;background:var(--white);border:1px solid #d9e4c7;font-size:12px;line-height:1.35;color:#2f4639}
.pq-audit-log time{font-variant-numeric:tabular-nums;color:var(--pg-small)}
.pq-audit-log li>span:nth-child(2) .pg-ic{display:inline-block;vertical-align:-2px;margin-inline:2px;color:var(--pg-plum)}
.pq-aud-ok{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:6px;background:var(--lavender);color:var(--pg-plum);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* ── 6 · Lo que otras plataformas hacen muy bien ───────────────────────────── */
.pq-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.pq-two-h{padding-bottom:12px;margin-bottom:4px;border-bottom:2px solid var(--forest);font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.pq-two-b .pq-two-h{border-color:var(--pg-plum);color:var(--pg-plum)}
.pq-good li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid #d5ddc9;font-size:15.5px;line-height:1.55;color:var(--pg-body)}
.pq-good-ic{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--lime);color:var(--forest)}
.pq-good-ic .pg-ic{width:13px;height:13px;stroke-width:2.2}
.pq-two-b .pg-status{margin-top:0;border-top:0}
.pq-two-b .pg-status li{padding-block:14px}
.pq-two-b .pg-note{margin-top:18px}
.pg-in>.pq-slack{grid-row:3;margin-top:clamp(32px,3.6vw,52px)}
.pq-slack{padding:clamp(22px,2.6vw,36px);border-radius:22px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 48px -35px #173f355c}
.pq-slack-p{max-width:70ch;font-size:16.5px;line-height:1.65;color:var(--pg-body)}
.pq-hook{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:28px}
.pq-hook li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-right:14px}
.pq-hook li::after{content:"";position:absolute;top:22px;left:58px;right:6px;height:2px;background:repeating-linear-gradient(90deg,#c7d3b7 0 6px,transparent 6px 10px)}
.pq-hook li:last-child::after{display:none}
.pq-hook-ic{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;border-radius:13px;background:#eef2e2;border:1px solid #cdd8c1;color:var(--forest)}
.pq-hook-ic--a{background:var(--lime);border-color:#9cbd7d}
.pq-hook b{font-size:14px;line-height:1.25;color:var(--deep)}
.pq-hook small{font-size:12.5px;line-height:1.4;color:var(--pg-small)}

/* ── 7 · Tabla ──────────────────────────────────────────────────────────── */
.pq-table{margin-top:0}
@media(min-width:601px){.pq-table tbody th{width:22%}}

/* ── 8 · Movimiento: entrada escalonada de la línea de tiempo (una vez, desde el estado visible) ── */
.pg-rv.is-armed .pq-tn{opacity:0;transform:translateY(10px)}
.pg-rv.is-in .pq-tn{transition:opacity .55s var(--ease) calc(var(--i, 0) * .13s + .1s),transform .65s var(--ease) calc(var(--i, 0) * .13s + .1s)}
@media(prefers-reduced-motion:reduce){
  .pg-rv.is-armed .pq-tn{opacity:1;transform:none}
  .pq-rise,.pq-node,.pq-node-ic,.pq-link::after,.pq-card,.pq-card-n,.pq-btn,.pq-sh-st,.pq-sh-btn,.pq-opt,.pq-opt-r,.pq-cross i,.pq-o,.pq-go-b,.pq-side,.pq-goal,.pq-ph-h,.pq-del,.pg-rv.is-in .pq-tn{transition:none!important}
}
.reduce .pg-rv.is-armed .pq-tn{opacity:1;transform:none}
.reduce .pq-rise,.reduce .pq-node,.reduce .pq-node-ic,.reduce .pq-link::after,.reduce .pq-card,.reduce .pq-card-n,.reduce .pq-btn,.reduce .pq-sh-st,.reduce .pq-sh-btn,.reduce .pq-opt,.reduce .pq-opt-r,.reduce .pq-cross i,.reduce .pq-o,.reduce .pq-go-b,.reduce .pq-side,.reduce .pq-goal,.reduce .pq-ph-h,.reduce .pq-del,.reduce .pg-rv.is-in .pq-tn{transition:none!important}
@media print{.pg-rv.is-armed .pq-tn{opacity:1;transform:none}}

/* ── 9 · Adaptación ─────────────────────────────────────────────────────── */
/* escena del hero: apilada cuando la ventana es estrecha (contenedor, no viewport) */
@container pq (max-width: 600px){
  .pq-sc{grid-template-columns:minmax(0,1fr);padding:12px 10px 12px}
  .pq-bridge{padding:0;height:46px}
  .pq-bridge::before{top:0;bottom:0;border-left:2px dashed #b7c6a4}
  .pq-bridge span{transform:rotate(90deg)}
  .pq-bridge small{display:none}
  .pq-compose{display:none}
  .pq-ghost{inset:40px 10px 10px}
  .pq-side{padding:11px 10px}
}
@media(max-width:1180px){
  .pq-contrast{grid-template-columns:minmax(0,1fr) 48px minmax(0,1.3fr)}
  .pq-hook-ic{width:40px;height:40px}
  .pq-hook li::after{left:52px;top:20px}
}
@media(max-width:1000px){
  .pq-head{display:block}
  .pq-head h2{margin-bottom:24px}
  .pq-contrast{grid-template-columns:minmax(0,1fr);gap:0}
  .pq-ct-arrow{height:52px}
  .pq-ct-arrow .pg-ic{transform:rotate(90deg)}
  .pq-two{grid-template-columns:minmax(0,1fr);gap:40px}
  .pq-hook{grid-template-columns:minmax(0,1fr);gap:18px}
  .pq-hook li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:1px 14px;align-items:center;padding-right:0}
  .pq-hook li::after{display:none}
  .pq-hook-ic{grid-row:span 2;margin-bottom:0}
  .pq-hook b{align-self:end}.pq-hook small{align-self:start}
}
@media(max-width:600px){
  .pq-ct{padding:22px 20px 24px}
  .pq-ct-big{font-size:30px}
  .pq-parts li{font-size:14px}
  .pq-tl{padding:16px 14px 18px}
  .pq-rail{padding:14px 12px 14px}
  .pq-node{padding:12px 12px 12px;grid-template-columns:40px minmax(0,1fr);gap:4px 12px}
  .pq-node-ic{width:40px;height:40px}
  .pq-card{grid-template-columns:30px minmax(0,1fr);gap:8px 10px;padding:11px 12px}
  .pq-card-n{width:30px;height:30px}
  .pq-card .pq-st,.js .pq-card[data-st="next"] .pq-btn{grid-column:2;justify-self:start}
  .pq-sh-track{grid-template-columns:minmax(0,1fr)}
  .pq-sh-ar{transform:rotate(90deg);height:22px}
  .pq-orgs{gap:6px}
  .pq-cross i{width:calc((100% - 12px) / 3);transform:translateX(calc(var(--i, 1) * (100% + 6px)))}
  .pq-o{padding:9px 7px}
  .pq-o-h b{font-size:12px}
  .pq-o-r{font-size:12px}
  .pq-audit-log li{grid-template-columns:36px minmax(0,1fr)}
  .pq-audit-log li .pq-aud-ok{grid-column:2;justify-self:start}
  .js .pq-audit-log{min-height:178px}
  .pq-stamp{margin-left:0}
  .pq-vs-x{font-size:12px}
  .pq-app-grid{grid-template-columns:1fr}
  .pq-w--data{grid-column:auto}
  .pq-gov li{gap:12px;font-size:15px}
}