/* /ofertas — one row per verdict-passing offer. Same vocabulary as the offer
   table: precio por pañal is the protagonist, pack price is metadata, the
   verdict travels with its sentence. */
.deal-list {
  display: flex; flex-direction: column;
  border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden;
}
.deal {
  display: grid; grid-template-columns: 1fr auto; gap: var(--sp-2xs) var(--sp-md);
  padding: var(--sp-md); border-bottom: 1px solid var(--border);
  transition: background-color 150ms var(--ease-out);
}
.deal:last-child { border-bottom: none; }
.deal:hover { background: var(--surface); }
.deal .what { font-weight: 600; }
.deal .what a { color: var(--ink); text-decoration: none; }
.deal .what a:hover { color: var(--primary-deep); text-decoration: underline; }
.deal .meta { color: var(--muted); font-size: 0.875rem; }
.deal .verdict { margin-top: var(--sp-2xs); }
.deal .right { text-align: right; display: flex; flex-direction: column; gap: var(--sp-2xs); align-items: flex-end; }
.deal .unit-price { font-variant-numeric: tabular-nums; font-weight: 650; font-size: 1.1875rem; white-space: nowrap; }