/* FOODIES: lo que la página necesita cuando recibe pedidos directos. */
.card.agotada .foto, .card.agotada .card-nombre, .card.agotada .card-desc { opacity: .45; }
.agotado-tag { font-weight: 700; font-size: var(--text-sm); color: var(--color-muted); }
.sw-suc { display: flex; gap: 4px; }
.sw-suc button { min-height: 40px; padding: 0 12px; border-radius: 999px; font-weight: 600; color: inherit; }
.sw-suc button[aria-pressed="true"] { background: var(--color-accent); color: var(--color-accent-ink); }
.hoja-suc .p-cuerpo { display: grid; gap: var(--space-sm); }
.t-datos { display: grid; gap: var(--space-xs); margin-top: var(--space-sm); }
.t-dato { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); font-variant-numeric: tabular-nums; }
.t-dato span { min-width: 0; overflow-wrap: anywhere; }
.t-dato small { display: block; color: var(--color-muted); }
.copiar { min-height: 40px; padding: 0 12px; border-radius: 8px; font-weight: 600; box-shadow: inset 0 0 0 1px currentColor; color: inherit; }
.t-recibido { display: grid; gap: var(--space-sm); padding: var(--space-lg); text-align: center; }
.t-recibido .btn { justify-self: center; }