.orden-page .r-hero h1{max-width:1100px}.orden-page .r-intro>p:not(.r-eyebrow){max-width:850px}
.channel-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:3rem 0;padding:1.2rem 1.4rem;border:1px solid var(--line);background:#fff;font-size:.75rem}.channel-strip span{padding:.6rem .8rem;border:1px solid #d8dadd;background:#f7f7f5}.channel-strip i{color:#96999c;font-style:normal}.channel-strip b{margin-left:auto;font-size:1.2rem;font-weight:400}.channel-strip strong{padding:.6rem .8rem;color:#fff;background:var(--dark);font-weight:500}
.orden-guide{padding-bottom:6rem}.orden-step{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:6vw;align-items:start;padding:6rem 0;border-top:1px solid var(--line);scroll-margin-top:95px}.orden-copy{position:sticky;top:110px}.orden-number{display:block;margin-bottom:2rem;color:#7b7d80;font-size:.72rem}.orden-copy h2{max-width:520px;margin:0 0 1.4rem;font-size:clamp(3rem,4.4vw,5.6rem);font-weight:500;letter-spacing:-.08em;line-height:.92}.orden-copy p{max-width:440px;margin:0;color:#626569;font-size:.95rem;line-height:1.65}.orden-check{display:flex;align-items:flex-start;gap:.8rem;max-width:430px;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--ink);font-size:.78rem;line-height:1.45;cursor:pointer}.orden-check input{width:17px;height:17px;flex:0 0 auto;margin-top:.05rem;accent-color:var(--dark)}
.orden-visual{overflow:hidden;border:1px solid #d8dadd;background:#f0f1f1;box-shadow:0 28px 50px rgba(17,18,20,.04)}.visual-label{padding:1.2rem 1.5rem;border-bottom:1px solid #d8dadd;background:#fff;color:#777a7d;font-size:.67rem;font-weight:600;letter-spacing:.08em}.visual-note{padding:1.25rem 1.5rem;background:#f8f8f7;color:#55585b;font-size:.75rem;line-height:1.55}
.channel-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.channel-board .visual-label{grid-column:1/-1;margin:-12px -12px 0}.channel-card{display:flex;flex-direction:column;gap:.55rem;min-height:150px;padding:18px;background:#fff;border:1px solid #d8dadd}.channel-card b{color:#9a9da0;font-size:.65rem;font-weight:500}.channel-card strong{margin-top:auto;font-size:1.35rem;font-weight:500;letter-spacing:-.05em}.channel-card span{color:#727579;font-size:.72rem;line-height:1.4}.channel-card.dark{color:#fff;background:var(--dark);border-color:var(--dark)}.channel-card.dark b,.channel-card.dark span{color:rgba(255,255,255,.55)}
.fields-board{background:#fff}.field-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem;padding:1.15rem 1.5rem;border-bottom:1px solid #e2e3e4;font-size:.78rem}.field-row b{font-weight:600}.field-row span{color:#777a7d}
.prompt-board pre{margin:1.5rem;padding:1.4rem;overflow:auto;border:1px solid #d8dadd;border-radius:10px;background:#fff;color:#35383b;white-space:pre-wrap;font:.8rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.copy-btn{margin:0 1.5rem 1.5rem;padding:.7rem 1rem;border:0;border-radius:6px;color:#fff;background:var(--dark);font:600 .72rem var(--font);cursor:pointer}
.table-board{background:#fff}.raw-message{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:1.5rem;padding:1rem 1.2rem;border:1px solid #d8dadd;background:#f8f8f7;color:#55585b;font-size:.75rem;line-height:1.5}.raw-message b{flex:0 0 auto;color:#8b6b13;font-size:.65rem;font-weight:600;text-transform:uppercase}.table-head,.table-row{display:grid;grid-template-columns:1fr .8fr .8fr 1fr 1.35fr;gap:.6rem;padding:.85rem 1.2rem;font-size:.67rem}.table-head{color:#878a8d;border-top:1px solid #d8dadd;border-bottom:1px solid #d8dadd;font-weight:600;text-transform:uppercase}.table-row{align-items:center;border-bottom:1px solid #e2e3e4;color:#55585b}.pill{width:max-content;padding:.25rem .45rem;border-radius:999px;font-size:.6rem}.pill.new{color:#73530c;background:#f5eac3}.pill.wait{color:#694d68;background:#eee2ed}.pill.done{color:#2d6949;background:#deefe4}
.risk-board{background:#fff}.risk-item{display:grid;grid-template-columns:35px 1fr;gap:.35rem 1rem;padding:1.1rem 1.5rem;border-bottom:1px solid #e2e3e4}.risk-item b{grid-row:span 2;color:#989b9e;font-size:.7rem;font-weight:500}.risk-item strong{font-size:.84rem}.risk-item span{color:#777a7d;font-size:.72rem;line-height:1.45}.risk-item.warning{background:#fff7e2}
.destination-board{background:#fff}.destination{display:grid;grid-template-columns:35px 1fr auto;gap:.7rem;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid #e2e3e4}.destination span{color:#989b9e;font-size:.7rem}.destination strong{font-size:.85rem}.destination em{grid-column:2;color:#777a7d;font-size:.72rem;font-style:normal}.destination i{grid-column:3;grid-row:1/3;color:#b1b4b6;font-style:normal}.destination.active{background:#f0f1f1}.destination.active i{color:#137a37}
.orden-close{padding-top:7rem;padding-bottom:7rem;border-top:1px solid var(--line)}.orden-close h2{max-width:1100px;font-size:clamp(3.2rem,6vw,7rem);font-weight:500;letter-spacing:-.08em;line-height:.93}.orden-close>p:not(.r-eyebrow){max-width:620px;color:#626569;font-size:.9rem;line-height:1.6}.orden-close .r-button{display:inline-flex;margin-top:1.5rem}
@media(max-width:950px){.orden-step{grid-template-columns:1fr;gap:2rem}.orden-copy{position:static}.orden-copy h2{max-width:800px}.orden-copy p,.orden-check{max-width:700px}}
@media(max-width:720px){.channel-strip b{margin-left:0}.orden-guide{padding:0 20px 4rem}.orden-step{padding:4rem 0}.orden-copy h2{font-size:clamp(3rem,11vw,4.4rem)}.channel-board{grid-template-columns:1fr}.channel-board .visual-label{grid-column:auto}.field-row{grid-template-columns:1fr;gap:.35rem;padding:1rem}.raw-message{display:block;margin:1rem}.raw-message b{display:block;margin-top:.7rem}.table-board{overflow:auto}.table-head,.table-row{min-width:620px}.orden-close{padding:4rem 20px}.orden-close h2{font-size:clamp(3rem,11vw,4.4rem)}}

/* Sistema de bordes editorial: cada demostración queda cerrada, limpia y coherente. */
.orden-step{
  position:relative;
  margin:0 0 2rem;
  padding:clamp(2.25rem,5vw,5rem);
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 44px rgba(17,18,20,.035);
}
.orden-step + .orden-step{border-top:1px solid var(--line)}
.orden-copy{padding-right:clamp(0rem,2vw,2.5rem)}
.orden-visual{border-color:var(--line);border-radius:16px;box-shadow:0 18px 34px rgba(17,18,20,.045)}
.visual-label{border-bottom-color:var(--line)}
.channel-strip{border-color:var(--line);border-radius:16px;box-shadow:0 10px 24px rgba(17,18,20,.025)}
.channel-strip span,.channel-strip strong{border-radius:8px}
.channel-board{gap:10px}
.channel-board .visual-label{border-radius:0}
.channel-card{border-color:var(--line);border-radius:12px}
.fields-board,.table-board,.risk-board,.destination-board{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.field-row,.table-head,.table-row,.risk-item,.destination{border-color:#e2e3e4}
.prompt-board pre{border-color:var(--line);border-radius:12px}
.copy-btn{border:1px solid rgba(255,255,255,.14);border-radius:8px}
.raw-message{border-color:var(--line);border-radius:12px}
.orden-close{margin:0 5vw 5vw;padding:clamp(4rem,8vw,8rem);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 44px rgba(17,18,20,.035)}
@media(min-width:951px){.orden-step>.orden-copy{border-right:1px solid var(--line)}}
@media(max-width:950px){.orden-step>.orden-copy{padding-right:0;padding-bottom:2rem;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:720px){.orden-guide{padding:0 14px 3rem}.orden-step{margin-bottom:1rem;padding:2rem 1.1rem;border-radius:18px}.orden-step>.orden-copy{padding-bottom:1.5rem}.orden-close{margin:0 14px 3rem;padding:3.5rem 1.25rem;border-radius:18px}}
