@charset "UTF-8";

/* Caso 02 retains the approved case capsule and gives the static example its own surface. */
.pedidos-page .case-capsule { grid-template-columns: minmax(330px, .82fr) minmax(0, 1.38fr); gap: clamp(26px, 3.4vw, 52px); padding-block: 30px; }
.pedidos-page .case-summary h1 { max-width: 9ch; font-size: clamp(3.3rem, 5vw, 5.25rem); }
.pedidos-page .case-subtitle { margin-bottom: 23px; }
.pedidos-page .case-context { max-width: 46ch; font-size: clamp(.98rem, 1.15vw, 1.08rem); }
.pedidos-page .case-contribution { margin-top: 24px; }
.pedidos-page .case-evidence { margin-top: 25px; }
.pedidos-page .case-evidence p { max-width: 46ch; margin: 8px 0 0; color: #c5d6df; font-size: .94rem; line-height: 1.48; }
.pedidos-page .evidence-open { display: inline-flex; flex: none; align-items: center; gap: 8px; min-height: 34px; margin-left: auto; padding: 6px 11px; border: 1px solid rgba(59, 213, 232, .7); border-radius: 4px; background: rgba(59, 213, 232, .08); color: var(--case-cyan); font: inherit; font-size: .8rem; font-weight: 700; white-space: nowrap; cursor: pointer; }
.pedidos-page .evidence-open:hover { border-color: #a0e9ed; background: rgba(59, 213, 232, .17); color: #a0e9ed; }
.pedidos-page .evidence-open:focus-visible { outline: 2px solid var(--case-cyan); outline-offset: 4px; }

.pedidos-page .orders-demo { min-width: 0; overflow: hidden; border: 1px solid rgba(83, 167, 190, .55); border-radius: 7px; background: #e8f0f4; box-shadow: 0 18px 54px rgba(0, 9, 20, .15); color: #15394d; }
.pedidos-page .orders-demo-header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; min-height: 45px; padding: 9px 18px; background: #0e334b; }
.pedidos-page .orders-demo-label { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pedidos-page .orders-demo-header p { margin: 0; color: #c9dce4; font-size: .76rem; font-weight: 600; letter-spacing: .025em; }
.pedidos-page .orders-demo-indicator { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--case-cyan); box-shadow: 0 0 0 3px rgba(59, 213, 232, .15); }
.pedidos-page .orders-demo-body { padding: clamp(15px, 1.8vw, 24px); }
.pedidos-page .orders-step { border: 1px solid #c8d9e0; border-radius: 6px; background: #f8fbfc; }
.pedidos-page .orders-step h2 { display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 13px 17px 0; color: #275066; font-size: .72rem; font-weight: 750; letter-spacing: .08em; line-height: 1.25; text-transform: uppercase; }
.pedidos-page .orders-step h2 span { color: #1389a2; font-size: .88rem; letter-spacing: 0; }
.pedidos-page .orders-request blockquote { margin: 11px 17px 16px; padding: 13px 15px; border-left: 3px solid #39bfd2; border-radius: 0 4px 4px 0; background: #edf6f8; color: #173c50; font-size: clamp(.98rem, 1.15vw, 1.12rem); line-height: 1.4; }
.pedidos-page .orders-flow-arrow { height: 20px; color: #389caf; font-size: 1.1rem; line-height: 20px; text-align: center; }
.pedidos-page .orders-data-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 11px; padding: 13px 16px 16px; }
.pedidos-page .orders-detected { display: grid; gap: 6px; margin: 0; }
.pedidos-page .orders-detected div { display: grid; grid-template-columns: minmax(74px, .7fr) minmax(0, 1fr); align-items: baseline; gap: 9px; padding: 8px 10px; border: 1px solid #dae6eb; border-radius: 4px; background: #fff; }
.pedidos-page .orders-detected dt { color: #5c7888; font-size: .72rem; }
.pedidos-page .orders-detected dd { min-width: 0; margin: 0; color: #183c50; font-size: .86rem; font-weight: 700; }
.pedidos-page .orders-pending { padding: 10px 12px; border: 1px solid #bfd7dd; border-radius: 4px; background: #e9f4f5; }
.pedidos-page .orders-pending h3 { margin: 0 0 7px; color: #176b79; font-size: .73rem; font-weight: 750; letter-spacing: .025em; }
.pedidos-page .orders-pending ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
.pedidos-page .orders-pending li { position: relative; padding-left: 12px; color: #24485b; font-size: .78rem; line-height: 1.25; }
.pedidos-page .orders-pending li::before { position: absolute; top: .45em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #389caf; content: ""; }
.pedidos-page .orders-action-content { padding: 12px 17px 17px; }
.pedidos-page .orders-action-status { display: inline-block; margin: 0 0 8px; padding: 6px 9px; border: 1px solid #8ccdd2; border-radius: 3px; background: #daf0f1; color: #176b79; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pedidos-page .orders-action-content p:last-child { max-width: 65ch; margin: 0; color: #173c50; font-size: .88rem; line-height: 1.42; }
.pedidos-page .orders-demo-note { margin: 0; padding: 0 18px 15px; color: #637c8a; font-size: .7rem; line-height: 1.35; }

.pedidos-evidence-dialog { width: min(960px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); margin: auto; padding: 0; overflow: hidden; border: 1px solid rgba(83, 167, 190, .65); border-radius: 8px; background: #0d293e; color: #f5f8fa; font-family: "Avenir Next", Manrope, "Segoe UI", ui-sans-serif, sans-serif; box-shadow: 0 24px 90px rgba(0, 0, 0, .42); }
.pedidos-evidence-dialog::backdrop { background: rgba(4, 13, 22, .78); }
.pedidos-evidence-dialog .evidence-dialog-scroll { max-height: calc(100dvh - 26px); overflow-y: auto; overscroll-behavior: contain; }
.pedidos-evidence-dialog .evidence-dialog-header { position: sticky; z-index: 1; top: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 19px 22px 15px; border-bottom: 1px solid rgba(204, 227, 235, .2); background: #0d293e; }
.pedidos-evidence-dialog .evidence-dialog-index { margin: 0 0 3px; color: #3bd5e8; font-size: .69rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pedidos-evidence-dialog h2 { margin: 0; font-size: clamp(1.3rem, 2.3vw, 1.8rem); font-weight: 650; letter-spacing: -.025em; line-height: 1.2; }
.pedidos-evidence-dialog .evidence-close { flex: none; width: 39px; height: 39px; padding: 0; border: 1px solid rgba(204, 227, 235, .36); border-radius: 5px; background: transparent; color: #f5f8fa; font-size: 1.65rem; line-height: 1; cursor: pointer; }
.pedidos-evidence-dialog .evidence-close:hover { border-color: #3bd5e8; color: #3bd5e8; }
.pedidos-evidence-dialog button:focus-visible { outline: 2px solid #3bd5e8; outline-offset: 3px; }
.pedidos-evidence-dialog .evidence-selector { display: flex; gap: 8px; padding: 15px 22px 0; }
.pedidos-evidence-dialog .evidence-selector button { flex: 1; min-width: 0; padding: 9px 12px; border: 1px solid rgba(204, 227, 235, .25); border-radius: 4px; background: #17374b; color: #bdcfd9; font: inherit; font-size: .8rem; font-weight: 700; text-align: left; cursor: pointer; }
.pedidos-evidence-dialog .evidence-selector button[aria-pressed="true"] { border-color: #3bd5e8; background: #16516b; color: #f5f8fa; }
.pedidos-evidence-dialog .evidence-selector button span { margin-left: 5px; font-weight: 500; }
.pedidos-evidence-dialog .evidence-figure { margin: 0; padding: 15px 22px 22px; }
.pedidos-evidence-dialog .evidence-figure[hidden] { display: none; }
.pedidos-evidence-dialog .evidence-image { display: flex; align-items: center; justify-content: flex-start; overflow: auto; min-height: 240px; border: 1px solid rgba(204, 227, 235, .25); border-radius: 4px; background: #e9f0f3; }
.pedidos-evidence-dialog .evidence-image img { display: block; width: 100%; max-width: none; height: auto; }
.pedidos-evidence-dialog figcaption { display: grid; gap: 5px; margin-top: 13px; }
.pedidos-evidence-dialog figcaption strong { color: #3bd5e8; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.pedidos-evidence-dialog figcaption span { color: #c5d6df; font-size: .86rem; line-height: 1.4; }

@media (max-width: 900px) {
  .pedidos-page .case-capsule { grid-template-columns: 1fr; gap: 30px; }
  .pedidos-page .case-summary { max-width: 650px; }
}
@media (max-width: 760px) {
  .pedidos-page .case-capsule { padding-block: 30px; }
  .pedidos-page .case-summary h1 { max-width: 10ch; font-size: clamp(3.1rem, 11.3vw, 4.9rem); }
  .pedidos-page .orders-demo-body { padding: 15px; }
}
@media (max-width: 560px) {
  .pedidos-page .case-index { align-items: flex-start; }
  .pedidos-page .orders-data-grid { grid-template-columns: 1fr; }
  .pedidos-page .orders-detected { grid-template-columns: 1fr; }
  .pedidos-evidence-dialog .evidence-dialog-header { padding: 15px 15px 13px; }
  .pedidos-evidence-dialog .evidence-selector { gap: 5px; padding: 12px 15px 0; }
  .pedidos-evidence-dialog .evidence-selector button { padding: 8px 5px; font-size: .73rem; text-align: center; }
  .pedidos-evidence-dialog .evidence-selector button span { display: none; }
  .pedidos-evidence-dialog .evidence-figure { padding: 12px 15px 18px; }
  .pedidos-evidence-dialog .evidence-image { min-height: 160px; }
  .pedidos-evidence-dialog .evidence-image img { min-width: 640px; }
}