.legal-wrap { max-width: 760px; margin: 0 auto; padding: 56px 32px 90px; }
.legal-wrap h1 { font-size: 2rem; margin-bottom: 8px; }
.legal-updated { color: var(--ink-soft); font-size: 0.82rem; margin-bottom: 28px; }
.legal-wrap h2 { font-size: 1.15rem; margin: 34px 0 12px; }
.legal-wrap h3 { font-size: 0.98rem; margin: 20px 0 10px; }
.legal-wrap p, .legal-wrap li { font-size: 0.9rem; line-height: 1.7; color: var(--ink); }
.legal-wrap ul, .legal-wrap ol { padding-left: 22px; display: flex; flex-direction: column; gap: 6px; }
.legal-wrap a { color: var(--accent-deep); text-decoration: underline; }
.legal-wrap code { background: var(--bg-soft); padding: 1px 6px; border-radius: 5px; font-size: 0.84em; }

.callout {
  background: var(--bg-soft); border: 1px solid var(--line); border-left: 4px solid var(--accent);
  border-radius: 10px; padding: 16px 20px; font-size: 0.86rem; color: var(--ink-soft); margin-bottom: 8px; line-height: 1.6;
}
.callout-ok { border-left-color: var(--ok); }
.callout-bad { border-left-color: #b3261e; }
.callout-pending { border-left-color: #a3660b; }

.legal-back { display: inline-block; margin-top: 36px; }

/* mis pedidos */
.orders-empty { grid-column: 1 / -1; text-align: center; padding: 60px 20px; color: var(--ink-soft); }
.order-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; margin-bottom: 16px; }
.order-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.order-id { font-weight: 700; font-size: 0.92rem; }
.order-status {
  font-size: 0.7rem; font-weight: 700; padding: 5px 12px; border-radius: var(--radius-pill);
  background: var(--bg-soft); text-transform: uppercase; letter-spacing: 0.03em;
}
.order-status.ok { background: #e3f6ea; color: #1f7a44; }
.order-status.pending { background: #fef3e0; color: #a3660b; }
.order-status.bad { background: #fdecea; color: #b3261e; }
.order-status.neutral { background: var(--bg-soft); color: var(--ink-soft); }
.order-items { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.order-item-row { display: flex; align-items: center; gap: 12px; font-size: 0.86rem; }
.order-item-row img { width: 46px; height: 46px; object-fit: cover; border-radius: 8px; background: var(--bg-soft); }
.order-arrepentimiento { margin-top: 14px; }
.order-factura-link { display: inline-block; margin-top: 12px; font-size: 0.85rem; font-weight: 600; }
.order-date { font-size: 0.78rem; color: var(--ink-soft); }
.order-total { font-weight: 700; }
.order-total-row { padding-top: 12px; }