/* Caja web: «¿Cómo se vende?» — la pieza y cada presentación (six, 12, cartón…) con su precio. Una lista de botones grandes y táctiles, con el número que los elige con el teclado. */
.pr-ops { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.pr-op { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 58px; padding: 6px 12px; text-align: left; }
.pr-op .pr-n { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--borde, rgba(255,255,255,.2)); font-size: 13px; font-weight: 700; color: var(--suave); }
.pr-op .pr-t { display: flex; flex-direction: column; min-width: 0; }
.pr-op .pr-t b { font-size: 16px; overflow-wrap: anywhere; }
.pr-op .pr-t small { font-size: 12px; font-weight: 400; color: var(--suave); }
.pr-op .pr-p { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.celular .pr-op { min-height: 62px; }