/* Private request follow-up: scoped to mi-pedido.html. */
body.mi-pedido-portal {
  --portal-ink:#171514;
  --portal-paper:#fff;
  --portal-muted:#625d58;
  --portal-line:#dedbd8;
  --portal-red:#e20613;
  background:#fff;
  color:var(--portal-ink);
  font-family:var(--mk-body,'Archivo',sans-serif)!important;
}
body.mi-pedido-portal .lista-topbar { background:#070707; }
body.mi-pedido-portal .lista-topbar__inner { width:min(100% - 48px, 1180px); min-height:72px; }
body.mi-pedido-portal .lista-main { width:min(100% - 48px, 1180px); min-height:calc(100dvh - 148px); padding:clamp(34px,7vh,76px) 0 48px; }
body.mi-pedido-portal .lista-main { background:#fff; }
body.mi-pedido-portal .portal-card {
  max-width:760px;
  margin:0 auto;
  padding:clamp(22px,4.4vw,42px);
  border:1px solid var(--portal-line);
  border-radius:22px;
  background:var(--portal-paper);
  box-shadow:0 16px 45px rgba(25,20,16,.07);
}
body.mi-pedido-portal .portal-card .lista-step { margin:0 0 11px; color:#a71922; font:700 13px/1.2 var(--mk-body,'Archivo',sans-serif)!important; letter-spacing:.1em; }
body.mi-pedido-portal #mi-pedido-title {
  max-width:18ch;
  margin:0 0 12px;
  color:var(--portal-ink);
  font:400 clamp(34px,5vw,52px)/1.02 var(--mk-display,'Anton',sans-serif)!important;
  letter-spacing:.005em!important;
  text-transform:uppercase;
}
body.mi-pedido-portal .portal-lead,
body.mi-pedido-portal .portal-help p,
body.mi-pedido-portal .portal-noscript {
  max-width:64ch;
  margin:0 0 22px;
  color:var(--portal-muted);
  font:400 16px/1.55 var(--mk-body,'Archivo',sans-serif)!important;
}
body.mi-pedido-portal .portal-loading { display:flex; align-items:center; gap:12px; margin:22px 0; color:var(--portal-muted); font:600 16px/1.4 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-loading[hidden],
body.mi-pedido-portal .portal-result[hidden],
body.mi-pedido-portal .portal-help[hidden] { display:none!important; }
body.mi-pedido-portal .portal-spinner { width:23px; height:23px; flex:none; border:2px solid #e3dedb; border-top-color:var(--portal-red); border-radius:50%; animation:portal-spin .8s linear infinite; }
@keyframes portal-spin { to { transform:rotate(360deg); } }
body.mi-pedido-portal .portal-status { display:flex; align-items:center; gap:10px; margin:23px 0 16px; padding:12px 14px; border:1px solid #d8e6d9; border-radius:12px; background:#fff; color:#234f2a; font:700 15px/1.35 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-status__dot { width:9px; height:9px; flex:none; border-radius:50%; background:#318844; }
body.mi-pedido-portal .portal-order-number { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 0; border-bottom:1px solid var(--portal-line); }
body.mi-pedido-portal .portal-order-number span { color:var(--portal-muted); font:600 14px/1.4 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-order-number strong { color:var(--portal-ink); font:700 18px/1.2 var(--mk-body,'Archivo',sans-serif); overflow-wrap:anywhere; }
body.mi-pedido-portal .portal-note { margin:15px 0 23px; padding:14px 16px; border-left:3px solid var(--portal-red); background:#fff; color:#393431; font:400 15px/1.5 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-snapshot { padding:20px; border-radius:16px; background:#fff; }
body.mi-pedido-portal .portal-snapshot h2 { margin:0 0 11px; color:var(--portal-ink); font:400 clamp(23px,3.4vw,30px)/1.08 var(--mk-display,'Anton',sans-serif)!important; letter-spacing:.005em!important; text-transform:uppercase; }
body.mi-pedido-portal .portal-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; }
body.mi-pedido-portal .portal-summary>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,auto); grid-column:1/-1; align-items:start; gap:16px; padding:11px 0; border-top:1px solid #e0ddda; }
body.mi-pedido-portal .portal-summary>div.portal-summary__money { display:flex; min-width:0; flex-direction:column; justify-content:space-between; grid-column:auto; gap:6px; padding:12px 10px; border:1px solid #e0ddda; border-radius:12px; background:#fff; }
body.mi-pedido-portal .portal-summary dt { color:#514c48; font:600 14px/1.4 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-summary dd { max-width:33ch; margin:0; color:var(--portal-ink); text-align:right; font:700 14px/1.4 var(--mk-body,'Archivo',sans-serif); overflow-wrap:anywhere; }
body.mi-pedido-portal .portal-summary>div.portal-summary__money dd { max-width:none; text-align:left; font-size:16px; }
body.mi-pedido-portal .portal-summary dd.portal-summary__missing { color:#706a65; font-weight:500; }
body.mi-pedido-portal .portal-missing { margin:14px 0 0; color:#625d58; font:400 14px/1.45 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-reference { width:100%; margin-top:15px; min-height:48px; }
body.mi-pedido-portal .portal-reference[hidden] { display:none!important; }
body.mi-pedido-portal #mi-pedido-feedback { min-height:1.4em; margin:15px 0 0; color:var(--portal-muted); font:600 14px/1.4 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal #mi-pedido-feedback[data-tone="error"] { color:#9b171e; }
body.mi-pedido-portal .portal-help { margin-top:19px; padding-top:17px; border-top:1px solid var(--portal-line); }
body.mi-pedido-portal .portal-help p { margin:0; font-size:14px!important; }
body.mi-pedido-portal .portal-actions { display:flex; justify-content:center; gap:12px; width:min(100%,760px); margin:18px auto 0; }
body.mi-pedido-portal .portal-actions .lista-btn { display:inline-flex; min-width:220px; min-height:48px; align-items:center; justify-content:center; gap:8px; margin:0; padding:12px 18px; border-radius:999px; text-align:center; text-decoration:none; font:700 15px/1.25 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-actions .lista-btn--red { color:#fff; background:var(--portal-red); }
body.mi-pedido-portal .portal-actions .lista-btn--wa { color:#fff; background:#171514; }
body.mi-pedido-portal .portal-actions .lista-btn:focus-visible,
body.mi-pedido-portal .portal-reference:focus-visible { outline:3px solid #171514; outline-offset:3px; }
body.mi-pedido-portal .lista-footer { width:min(100% - 48px,1180px); margin:0 auto; }
body.mi-pedido-portal :is(a,button,input):focus-visible { outline:3px solid var(--portal-red); outline-offset:3px; }

@media(max-width:767px) {
  body.mi-pedido-portal .lista-topbar__inner { width:calc(100% - 32px); min-height:64px; }
  body.mi-pedido-portal .lista-brand { height:38px; }
  body.mi-pedido-portal .lista-main { width:calc(100% - 32px); min-height:calc(100dvh - 128px); padding:28px 0 34px; }
  body.mi-pedido-portal .portal-card { padding:21px 18px; border-radius:18px; }
  body.mi-pedido-portal .portal-lead { margin-bottom:18px; }
  body.mi-pedido-portal .portal-snapshot { padding:15px 13px; }
  body.mi-pedido-portal .portal-summary>div { grid-template-columns:minmax(0,1fr) minmax(118px,45%); gap:9px; padding:10px 0; }
  body.mi-pedido-portal .portal-summary>div.portal-summary__money { grid-template-columns:minmax(0,1fr); padding:10px 8px; }
  body.mi-pedido-portal .portal-summary dt,
  body.mi-pedido-portal .portal-summary dd { font-size:14px; }
  body.mi-pedido-portal .portal-summary>div.portal-summary__money dd { font-size:15px; }
  body.mi-pedido-portal .portal-actions { flex-direction:column; width:100%; }
  body.mi-pedido-portal .portal-actions .lista-btn { width:100%; min-width:0; }
  body.mi-pedido-portal .lista-footer { width:calc(100% - 32px); }
}
@media(prefers-reduced-motion:reduce) {
  body.mi-pedido-portal .portal-spinner { animation:none; border-top-color:#e3dedb; border-right-color:var(--portal-red); }
}

/* 06-oct · Entrar con número de orden + correo. */
body.mi-pedido-portal .portal-lookup { display:grid; gap:12px; margin:4px 0 6px; padding:16px; border:1px solid var(--portal-line,#e7e4e0); border-radius:14px; background:#fff; }
body.mi-pedido-portal .portal-lookup[hidden] { display:none!important; }
body.mi-pedido-portal .portal-lookup__field { display:grid; gap:6px; }
body.mi-pedido-portal .portal-lookup label { color:#151413; font:600 14px/1.3 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-lookup input { box-sizing:border-box; width:100%; min-height:48px; padding:10px 14px; border:1px solid #cfcac4; border-radius:10px; background:#fff; color:#151413; font:400 16px/1.3 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-lookup input:focus-visible { outline:3px solid #ef777d; outline-offset:2px; border-color:#151413; }
body.mi-pedido-portal .portal-lookup button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; width:100%; font:600 16px/1.2 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-lookup__estado { margin:0; min-height:1px; color:#a71922; font:500 14px/1.4 var(--mk-body,'Archivo',sans-serif); }
body.mi-pedido-portal .portal-lookup__estado:empty { display:none; }