/* «Check your order» — estilos compartidos (24 sep 2026). Colores por sitio vía variables definidas en cada css (sf/xera). */
.ped-paso h2{text-align:left}
.ped-nota{font-size:.92rem;color:var(--tinta-suave);margin-top:14px}
.ped-nota a{text-decoration:underline;font-weight:800;color:inherit}
.ped-error{margin:0;padding:12px 16px;border-radius:12px;background:#fde8e6;color:#8a2a22;font-weight:700}
.ped-error.ped-ok{background:#e6f5e8;color:#22602b}
.ped-ocupado{opacity:.65;pointer-events:none}
#ped-code{font-family:Consolas,Menlo,monospace;font-size:1.7rem;letter-spacing:.35em;text-align:center;max-width:280px}
.ped-sub{color:var(--tinta-suave);font-weight:700;margin-bottom:18px}
.ped-card{border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 4px 18px rgba(0,0,0,.07);padding:18px 20px;margin-bottom:16px;border-left:6px solid #7fb069}
.ped-card.ped-refunded,.ped-card.ped-partially_refunded{border-left-color:#c9a13b}
.ped-card.ped-pending,.ped-card.ped-other{border-left-color:#9aa5b1}
.ped-card-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ped-num{display:block;font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.15rem}
.ped-fecha{display:block;font-size:.9rem;color:var(--tinta-suave);font-weight:700}
.ped-estado{font-family:'Fredoka',sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:#e6f5e8;color:#22602b}
.ped-refunded .ped-estado,.ped-partially_refunded .ped-estado{background:#fbf1d6;color:#7a5a10}
.ped-pending .ped-estado,.ped-other .ped-estado{background:#eef1f4;color:#4b5563}
.ped-arts{list-style:none;padding:0;margin:0}
.ped-art{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid rgba(0,0,0,.08);font-weight:700;color:var(--tinta)}
.ped-art:first-child{border-top:0}
.ped-art-nombre{flex:1 1 200px}
.ped-art-nombre small{font-weight:800;color:var(--tinta-suave)}
.ped-plat{font-size:.82rem;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.06)}
.ped-precio{min-width:70px;text-align:right}
.ped-card-pie{display:flex;justify-content:space-between;padding-top:10px;margin-top:4px;border-top:2px solid rgba(0,0,0,.1);font-weight:800}
.ped-card-pie strong{font-size:1.15rem}
.ped-ayuda h3{margin-top:0}
.ped-botones{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.ped-botones .btn{font-size:.9rem;padding:11px 20px}
@media (max-width:640px){.ped-card-cab{align-items:flex-start}.ped-precio{min-width:0}}