/* ── Gap items con botones de compra ─────────────────────── */
    .gap-item {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding: 0.75rem 1rem;
      background: var(--bg-soft, #f4f6f6);
      border: 1px solid var(--border, #dbe3e6);
      border-radius: 8px;
      margin-bottom: 0.5rem;
      flex-wrap: wrap;
    }
    .gap-icon {
      font-size: 1.1rem;
      flex-shrink: 0;
      margin-top: 1px;
    }
    .gap-text {
      flex: 1;
      font-size: 0.875rem;
      color: var(--ink, #12212a);
      line-height: 1.5;
      min-width: 180px;
    }
    .gap-text strong {
      color: var(--ink, #0f1629);
    }
    .gap-product {
      flex-shrink: 0;
      margin-left: auto;
    }
    .gap-buy-btn {
      display: inline-block;
      padding: 0.35rem 0.85rem;
      background: #0f1629;
      color: #fff;
      border-radius:999px;
      font-size: 0.75rem;
      font-weight: 600;
      text-decoration: none;
      white-space: nowrap;
      transition: background 0.15s, transform 0.1s;
    }
    .gap-buy-btn:hover {
      background: #12212a;
      transform: scale(1.02);
    }
    .gap-buy-btn-disabled {
      background: #dbe3e6;
      color: #566770;
      cursor: not-allowed;
      pointer-events: none;
    }
    .gap-buy-btn-disabled:hover {
      transform: none;
    }
    
    /* ── Gaps section ─────────────────────────────────────────── */
    .gaps-section {
      background: var(--bg-card, #fff);
      border: 1.5px solid var(--border);
      border-radius: 8px;
      padding: 2rem;
      margin-bottom: 1.25rem;
    }
    .gaps-title {
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }